body,html{
    width:100%;
    height:100%
}
body{
    font-family: 'Poppins', sans-serif;
}
.btn-xl{
    padding:0.25rem 1.5rem
}
.content-section{
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.content-section-heading h2{
    font-size:3rem
}
.content-section-heading h3{
    font-size:1rem;
    text-transform:uppercase
}
h1,h2,h3,h4,h5,h6{
    font-weight:500; font-family: 'Poppins', sans-serif;
}
.text-faded{
    color:rgba(255,255,255,.7)
}
.map{
    height:30rem
}
@media (max-width:992px){
    .map{
        height:75%
    }
}
.map iframe{
    pointer-events:none
}
.scroll-to-top{
    position:fixed;
    right:15px;
    bottom:15px;
    display:none;
    width:50px;
    height:50px;
    text-align:center;
    color:#fff;
    background:rgba(52,58,64,.5);
    line-height:45px
}
.scroll-to-top:focus,.scroll-to-top:hover{
    color:#fff
}
.scroll-to-top:hover{
    background:#343a40
}
.scroll-to-top i{
    font-weight:800
}
.masthead{
    min-height:250px;
    position:relative;
    display:table;
    width:100%;
    height:auto;
    padding-top:8rem;
    padding-bottom:8rem;
    /*background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.1))),url(../img/bg-banner1.jpg);
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-banner1.jpg);*/
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.masthead h1{
    font-size:2rem;
    margin:0;
    padding:0
}
@media (min-width:992px){
    .masthead{
        height:250px;
    }
    .masthead h1{
        font-size:1.5rem
    }
}
#sidebar-wrapper{
    position:fixed;
    z-index:2;
    right:0;
    width:250px;
    height:100%;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    -webkit-transform:translateX(250px);
    transform:translateX(250px);
    /*background:#1d809f;*/
	background:#4b4fa1;
    border-left:1px solid rgba(255,255,255,.1)
}
.sidebar-nav{
    position:absolute;
    top:0;
    /*width:250px;*/
	width:100%;
    margin:0;
    padding:0;
    list-style:none; text-align:center;
	
	 
}
.sidebar-nav li.sidebar-nav-item a{
     
    color:#fff;
    padding:15px;
	
	font-size: 1.8rem;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
	
	 text-decoration: none;
  display: inline-block;
  position: relative; 
}
/*.sidebar-nav li a:hover{
    text-decoration:none;
    color:#fff;
    
}*/

/*effect-box*/
.sidebar-nav-item a:after,
.sidebar-nav-item a:before {
	content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1.2em;
  width: 100%;
  margin-top: 3px;
  opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	
}

.sidebar-nav-item a:before {
  border-left: 1px solid;
  border-right: 1px solid;
  -webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.sidebar-nav-item a:after {
  border-bottom: 1px solid;
  border-top: 1px solid;
  -webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.sidebar-nav-item a:hover:after,
.sidebar-nav-item a:hover:before {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.sidebar-nav li a:active,.sidebar-nav li a:focus{
    text-decoration:none
}
.sidebar-nav>.sidebar-brand{
    font-size:1.2rem;
    background:rgba(52,58,64,0);
    height:80px;
    line-height:50px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px
}
.sidebar-nav>.sidebar-brand a{
    color:#fff
}
.sidebar-nav>.sidebar-brand a:hover{
    color:#fff;
    background:0 0
}
#sidebar-wrapper.active{
    right:250px;
    /*width:250px;*/
	width: 100%;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.menu-toggle{
    position:fixed;
    right:15px;
    top:15px;
    width:50px;
    height:40px;
    text-align:center;
    color:#fff;
    background:rgba(52,58,64,.5);
    line-height:50px;
    z-index:999
}
.menu-toggle:focus,.menu-toggle:hover{
    color:#fff
}
.menu-toggle:hover{
    background:#343a40
}
.service-icon{
    background-color:#fff;
    color:#1d809f;
    height:7rem;
    width:7rem;
    display:block;
    line-height:7.5rem;
    font-size:2.25rem;
    -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}
.callout{
    padding:5rem 0;
 
 


	  background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.1))),url(../img/bg-callout.jpg);
    background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(../img/bg-callout.jpg); 
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
	 background-attachment: fixed;  
}
.callout h2{
    font-size:3.5rem;
    font-weight:700;
    display:block;
    max-width:30rem
}
.features-item{
    display:block;
    position:relative;
    overflow:hidden;
    max-width:530px;
    margin:auto auto 1rem
}
.features-item .caption{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    width:100%;
    background-color:rgba(33,37,41,.2);
    position:absolute;
    top:0;
    bottom:0;
    z-index:1
}
.features-item .caption .caption-content{
    color:#fff;
    margin:auto 2rem 2rem
}
.features-item .caption .caption-content h2{
    /*font-size:.8rem;
    text-transform:uppercase;*/
	font-size: 1.3rem;
    text-transform: none;
}
.features-item .caption .caption-content p{
    font-weight:300;
    font-size:1rem
}
@media (min-width:992px){
    .features-item{
        max-width:none;
        margin:0
    }
    .features-item .caption{
        -webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;
        -webkit-clip-path:inset(0);
        clip-path:inset(0)
    }
    .features-item .caption .caption-content{
        -webkit-transition:opacity .25s;
        transition:opacity .25s;
        margin-left:5rem;
        margin-right:5rem;
        margin-bottom:5rem; margin-top: 5rem;
    }
    .features-item img{
        -webkit-transition:-webkit-clip-path .25s ease-out;
        -webkit-clip-path:inset(-1px);
        clip-path:inset(-1px)
    }
    .features-item:hover img{
        -webkit-clip-path:inset(2rem);
        clip-path:inset(2rem)
    }
    .features-item:hover .caption{
        background-color:rgba(29,128,159,.9);
        -webkit-clip-path:inset(2rem);
        clip-path:inset(2rem)
    }
}
footer.footer{
    padding-top:5rem;
    padding-bottom:5rem
}
footer.footer .social-link{
    display:block;
    height:4rem;
    width:4rem;
    line-height:4.3rem;
    font-size:1.5rem;
    background-color:#1d809f;
    -webkit-transition:background-color .15s ease-in-out;
    transition:background-color .15s ease-in-out;
    -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow:0 3px 3px 0 rgba(0,0,0,.1)
}
footer.footer .social-link:hover{
    background-color:#155d74;
    text-decoration:none
}
a{
    color:#1d809f
}
a:active,a:focus,a:hover{
    color:#155d74
}
.btn-primary{
    background-color:#1d809f!important;
    border-color:#1d809f!important;
    color:#fff!important
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    background-color:#155d74!important;
    border-color:#155d74!important
}
.btn-secondary{
    background-color:#ecb807!important;
    border-color:#ecb807!important;
    color:#fff!important
}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
    background-color:#ba9106!important;
    border-color:#ba9106!important
}
.btn-dark{
    color:#fff!important
}
.btn{
    -webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
    box-shadow:0 3px 3px 0 rgba(0,0,0,.1);
    font-weight:700
}
.bg-primary{
   background: #326295 !important;
}
.text-primary{
    color:#1d809f!important
}
.text-secondary{
    color:#ecb807!important
}










.headlogo {
    background: none;
    position: fixed;
    left: 50px;
    top: 15px;
   
    text-align: center;
  
    background: rgba(52, 58, 64, 0);
    line-height: 50px;
    z-index: 999;
}





#myCarousel .carousel-item .mask {
    position: absolute;
    top: 10%;
	left:10%; right:10%;
	height:100%;
    width: 80%;
    background-attachment: fixed;
}
#myCarousel h4{
	font-size:50px;
	margin-bottom:15px;
	color:#FFF;
	line-height:100%;
	letter-spacing:0.5px;
	font-weight:300;
}
#myCarousel p{
	font-size:18px;
	margin-bottom:15px;
	color:#d5d5d5;
}
#myCarousel .carousel-item a{background:#F47735; font-size:14px; color:#FFF; padding:13px 32px; display:inline-block; }
#myCarousel .carousel-item a:hover{background:#394fa2; text-decoration:none;  }

#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
#myCarousel .container {max-width: 1430px;  }
#myCarousel .carousel-item{height:100%; min-height:600px; }
#myCarousel{position:relative; z-index:1; background: url(../img/mainbg.jpg) center center no-repeat; background-size:cover; }

.carousel-control-next, .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: rgba(244, 119, 53, 0); }


.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-property: opacity;
	transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
	opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
	opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
	.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
	}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


 
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}



 
     .bg-grey {
        background: #292929;
     }
     .logo-footer {
        margin-bottom: 40px;
     }
     footer {
            color: grey;
     }
     footer p, a {
    font-size: 12px;
    
}
footer h6 {
     
    margin-bottom: 40px;
    position: relative;
}
footer h6:after {
    position: absolute;
    content: "";
    background: grey;
    width: 12%;
    height: 1px;
    left: 0;
    bottom: -20px;
}
     .btn-footer {
                 color: grey;
              
                text-decoration: none;
                border: 1px solid;
                border-radius: 43px;
                font-size: 13px;
                padding: 7px 30px;
                line-height: 47px;
     }
     .btn-footer:hover {
                
                text-decoration: none;
               
     }
	 
	 .btn-schedule {
    color: white;
    text-decoration: none;
    border: 1px solid;
    border-radius: 43px;
    font-size: 16px;
    padding: 7px 20px;
    line-height: 47px;
}
 .btn-schedule:hover {
                
                text-decoration: none;
               
     }
    .form-footer input[type="text"] {
        border: none;
    border-radius: 16px 0 0 16px;
    outline: none;
    padding-left: 10px;
    
}
::placeholder {
    font-size: 10px;
    padding-left: 10px;
    font-style: italic;
}
 .form-footer input[type="button"] {
    border: none;
    background:#232323;
        margin-left: -5px;
    color: #fff;
    outline: none;
    border-radius: 0 16px 16px 0;
    padding: 2px 12px;
}
     .social .fa {
    color: grey;
    font-size: 22px;
    padding: 10px 15px;
    background: #3c3c3c;
}
     footer ul li {
    list-style: none;
    display: block;
}
  footer ul  {
   padding-left: 0;
}
footer ul  li a{
  text-decoration: none;
  color: grey;
  text-decoration:none;
}
footer ul  li a:hover {
    text-decoration: none;
    color: #f5f5f5 !important;
    
}
.logo-part {
    border-right: 1px solid grey;
    height: 100%;
    }
	
	 


 

.card {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-color: transparent;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom:1px;
    border:none;
}
.card-header:first-child {
    border-radius: 0;
}
.card-header {
     background-color: transparent;
    margin-bottom: 0;
    padding: 20px 1.25rem;
	padding-left:0px !important;
    border:none;
    
}
.card-header a i{
    float:left;
    font-size:25px;
    padding:5px 0;
    margin:0 25px 0 0px;
    color:#195C9D;
}
.card-header i{
    float:right;        
    font-size:30px;
    width:1%;
    margin-top:8px;
    margin-right:10px;
}
.card-header a{
    width:97%;
    float:left;
    color:#565656; text-decoration:none;
}
.card-header p{
    margin:0;
}

.card-header h3{
    margin:0 0 0px;
    font-size:20px;
     
    color:#fff;
}
.card-block {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color:#fff;
    
    border-top:1px soild #000;
    border-radius:0; font-weight: 300;
    padding-left: 0px;
    font-size: 14px;
}
.card-block ul{ padding-left:15px;}
<!--video-->

.bggray {
    background-color: #3d3d3d;
}
.position-static {
    position: static!important;
}
.section-xl {
    padding: 110px 0; background:#495057!important;
}
 
@media (min-width: 992px){
.justify-content-lg-between {
    justify-content: space-between!important;
}
}
@media (min-width: 768px){
.video-1 .video-image {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
    object-position: center center;
}
.video-2 .video-image {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
    object-position: center center;
}
.video {
    position: relative;
    display: inline-block;
    background: #3d3d3d;
    z-index: 0;
}
.video-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
}
.video-2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
}
}


 

.video{
    position:relative;
    display:inline-block;
    background:#3d3d3d;
    z-index:0
}
.video-1 .video-image{
    opacity:1
}
.video-image{
    width:100%;
    opacity:.67
}
.video-link{
    position:absolute;
    text-align:center;
    top:50%;
    left:50%;
    width:70px;
    height:70px;
    font-size:26px;
    line-height:70px;
    border-radius:50%;
    color:#f6435f;
    transform:translate(-50%,-50%);
    z-index:1
}
.video-link::before,.video-link::after{
    display:inline-block;
    position:absolute;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:inherit;
    transition:all .2s ease;
    z-index:-1
}
.video-link::before{
    background:rgba(255,255,255,.34);
    transform:scale(1.15)
}
.video-link::after{
    background:#fff
}
.video-link .icon{
    font-size:inherit;
    line-height:inherit
}
.video-link:hover{
    color:#f6435f
}
.video-link:hover::before{
    transform:scale(2);
    background:0 0
}
.video-link:hover::after{
    transform:scale(.8);
    background:rgba(255,255,255,.7)
}
*+.video{
    margin-top:30px
}
@media(min-width:768px){
    .video-1{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:50%
    }
   .video-1 .video-figure{
        position:relative;
        overflow:hidden;
        width:100%;
        height:100%
    } 
	 
     .video-1 .video-image{
         position:absolute;
        top:50%;
        left:50%;
       transform:translate(-50%,-50%);
        min-height:100%;
        min-width:100%;
        width:auto;
        height:auto;
        max-width:none;
        z-index:-1; 
		
		 
		
    } 
	 
	
	
    @supports(object-fit:cover){
        .video-1 .video-image{
            left:0;
            top:0;
            width:100%;
            height:100%;
            transform:none;
            object-fit:cover;
            object-position:center center;
			 
        }
		 
    }
}
@media(min-width:992px){
    .video-1 .video-link{
        left:0
    }
    .video-link{
        width:90px;
        height:90px;
        font-size:30px;
        line-height:90px
    }
}
@media(min-width:1200px){
    .video-1 .video-link{
        width:120px;
        height:120px;
        font-size:40px;
        line-height:120px
    }
}
.video-classic{
    text-align:center;
    display:inline-block;
    color:#fff;
    z-index:1
}

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px; z-index:999;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}


.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    font-size: 24px;  
}
i.fas.fa-times {
    font-size: 24px;  
}




 @media (min-width: 768px){
.about-out {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.about-out-item:nth-child(1) {
    position: relative;
}

.about-out-item {
    flex-basis: 50%;
}
.about-out-item:nth-child(1) .about-out-item-inner, .about-out-item:nth-child(2) .about-out-item-inner {
    margin-top: 0;
}
.about-out-item-inner, .about-out-item-inner:first-child, .about-out-item-inner:last-child {
    max-width: calc(100% - 60px / 2);
    margin-top: 60px;
}
.about-out-item-inner, .about-out-item-inner:first-child, .about-out-item-inner:last-child {
    margin-top: 60px;
}
.about-out-item:nth-child(1) .about-out-item-inner, .about-out-item:nth-child(2) .about-out-item-inner {
    margin-top: 0;
}

.about-out-item:nth-child(even):not(:last-child) {
    position: relative;
}
.about-out-item:nth-child(even) {
    text-align: right;
}
.about-out-item:nth-child(even):not(:last-child):before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 30px;
    right: 0;
    height: 1px;
    border-top: 1px solid #677998;
}
.about-out-item:nth-child(1) .about-out-item-inner, .about-out-item:nth-child(2) .about-out-item-inner {
    margin-top: 0;
}
.about-out-item-inner, .about-out-item-inner:first-child, .about-out-item-inner:last-child {
    max-width: calc(100% - 60px / 2);
    margin-top: 60px;
}
.about-out-item:nth-child(odd):not(:nth-child(1)) {
    position: relative;
}
.about-out-item:nth-child(even) {
    text-align: right;
}
.about-out-item-inner, .about-out-item-inner:first-child, .about-out-item-inner:last-child {
    max-width: calc(100% - 60px / 2);
    margin-top: 60px;
}

.about-out-item:nth-child(odd):not(:nth-child(1)):after {
    content: '';
    position: absolute;
    right: 0;
    top: 48px;
    bottom: -12px;
    width: 1px;
    border-left: 1px solid #677998;
}
.about-out-item:nth-child(odd):not(:first-child):before {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    right: 30px;
    height: 1px;
    border-top: 1px solid #677998;
}
.about-out-item:nth-child(1):after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: -12px;
    width: 1px;
    border-left: 1px solid #677998;
}
.about-out-item:nth-child(odd):not(:nth-child(1)):after {
    content: '';
    position: absolute;
    right: 0;
    top: 48px;
    bottom: -12px;
    width: 1px;
    border-left: 1px solid #677998;
}
.about-out-item:nth-child(2n + 3) .about-out-item-inner-decor {
    position: absolute;
    right: 0;
    top: 30px;
    width: 15px;
    height: 15px;
    transform: translate(50%, -50%);
    background-color: #00BB6D;
}
 }
 @media (min-width: 1200px) and (min-width: 768px){
.about-out-item:nth-child(1):after {
    bottom: -12px;
}
.about-out-item:nth-child(odd):not(:first-child):before {
    top: 30px;
}
.about-out-item:nth-child(odd):not(:nth-child(1)):after {
    top: 48px;
    bottom: -12px;
}
.about-out-item:nth-child(odd):not(:first-child):before {
    top: 30px;
}
.about-out-item:nth-child(1):after {
    bottom: -12px;
}
.about-out-item:nth-child(2n + 3) .about-out-item-inner-decor {
    top: 30px;
}
.about-out-item:nth-child(odd):not(:nth-child(1)):after {
    top: 48px;
    bottom: -12px;
}
 }
/* @media (max-width: 767px){
.about-out-item + .about-out-item:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    border-top: 1px solid #677998;
}
 }*/
.about-out-item-inner {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    min-height: 280px;
    width: 100%;
    text-align: center;
    background-color: rgba(28, 59, 110, 0.88);
}
.about-out-item-inner p {
    color: #b9c6dd; font-size:13px;
}
.about-out-item-inner h4 {
    color: #fff; font-size:18px; margin-bottom:5px;
}
 
 /* #Navigation
================================================== */

/*.start-header {
	opacity: 1;
	transform: translateY(0);
	padding: 10px 0;
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}*/
.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 12px 0;
    box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   /* background: rgba(0, 188, 212, .70);
    background: -webkit-linear-gradient(320deg, rgba(0, 188, 212, .70), #4766c8, rgba(100, 48, 148, .70));
    background: -o-linear-gradient(320deg, rgba(0, 188, 212, .70), #4766c8, rgba(100, 48, 148, .70));
    background: linear-gradient(130deg, rgba(0, 188, 212, .70), rgb(0, 123, 255), rgb(0, 123, 255));*/
	background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
}
.start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	padding: 5px 0;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
	height: 28px;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar{
	padding: 0;
}
.navbar-brand img{
	height: 52px;
	width: auto;
	display: block;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 1px solid #fff;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #fff;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
/*.nav-link{
	color: #212121 !important;
	font-weight: 500;
        font-size: 1rem;
}*/
.nav-link {
    color: #ffffff !important;
    font-weight: 500;
    font-size: 1rem;
}
/*.nav-item:hover .nav-link{
	color: #666 !important;
}*/
.nav-item.active .nav-link{
	color: #777 !important;
}
.nav-link {
	position: relative;
	padding: 5px 0 !important;
	display: inline-block;
}
/*.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #326295;
	opacity: 0;
    transition: all 200ms linear;
}*/
.nav-item:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: rgba(50, 98, 149, 0);
    opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover .nav-link {
    color: #e3e4e6 !important;
}
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}
.nav-item.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
    transition: all 200ms linear;
}

 

/* #Primary style
================================================== */
.jumbotron {
  position: relative;
  overflow: hidden;
  background-color:black;
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 13%;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:1;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}

 
  

 
.ul_stats {
    list-style: none;
}
 .ul_stats li {
    font-size: 0.9em;
}
.stats_icon {
    font-size: 44px;
    float: left;
    height: 100px;
    line-height: 44px;
    margin-top: 0px;
    margin-right: 30px;
    text-align: center;
    width: 44px;
    margin-left: 3.5%;
}
.stats_icon {
    color: #93c90e;
}
.stats_text h3 {
    font-size: 1.3em;
    margin-bottom: 14px;
    margin-top: 3px;
    color: #000000;
}


 .box-creative {
	position: relative;
	display: flex;
	padding: 25px 15px;
	text-align: center;
	border: 1px solid #326295;
	transition: .2s ease-in-out;
	transform: translate3d(0, 0, 0); background:#083669 ;
}

.box-creative, .box-creative:active, .box-creative:focus, .box-creative:hover {
	/*color: #9a9a9a; */color: rgba(255, 255, 255, 0);
}

.box-creative p + p {
	margin-top: 3px;
}

.box-creative::before, .box-creative::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	border: 1px solid #fff;
	transition: .25s ease-out;
	will-change: transform;
	contain: paint;  
}

.box-creative::before {
	transform: scale3d(0, 1, 1);
	border-width: 1px 0 1px 0;
}

.box-creative::after {
	transform: scale3d(1, 0, 1);
	border-width: 0 1px 0 1px;
}

.box-creative:hover {
	border-color: rgba(147, 201, 14,0);
	  background:#326295 ;
}

.box-creative:hover::before, .box-creative:hover::after {
	transform: scale3d(0.9999, 0.9999, 0.9999);
}

.box-creative-inner,
.box-creative-dummy {
	width: 100%;
	flex-shrink: 0;
}

.box-creative-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.box-creative-dummy {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.box-creative-dummy::before {
	content: '';
	display: block;
	padding-top: 89.65517%;
}

.box-creative-icon {
	font-size: 59px;
	line-height: 1;
	color: #1087eb; width: 40%;
}

.box-creative-title {
	font-size: 18px;
	line-height: 1.8;
	color: #fff;
}

* + .box-creative-title {
	margin-top: 15px;
}

@media (max-width: 575.98px) {
	.box-creative {
		max-width: 280px;
		margin-left: auto;
		margin-right: auto;
	}
}
 
 .video-wrapper {
    position: relative; top:85px; margin-bottom:75px;
}

.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    /*background-image: linear-gradient(transparent, #000);*/
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
    transition: opacity 150ms;
}


.video-overlay-play-button:hover {
    opacity: 1;
}

.video-overlay-play-button.is-hidden {
    display: none;
}
video[poster]{
object-fit: cover;
}

.sc_heading .title {
    text-transform: uppercase;
    line-height: 30px;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 5px;
}
.sc_heading .line {
    position: absolute;
    /* bottom: 0; */
    left: 0;
    height: 2px;
    background-color: #333;
    width: 30px;
}
.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 10px !important;
    list-style: none;
    background-color: transparent !important;
    border-radius: 0px; color:#fff; font-size:12px;
}
.breadcrumb li {
    margin-right: 10px;
}
.breadcrumb li a {
    font-size: 12px; color:#93c90e;
}

.text-spacing-25 {
    letter-spacing: .025em;
}
.title-opacity-9 {
    color: rgba(21,21,21,.23);
}
 .button-pipaluk {
    position: relative;
    overflow: visible;
    padding: 19px 35px 17px;
    border: none;
    z-index: 1;
}
a.button.button-width-xl-230.button-primary.button-pipaluk {
    color: #fff;
}
.button-primary.button-pipaluk:hover, .button-primary.button-pipaluk:active {
    color: #151515;
    background:#fff;  border-color: #151515;
}
.button-primary.button-pipaluk::before, .button-primary.button-pipaluk:focus::before {
    background: #93c90e;
    border-color: #151515;
}
.button-pipaluk::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.button-primary.button-pipaluk::after, .button-primary.button-pipaluk:focus::after {
    border-color: #151515;
}
.button-pipaluk::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease 0s;
    transform: scale(1.05);
    will-change: transform;
    z-index: -1;
}
.button-primary.button-pipaluk:hover, .button-primary.button-pipaluk:active {
    color: #151515;
    background: 0 0;
}
.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    min-width: 200px;
    padding: 17px 33px 15px;
    font-size: 14px;
    line-height: 1.34;
    border: 2px solid;
    font-family: poppins,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    font-weight: 500;
    letter-spacing: .075em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 250ms all ease-in-out;
}
html .group-md>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 17px;
    margin-left: 17px;
}
@media (min-width: 768px){
.tabs-horizontal.tabs-line .nav-tabs {
    justify-content: space-between;
    border-bottom: 3px solid #e1e1e1;
}
.tabs-horizontal.tabs-line .nav-item {
    display: inline-block;
}
.tabs-horizontal.tabs-line .nav-link {
    position: relative;
    padding: 0 0 10px;
    background-color: transparent;
    border: 0;
}
.tabs-line .nav-link {
    font-size: 24px;
}
.tabs-horizontal.tabs-line *+.tab-content {
    margin-top: 30px;
}
.tabs-horizontal.tabs-line .nav-link.active, .tabs-horizontal.tabs-line .nav-link:hover {
    color: #93c90e !important;  border-bottom: none !important;
}
.tabs-horizontal.tabs-line .nav-link {
    position: relative;
    padding: 0 0 10px;
    background-color: transparent;
    border: 0;
}
}
@media (min-width: 1200px){
.button-width-xl-230 {
    min-width: 230px;
}
}

.how-section1{
    margin-top:15px;
   /* padding: 1%;*/
}
.how-section1 h4{
    color: #ffa500;
    font-weight: bold;
    font-size: 30px;
}
.how-section1 .subheading{
    color: #16569c;
    font-size: 20px;
}
.how-section1 .row
{
    margin-top: 10%;
}
.how-img 
{
    text-align: center;
}

.pb-100 {
	padding-bottom: 100px;
}
.pt-100 {
	padding-top: 100px;
}
a{
    text-decoration:none;
}
.section-title h4 {
  font-size: 14px;
  font-weight: 500;
  color: #777;
}
.section-title h2 {
	font-size: 32px;
	text-transform: capitalize;
	margin: 15px 0;
	display: inline-block;
	position: relative;
	font-weight: 700;
	padding-bottom: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.section-title p {
	font-weight: 300;
	font-size: 14px;
}
.black-bg .section-title h2, .black-bg .section-title h4, .black-bg .section-title p {
  color:#fff
}
.section-title h2:before {
  position: absolute;
  content: "";
  width: 150px;
  height: 1px;
  background-color: #777;
  bottom: 0;
  left: 50%;
  margin-left: -75px;
}
.section-title h2:after {
  position: absolute;
  content: "";
  width: 80px;
  height: 3px;
  background-color: #e16038;
  border: darkblue;
  bottom: -1px;
  left: 50%;
  margin-left: -40px;
}
.section-title {
  margin-bottom: 70px;
}
.single-price {
	text-align: center;
	padding: 30px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.price-title h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
.price-tag {
  margin: 30px 0;
}
.price-tag {
	margin: 30px 0;
	background-color: #fafafa;
	color: #000;
	padding: 10px 0;
}
.center.price-tag {
	background-color: tomato;
	color:#fff
}
.price-tag h2 {
	font-size: 25px;
	font-weight: 600;
	font-family: poppins;
}
.price-tag h2 span {
  font-weight: 300;
  font-size: 18px;
  font-style: italic;
}
.price-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.price-item ul li {
  font-size: 14px;
  padding: 5px 0;
  border-bottom: 1px dashed #eee;
  margin: 5px 0;
}
.price-item ul li:last-child {
  border-bottom: 0;
}
.single-price a {
  margin-top: 15px;
}
a.box-btn {
	background-color: tomato;
	padding: 5px 20px;
	display: inline-block;
	color: #fff;
	text-transform: capitalize;
	border-radius: 3px;
	font-size: 15px;
	transition: .3s;
}
a.box-btn:hover, a.border-btn:hover {
	background-color: #d35400;
}


.recoverycard {
    /*position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:300px;*/
    min-height:200px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.1);
    border-radius:10px;
    transition:0.5s; margin-bottom:50px;
}
.recoverycard:hover {
    box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.recoverycard .box {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    text-align:center;
    padding:30px;
    box-sizing:border-box;
    width:100%;
}
.recoverycard .box .img {
    
    height:50px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.recoverycard .box .img img {
    width:100%;
    height:100%;
}
.recoverycard .box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
}
.recoverycard .box h2 span {
    font-size:14px;
    background:#e91e63;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.recoverycard .box p {
    color:#262626;
}
.recoverycard .box span {
    display:inline-flex;
}
.recoverycard .box ul {
    margin:0;
    padding:0;
}
.recoverycard .box ul li {
    list-style:none;
    float:left;
}
.recoverycard .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}
.recoverycard .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}


.innerbanner{
	margin:0;
	padding:0;
	font-family:"arial",heletica,sans-serif;
	font-size:12px;
    background: #2980b9  url(../img/innerbannernew.png) repeat 0 0;
	-webkit-animation: 10s linear 0s normal none infinite animate;
	-moz-animation: 10s linear 0s normal none infinite animate;
	-ms-animation: 10s linear 0s normal none infinite animate;
	-o-animation: 10s linear 0s normal none infinite animate;
	animation: 10s linear 0s normal none infinite animate;
	
}

@-webkit-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}

@-moz-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}

@-ms-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}

@-o-keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}

@keyframes animate {
	from {background-position:0 0;}
	to {background-position: 500px 0;}
}



 @media (min-width: 1400px){
.abtsection{
	background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%) !important;     margin-top: 52% !important;  
	}
	
} 
 @media (min-width: 1600px){
 .watch-video-button-landing {
            position: absolute;
            top: 40%;
            left: 40% !important;
            margin-top: -30px;
            margin-left: -95px;
            z-index: 9;
            padding: 10px 20px;
        }
	
} 
.abtsection{
	background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%) !important;   /* margin-top:58%!important;   */
	}

 .vimeo-wrapper {
   position: absolute;
   top: 80px;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.abtbanner{background: url(../img/innerbanner.jpg) no-repeat center center ; background-size:cover;}

.img700{  height: 515px; width: 100%; object-fit: cover; }

@media (max-width: 580px){
	footer h6 {
    margin-bottom: 40px;
    position: relative;
    margin-top: 30px !important;
}
	.features-item img.img-fluid { height: 320px; }
	.features-item span.caption { padding-top: 10px; }
	.features-item .caption .caption-content {
    color: #fff;
    margin: auto 2rem 2rem;
    margin-top: 10px !important;
}
	.watch-video-button-landing {
    position: absolute;
    top: 32% !important;
    left: 50%;
    margin-top: -30px;
    margin-left: -95px;
    z-index: 9;
    padding: 10px 20px;
}

.img700{  height:450px; width: 100%; object-fit: cover; }
.abtbanner{background: url(../img/innerbanner.jpg) no-repeat center center ; background-size:cover; height: 100px;}
.video-position {
    margin-top: 86px;
}

.section-xl {
    padding: 20px 0;
   
}
.video-2 {
    position: absolute;
    top: 310px !important;
    right: 0 !important;
    bottom: 0;
    left: 0;
}
.video-2 .video-image {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: cover;
    object-position: center center;
}
.video-2 .video-figure{
        position:relative;
        overflow:hidden;
        width:100%;
        height:100%
    } 
	
	.box-creative-icon {
    font-size: 59px;
    line-height: 1;
    color: #1087eb;
    width: 100%;
}
.box-creative {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.logo-part {
    border-right: 1px solid #292929;
    height: 100%;
}
.video-1 .video-image {
    opacity: 1;
    height: 250px;
}
.video-2 .video-image {
    opacity: 1;
    height: 250px;
}
.mobsecondsection {
    height: 420px;
}
/*.how-section1 {
    margin-top: 15px;
    padding: 0% !important;
}*/
.playbottomtxt {
    font-size: 0.9rem !important;
    font-weight: 500;
}
.btn-video img {
    max-width: 100%;
    height: 55px !important;
}
.playtop-h {
    font-size: 1rem !important;
    font-weight: 100;
}
.playtop-b {
    font-size: 0.7rem !important;
    font-weight: 500;
}
}

.head1{
font-size: 1.2rem;
font-family: 'Poppins', sans-serif;
}
.head2{
font-size: 1.1rem;
font-family: 'Poppins', sans-serif;
}

.abhead2{
font-size: 1.8rem;
font-family: 'Poppins', sans-serif;

}
.crhead1{
font-size: 2.5rem;
font-weight: 500;
    font-family: 'Poppins', sans-serif;
	line-height: 1.2;

}
.head3 {
    font-size: 1.3rem;
    text-transform: none;
	font-weight: 500;
    font-family: 'Poppins', sans-serif;
	margin-bottom: .4rem;
	}

@media (min-width: 765px) and (max-width: 991.98px) {  
.navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: scroll !important;
    white-space: nowrap !important;
}
}

/*newcss jan10-2020*/
p.lead.mb-5 {
    font-size: 1rem;
    font-weight: 400;
}

.playtop-h{ font-size:1.7rem; font-weight:100;}
.playtop-b{ font-size:1rem; font-weight:500;}
.playbottomtxt{ font-size:1.2rem; font-weight:500;}