html, body{background:white;color:#4e4e4e;line-height:22px;font-size:100%;}
body::-webkit-scrollbar {width: 0.2em;}
body::-webkit-scrollbar-thumb {background: #f4a107;}
@font-face{font-family:'Poppins-Light';src:url(../fonts/Poppins-Light.ttf) format('truetype');}
@font-face{font-family:'Poppins-Regular';src:url(../fonts/Poppins-Regular.ttf) format('truetype');}
@font-face{font-family:'Poppins-Bold';src:url(../fonts/Poppins-Bold.ttf) format('truetype');}
h1, h2, h3, h4, h5, h6{color:#4e4e4e;font-weight: 400;}
a{color:#2C72B9;text-decoration:none;}
a:hover{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;text-decoration:none!important;}
body > section{padding:60px 0;}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid white;}
.g-recaptcha{display:inline-block;}
#radioBtn .notActive{color:#3276b1;background-color:white;}
.seperator{height:2px;width:80px;background: #f4a107;}
/* scroll top button */
#button{display:inline-block;background: #f4a107;width:50px;height:50px;text-align:center;position: fixed;bottom:100px;right:28px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#button::after{content:"\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:2em;line-height: 50px;color:#fff;}
#button:hover{cursor:pointer;background-color:#333;}
#button:active{background-color: #555;}
#button.show{opacity:1;visibility: visible;}
/* end scroll top button */
.alert{margin:0;border-radius:0;}
.input-group-text{background-color:#1d246a;color:white;border:1px solid #1d246a;}
.crumb{background:#1d246a url("../img/images/crumb_bg.jpg")no-repeat;padding:5rem 0;color:#000;text-transform: capitalize;letter-spacing: 0.2rem;}
.crumb ul{padding:0;font-size:32px;font-family: 'Poppins-Regular';}
.crumb h2{color: #fff!important;font-size: 3rem;line-height: 48px;margin:5rem 0 10px 0;letter-spacing: 1px;font-weight: 700;}
.crumb li, .fa{display:inline;font-size: 0.85rem;color: #fff;}
.crumb li a{color:#fff;}
.crumb li a:hover{color:#ceb486;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;}
#header-area {color:#fff;}
.top-bar{background: #1d246a;}
.top-bar h5{font-size: .85rem;color: #d9eafb;margin-top: .8rem;font-family:'Poppins-Regular'}
.top-bar .facebook{background: #385da9;padding: .75rem;}
.top-bar .twitter{background: #33ccff;padding: .75rem;}
.top-bar .linkedin{background: #0073b1;padding: .75rem;}
.top-bar .instagram{background: #f4a107;padding: .75rem;}
.top-bar .facebook:hover, .top-bar .twitter:hover,.top-bar .linkedin:hover,.top-bar .instagram:hover{background: #ccc;color: #1d246a;}
.top-bar .phone{background-color: #ccc;}
.top-bar .phone h5{font-size: .85rem;color: #1d246a;}
.banner{background: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0.188em 0.25em 2.188em rgb(0 0 0 / 16%);}
.slider ul{padding:0;list-style:none;}
.slider .cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: -webkit-gradient(linear, left top, right top, from(rgba(0, 3, 56, 0.8)), to(rgba(0, 3, 56, 0.1)));}
.slider .title{color:#fff;}
.slider .first-line{font-size:40px;line-height:50px;text-transform:capitalize;width: 80%;font-family: 'Poppins-Bold';}
.slider .second-line{font-size:1rem;line-height:1.4rem;color:#fff;}
.slider .tp-caption{visibility:hidden;opacity:0;}
.slider .btn-primary{background: #fff;color: #1d246a;font-size: 0.85rem;}
.slider .btn-primary:hover{background: #ccc;color: #1d246a}
.slider .btn-success{background: #1d246a;color: #fff;font-size: 0.85rem;}
.slider .btn-success:hover{background: #f4a107;color: #1d246a}
.who-we-are{background:linear-gradient(to right,#deeefe 20% 30%,#fff 30% 50%) ;}
.who-we-are h6{font-size: 1rem;color: #8592a6;font-family: 'Poppins-Regular';}
.who-we-are h3{font-size: 3.4rem;color: #1d246a;line-height: 3.6rem;text-transform: capitalize;font-family: 'Poppins-Bold';}
.who-we-are .content{margin-top: 6rem;border-left: solid .5rem #ccc;padding-left: 2rem;}
.who-we-are .btn-success{background: #fff;border:solid .15rem #1d246a;color: #1d246a;font-size: .85rem;}
.who-we-are .btn-success:hover{background: #1d246a;color: #fff;}
.who-we-are .btn-primary{background: #1d246a;border:solid .15rem #1d246a;color: #fff;font-size: .85rem;}
.who-we-are .btn-primary:hover{background: #ccc;color: #1d246a;border:solid .15rem #ccc;}
.who-we-are h5{font-size: .95rem;color: #777;line-height: 1.8rem;}
.who-we-are h4{font-family:"Poppins-Bold";color: #1d246a;font-size: 1.2rem;}
.services{background: #1d246a url('../img/images/services_bg.png') no-repeat;}
.services h3{font-size:3rem;font-weight: 800;line-height: 3rem;color: #fff;margin-bottom: 3rem;}
.services h6{font-size: .9em;color: #ccc;line-height: 1em;}
.services .items{background: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.services .items h4{font-size: .95rem;color: #1d246a;font-family: 'Poppins-Bold';line-height: 1.4rem;}
.services .items h4:hover{color: #4752ba;}
.services .items h5{font-size: 0.85rem;color: #777;line-height: 1.4rem;}
.services .btn-primary{background: #fff;border:solid 1px #1d246a;color: #1d246a;font-size: .75rem;}
.services .btn-primary:hover{background: #ccc;border:solid 1px #ccc;color: #1d246a;font-size: .75rem;}
.services .btn-success{background: #f4a107;color: #1d246a;padding: 1rem 2.5rem;}
.services .btn-success:hover{background: #fff;}
.services-main{background: #fff;}
.services-main h3{color: #1d246a;font-family: 'Poppins-Bold';margin-bottom: 1rem;}
.services-main .view{background: #fff;box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;width: 800px;padding: 2.5rem;position: relative;background: #fff;margin-top: -150px;left: 40px;border-radius: 10px;}
.services-main .view h5{font-size: 1rem;color: #777;line-height: 1.6rem;}
.services-main .item-view h4{font-size: 1rem;color: #1d246a;font-family: "Poppins-Bold";}
.services-main .item-view h5{font-size: .8rem;color: #777;}
.services-main .item-view{border-bottom: solid 1px #ccc;}
.services-main .serv-img{height: 80px;overflow: hidden;}
.services-main .readmore{color: #f4a107;}
.projects .gallery-title{font-size: 36px;color: #1d246a;text-align: center;font-weight: 500;margin-bottom: 70px;}
.projects .gallery-title:after {content: "";position: absolute;width: 7.5%;left: 46.5%;height: 45px;border-bottom: 1px solid #5e5e5e;}
.projects .filter-button{font-size:.85rem;border: 1px solid #1d246a;color: #1d246a;margin-bottom: 3rem;text-transform: uppercase;font-family: "Poppins-Bold";box-shadow: none;}
.projects .filter-button:hover{font-size: .85rem;border: 1px solid #1d246a;border-radius: 5px;text-align: center;color: #ffffff;background-color: #1d246a;}
.projects .btn-default:active .filter-button:active{ background-color: #1d246a;color: white;}
.projects .gallery_product{margin-bottom: 30px;}
.projects .img-projects{height: 220px;overflow: hidden;}
.projects .filter-button:first-child{background: #ccc;border: solid 1px #ccc;}
.projects .content{margin-bottom: 6rem;border-left: solid .5rem #ccc;padding-left: 2rem;}
.projects h6{font-size: 1rem;color: #8592a6;font-family: 'Poppins-Regular';}
.projects h3{font-size: 3.4rem;color: #1d246a;line-height: 3.6rem;text-transform: capitalize;font-family: 'Poppins-Bold';}
.projects .category{background: #fff;color: #1d246a;padding: 1.5rem;font-family: 'Poppins-Bold';width: 80%;box-shadow: 0 0 10px 0 rgb(0 0 0 / 9%);position: relative;top: -2rem;margin-bottom: -1rem;}
.projects .btn-danger{background: #f4a107;text-transform: capitalize;}
.projects .btn-danger:hover{background: #ccc;color: #1d246a;text-transform: capitalize;}
.projects .view h3{font-size: 1.8rem;}
.projects .side-item{background: #1d246a;}
.projects .side-item h4{font-size: 1rem;color: #fff;}
.projects .side-item .img-side{height: 180px;overflow: hidden;}
.projects .side-item .img-side:hover{filter: grayscale();}
.mission{background: #1d246a  url("../img/images/row-bg-01.jpg");padding: 60px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.mission h2{font-size: 1.4rem;text-transform: uppercase;line-height: 60px;color: #fff;font-family: 'Poppins-Bold';}
.mission h5{color: #f2f2f2;font-size: 1rem;line-height: 1.5rem;}
.mission .btn-primary{background:#f4a107;margin-top: 3rem!important;}
.mission .btn-primary:hover{background:#ccc;color: #1d246a;}
.partners{padding-bottom: 8rem;}
.partners .img-item{box-shadow: 0 0 10px 0 rgb(0 0 0 / 9%);}
.partners .slick {animation: slidein 30s linear infinite;white-space: nowrap;}
.partners .logos {display: inline-block;margin: 0px 0;}
.partners .fab {width: calc(100% / 5);animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;}
.partners .btn-danger{background: #f4a107;color: #1d246a;font-size: 1rem;text-transform: uppercase;}
.partners .btn-danger:hover{background: #ccc;color: #1d246a;font-size: 1rem;}
.team h2{font-size: 3rem;color:#1d246a;background-repeat: no-repeat;background-position: center bottom;padding-bottom: 40px;line-height: 40px;font-weight: 700;}
.team h6{font-size: 14px;line-height: 26px;color: #808080;}
.team h5{font-size:16px;text-transform: uppercase;color: #000;border-bottom: solid 1px #f4a107;}
.team .view .team-info h3{font-size: 15px;color: #999;}
.team .view .team-info h2{font-size: 26px;color: #1a2e43;margin-top: 0px;background: none!important;padding-bottom:2px;line-height:20px;}
.team .view .details{font-size: 14px;line-height: 26px;}
.team .view .img-view{box-shadow: 0 20px 30px rgb(24 33 99 / 10%);}
.team h1{font-size: 42px;color: #1a2e43;}
.team .team-wrap {position: relative;width: 100%;box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}
.team .team-wrap:hover .overlay {width: 100%;}
.team .image {display: block;width: 100%;height: auto;}
.team .overlay {position: absolute;bottom: 0;left: 0;right: 0;background: #1d246a;overflow: hidden;width: 0;height: 100%;transition: .5s ease;}
.team .text {color: white;font-size: 18px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);white-space: nowrap;}
.team .text-2{color: white;margin-top: 32px;font-size: 14px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);white-space: nowrap;}
.get_quote .offcanvas-body{color: #fff!important;padding: 3rem!important;}
.get_quote .offcanvas-body::-webkit-scrollbar {width: 0.1em;}
.get_quote .offcanvas-body::-webkit-scrollbar-thumb {background: #FFFFFFAD;}
.get_quote .offcanvas-title{color: #fff!important;}
.get_quote .offcanvas-body h3{color: #fff!important;font-size: 3rem;}
.get_quote .offcanvas-body h5{color: #FFFFFFAD;font-size: 1rem;margin-bottom: 3rem;}
.get_quote .offcanvas-body .form-control{background: inherit;border-bottom: solid 1px #FFFFFFAD!important;color: #fff;border-radius: 0px;border: 0px;box-shadow: none;font-size: 0.85rem;margin-bottom: 1.2rem;}
.get_quote .offcanvas-body ::placeholder{color: #fff;}
.get_quote .offcanvas-body option{background: #fff!important;color: #1d246a!important;font-size: 1rem;}
.get_quote .offcanvas-body .btn-primary{background: #f4a107;color: #fff;border-radius: 4rem;}
.get_quote .offcanvas-body .btn-primary:hover{background: #fff;color: #1d246a;}
.get_quote .offcanvas-header .btn-close{font-size: 2.5rem;box-shadow: none;fill:#fff!important ;}
.get_quote .appoint-img{position: relative;margin-top: -13rem;left: 3rem;}
.get_quote .btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.contact h2{font-size:44px;font-family:'Montserrat-Regular';color:#100e24;text-transform:uppercase;}
.contact .fa{font-size: 40px;color:#1d246a;}
.contact h4{font-size:22px;}
.contact h5{font-size: 15px;color: #758799;}
.contact a{color:#1d246a;}
.contact .phone{box-shadow: 0.188em 0.25em 2.188em rgb(0 0 0 / 16%); padding: 22px;}
.contact .form-control{border-radius:0!important;}
.contact .btn-primary{background:#1d246a;border-radius:0;color:white;padding: 25px 45px;}
.contact textarea{height:150px;}
.contact input, .contact textarea{border:1px solid #eaeaea;color:#100e24;border-radius:0;}
.contact .form-control{border-radius: 0px!important;font-size: 0.85rem;}
/*###################### PAGINATION ################################*/
.pagination{background:#011d4c;border-radius:0;}
.pagination a{padding:10px 20px;text-decoration:none;color:#00adef;}
.pagination a:hover{background:#00adef;color:white;}
.disabled{padding:10px 20px;color:white;background:#00adef;}
.current{background:#00adef;padding:10px 20px;text-decoration:none;color:white;}
/********************** End Pagination *****************************/
.footer-bot{background: #1d246a;padding: 60px 0;}
.footer-bot .item-wrapper{background: #092553;position: relative;margin-top: -7rem;padding: 4rem 3rem;}
.footer-bot .item-wrapper h2{font-size: 1rem;font-family: "Poppins-Bold";color: #fff;text-transform: uppercase;}
.footer-bot .item-wrapper h5{font-size: .85rem;color: #ccc;line-height: 1.4rem;}
.footer-bot .item-wrapper .fa{font-size: 1rem;color: #7f8da5;border: solid #7f8da5 1px;padding: .8rem;margin-right: .8rem;margin-top: 1rem;}
.footer-bot .item-wrapper .fa:hover{color: #ccc;border: solid #ccc 1px;}
.footer-bot .item-wrapper .days{font-size: .85rem;color: #ccc;border-bottom: 1px solid rgba(255,255,255,.09)}
.footer-bot .dev{color: #f2f2f2;font-size: 0.85rem;line-height: 1.8em;}
.footer-bot h3{font-size: 18px;color: #fff;font-family: "Poppins-Bold";}
.footer-bot h5{color: #f2f2f2;font-size: 0.85rem;}
.footer-bot .fa{color: #fff;}
@keyframes slidein {from {transform: translate3d(0, 0, 0);}to {transform: translate3d(-100%, 0, 0);}}
@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}
@media only screen and (max-width:767px){
	body > section{padding:20px 0;}
	.navbar-dark .navbar-nav .nav-link{margin-bottom:10px;}	
  .top-bar{display: none;}
  .crumb{padding: 2rem 0;letter-spacing: 0;}
	.crumb h2{margin: 10px 0;font-size: 1.5rem;line-height: 5px;}
	.who-we-are{background:#fff;}
	.who-we-are .content{margin-top: 3rem;}
	.who-we-are h3,.services h3,.appointment .item-wrap h3,.team h1,.get_quote .offcanvas-body h3{font-size: 1.6rem;line-height: 2rem;}
	.who-we-are h6,.services h6,.appointment .item-wrap h5{font-size: .90rem;}
	.services-main .view {width: auto;position: static;margin-top: 0;padding: 1rem;}
  .services-main h3{font-size: 1rem;}
  .services-main .readmore{font-size: .75rem;}
  .projects h3{font-size: 3rem;}
  .projects .item{margin-bottom: 2rem;}
  .projects .category{position: static;background: #1d246a;color: #fff;width: auto;margin: 0;padding: .85rem;}
	.team .view .team-info h2,.contact h3{margin-top: 2rem;}
  .projects .view h3{line-height: 2rem;}
  .team h2{font-size:2rem;padding-bottom: 0;}
  .mission h2,.team .view .team-info h2{line-height: 2rem}
	.get_quote .offcanvas-body{padding: 1rem!important;}
  .footer-bot .item-wrapper{position: static;margin-top: 0px;background: none;padding: 0;}
	.footer-top h3,.footer-bot h3{margin-top: 2rem;}
  .footer-bot .dev{text-align: center;}
}