* { margin: 0px; padding: 0px; }
html {scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 { color: #333; font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0px; padding:0px;}
h2 { line-height:42px; }

.bg-info { background-color:#fafafa; }
.block-padd { padding:90px 0px; }
.bg-warning { background-color:#ffcc08; }
.text-warning { color:#ffcc08; }
.btn { padding:7px 20px; color: #fff; background: none; border-radius: 5px; text-decoration: none; transition: all .6s ease; font: 12px/28px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight:600; }
.btn-default:hover { color: #ffcc08; background-color: #fff; border-color: #fff; }
.btn-warning { background-color:#ffdc00; border-color:#ffdc00; }
/* header */

.navbar-blue { background-color: #05143b; border:none; border-radius:0px; margin-bottom:0px; }
.navbar-brand { height: auto; padding:15px 15px; }
.nav>li>a { font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; color: #fff; padding-top: 25px; padding-bottom: 25px; }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color:transparent; color:#ffdc00; }
.nav>li.active>a { background-color:transparent; color:#ffdc00; }
.progress-container { width: 100%; height:4px; background:transparent; }
.progress-bar { height:4px; background:#ffdc00; width: 0%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }




.service-icon h3 {
    color: #333;
    font: 18px/20px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0px;
}
.service-icon { width:33%; display: block; text-align: center; float: left; min-height: 180px; padding: 0px 15px;}
.partners { padding:15px 0px; }
p { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.714; color: #999; }
.video-section .play {
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    color: #333;
    line-height: 90px;
    margin: -46px 0 0;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%);
    transition: all .3s ease;
}
.video-section .play:hover { opacity: 0.8; }

.call-to-action h2 { color: #fff; margin: 0 0 25px; font: 700 36px/40px "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.call-to-action p { margin: 0 0 37px;color: #fff; font-size: 18px; line-height: 30px; font: italic 20px/36px "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.call-to-action cite strong {
    display: inline-block;
}

.call-to-action cite {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-white {
	color: #fff;
}
.text-gray {
	color: #ccc;
}
.about-text { padding-right: 100px; }
.about-text h6 { font-size: 14px; }
.about-section hr {
    border-top: 1px solid #e6e7eb;
    margin-top: 80px;
    margin-bottom:0px;
}
footer p { margin: 0; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.714; color: #fff; }
.copyright { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 0px 0px; color: #fff; text-align: center; margin-top:50px; }
footer p a { color: #ffcc08; }
footer { padding:80px 0px 16px; }
.testimonial-heading h6 { font-size: 14px; font-weight:600; }
.form-control {
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid transparent;
    background-color: rgba(255, 255, 255, 0.1);
    height: 40px;
    color: #fff;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #ffdc00;
}

form#form-contact label {
    color: #fff;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
}
ul.footer-social li {
    position: relative;
    list-style: none;
}

ul.footer-social li a {
    font-size: 16px;
    color: #fff;
    padding: 10px 0px;
    display: block;
    text-decoration: none;
}
footer h3 {
    color: #ffdc00;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
}
footer .footer-devider { height:55px; }
.contact-details h5 {
    color: #ffdc00;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 20px;
}

.contact-details p, .contact-details p a {
    color: #ffffff;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    text-decoration: none;
}
.home-banner-wrapper { position: relative; min-height: 100vh; }

.pic-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

.pic-1 {
  opacity: 1;
  background:no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background:no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background:no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes slideShow {  
 0% { opacity: 0; -webkit-transform:scale(1); }
 5% { opacity: 1; }
 25% { opacity: 1; }
 30% { opacity: 0; -webkit-transform:scale(1.1); }
 100% { opacity: 0; -webkit-transformm:scale(1); }
}
 @-o-keyframes slideShow {  
 0% { opacity: 0; -webkit-transform:scale(1); }
 5% { opacity: 1; }
 25% { opacity: 1; }
 30% { opacity: 0; -webkit-transform:scale(1.1); }
 100% { opacity: 0; -webkit-transformm:scale(1); }
}
 @-moz-keyframes slideShow {  
 0% { opacity: 0; -webkit-transform:scale(1); }
 5% { opacity: 1; }
 25% { opacity: 1; }
 30% { opacity: 0; -webkit-transform:scale(1.1); }
 100% { opacity: 0; -webkit-transformm:scale(1); }
}
@-webkit-keyframes slideShow {  
 0% { opacity: 0; -webkit-transform:scale(1); }
 5% { opacity: 1; }
 25% { opacity: 1; }
 30% { opacity: 0; -webkit-transform:scale(1.1); }
 100% { opacity: 0; -webkit-transformm:scale(1); }
}

/*.banner .caption {
    padding-top:250px;
}
.caption h1 {
    color: #fff;
    font-size:50px; 
    line-height:50px;
    font-weight:700;
    text-transform: uppercase;
}

.caption h1 span { display:block; color:#ffdc00; }
.carousel-indicators {
    margin-left: 0px;
    left: 50%;
    width: 100%;
    max-width:1170px;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 50px;
}

.carousel-indicators li {
    width: 25%;
    height: auto;
    text-indent: 0px;
    display: block;
    float: left;
    margin: 0px;
    border: none;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    padding:20px 20px 20px 80px;
    border-radius: 0px;
    text-align: left;
    position: relative;
}

.carousel-indicators .active {
    width: 25%;
    height: auto;
    margin: 0;
    background-color: #ffdc00;
    font-size: 20px;
    color: #fff;
}

.carousel-indicators li span {
    top:12px;
    left: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: #333;
    font-size: 16px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
}
.caption h1:after {
    content: '';
    display: table;
    height: 3px;
    width: 100px;
    background-color: #fff;
    margin-top: 20px;
}*/
.counter-value {
    font-size: 55px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffdc00;
}

.counter-value + h4 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: #333;
}
.footer-social ul { display:inline-block; }
.navbar-nav>li.phone a {
    background-color: #ffdc00;
    color:#05143b;
}
.block-title h3 { font-size: 36px; }


.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }
.mt-25 { margin-top:25px; }
.mt-30 { margin-top:30px; }
.mt-35 { margin-top:35px; }
.mt-40 { margin-top:40px; }
.mt-45 { margin-top:45px; }
.mt-50 { margin-top:50px; }

.mb-0 { margin-bottom:0px; }
.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mb-20 { margin-bottom:20px; }
.mb-25 { margin-bottom:25px; }
.mb-30 { margin-bottom:30px; }
.mb-35 { margin-bottom:35px; }
.mb-40 { margin-bottom:40px; }
.mb-45 { margin-bottom:45px; }
.mb-50 { margin-bottom:50px; }

/* padding */

.pt-5 { padding-top:5px; }
.pt-10 { padding-top:10px; }
.pt-15 { padding-top:15px; }
.pt-20 { padding-top:20px; }
.pt-25 { padding-top:25px; }
.pt-30 { padding-top:30px; }
.pt-35 { padding-top:35px; }
.pt-40 { padding-top:40px; }
.pt-45 { padding-top:45px; }
.pt-50 { padding-top:50px; }

.pb-5 { padding-bottom:5px; }
.pb-10 { padding-bottom:10px; }
.pb-15 { padding-bottom:15px; }
.pb-20 { padding-bottom:20px; }
.pb-25 { padding-bottom:25px; }
.pb-30 { padding-bottom:30px; }
.pb-35 { padding-bottom:35px; }
.pb-40 { padding-bottom:40px; }
.pb-45 { padding-bottom:45px; }
.pb-50 { padding-bottom:50px; }



@media only screen and (max-width:1024px){ 
.navbar-brand { height: auto; padding: 23px 15px; max-width: 274px; } 
}
@media only screen and (max-width:768px){  
.navbar-brand { height: auto; padding: 23px 15px; max-width: 218px; }
.nav > li > a { padding:25px 5px; }
.carousel-indicators li { width:10px; height:10px; text-indent:-9999px; overflow:hidden;  padding:0px; max-width:auto; border-radius:100%; margin-left:5px; }
.carousel-indicators .active { width:10px; height:10px; margin-left:5px; }
.carousel-indicators { width:auto; padding-left:15px; }
.about-text { padding-right:0px; padding-top:70px; }
.testimonial-heading { padding-bottom:40px; }
.service-icon { width:33.33%; }
.contact-details { margin-bottom:30px; }
/* new code */
.nav > li > a { font-size:11px; }
.home-banner-wrapper { min-height:auto; }
}


@media only screen and (max-width:767px){ 
.navbar-brand { padding: 15px 15px; }
.navbar-toggle { margin-top:15px; border-radius:0px; border:none; padding-left:0px; padding-right:0px; }
.navbar-toggle .icon-bar { background-color:#fff;  }
.nav > li > a { padding: 10px 15px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.navbar-nav { margin-top:0px; margin-bottom:0px; }
.carousel { margin-top:59px; }
/* new code */
.home-banner-wrapper { min-height: auto; margin-top: 59px; }
}
@media only screen and (max-width:667px){ 
.banner .caption { padding-left:15px; }
 }


@media only screen and (max-width:600px){ 
.block-padd { padding: 50px 0px; }
.service-icon { min-height:160px; }
}

@media only screen and (max-width:568px){ 
.contact-details { margin-bottom: 30px; min-height: 200px; }
 }

 @media only screen and (max-width:414px){
.portfolio { width:100%; }
.service-icon { width:50%; }
footer .footer-devider { display:none; }
.footer-social, .footer-form { width:100%; }
.footer-social li { display:inline-block; padding-right:15px; }
.contact-details { min-height:100%; width:100%; }
.caption h1 { font-size:36px; line-height:40px; }
.call-to-action { padding-right:0px !important; }
.carousel-indicators { bottom:20px; }
footer { background-size:cover; }
}

 @media only screen and (max-width:320px){ 
 }