@font-face {
    font-family: 'robotobold';
    src: url('../Fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../Fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../Fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../Fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../Fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../Fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'caveatregular';
    src: url('../Fonts/caveat-regular-webfont.woff2') format('woff2'),
         url('../Fonts/caveat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {font-family: 'robotoregular'; color: #000;}
a{color:#14177e; text-decoration: none;}
a:hover,
a:focus{text-decoration: none;color:#14177e;}
img {max-width: 100%;height: auto;}
:focus{outline: none;}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 opacity: 1 !important; color:rgba(0,0,0,0.7)
}
.form-control::-moz-placeholder { /* Firefox 19+ */
 opacity: 1 !important;color: rgba(0,0,0,0.7);
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  opacity: 1 !important;color: rgba(0,0,0,0.7);
}
.form-control:-moz-placeholder { /* Firefox 18- */
  opacity: 1 !important;color: rgba(0,0,0,0.7);
}

button:focus {outline: none; }
input:focus {outline: none;}
.btn:focus {outline: none;}
.btn:active:focus {outline: none;}
textarea:focus {outline: none;}
input,
textarea{border-radius: 0px;}
h1,h2,h3,h4,h5,h6{color: #333;}

/*Header start */
.header{position:absolute;left: 0;top: 0;width: 100%;/*box-shadow: 0 3px 6px rgba(0,0,0,0.16);*/display: inline-block;vertical-align: top; z-index: 9999; background: #fff; height: 120px;}
.header .logo {position: absolute;left: 50%;top: 10px;transform: translateX(-50%);width: 400px;text-align: center;}
.header .logo p{margin: 0px;}
.header .logo:before {position: absolute;content: "";height:110px;background:url(../Images/logo-shape.png) no-repeat bottom center;left: 0;width: 100%;bottom: -32px;}
.header .logo a {position: relative;display: block;}
.main-nav .nav{list-style-type: none; text-align: center;}
.main-nav .nav > li {display: inline-block;vertical-align: middle; padding:65px 20px 35px;}
.main-nav .nav > li > a{font-size: 18px;color: #14177e; padding:0; text-transform:uppercase; position:relative;}
.main-nav .nav > li.active > a{font-family: 'robotobold';}
.main-nav .nav > li > a:hover,
.main-nav .nav > li > a:focus{background: transparent; color: #14177e;}

.main-section{padding-top: 120px;}
.main-nav .nav > li.logo-center {min-width: 420px;}

.home-banner{position:relative;}
.home-banner img {width: 100%;}
.home-banner .banner-caption {position:absolute; right:14%;bottom: 14%;z-index: 9;transform: rotate(-10deg);max-width:300px;color: #fff;}
.home-banner .banner-caption h1 {margin: 0;font-size: 66px;text-align: center;color: #fff;font-weight: normal; font-family: 'caveatregular'; text-shadow: 0 0 14px rgba(0,0,0,0.5)}
.home-banner.inner-banner .banner-caption{max-width: 500px;}

/*about section*/
.about-section {text-align: center;padding: 30px 0px; display: block;}
.about-section .about-wrapper{display: block; margin: 0 auto; max-width: 1110px;}
.about-section h2{margin: 0 0 20px; font-size: 27px; color:#14177e; font-family: 'robotobold';}
.about-section p{margin: 0 0 30px; color: rgba(51,51,51,0.8); font-size: 18px; line-height: 33px;}
.about-section p:last-child{margin-bottom: 0px;}
.about-section p strong{color:#14177e;}


/*service section*/
.services-section {text-align:center; padding:30px 0px; display:block;}
.service-list{display: block; margin: 0 -10px;}
.service-list:before,
.service-list:after{display: table; content: ""; clear: both;}
.service-list .service-item{float: left; width: 25%; padding: 0 10px;}
.service-list .service-item .service-box{display: block; position: relative;}
.service-box img{width: 100%; display: block;}
.service-box h4{position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 15px 5px; margin: 0px; background: rgba(255,255,255,0.8); font-size: 21px; transition: all 0.3s ease-in-out 0s; text-align: center; color:#14177e; }
.service-box:hover h4{background:#14177e; color: #fff; font-family: 'robotobold';}


/* gallery section*/
.gallery-section {text-align:center; padding:30px 0px; display:block; overflow: hidden;}
.gallery-list{display: block; margin: 0 -10px;}
.gallery-list:before,
.gallery-list:after{display: table; content: ""; clear: both;}
.gallery-list .gallery-item{float: left; width:33.33%; padding: 0 10px;}
.gallery-list .gallery-item a{display: block;}
.gallery-list .gallery-item img{width: 100%; display: block;}

/*weare section*/
/*service section*/
.weare-section {text-align:center; padding:30px 0px; display:block;}
.weare-list{display: block; margin: 0 auto; max-width: 984px;}
.weare-list:before,
.weare-list:after{display: table; content: ""; clear: both;}
.weare-list .weare-item{float: left; width: 25%; padding: 0 10px;}
.weare-list .weare-item .weare-box{display: block; position: relative; border: 1px solid #14177e; padding: 36px 5px 24px;}
.weare-box img{display: block; margin: 0 auto; max-width: 100%;}
.weare-box h4{padding: 24px 0px 0px; margin: 0px;font-size: 20px; text-align: center; color:#14177e; }

.checkbox  a{text-decoration: underline; color:#14177e; font-weight: 600;}
.about-section .checkbox {text-align: left;}
.about-section form.powermail_form {display: block;margin: 0 auto;max-width: 780px;}

/*footer*/
.footer{background:#14177e; color: #fff; text-align: center; padding: 23px 0 30px;}
.footer ul{padding: 0px; margin: 0px; list-style-type: none; display: inline-block; width: 100%; vertical-align: top;}
.footer ul li{display: inline-block; font-size: 18px;}
.footer ul li a{color: #fff;}
.footer .footer-info li{position: relative; vertical-align: middle;}
.footer .footer-info li:before{content:""; width: 4px; height: 4px; border-radius: 50%; background: #fff; border-radius: 50%; display: inline-block; margin: 0 5px; vertical-align: middle;}
.footer .footer-info li:first-child:before{display: none;}
.footer .footer-links{margin-top: 20px;}
.footer .footer-links li{line-height: 1; border-right: 1px solid #fff; padding: 0 10px;}
.footer .footer-links li:last-child{border: none;}
.footer .footer-links li a{text-transform: uppercase; line-height: 1; }



.tx-powermail h3 {margin: 40px 0 20px; color:#14177e; font-family: 'robotobold';}
.tx-powermail .powermail_fieldset .parsley-errors-list>li {text-align: left;}
.tx-powermail .powermail_fieldset .powermail_legend {display: none;}

/*responsive start*/
@media screen and (min-width:1550px){
    .container{width: 100%; max-width: 1530px;}
}    
@media screen and (max-width: 1549px){
    .main-nav .nav > li{padding: 65px 10px 35px;}
    .main-nav .nav > li > a{font-size: 16px;}
    .header .logo{width: 330px;}
    .header .logo:before{background-size: 100% 100%; height: 80px;}
    .header .logo img{max-width:200px;}
    .main-nav .nav > li.logo-center{min-width: 300px;}
    .service-box h4{font-size: 15px;}

}

@media screen and (min-width:1200px){
    /*.main-nav .nav  a{transition: all 0.3s ease-in-out 0s;}*/
    .main-nav .nav > li.sub-nav > a:after {content: "";border-top:2px solid #14177e; border-right:2px solid #14177e; display: inline-block;width: 8px; height: 8px; vertical-align: middle;margin-top:-7px; margin-left:10px; transition: all 0.3s ease-in-out 0s; transform: rotate(135deg);}
    .main-nav .nav > li > a:before{position: absolute; content:""; left:0px; bottom:-5px; right:0px; height: 2px; background:#14177e; opacity: 0; transition: all 0.3s ease-in-out 0s;}
    
    .main-nav .nav > li.active > a:before{opacity: 1;}
    .nav > li .submenu {position: absolute;left: 0;top: 100%;background: rgba(255,255,255,0.8); box-shadow: 0px 3px 6px rgba(0,0,0,0.16); padding: 5px 22px 5px;margin: 0;list-style-type: none;transform: rotateX(-90deg);transform-origin: top;opacity: 0;visibility: hidden;pointer-events: none; transition: all 0.3s ease-in-out 0s; z-index: 9; text-align: left;}      
    .nav > li .submenu li{border-bottom:1px solid #333; }
    .nav > li .submenu li:last-child{border:none;}
    .nav > li .submenu li a{color: #333; font-size: 18px; text-transform: uppercase; display: inline-block; width: 100%; padding: 10px 0px;}
    .nav > li .submenu li.active a,
    .nav > li .submenu li a:hover{color:#14177e;}
    .nav > li:hover > a{color:#14177e;}        
    .nav > li:hover .submenu{transform: rotateX(0deg);opacity:1;visibility:visible;pointer-events:auto;}

    .header .header-call{display: none;}
}
@media screen and (max-width:1199px){

    .m-menu {position: absolute;right:15px;top:50%;width: 25px;height: 25px;display: block; margin-top: -14px;}
    .m-menu span {display: block;background: #14177e;height: 4px;margin: 5px 0;}
    .m-menu span:nth-child(2){ opacity:1;}
    .m-menu.open span:nth-child(2){ opacity:0;}
    .m-menu span:last-child {transform: translate(0px, 0px) rotate(0deg); -webkit-transform: translate(0px, 0px) rotate(0deg); -moz-transform: translate(0px, 0px) rotate(0deg);}
    .m-menu span:first-child {transform: translate(0px, 0px) rotate(0deg); -webkit-transform: translate(0px, 0px) rotate(0deg); -moz-transform: translate(0px, 0px) rotate(0deg);}  
    .m-menu.open span:last-child {transform: translate(0px, -11px) rotate(-45deg); -webkit-transform: translate(0px, -11px) rotate(-45deg); -moz-transform: translate(0px, -11px) rotate(-45deg);}
    .m-menu.open span:first-child {transform: translate(0px, 7px) rotate(45deg); -webkit-transform: translate(0px, 7px) rotate(45deg); -moz-transform: translate(0px, 7px) rotate(45deg);}
    .m-menu.open {z-index: 9999;}
    /*.m-menu.open span{background:#005984;}*/
    .body-overlay {overflow: hidden;}
    .main-nav{position:fixed;background:rgba(255,255,255,0.94);width:100%; text-align: left; right: 0;top:0px;padding:30px 0px 15px;overflow:hidden;bottom:0px;z-index: 9998; right: -100%; transition: all 0.3s ease-in-out 0s;}
    .main-nav.open{right: 0}
    
    .header .nav{padding:0px 15px 0px;width: 100%; overflow: auto; height: 100%; text-align: left;}
    .header .nav > li{display: inline-block;width: 100%;padding: 0; position: relative;}
    .header .nav > li > a{padding:10px 30px 10px 0px; color:#14177e; font-weight: 500; font-size:16px; display: inline-block; width: 100%;}
    .nav > li .submenu {padding: 10px 24px 15px;margin: 0;list-style-type: none; display: none;}     
    .nav > li .submenu li a{color:#14177e; font-size: 16px; display: inline-block; width: 100%; padding:10px 0px; text-transform: uppercase;}
    .mobile-arrow {position: absolute;width: 30px;height: 30px; right: 0;top: 5px;cursor: pointer;}
    .mobile-arrow:before {position: absolute;content: "";border-width: 7px 6px;border-style: solid;border-color: #14177e transparent transparent;top: 50%;left: 50%;margin-left: -6px;margin-top: -2px;}
    .mobile-arrow.up:before{border-color: transparent transparent #14177e; margin-top: -10px;}
    .main-nav .nav > li.logo-center{display: none;}
    .service-list .service-item{margin: 0 0 20px; width: 50%;}
    .service-list .service-item:nth-child(2n+1){clear: both;}
    .service-list .service-item:last-child{margin: 0px;}

    .weare-list .weare-item{margin: 0 0 20px; width: 50%;}
    .weare-list .weare-item:nth-child(2n+1){clear: both;}
    .weare-list .weare-item:last-child{margin: 0px;}
    .header .header-call {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);font-size: 24px;z-index: 6;width: 40px;height: 40px;border: 2px solid;text-align: center;border-radius: 50%;line-height: 38px;}


    
}

@media screen and (max-width:767px){
    .header .logo img {   max-width: 160px;}
    .home-banner .banner-caption h1{font-size: 36px;}
    .home-banner .banner-caption{max-width: 150px; right: 5%;}    
    .about-section h2{font-size: 24px;}
    .about-section p{font-size: 16px; line-height: 28px;}

    .service-list .service-item{width: 100%;}
    .footer{padding: 23px 0px}
    .footer ul li{font-size: 16px;}

    .header{height: 90px;}
    .header .logo {width: 260px;}
    .main-section {padding-top: 90px;}
    .header .logo:before {height: 50px;bottom: -16px;}
    .gallery-list .gallery-item{width: 100%; margin: 5px 0px;}
    .weare-list .weare-item{width: 100%;}
    .home-banner img {min-height: 210px;object-fit: cover;}

}