body{background:#fff; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:1.6; color:#1d1d1d; overflow-x: hidden; height: auto;}
.left{float:left;} .right{float:right;} .clear{clear:both;}
.text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;}

a{color:#002e7a; text-decoration:none;}
a:hover{color:#000;}
img.right{float:right; margin:5px 0 5px 20px;}
img.left{float:left; margin:5px 20px 5px 0;}
img, object, embed, video, iframe{max-width: 100%; height: auto;}

.style{margin:0 0 30px 0; text-align: left;}
.style li{margin:0 0 10px 10px; font-size:16px; line-height:1.2;}
ul.style li{list-style:disc;}
ol.style li{list-style:decimal;}
ol.style li ul li{list-style:disc; margin:0 0 10px 10px;}

.bullet-group{ margin-bottom:30px;}
.bullet-group .style{ margin:0 !important;}

.padding{padding-top: 80px; padding-bottom: 60px;}

.img-box{position: relative; padding: 0 60px 60px; margin-bottom: 30px;}
.img-box::before{background: #129ff8; position: absolute; width:300px; height: 300px; border-radius: 50%; left: 0; bottom: 0; content: ""; z-index: -1;}
.img-box::after{background: #335896; position: absolute; width:280px; height: 280px; border-radius: 50%; left: 20%; bottom: 0; content: ""; z-index: -2;}
.img-box.bg-reverse::before{left:inherit; right: 0;}
.img-box.bg-reverse::after{left: inherit; right: 20%;}

a.button, a.button:focus{background: #233571; font-family: 'Fjalla One', sans-serif; font-size: 22px; line-height: 24px; font-weight: 500; padding: 15px 30px 12px; margin:8px 6px 30px; color: #fff; text-decoration: none; display: inline-block;}
a.button.white, a.button.white:focus{background: #fff;}
a.button.gray, a.button.gray:focus{background: #232323; color: #fff;}
a.button:hover{background: #129ff8; color: #fff;}

.address{display: inline-block; background: url(../img/icon-pin.png) left center no-repeat; padding-left: 30px;}
.certificate{display: inline-block; background: url(../img/icon-certificate.png) left center no-repeat; padding-left: 30px;}
.phone{display: inline-block; background: url(../img/icon-phone.png) left center no-repeat; background-size: 18px; padding-left: 30px;}
.email{display: inline-block; background: url(../img/icon-email.png) left center no-repeat; background-size: 22px; padding-left: 30px;}

.main-content .address{display: inherit; background: url(../img/icon-pin-b.png) left center no-repeat;}
.main-content .certificate{display: inherit; background: url(../img/icon-certificate-b.png) left center no-repeat;}
.main-content .phone{display: inherit; background: url(../img/icon-phone-b.png) left center no-repeat; background-size: 18px;}
.main-content .email{display: inherit; background: url(../img/icon-email-b.png) left center no-repeat; background-size: 22px;}

.heading, .sub-heading{display:block; font-family: 'Fjalla One', sans-serif; font-size:32px; line-height:1.4; color:#002e7a; margin:0 0 20px 0;}
.sub-heading{font-size:28px;}

.mb, p{margin-bottom:30px;}
p{font-size:16px; line-height:1.6;}
hr{background:#232e3d; margin:19px 0; border:none; height:1px;}

.top-row{background: #000; padding: 3px 2% 7px; font-size: 18px; color: #b1b1b1;}
.top-row span{display: inline-block; margin: 0 2px;}
.top-row a{color: #fff; text-decoration: none; font-weight: 500;}
.top-row .col-sm-7{text-align: right;}
.top-row .phone{margin-left: 20px; font-size: 24px; background-size: auto; padding-left: 28px;}
.top-row .email{background-size: auto; padding-left: 42px;}

header{background: #fff; padding: 15px 0; position: sticky; top: 0; z-index: 999; -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1); transition: all .5s;}

.logo{display: flex; align-items: center;}
.logo img:nth-child(2){margin-top: 8%;}

.mobile-buttons{margin:-15px 0 15px; text-align: center;}
.mobile-buttons a{width: 50%; display: block; text-decoration: none; float: left; padding: 10px; color: #fff; font-weight: 500; background: #129ff8;}
.mobile-buttons a:hover{background: #000!important;}
.mobile-buttons .email{background: #1b2c68;}
.mobile-buttons .email strong{background: url(../img/icon-email.png) left center no-repeat; background-size: 22px; padding-left: 30px;}
.mobile-buttons .phone strong{background: url(../img/icon-phone.png) left center no-repeat; background-size: 18px; padding-left: 30px;}

.navigation{margin-top: 5%;}
.navbar-nav{margin-left: auto;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 17px; line-height: 20px; padding: 0 12px; color: #3d3d3d; text-align: center; font-weight: 500;}

.navbar-toggler{padding: 0; font-size: 18px; line-height: 1; font-weight: 500; color: #000;}
.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

.banner{background: url("../img/banner.jpg") center no-repeat; background-size: cover; position: relative; padding: 130px 0 220px; text-align: right; clip-path: polygon(0 0, 100% 0%, 100% 95%, 0% 100%);}
.banner::after{background: rgba(0,0,0,.1); position: absolute; width:100%; height: 100%; left: 0; top: 0; bottom: 0; content: "";}
.banner-text{position: relative; display: inline-block; z-index: 1; max-width: 60%; text-align: center;}
.banner-text .heading{background: rgba(35, 53, 113, .85); font-size: 46px; padding:10px 40px; color: #fff; margin: 0;}
.banner-text .sub-heading{font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: bold; color: #14255f; margin-bottom: 0;}
.banner-text .box{background: rgba(18, 159, 248, .85); padding:12px 40px; color: #14255f; margin-bottom: 15px;}

.banner-inner{padding: 100px 0;}
.banner-inner .banner-text .heading{font-size: 30px; padding:10px; color: #fff; margin: 0;}

.main-services{margin-bottom: 40px; text-align: center;}
.main-services .heading{text-transform: uppercase; color: #000; margin-bottom: 40px;}
.main-services .col{border: solid 1px #fff; padding: 0;}
.main-services a{text-decoration: none; font-family: 'Fjalla One', sans-serif; font-size: 26px; line-height: 1.4; color: #fff; position: relative; display: block; padding: 30px 10px; z-index: 1;}
.main-services a::before{background: rgba(35, 53, 113, .85); position: absolute; width:100%; height: 100%; left: 0; top: 0; bottom: 0; content: ""; z-index: 0; transition: all .5s;}
.main-services a:hover::before{background: rgba(18, 159, 248, .85);}
.main-services a span{position: relative; z-index: 1; color: #fff;}
.ser-1{background: url("../img/ser-1.jpg") center no-repeat; background-size: cover;}
.ser-2{background: url("../img/ser-2.jpg") center no-repeat; background-size: cover;}
.ser-3{background: url("../img/ser-3.jpg") center no-repeat; background-size: cover;}
.ser-4{background: url("../img/ser-4.jpg") center no-repeat; background-size: cover;}
.ser-5{background: url("../img/ser-5.jpg") center no-repeat; background-size: cover;}
.ser-6{background: url("../img/ser-6.jpg") center no-repeat; background-size: cover;}

.brand-logos{background: url("../img/brand-logos-bg.jpg") center no-repeat; background-size: cover; color: #fff; clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%); position: relative; text-align: center; margin-bottom: 20px;}
.brand-logos::before{background: rgba(35, 35, 35, .8); position: absolute; width:100%; height: 100%; left: 0; top: 0; bottom: 0; content: ""; z-index: 0;}
.brand-logos .container-lg{z-index: 1; position: relative;}
.brand-logos .heading{color: #fff; text-transform: uppercase; position: relative; display: inline-block; margin-bottom: 30px;}
.brand-logos .heading::after{background: #f7d130; position: absolute; width:40%; height: 3px; left: 0; right: 0; margin: 0 auto; bottom: -10px; content: "";}
.brand-logos img{margin: 8px 10px; max-width: 240px; max-height: 120px;}

.products{margin:0 0 30px; padding: 0; list-style: none;}
.products li{margin: 10px 15px; float: left; width: calc(25% - 30px); border: solid 1px #313131;}

.footer-contact{background: #1b2c68; color: #fff;}
.footer-contact .heading, .footer-contact .sub-heading, .footer-contact a{color: #fff;}
.footer-contact .address, .footer-contact .certificate, .footer-contact .phone, .footer-contact .email{display: inherit;}
.footer-contact p{margin-bottom: 15px;}
.footer-contact ul{list-style: none; padding: 0;}
.footer-contact ul li{margin-bottom: 10px;}

footer{background: #000; color: #b1b1b1; font-size: 15px; padding: 15px 3%; text-align: center;}
footer a{text-decoration: none;}
footer span::before{content: " | "}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#129ff8; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #0c8dde;}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
.heading, .sub-heading{font-size:28px;}
.sub-heading{font-size:24px;}

.img-box{padding: 0 30px 30px;}
.img-box::before{width:200px; height: 200px; left: -1%; bottom: -4%;}
.img-box::after{width:180px; height: 180px;}

.top-row{font-size: 16px;}
.top-row .phone{font-size: 22px;}

.logo img{max-height: 100px;}

.navbar-expand-md .navbar-nav .nav-link{font-size: 16px; padding: 0 12px;}
.banner-text .heading{font-size: 38px;}
.banner-text .sub-heading{font-size: 22px;}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
.heading br, .sub-heading br{display: none;}

.img-box{padding: 0 20px 20px;}
.img-box::before{width:150px; height: 150px; left: -2%; bottom: -6%;}
.img-box::after{width:160px; height: 160px;}

.padding{padding-top: 60px; padding-bottom: 40px;}

.top-row{padding: 10px; font-size: 14px;}
.top-row span{margin: 0;}
.top-row .phone{background-size: 18px; font-size: 18px; margin-left: 10px; padding-left: 22px;}
.top-row .email{background-size: 22px; padding-left: 28px;}

header{text-align: center; padding-bottom: 5px;}
.logo{display: inline-block;}

.navigation{margin-top: 15px; padding-top: 5px; border-top: solid 1px #ccc;}
.navbar-nav{margin: 0 auto;}

.banner-text .heading{font-size: 32px; padding: 10px 20px;}
.banner-text .sub-heading{font-size: 18px;}
.banner-text .box{padding: 12px 20px;}

.products li{width: calc(33.3% - 30px);}

.main-services a{font-size: 20px;}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.padding{padding-top: 40px; padding-bottom: 30px;}

.img-box{margin-bottom: 50px;}
.img-box::before{width:250px; height: 250px;}
.img-box::after{width:220px; height: 220px; }

.nav-item{border-bottom: solid 1px #ccc;}
.navbar-expand-md .navbar-nav .nav-link{text-align: left; padding: 10px;}

.products li{width: calc(50% - 30px);}

.footer-contact .col-sm-12{text-align: center; margin-bottom:40px; padding-bottom: 40px; border-bottom: solid 1px #394d91;}
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.logo img:nth-child(2){margin-top: 10px; display: block;}
footer span{display: block;}
footer span::before{content: ""}
}