body{ background:#fff; font:400 16px/20px "Jost", sans-serif; color:#000; overflow-x:hidden;}
*{ padding:0; margin:0;}
#navigation button, .mobile-parent-nav-menu-item, .main-menu-more{ display:none;}
a{ color:#00a1e4; display:inline-block; text-decoration:none;}
ul{ list-style-type:none;}
.flex-s{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.flex-m{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.flex-l{ display:flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.equal-height{align-items: initial!important;}
.white-text{ color:#fff;}
.black-text{ color:#1c5b5c!important;}
.red-text{ color:#fa0300 !important;}
.light-text{ font-weight:300 !important;}
.hidden{	opacity: 0;}
.visible{	opacity: 1;}
.full-height{ height:100%}
.flex-re{ flex-direction:row-reverse}
.row.flex-re [class*="col-"]{ margin-right:2.5641%; margin-left:0;}
.row.flex-re [class*="col-"]:first-child{ margin-right:0;}
.small-icon{ font-size:50%;}
.td-n{ text-decoration:none;}
.ta-j{text-align:justify;}
.dis-ib{ display:inline-block;}
.color-green{ color:#044c34;}
.color-white{ color:#fff;}




header{ padding:8px 0; position: relative; z-index: 99}
header .wrapper{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
header .wrapper:after{ display:none;}



#navbtn{ display:none;}
#navigation .menuholder{ display:flex; flex-wrap: wrap; justify-content:space-between; padding:46px 0 0}
#navigation ul{ display:flex; justify-content:space-between;}
#navigation ul li{ float:left;}
#navigation ul li a{ display:block; font:400 16px/20px "Jost", sans-serif; color:#000; padding:0 10px}
#navigation ul li a:hover{ color:#0075ad;}
#navigation ul li:last-child{ display:none;}

.besktop-sec a{ background:#0075ad; color:#fff; padding:15px 40px; border-radius:90px; font:400 16px/20px "Jost", sans-serif;}
.besktop-sec a:hover{ background:#0c1934;}

#banner{ position:relative; background: url(../images/banner.jpg) no-repeat 50% 100%; background-size:cover; display: flex;
  align-items: center; padding:40px 0}
#banner:after{ display:none;}
#banner .textbox{ width:554px; position: relative;}
#banner .textbox > div{ position: absolute; left:50%; top:50%; transform:translate(-50%, -25%); color: #fff; text-align: center}
#banner h1{ font:700 50px/50px 'D-DIN Condensed', serif; white-space:nowrap; }
#banner h3{ font:400 66px/66px "Carattere", cursive;}
#banner p{ font:400 20px/26px "Jost", sans-serif; padding:0 0 10px;}
#banner a{ background:#fff; border-radius:90px; font:400 16px/20px "Jost", sans-serif; padding:15px 40px; color:#000;}
#banner a:hover{ color:#fff; background:#0c1934;}

#content{ background:url("../images/content-left.jpg") no-repeat 0 0, url("../images/content-right.jpg") no-repeat 100% 0 #fff;}
#content h1, #content h2{ font:700 66px/66px 'D-DIN Condensed', serif; padding:15px 0 0; letter-spacing:-1px;}
#content h1{ color:#0075ad; text-align: center;}
#content h3{ font:700 40px/42px 'D-DIN Condensed', serif; padding:15px 0 0; }
#content h5{ font:700 30px/32px 'D-DIN Condensed', serif; padding:15px 0 0; }
#content h6{ font:700 20px/24px 'D-DIN Condensed', serif; padding:15px 0 0; }
#content p{  font:400 16px/20px "Jost", sans-serif; padding:10px 0 5px;}
#content p a{ color:#0075ad;}
#content ul.listing li{ background:url("../images/list-icon.png") no-repeat 0 11px; padding:10px 0 0 28px; font:400 16px/20px "Jost", sans-serif;}
.bluetext{ color:#0075ad;}

.servicesbox{ display:grid; gap:10px;  grid-template-columns: auto auto auto; text-align: center; padding-right:10px;  padding-left:10px;}
.servicesbox > div{ background:#0075ad; color:#fff; border-radius:24px; padding:35px 15px;}
.servicesbox > div:hover{ background:#0c1934;}
.servicesbox img{ border-radius:90px;}
a.btn{ background:#fff; border-radius:90px; font:400 16px/20px "Jost", sans-serif; padding:15px 40px; color:#000; margin:15px 0 0;  transition: all 300ms ease-out 0s; }
a.btn:hover{ color:#fff; background:#0c1934;}
.servicesbox a.btn:hover{ color:#fff; background:#0075ad;}


.servicesbox.servicedetail > div{ background:#fff; border:1px solid #0075ad; color:#000}
.servicesbox ul{ display: table;  margin: 0 auto;  text-align: left;}
.servicesbox ul li{ background:url("../images/list-icon.png") no-repeat 0 11px; padding:10px 0 0 28px; font:400 16px/20px "Jost", sans-serif;}
.servicesbox.servicedetail img{ background:#0075ad; box-shadow:0 0 5px #0075ad;}

.blue-sec{ background:url("../images/blus-sec.jpg") no-repeat 0 0 #0075ad; background-size:contain; color: #fff; position: relative;}
.blue-sec:before{ position: absolute; right: 0; top: 0; height: 100%; width: 50%; content: ""; background: #0075ad; z-index: 1;}
.blue-sec .wrapper{ position:relative; z-index: 2;}

.form-sec{ position: relative; margin: 240px auto 0; width: 970px; display: flex; flex-wrap: wrap;   max-width: 100%;}
.form-sec > div{ width:50%; border-radius:0 80px 0 80px; overflow: hidden;}
.form-sec > div+div{ border-radius:80px 0 80px 0; background:#0075ad; padding:30px 40px; color:#fff;}
.form-sec > img{ width:100%; top:0; left: 50%; transform: translate(-50%, -165px); position: absolute;}
.form-sec > div img{  height: 100%;  width: auto;  max-width: inherit;}
.form-sec input[type="text"], .form-sec input[type="email"], .form-sec input[type="tel"]{ background:rgba(0,0,0,0); color:#fff; height:40px; padding:0; border:0; font:400 16px/40px "Jost", sans-serif; border-bottom:1px solid #fff; margin:0 0 20px;}
.form-sec textarea{ background:rgba(0,0,0,0); color:#fff; height:80px; padding:0; border:0; font:400 16px/20px "Jost", sans-serif; border-bottom:1px solid #fff; margin:0 0 20px;}
.form-sec button[type="submit"]{ background:#fff; color:#000; font:500 16px/60px "Jost", sans-serif; width:180px; text-align: center; border:0; padding:0;}
.form-sec button[type="submit"]{ background:#0c1934; color:#fff;}
.twobox:after, .form-sec:after{ display:none;}
.twobox{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0 0}
.twobox > div{ width:48%}
.button-sec{display: flex;  justify-content: space-between;  flex-wrap: wrap;}
.button-sec a {  width: 32%;  color:#fff; font:400 20px/24px "Jost", sans-serif;  background: url("../images/button-icon.png") no-repeat 30px 50% #0075ad;  padding: 19px 10px 19px 90px;  border-radius: 60px;  display: flex;  align-items: center;}
.button-sec a:hover{ background-color:#0c1934;}
.mapbox{ border-radius:12px; box-shadow:0 0 6px #333; overflow: hidden;}


footer{ background:#0c1934; color:#fff; text-align: center; padding:15px 0 10px;}
footer ul{ display:flex; flex-wrap: wrap; justify-content: center;  font:400 16px/18px "Jost", sans-serif; padding: 10px 0;}
footer ul li a{ padding:0 10px; color:#fff; white-space: nowrap;}
footer ul li a:hover{ color:#0075ad;}
footer ul li{ border-right:1px solid #fff; margin-bottom:9px;}
footer ul li:last-child{ border-right:0;}
footer p{ color:#fff; border-top:1px solid #fff; padding:10px 0;}



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





}





@media only screen and (max-width: 1198px) {
.flex-xl{ display:block;}
#logo{ width:calc(100% - 226px);}	

#navigation{ float: right; position: relative;}
	
#navigation ul{ display: none; display:none; background:#0075ad; position: absolute; right: 0; top: 100%; flex-flow: column; width: 300px; padding: 10px; border-radius: 5px; box-shadow:0 0 5px #fff;}
#navigation ul li{ float: none; border-top:1px solid #01618f}
#navigation ul li a{ font:400 18px/30px "Jost", sans-serif;  padding: 8px 10px 4px; color:#fff;}
	#navigation ul li a:hover{ color:#0c1934;}
#navigation ul li:first-child{ border-top:0;}
#navbtn{ display:block; width: 50px; height: 34px;  border-radius: 5px;    background:url("../images/navigation.png") no-repeat 50% 50% #0c1934;    cursor: pointer;}

#content h1, #content h2{ font:700 56px/56px 'D-DIN Condensed', serif;}
.button-sec a {  background: url("../images/button-icon.png") no-repeat 15px 50% #0075ad; padding: 19px 10px 19px 45px;}
.blue-sec{ background-size:cover;}
	#content > .wrapper{ padding-left:10px; padding-right:10px;}
	.servicesbox{ padding-left:0; padding-right:0;}
}

@media only screen and (max-width: 990px) {
.flex-l{ display:block;}
#banner .textbox{ width:500px;}
#banner h3{ font:400 56px/56px "Carattere", cursive;}
#banner h1{ font:700 40px/42px 'Bahnschrift', serif; letter-spacing:-2px;}

#content h1, #content h2{ font:700 46px/46px 'D-DIN Condensed', serif;}
.button-sec a{ background: url("../images/button-icon.png") no-repeat 15px 50% #0075ad; padding: 19px 10px 19px 45px; font: 400 14px/16px "Jost", sans-serif;} 
	#content h3{ font:700 32px/34px 'D-DIN Condensed', serif; }
}

@media only screen and (max-width: 740px) {
.flex-m{ display:block;}
.button-sec {    flex-flow: column;    gap: 10px;    align-items: center;   }
.button-sec a{width: 270px;}
.servicesbox{ grid-template-columns: auto auto;}
.blue-sec:before{ display:none;}
	.blue-sec{ background:#0075ad;}
	.form-sec{ display: block; width:485px; max-width:100%; margin: 140px auto 0;}
	.form-sec > div{ width:100%; border-radius:30px 30px 0 0;}
	.form-sec > div+div{ border-radius:0 0 30px 30px;}
	.form-sec > img{transform: translate(-50%, -90px);}
	#content h3{ font:700 30px/32px 'D-DIN Condensed', serif; }
	
	
}

@media only screen and (max-width: 450px) {
.flex-s{ display:block;}
.besktop-sec{ display:none;}
#banner .textbox{ width:360px;}
#banner h3{ font:400 46px/46px "Carattere", cursive;}
#banner h1{ font:700 32px/32px 'Bahnschrift', serif; letter-spacing:-2px;}	
#banner p{  font: 400 18px/24px "Jost", sans-serif;}
#banner a{padding: 10px 25px;}
#navigation ul li:last-child{ display:block;}
#content h1, #content h2{ font:700 40px/40px 'D-DIN Condensed', serif;}
.form-sec{ margin: 100px auto 0;}
.form-sec > img {    transform: translate(-50%, -70px);  }
.form-sec > div+div{padding: 20px 30px;}
.servicesbox {    grid-template-columns: auto;  }
	
}