@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* Reset css --- */
* {padding:0px; margin:0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
*:focus {outline: 0;}
html, body{ overflow-x:hidden;}
body{ margin:0; padding:0; font-size:1em; color:#080808; font-family: 'Roboto Condensed', sans-serif;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0;}
.clear {clear:both;}
a {color:#36A1D6; text-decoration:none;}
a:hover {text-decoration:none; color:#0c528f;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #999999;}
:-moz-placeholder{opacity:1; color: #999999;}
::-moz-placeholder{opacity:1; color: #999999;}
:-ms-input-placeholder{opacity:1; color: #999999;}
/* --- Reset css */

.SPReq{
	color:red;
}
.container-alt {
	max-width: 1560px
}
span.spndec {
	font-size: 13px;
	font-weight:500;
}

.header-top{ background: #163587; padding: 9px 0; border-bottom: 1px solid #5c72ab;}
.header-top-left ul li{ display: inline-block; margin-right: 22px;}
.header-top-left ul li a{ color: #FFF; font-size: 0.93em;}
.header-top-left ul li a:hover{ color: #f36f21;}
.header-top-right ul li{ display: inline-block; margin-left: 10px;}
.header-top-right ul li a{ color: #FFF; font-size: 1.3em;}
.header-top-right ul li a i{ transition: none;}
.header-top-right ul li a:hover{ color: #f36f21;}
.header-top-main{ display: flex; align-items: center; justify-content: space-between;}

.header-search{ background: #163587;}
.header-search-main{ padding-left: 200px; padding-right: 50px; position: relative;}
.search-expand{ height: 112px; display: flex; align-items: center; justify-content: flex-end; max-width: 0%; transition: all 0.5s ease;}
.search-expand.act{  max-width: 100%;}
.inp{ width: 100%; border: none; padding:8px 0; border-radius: 50px; transition: all 0.5s ease;}
.search-expand.act .inp{ padding-left: 25px; padding-right: 25px;}
.search-click{ cursor: pointer; position: absolute; right: 0; top: 33px; color: #FFF; font-size: 1.5em;}

.site-nav-wrap{ position: relative; padding: 0 0 0 156px;}
.logo{ position: absolute; left: 0; top: -113px;}

.hero-carousal .owl-dots{ position: absolute; width: 100%; left: 0; bottom: 170px; text-align: center; z-index: 99;}
.hero-carousal .owl-dot{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: #FFF !important; margin: 0 5px; cursor: pointer;}
.hero-carousal .owl-dot.active{ background: #0c4d7f !important;}
.hero-carousal .owl-dot:focus{ outline: 0;}

.hero-carousal .owl-nav button{ width: 39px; height: 108px; background: url('../images/slide-next.png') no-repeat !important; position: absolute; right: 70px; top: 50%; margin-top: -54px;}
.hero-carousal .owl-nav button.owl-prev{ right: inherit; left: 70px; transform: rotate(180deg);}
.hero-carousal .owl-nav button:focus{ outline: 0;}
.hero-carousal .owl-nav button span{ display: none;}

.site-nav > ul > li{ float: left; position: relative;}
.site-nav > ul > li > a{ display: inline-block; font-weight: 500; font-size: 1.2em; color: #000; padding: 21px 23px; border-left: 1px solid #e6e6e6;}
.site-nav > ul > li:first-child > a{ border-left: 0;}
.site-nav > ul > li:hover > a, .site-nav > ul > li > a.active{ background: #f36f21; color: #FFF;}

.site-nav > ul > li.has-sub > a{ padding-right: 34px;}
.subDropAlt{ position: absolute; right: 15px; top: 21px;}
.subDropAlt::before{ content: '\f0d7'; font-family: FontAwesome; color: #000; font-size: 1.2em;}

.site-nav > ul > li:hover > ul{ opacity: 1; visibility: visible; top: 70px;}
.site-nav > ul > li:hover > .subDropAlt::before{ color: #FFF;}

.site-nav > ul > li ul{ position: absolute; left: 0; top: 75px; z-index: 99; background: #163587; width: 200px; min-width: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.site-nav > ul > li ul li a{ color: #FFF; font-size: 0.85em; padding: 10px 20px; padding-top: 12px; display: block; border-top: 1px solid rgba(255,255,255,0.2); }
.site-nav > ul > li > ul > li:hover > a{ background: #f36f21; color: #FFF;}

.site-nav > ul > li ul li .subDropAlt{ top: 8px;}
.site-nav > ul > li ul li .subDropAlt::before{ color: #FFF !important;}
.site-nav > ul > li ul li:hover > .subDropAlt::before{ color: #FFF;}

.site-nav > ul > li ul li{ position: relative;}
.site-nav > ul > li ul li ul{ top: 0; left: 100%; background: #1e47b4;}
.site-nav > ul > li > ul > li:hover > ul{ opacity: 1; visibility: visible; top: 0;}
.site-nav > ul > li ul li ul li a:hover{ background: #f36f21; color: #FFF;}

.site-nav > ul > li:nth-child(9) ul li ul, .site-nav > ul > li:nth-child(10) ul li ul, .site-nav > ul > li:last-child ul li ul{ left: inherit; right: 100%;}


.bgCont{ background: url('../images/bg.jpg') no-repeat bottom center; background-size: cover; padding-bottom: 100px;}
.text-serve{ position: relative; margin-top: -115px; z-index: 2;}
.text-serve-main{ background: #FFF; -webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,0.34); box-shadow: 0 0 18px 0 rgba(0,0,0,0.34); border-bottom: 5px solid #f36f21; padding: 30px; transition: all 0.5s ease;}
.text-serve-main:hover{ border-bottom: 5px solid #00154d; transform: translateY(-10px);}
.text-serve-main h2{ font-weight: 700;}
.text-serve-main p{ color: #555555; font-size: 1.1em; line-height: 26px; padding-top: 15px;}
.text-serve-main a{ display: inline-block; background: #f36f21; color: #FFF; border-radius: 50px; margin-top: 20px; padding: 5px 25px;}
.text-serve-main a:hover{ background: #00154d;}

.services{ padding: 50px 0 0 0;}
.services ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.services ul li{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.services-single{ margin: -1px 0 0 -1px; display: flex; align-items: center; justify-content: center; height: 180px; background: #e3f8f9; border: 1px solid #2d6d97; text-align: center; transition: all 0.9s ease;}
.services-single p{ font-size: 1.25em; color: #00154d; transition: all 0.5s ease;}
.services-single i{ display: inline-block; font-size: 6em; transition: all 0.9s ease;}
.services ul li:hover .services-single{ background: #f36f21;}
.services ul li:hover p, .services ul li:hover .services-single i::before{ color: #FFF;}

.about-sec{ margin-top: 50px;}
.about-sec-main{ padding:40px 30px; padding-left: 40px; background: #FFF;}
.about-sec h2{ font-weight: 700; font-size: 2em;}
.about-sec h3{ color: #555555; padding-top: 20px; font-size: 1.48em; line-height: 36px;}
.about-sec p{ color: #555555; padding-top: 20px; font-size: 1.2em;}
.about-sec a{ display: inline-block; background: #f36f21; color: #FFF; border-radius: 50px; margin-top: 20px; padding: 5px 25px;}
.about-sec a:hover{ background: #00154d;}

.about-sec-right{ border: 10px solid #d2d2d2; height: 100%; background-repeat: no-repeat; background-size: cover;}

.site-footer{ background: #163587; padding: 100px 0 0 0;}
.footer-single h2{ color: #FFF; font-size: 1.4em; font-weight: 700; padding-bottom: 20px; padding-top: 40px;}
.footer-single ul li{ margin-bottom: 5px;}
.footer-single ul li a{ color: #fcf8f8; opacity: 0.6; font-weight: 300; transition: all 0.5s ease;}
.footer-single ul li a:hover{ opacity: 1; padding-left: 5px;}
.footer-top-right{ padding-left: 30px;}
.footer-single p{ color: #fcf8f8; opacity: 0.6; font-weight: 300;}
.footer-top{ padding-bottom: 50px;}

.footer-bottom{ border-top: 1px solid #5c72ab; padding: 20px 0;}
.footlink{ display: inline-block; background: #f6922f; color: #FFF; border-radius: 50px; margin-top: 20px; padding: 5px 25px;}
.footlink:hover{ color: #FFF; background: #f36f21;}

.footer-bottom-main{ display: flex; align-items: center; justify-content: space-between; color: #fcfafa; font-weight: 300;}
.foot-logo-main{ background: #FFF;  margin-top: -170px;}
.logo-slide .owl-item img{ display: inline-block; width: auto; max-width: 100%;}
.logo-slide .item{ text-align: center; height: 140px; display: flex; align-items: center; justify-content: center;}

.logo-slide .owl-nav button{ width: 22px; height: 47px; background: url('../images/slide-next2.png') no-repeat !important; position: absolute; right: -22px; top: 50%; margin-top: -23px;}
.logo-slide .owl-nav button.owl-prev{ right: inherit; left: -22px; transform: rotate(180deg);}
.logo-slide .owl-nav button:focus{ outline: 0;}
.logo-slide .owl-nav button span{ display: none;}


.mobClick { display: none; width: 24px; height: 16px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; position: absolute; left: 180px; top: 46px;}
.mobClick span { position: absolute; opacity: 1; left: 0; width: 24px; height: 3px; background: #FFF; display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.mobClick span:nth-child(2) { top: 7px;}
.mobClick span:nth-child(3) { top: 14px;}
.mobClick.open span:nth-child(1) { top: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.mobClick.open span:nth-child(2) { opacity: 0; left: -20px;}
.mobClick.open span:nth-child(3) { top: 7px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.mobClick.open{ position: fixed; left: 280px; top: 15px; z-index: 9999;}

.nav-overlay{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; z-index: 999; -webkit-backdrop-filter: blur(0.5rem); -ms-backdrop-filter: blur(0.5rem); -o-backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem);}
.nav-overlay.act{ opacity: 1; visibility: visible;}

@media (max-width: 1599px) {
  .container-alt{ max-width: 100%; padding: 0 50px;}
  .site-nav > ul > li > a{ font-size: 1.1em;}
  .text-serve-main h2{ font-size: 1.7em;}
  .text-serve-main p{ font-size: 1em;}
  .services-single i{ font-size: 5em;}
  .about-sec h2{ font-size: 1.8em;}
  .about-sec h3{ font-size: 1.28em; line-height: 30px;}
  .about-sec p{ font-size: 1.1em;}
  .footer-single h2{ font-size: 1.2em;}
}

@media (max-width: 1300px) {
  .container-alt{ padding: 0 15px;}
  .site-nav > ul > li > a{ font-size: 1em;}
  .site-nav > ul > li:hover > ul{ top: 66px;}
  .hero-carousal .owl-nav button{ width: 20px; height: 55px; margin-top: -27px; background-size: 100% auto !important;}
}

@media (max-width: 1199px) {
  .text-serve-main h2{ font-size: 1.4em;}
  .services-single i{ font-size: 4.5em;}
  .services-single p{ font-size: 1em;}
  .about-sec h2{ font-size: 1.6em;}
  .about-sec h3{ font-size: 1.1em;}
  .about-sec p{ font-size: 1em;}

  .logo{ z-index: 3;}
  .mobClick{ display: block;}

  .site-nav{ position: fixed; left: -280px; top: 0; width: 260px; height: 100%; z-index: 99999; background: #003c84; overflow: auto; transition: all 0.5s ease;}
	.site-nav.act{ left: 0;}
	.site-nav > ul > li{ display: block; float: none;}
	.site-nav > ul > li > a{ color: #FFF; display: block; padding: 10px 15px !important; font-size: 1em; border-bottom: 1px solid rgba(255,255,255,0.5);}
	.subDropAlt{ right: 0; top: 0; height: 44px; width: 44px; text-align: center; line-height: 44px; border-right: 1px solid rgba(255,255,255,0.5); border-left: 1px solid rgba(255,255,255,0.5);}
	.site-nav > ul > li ul{ position: static; opacity: 1 !important; visibility: visible !important; transition: none !important; display: none;}
	.site-nav > ul > li ul li a{ font-size: 0.85em;}
	.site-nav > ul > li ul li .subDropAlt{ top: 0;}
  .subDropAlt::before{ color: #FFF;}
}

@media (max-width: 1023px) {
  .text-serve{ margin-top: 0; padding-top: 20px;}
  .text-serve-main{ margin-top: 30px;}
  .about-sec-right{ margin-top: 30px; height: 300px;}
}

@media (max-width: 767px) {
  .header-top-main{ display: block;}
  .header-top-left ul{ text-align: center;}
  .header-top-left ul li{ margin: 0 2px;}
  .header-top-left ul li a{ font-size: 0.75em;}
  .header-top-right ul{ text-align: center;}
  .header-top-right ul li a{ font-size: 1em;}
  .logo{ width: 78px; top: -51px;}
  .search-expand{ height: 50px;}
  .hero-carousal .owl-dots{ display: none;}
  .hero-carousal .owl-item img{ height: 180px;}
  .hero-carousal .owl-nav button{ right: 10px;}
  .hero-carousal .owl-nav button.owl-prev{ left: 10px;}
  .search-click{ top: 10px; font-size: 1.1em;}
  .mobClick{ left: 92px; top: 16px;}
  .header-search-main{ padding-left: 124px; padding-right: 25px;}
  .inp{ padding: 3px 0;}
  .search-expand.act .inp{ padding-left: 12px; padding-right: 12px;}
  .services ul li{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .services-single{ height: 130px;}
  .services-single i{ font-size: 3.5em;}
  .about-sec-main{ padding: 20px !important;}
  .footer-top-right{ padding-left: 0;}
  .footer-bottom-main{ display: block; text-align: center;}
  .foot-logo{ padding: 0 25px;}
  .hero-banner .container-alt{ padding: 0 !important;}
  .text-serve-main{ padding: 20px;}
}