/*
Pixelfloat
---------- */
.full-block {
	width:100%; float:left; 
	margin:0; padding:0; }
.section{
	width:100%; float:left; 
	margin:0; padding:50px 0; }
.d-block { 
	display:inline-block; }

.header { 
	position: fixed; top:0; left:0; z-index: 3001;
	width:100%; float:left; 
	background: #11577b;
background: linear-gradient(0deg, rgba(17,87,123,1) 0%, rgba(17,87,123,1) 55px, rgba(255,255,255,1) 55px);
	padding:0 0; margin:0; }
.fixed-header { }
@media(max-width:991px){
	.header { background:#FFF;}
}
/* header -------*/
.top-infos {
	width:100%; float:left;  text-align: right;
	padding:8px 20px; margin:0; }
.top-infos ul { float:right; }

.top-contact li { 
	margin:5px 0 5px 20px; padding:0;
	float:left; list-style:none; }
.top-contact li a { 
	text-decoration: none; color:#00445C; }
.top-contact li span { 
	font-weight:600; font-size:13px;
	color:#00445C; display:inline-block; margin:0 0 0 5px;}
.top-contact li path { fill:#FF8F00; }
.top-contact li a:hover span {color:#FF8F00; }
.menu-button-link { display: none; }

@media(max-width:991px){
	.menu-button-link { display: inline-block; }
	.header .row { align-items:center !important; }
	.top-infos { 
		margin:0; padding:0 5px 0 0;
		background:none; float:right; width:auto; }
	.top-contact li { 
		width:40px; height:40px; border:1px solid #ededed;
		text-align: center; padding:10px 0 0; margin:0 5px;
	 border-radius:20px; }
	.top-contact li span { display: none; }
}
@media(max-width:575px){
	.top-contact li { border:none; width:40px; height:40px; line-height: normal; padding-top:10px; }
}
@media(max-width:500px){
	.top-infos { padding:0; }
	.top-contact li { margin:0 0 0 2px; }
}
@media(max-width:480px){
	
}

.logo {
	width:100%;
	text-align: center; 
	margin:0; padding:4px 0 10px;
	float:left; background:#fff; }
.logo a img { 
	width:290px; max-width:100%; float:none; display:inline-block; }

@media(max-width:767px){
	
}

.social-link {
	position: fixed; right:0; top:150px; z-index: 3000; }
.social-link ul { 
	list-style:none; margin:0; padding:0; }
.social-link ul li { 
	float:left; clear:both; margin:0 0 5px; padding:0; }
.social-link ul li a { 
	width:40px; height: 35px; display: inline-block; line-height:2.2;
	background:#fff; color:#393939; text-align:center; font-size:16px;  }
.social-link ul li a path { fill:#393939; }
.social-link ul li a:hover { background:#fff; color:#ff8f00;  }
.social-link ul li a:hover path { fill:#ff8f00; }
.social-link ul li a svg { width:16px;}
@media(max-width:567px){
	.social-link ul li a { background:rgba(256,256,256,0.9); }
}

/* banner ---------------- */
.banner {
	width:100%; float:left; clear: both;
	position: relative; }
.banner img { 
	width:100%; float:left; object-fit: cover;
	max-height: 100%; height:600px; }
.home-banner.slick-dotted.slick-slider { 
	padding-bottom:0 !important; margin-bottom:0 !important; }
.home-banner .slick-dots { bottom:20px; }

.banner-slider { 
  width:100%; float:left; position: relative; }

.banner-slide { 
	float:left;
	position: relative; width:100%; }
.banner-caption {
	position: absolute; top:0; left:0;
	width:100%; height: 100%;
	display: flex; align-items: center; }
.banner-caption h1 { 
	color:#fff; margin:0; padding:0;
	font-weight:700; font-size:75px;
  /*text-shadow: 3px 3px 5px #fff; */}
.banner-caption h2 { font-size:50px; color:#fff; }
.banner-caption p { 
  max-width:600px; width:100%;
  color:#fff; font-weight:600; font-size:16px; }
@media(max-width:1200px){
  .banner img { height:500px; }
  .banner-caption h1 { font-size:60px; }
  .banner-caption h2 { font-size:40px; }
  .banner-caption p { font-size:14px; }
}
@media(max-width:991px){
  .banner img { height:500px; }
	.banner-caption { align-items:end; padding-bottom:50px; }
  .banner-caption h2 { margin:0 0 20px; }
  .banner-caption p { max-width:unset; }
}
@media(max-width:767px){
  .banner img { height:400px; }
  .banner-caption h1 { font-size:50px; }
  .banner-caption h2 { font-size:35px; }
  .banner-caption p { max-width:unset; }
}
@media(max-width:575px){
  .banner { background:#00445c; }
  .banner img { max-height:240px; height: unset;}
	.banner-caption { 
    position:relative; background:#00445c; padding:30px 0 20px;}
	.banner-caption h1 { font-size:30px; margin:0; padding:0; }
	.banner-caption h2 { font-size:24px; margin:0 0 10px; }
	.banner-caption p { font-size:13px; font-weight:400; margin:0; }
}


.footer { 
	width:100%; float:left; padding:20px 0; margin:0; }
.footer-container {
	margin:0; padding:20px 0 0;
	border-top:1px solid #E0E1E1;
}
.footer p { 
	font-size:13px;
	font-weight:400; color:#808080; }
.footer p span { font-weight:700; color:#FF8F00; }
.footer ul { list-style: none; margin:0; padding:0; float:right; }
.footer ul li { float:left; margin:0 0 5px 20px; padding:0; }
.footer ul li a { text-decoration: none; color:#808080; font-size:13px; }
.footer ul li a:hover { color:#87AC3F; }

@media(max-width:991px) {
	.footer ul { width:100%; text-align: center; margin-bottom:15px; }
	.footer ul li { float:none; display: inline-block; }
	.footer p { text-align: center; }
}


/* clients --- */
.clients-slider {
	text-align: center; }
.clients-slider h3 {}
.clients-slider p {}



.contact-strip {
  margin:0; padding:0;
   background: rgb(255,143,0);
	background: linear-gradient(90deg, rgba(17,87,120,1) 50%, rgba(243,244,246,1) 50%); }
.contact-strip h1,.contact-strip h2 { color:#fff; }
.strip-form { 
  padding:50px 0 60px 0;
  background:#10577a; }
.strip-form h3 { margin-bottom:20px; color:#fff; }
.strip-form p { margin:0; padding:0; }
.strip-form .wpcf7-not-valid-tip { color:#fff; }
.strip-form input[type="text"],
.strip-form input[type="tel"],
.strip-form input[type="email"] { 
  margin:30px 0 0; padding:10px;
  border-radius:0; }
.strip-form textarea { 
  margin:30px 0 30px; padding:10px; }
.strip-form input[type="submit"] {
  float:right; }

.strip-contactinfo { 
  width:100%; float:left; margin:0; padding:0; }
.strip-contactinfo ul.contactinfo { 
  list-style: none; margin:30px 0; padding:0; }
.strip-contactinfo ul.contactinfo li { 
  position:relative;
  margin:0 0 20px; padding:0 0 0 35px; }
.strip-contactinfo .contactinfo li,
.strip-contactinfo .contactinfo a { 
	line-height:1.5;
   color:#0E284A; font-size:16px; text-decoration: none; }
.strip-contactinfo .contactinfo a:hover { color:#FF8F00; }
.strip-contactinfo ::before {
  position: absolute; top:0; left:0px; color:#FF8F00;
  font-family: "Font Awesome 5 Free"; font-weight:700; }


.strip-contactinfo .phone a { font-size:20px; font-weight: 600; }
.strip-contactinfo .phone::before { 
  content:'\f879'; font-size:19px; }
.strip-contactinfo .email::before { 
  content:'\f658'; font-size:19px; }
.strip-contactinfo .time::before { 
  content:'\f017'; font-weight:500; font-size:22px; }
.strip-contactinfo .fax::before { 
  content:'\f1ac'; font-size:22px; }


.strip-contactinfo .location::before { 
  content:'\f3c5'; font-weight:700; font-size:24px; }


@media(max-width:767px){
  .strip-form { padding:20px 30px 30px;}
  .strip-contactinfo { padding:20px 30px 30px;}
  .strip-contactinfo .contactinfo li { font-size:16px !important; }
  .strip-contactinfo ::before { font-size:16px !important; }
  .strip-contactinfo .contactinfo a{ font-size:16px !important; }
}
@media(max-width:575px){
  .contact-strip { background:#F3F4F6; padding-top:20px;}
}


.anyquestions {
  text-align:center;
  background:#00445C; }
.anyquestions h2 { 
  color:#fff; margin:0 0 5px; padding:0;
  text-align:left; }
.anyquestions p { 
  margin:0; padding:0;
  text-align:left; 
  color:#fff; text-transform:uppercase; }
.anyquestions a.button { display: inline-block; float:none; }
@media(max-width:575px){
  .anyquestions p { text-align: center; margin:0 0 15px; }
  .anyquestions h2 { text-align: center; }
}



.project-thumb { 
	text-align:left; 
  width:100%; float:left; margin:0 0 30px; padding:0; }
.project-thumb .image {
  position: relative; width: 100%; float:left; margin:0 0 15px; padding:0; }

.project-thumb img {
  width:100%; height:250px;
  object-fit:cover; object-position:center;
  border-radius:10px; }
.project-thumb .desc {
  width:100%; float:left; }
.project-thumb h6 {
  font-weight:normal; width:100%; margin:0 0 8px; padding:0;
  color:#00445C;  font-size:13px; }
.project-thumb a { 
  margin:0; padding:0;
   font-weight:normal; text-align: left;
  color:#00445C; font-size:18px; text-decoration: none; }
.project-thumb a:hover,
.project-thumb:hover {
  color:#FF8F00; }
 @media(max-width:767px){
 	.project-thumb a { font-size:16px; }
 }

.projects-cover-desc { width:100%; float:left; padding-right:20px; }
.projects-cover-desc h6 { margin:0; padding:0; font-size:14px }
.projects-cover-desc p { margin:0 0 20px; padding:0; }
.project-gallery-thumb {
  width:100%; float:left; 
  margin:0 0 30px; padding:0; }

.project-cover-image {
  width:100%; float:left; 
  margin:0 0 30px; padding:0; }

.home-projects {
	text-align: center;
  background:#f3f4f6; }
.home-projects h3 { text-align: center; text-transform: uppercase; }
.home-projects p { text-align: center; }

.project-thumb img { 
  object-fit:cover; }
.thumb-vertical img { 
  width:100%; height:590px; object-fit:cover; }
.thumb-landscape img { 
  height:260px; }

@media(max-width:991px){
  .thumb-vertical img { height:320px; }
}
@media(max-width:767px){
    .projects-cover-desc { padding-right:0px; }
}

.projects-slider .project-thumb  { padding:0 10px;  }
.projects-slider .slick-dots { bottom:0; margin:0; }


.projects-banner {
    padding-bottom:0; }
.projects-banner h3 { 
    margin:0; }



.mission-vision {}
.mission-vision h4 { 
	text-transform: uppercase; }
.mission-vision img { 
	width:100%; float:left;
	padding:0; margin:30px 0;
  border-radius:15px; }
.mission-vision ul {
	padding:0 0 0 20px; margin:0; 
	float:left; width:100%;
}
.mission-vision ul li { 
	margin:0 0 10px; padding:0 0 0 10px; font-size:14px;
	line-height: 1.5; 
	list-style-type: lower-alpha; }
.mission-vision ul li a {}


.home-services {}
.home-services h3 { text-align:center; text-transform:uppercase; }
.home-services p { text-align:center;  }

.service-thumb { 
	width:100%; float:left; clear:both; margin:0; padding:0 15px; }
.service-thumb a { font-weight:400; font-size:18px; color:#00445C; text-transform:capitalize; }
.service-thumb a img { 
	min-height:200px; object-fit:cover;
	border-radius:10px; }
.service-thumb .imag {
	width:100%; float:left; margin:0 0 15px; padding:0; }

.service-thumb-row .service-thumb { 
	padding:0; }
.service-thumb-row .service-thumb img {
	margin-top:20px; margin-bottom:20px; }

.servicespagecontent {}
.servicespagecontent ul {
	list-style:none; width:100%; margin:0; padding:0;
}
.servicespagecontent ul li {
  position:relative;
	list-style:none; margin:0 0 15px; padding:0 0 0 20px;
	font-weight:500;
}
.servicespagecontent ul li::before {
  position: absolute; top:1px; left:0; color:#FF8F00;
  content:'\f185'; display: inline-block; }


@media(max-width:767px){
	.service-thumb { padding:0; }
	.service-thumb a { font-size:15px; }
}

.speciallisting ul {
	list-style:none; width:100%; margin:0; padding:0; }
.speciallisting ul li {
	position:relative;
	list-style:none; margin:0 0 15px; padding:0 0 0 20px;
	font-weight:500;}
.speciallisting ul li::before {
  position: absolute; top:1px; left:0; color:#FF8F00;
  content:'\f185'; display: inline-block; 
} 

/* home blocks */
.home-block {
  background:#F3F4F6; border-radius:10px; overflow:hidden; }
.home-block img { 
  object-fit: cover; width:100%; height: 100%; float:left; }
.content-block-outer { 
  position:relative; }
.home-block .content-block { 
  width:100%; float:left;
  padding:60px 50px 20px; margin:0; }
.digital-blocks {
  width:100%; float:left; position:absolute; bottom:0; left:0; }
.digital-block {
  display: flex; justify-content: center; align-items: center;
  text-align: center; width:50%; float:left; 
  padding:20px 0; margin:0;}
.digital-block img { 
  height:100%; }
.digital-block h1 { 
	font-weight: 700;
  font-size:30px; color:#fff; line-height:24px; margin:0; padding:0; }
.digital-block h1 span { 
  font-size:13px; color:#fff; text-transform:uppercase; }
.digital-block p { 
  font-size:16px; color:#0E284A; }
.digital-block a {
  letter-spacing:1px; font-size:13px;
  color:#fff; text-decoration: none; text-transform: uppercase; }
.redblock {
  background:#00445C; }
.blueblock { 
  background:#FF8F00; }



.banner-strip {
  margin:0; padding:15px 0;
  background: #116e9e; color:#fff; }

.icons-block { 
  display: flex; align-items: center;
  width:100%; float:left; margin:10px 0; padding:0; }
.icons-block .icons-block-img { 
  width:40%; max-width:90px; float:left; text-align:left; }
.icons-block .icons-block-img img { 
  width:auto; display:inline-block; }
.icons-block h4 { 
	text-transform: uppercase; font-weight: 700;
  margin:0; padding:0; font-size:18px; line-height: 1.1;
  width:60%; float:left; color:#fff; }
@media(max-width:767px){
  .icons-block .icons-block-img { width:20%; margin:0 15px 0 0; }
  .icons-block h4 { font-size:14px; }
}



  /* ----------------------------- */
/* PAGE CONTENT ---------------- */
.page-content { }


.inner-banner {
  width:100%; float:left; position:relative; }
.inner-banner img {
  width:100%; max-height: 400px; float:left;
  object-position: center; object-fit: cover; }
.inner-banner-caption {
  width:100%; height:100%;
  position: absolute; top:0; left:0;
  text-align: center; background:rgba(0,0,0,0.6);
  justify-content: center; display: flex; align-items: center;
}
.inner-banner-caption h3 { 
  margin:0; padding:40px 0 0;
  font-size:35px; text-transform: uppercase;
  color:#ffffff; }
@media(max-width:767px){
  .inner-banner-caption h3 { font-size:30px; }
}
@media(max-width:575px){
  .inner-banner-caption { align-items: end; }
  .inner-banner-caption h3 { font-size:24px; padding:0 0 40px; }
}


.whychoose-strip {
  background:#f3f4f6; }
.reality-heading h3 { 
  margin:0; padding:0;
  text-align:center; color:#175c9b; }
.reality-heading h3 span { 
  color:#cc0000; }

.about_image img,
.why_choose_image img { border-radius:10px; }

.stayuptodate {}
.stayuptodate input { border:1px solid #ccc; }
.stayuptodate input[type="submit"] { 
  border:1px solid #f3f4f6; background:#333; }
.stayuptodate input[type="submit"]:hover {
  border-color:#dd1f2d; background:#dd1f2d; color:#fff; }

  /* CONTACT ---------------- */
.contactmap {  }
.contactmap iframe {
  width:100%; height:450px; float:left; }
@media(max-width:991px){
  .contactmap iframe { height:400px; }
}
@media(max-width:767px){
  .contactmap iframe { height:350px; }
}


/* contact plugin tunine ---*/
.wpcf7 form.sent .wpcf7-response-output { 
    background:#fff; padding:1em;}


