@charset "utf-8";


/* CSS Document */
:root {
  --white: #ffffff;
  --black: #1E1E1E;
  --blue:  #395B9C;
  --lightblue: #E8F3F9;
  --darkblue: #AACFE3;
  --brown:#BD3322;

  --transition: 0.2s;

}
body { background-color:#FFF !important; font-family:'Roboto'; color:var(--black) !important; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6, p, li {color:var(--black) !important;}
.header { background:#FFF ; position:relative; z-index:11; padding:15px 0; }
.header:before {content:''; background: var(--blue) url(../images/header_top.svg) no-repeat center top;  height:8px; width:100%; top:0; left:0;  position:absolute; }
.header .logo {height:70px;}

.header.freezed { position:fixed; width:100%; background:rgba(255,255,255,0.9);  backdrop-filter:blur(5px); left:0; top:0; z-index:999; padding:5px 0; box-shadow:0 20px 20px rgba(0,0,0,0.1); }
.header.freezed .logo {height:50px;} 
.header.freezed:before{ height:4px;}
.rounded-circle { border-radius:0px !important;}

.header.freezed .custom-menu li.active a::after { bottom:-10px;}

.banner {
    position: relative;
	 background-size:cover  !important; min-height:600px;
	left:0;
	width:100%;
	margin-top:0px;
	
}
/*.banner::after{content:''; position:absolute; top:0; left:0; background: linear-gradient(to right, rgba(0,60,86,0.5), rgba(0,50,0,0.9)); height:100%; width:100%; z-index:0;}*/
.banner h1, .banner p, .banner .btn, .banner .alt-btn { z-index:1; position:relative; }
.banner h1 {
 font-size:120px; line-height:100px; font-weight:100  !important; letter-spacing:-10px !important;
}
.banner h2 { font-weight:900 !important; font-size:32px !important;}
.banner .marqueeBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background-size:cover !important;
	

}
.topOverlay125 {
    margin-top: -125px;
    z-index: 1;
    position: relative;
    margin-bottom: 0px;
}
.whiteBorderBox {
    background: #FFF !important;
    border-radius: 10px;
    padding: 20px;
}

.tilt {}
.rounded { border-radius:20px !important;}
.shadow {box-shadow:0 20px 20px rgba(0,0,0,0.1);}
.whiteBox { background:#FFF !important;}
.introBox { padding:50px;background: linear-gradient(350deg, #fffefe,  #fffefe 50%, #faffc3); border-radius:20px; box-shadow:0 20px 20px rgba(0,0,0,0.1);}

.number-box { border-radius:8px; padding:30px; color:#FFF !important; text-align:center; position:relative;}
.number-box.leftAligned {text-align:left !important;display:flex;}
.number-box .title { font-size:50px; line-height:60px; margin-bottom:20px; display:block;  color:#FFF !important;}
.number-box .subtext { font-size:24px; line-height:28px;  color:#FFF !important;}
.number-box .subtext.small { font-size:18px; line-height:28px; text-align:left; padding-left:0px;display: inline-flex; color:#FFF !important;

    align-content: center;
    flex-wrap: wrap;  }
.number-box .icon { vertical-align:middle; margin-right:15px; display:inline-flex; max-width:48px;  display: inline-flex;

    align-content: center;
    flex-wrap: wrap; 
}
.number-box.one { background: #235313; background: linear-gradient(144deg, #235313 0%, #021759 100%);}
.number-box.two {  background: #235313; background: linear-gradient(144deg, #235313 0%, #021759 100%);}
.number-box.three {  background: #235313; background: linear-gradient(144deg, #235313 0%, #021759 100%);}
.number-box.four {  background: #235313; background: linear-gradient(144deg, #235313 0%, #021759 100%);}




.underline_blue{ position:relative;}
.underline_blue::after{content:'';position:absolute; bottom:-5px; left:0; background:url(../images/underline_blue.svg) no-repeat center center; height:15px; width:100%; background-size:cover;}

.underline_gray{ position:relative;}
.underline_gray::after{content:'';position:absolute; bottom:0px; left:0; background:url(../images/underline_gray.svg) no-repeat center center; height:3px; width:100%; background-size:cover;}

.underline_white{ position:relative;}
.underline_white::after{content:'';position:absolute; bottom:0px; left:0; background:url(../images/underline_white.svg) no-repeat center center; height:3px; width:100%; background-size:cover;}

.banner_inside { position:relative;  padding:50px 0 100px 0;}
.banner_angle_white{ background: url(../images/inside_banner_angle_bg.svg) bottom center; background-size:cover; position:absolute; bottom:0px; left:0; z-index:2; height:150px; width:100%;}
.banner_angle_gray { background: url(../images/inside_banner_angle_bg_gray.svg) bottom center; background-size:cover; position:absolute; bottom:0px; left:0; z-index:2; height:150px; width:100%;}
.banner_angle_gray_2 { background: url(../images/tilt_1.svg) bottom center; background-size:cover; position:absolute; bottom:-2px; left:0; z-index:2; height:150px; width:100%;}

.team-tile { background:rgba(255,255,255,1); border-radius:35px; box-shadow:0 20px 20px rgba(0,0,0,0.1); padding:25px;}


.brown {color:var(--brown) !important;}
.lightblue {color:var(--lightblue) !important;}
.darkblue {color:var(--darkblue) !important;}
.white {color:var(--white) !important;}
.gray {color:#4A4A4A !important;}

.lightblue_Bg{ background: var(--lightblue) !important; }
.darkblue_Bg{ background: var(--darkblue) !important; }
.gray_Bg { background:#ebecf6 url(../images/about_bg.png) repeat-x center center   ; }

.footer_Bg {background: var(--black) !important; }

.highlighted {  color:#FFF; padding:0 15px; margin-top:0px; display:inline-block;}

.btn, .step-btn, .wpcf7-submit { background-color: var(--brown) !important;  border-radius: 50px !important;     color: var(--white) !important;   font-weight: 600; 
  font-size: 16px !important;  padding: 12px 35px !important; text-decoration:none;}
  .btn:hover, .wpcf7-submit:hover {  background:  var(--blue) !important;   color: #FFF !important; }
  
  
.btn.blue { background:  var(--blue) !important;   color: #FFF !important; }
  
.step-btn:hover { background-color: var(--brown) !important; color: #FFF !important;  border: solid 1px var(--brown) !important;}
.alt-btn {  background-color: transparent !important;  border-radius: 50px;  border: solid 1px  var(--white) !important;  color: #fff;  font-weight: 700;
  font-size: 16px;  padding: 12px 35px; text-decoration:none;}
.alt-btn:hover {  background-color: rgba(0,0,0,0.1) !important;  color:  var(--white) !important;  border: solid 1px  var(--white) !important;}

.alt-btn-black{  background-color: transparent !important;  border-radius: 50px;  border: solid 1px  var(--black) !important;  color: var(--black);  font-weight: 700;
  font-size: 16px;  padding: 12px 35px; text-decoration:none;}
.alt-btn-black:hover {  background-color: transparent !important;  color:  var(--black) !important;  border: solid 1px  var(--black) !important;}

.alt-btn-blue{  background-color: transparent !important;  border-radius: 50px;  border: solid 1px  var(--brown) !important;  color: var(--brown);  font-weight: 700;
  font-size: 16px;  padding: 12px 35px; text-decoration:none;}
.alt-btn-blue:hover {  background-color: transparent !important;  color:  var(--blue) !important;  border: solid 1px  var(--brown) !important;}



.textlink {color: var(--brown) !important; font-weight: 400; font-size: 18px !important; text-decoration:none; position:relative;  padding-right:20px;  transition:ease-in-out 0.25s;}
.textlink:after {content:url(../images/textlink_arrow.svg); position:absolute; top:3px; right:0px;}
.textlink:hover:after {right:-5px; transition:ease-in-out 0.25s;}

.iconList { padding:20px 0 0 75px; width:90%; background:url(../images/icon_tick.svg) no-repeat 20px 20px; background-size:32px;}
.iconList h4 { margin:0; padding:0 0 10px 0;}

.modal.show .modal-dialog { box-shadow:0 20px 20px rgba(0,0,0,0.1);}


.img-responsive, .galleryThumb { width:100%;}
.offsetTop25 { position:relative; top:-25px !important;}
.photoWrapper {position:relative; max-height:600px;}
.photoWrapper img { max-height:600px;}
.overlap {position:absolute; background:#2D475E; color:#FFF; bottom:75px; left:0; padding:10px 30px;  z-index:1; font-weight:bold; border-radius:0px;}
.overlapped_section, .normal_section { position:relative;}
.bgImage {}
.overlapped_section .contentBlock{ position:absolute; top:50%; right:0; z-index:1; background:#FFF; width:55%; padding:50px; text-align:left;  transform:translateY(-50%);  }
.normal_section .contentBlock{ position:absolute; top:50%; left:0; z-index:1; background:#FFF; ; padding:50px 25px; text-align:left;  transform:translateY(-50%);  }

.galleryPhoto { padding:5px;}

.service_tile { background:#FFF;box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.06);border-radius: 5px; padding:25px 25px 50px 25px; margin:25px 0; text-align:center; position:relative;}
.service_tile .icon{ height:90px;  margin:0px;}
.service_tile { text-decoration:none;} 
a.service_link {text-decoration:none !important;}
 .service_tile h4{ color:var(--black) !important; text-decoration:none !important;  margin:0px; padding:0px; text-align:center}
 .service_tile .btn_arrow { width:32px; height:32px; background:url(../images/icon_arrow.svg) no-repeat center center; position:absolute; bottom:-16px; left:50%; margin-left:-16px;}
 
 .service_listing_tile{ position:relative; background:rgba(255,255,255,1); border-radius:20px; margin:25px; box-shadow:0 10px 20px rgba(0,0,0,0.1); }
 
.service_listing_tile .thumbImage { filter: grayscale(100); width:100%;  border-radius:20px 20px 0 0;}
 .service_listing_tile:hover .thumbImage{ filter: grayscale(0);}

.why-choose-center-image img { max-width:100%;}
.benefitIcon, .whyUsicon{ max-height:64px; max-width:100%;}
.serviceIcon { background: rgb(86 204 255);
    background: linear-gradient(45deg, rgb(100 216 118) 0%, rgb(86 204 255) 100%);  box-shadow:0 10px 20px rgba(0,0,0,0.1);  padding:15px; position:absolute; top:-25px; left:25px; border-radius:10px;}
.serviceIcon img{ height:64px; max-width:100%;}

.contactForm {  width:80%; margin:0 auto;  }
.wpcf7-form label { font-size:14px;}
.wpcf7-form .wpcf7-form-control, .wpcf7-form  .wpcf7-textarea,  .wpcf7-form  .wpcf7-select { font-size:16px; border-radius:5px; padding:5px 10px; width:100%; border:solid 1px #CCC !important;  background:#FFFFFF; max-height:100px;}
.wpcf7-submit { width:auto !important;}

.casestudyColumn { background:rgba(0,0,0, 0.05); border:solid 1px rgba(135, 135, 135, 0.2); padding:20px; border-radius:15px; margin:0 auto; position:relative;}
.casestudyColumn .photo { border-radius:10px; width:100%; margin-bottom:20px;}
.casestudyColumn:hover { background:rgba(118, 185, 177, 0.2); border:solid 1px rgba(135, 135, 135, 0.5);}

  /* Accordian */
.acc-container {  max-width: 100%;  width: 100%;  background-color:rgba(255,255,255,0); height:auto !important;  }

.acc {  margin-bottom: 30px;  background: #FFFFFF; border: 1px solid #E4E4E4;box-shadow: 6px 8px 24px rgba(0, 153, 114, 0.15);border-radius: 27px; text-align:left !important;}

.acc-head {   padding: 10px 75px 10px 30px;  font-size: 18px; line-height:30px;  position: relative;  font-weight:500 !important;   cursor: pointer;   }
.acc:first-child  .acc-head { border-top:solid 0px #FFF !important;}
 .acc-head::before, .acc-head::after {  content: '';  position: absolute;  top: 10px; right:20px;   transition: all .3s; }

 .acc-head::before { content:url(../images/accordian_minus.svg); display:none;  }

.acc-head::after { content:url(../images/accordian_plus.svg);  display:block;}
.acc-head.active::after { display:none;}
.acc-head.active::before { display:block;}
.acc-head p {  color: #000;  font-weight: 600; font-size:16px; margin:0px; padding:0px;}

.acc-content { padding: 0px 50px 10px  30px;  display: none;  font-size: 16px;  line-height:24px; }
  .acc-content li { padding:10px 0 !important;} 
  .acc-content a {color:#71233A !important; }
p:empty { display:none !important;}


.testimonial .blockquote {
  margin: 0 15px;
 background: rgb(130 191 130);
background: linear-gradient(45deg, rgba(130, 191, 130,0.5) 38%, rgba(79, 172, 228,0.5) 100%); 
  padding: 40px;
  position: relative;
  border: none;
  border-radius: 20px;
  text-align:left;
  font-size:18px;
 
  
}

.testimonial .blockquote:before,
.testimonial .blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: rgba(0,0,0,0.25);
  font-style: normal;
  font-family: 'Secular One', sans-serif;
}

.testimonial .blockquote:before {
  top: -20px;
  left: 20px;
}
.testimonial .blockquote:after  { display:none;}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid  rgba(130, 191, 130,0.5);
  margin: 0 0 0 60px;
  text-align:left;
}

.blueBox { background:#F3FAFE; padding:25px;}
.contactlink { text-decoration:none !important; color:#000 !important;}

.footer_Bg { color:#FFF !important; padding:75px 0 10px 0 !important;}
.footer_Bg .titleLink, .footer_Bg .link { text-decoration:none !important; color:#FFF !important;}
.footer_Bg .titleLink { font-size:15px !important; margin-top:7px !important; display:block !important;}

.footer_Bg .link img { margin-right:10px;}
 .footerMenu { margin:0; padding:0; }
.footerMenu li { margin:0; padding:5px 0 5px 20px;  text-align:left; position:relative;}
.footerMenu li:before { content:''; background:#666; width:6px; height:6px; border-radius:3px; position:absolute; left:0; top:16px;}
 .footerMenu li a { color:#C7C7C7 !important; text-decoration:none; font-size:16px;}

@keyframes jumpup1 {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(10px, -20px) ; }
    100%   { transform: translate(0, 0px) ; } 
}

@keyframes jumpup2 {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(10px, -20px) ; }
    100%   { transform: translate(0, 0px) ; } 
}  

@keyframes jumpdown1 {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(-10px, 10px) ; }
    100%   { transform: translate(0, 0px) ; } 
}

@keyframes jumpdown2 {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(-10px, 20px) ; }
    100%   { transform: translate(0, 0px) ; } 
}  
@keyframes fadeinout {
 0% { opacity:0; }
    50%  { opacity:1; }
    100%   { opacity:0; } 
}  

@keyframes leftArrow {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(-20px, 0px) ; }
    100%   { transform: translate(0, 0px) ; } 
} 

@keyframes rightArrow {
 0% { transform: translate(0,  0px); }
    50%  { transform: translate(20px, 0px) ; }
    100%   { transform: translate(0, 0px) ; } 
} 

.fadeinout1 {
  animation: fadeinout 5s ease infinite;
}

.fadeinout2 {
  animation: fadeinout 3s ease infinite;
}

.fadeinout3 {
  animation: fadeinout 4s ease infinite;
}

.fadeinout4 {
  animation: fadeinout 7s ease infinite;
}

.jumpup1 {
  animation: jumpup1 5s ease infinite;
}

.jumpup2 {
  animation: jumpup2 8s ease infinite;
}

.jumpdown1 {
  animation: jumpdown1 10s ease infinite;
}

.jumpdown2 {
  animation: jumpdown2 7s ease infinite;
}
.policy-content, .policy-content p { font-size:16px !important; line-height:24px !important;}
.onlyDesktop { display:block !important;}
	 .onlyTablet { display:none !important;}
.onlyMobile { display:none !important;}
.mobileMenuIcon { display:none !important;}

 @media (max-width: 767px) {
	section { padding:30px 0 !important;}
	 .footer { padding:25px 0 !important; }
	 .header { padding:10px 0 !important;}
	 .header .logo { margin:10px auto !important; max-height:60px  !important;}
	 .header .nav { background:none !important; display:none;}
	 .header .nav li a { padding:5px;}
	
	 
	 h1, .title1 { font-size: 36px; line-height: 48px;}
	 .btn, .wpcf7-submit, .acf-button {padding:8px 20px !important;}
	 .header .HeaderList { float:none !important; display:none !important;}
	 .desktopMenu { display:none !important;}
	 .mobileMenuIcon { position:absolute; top:20px; right:20px; display:block !important;}
	 .mobileMenuIcon img  { height:24px;}
	 .mobileMenu { position:fixed; height:100%; width:100%; backdrop-filter:blur(3px)  !important; background: rgba(244,244,244,0.95); z-index:9999; top:0; left:0;}
	 .mobileMenu .nav { width:100% !important; margin-top:50px  !important; display:block !important;}
	 .mobileMenu .nav li { text-align:center; color:#000; display:block  !important; padding:25px 0 !important;}
	 .mobileMenu .nav li a { text-align:center; color:#000  !important; font-size:26px !important;}
	 .mobileMenu  .nav li.current-page-ancestor a, .mobileMenu  .nav li.current_page_item a {color:var(--brown) !important}
	 .mobileMenu .nav li a:hover {color:#FFCC00  !important;}
	 .mobileMenu.open {display:block !important;}
	 .mobileMenu .nav li { border-bottom:solid 1px rgba(0,0,0,0.1) !important;}
	 .mobileMenu .nav li ul.sub-menu {display:none !important;}
	 .mobileMenu er .nav li ul.sub-menu li a {color:#FFF  !important; border:0px !important;}
	 .mobileMenu .nav li ul.sub-menu:before { display:none !important;}
	 .WhiteBox  { margin-bottom:35px !important;}
	 .closemobileMenuIcon { color:#FFF !important; top:20px; right:40px; position:absolute;}
	 .mobileMenu .is-form-style  {    text-align: center;    max-width: 96%;}
	 .mobileMenu .is-form-style button.is-search-submit { display:none !important;} 
	 
	 .mobile-footer-menu { display:none !important;}
	.marquee .WhiteBox { display:none;}
	.iconList li, .logoList li { width:100% !important; text-align:center;}
	 .vGap100, .vGap50 { height:25px !important;}
	 .PadRight50 { padding:0 10px 0 0 !important;}
	 .photoWrapper img {width:100%; height:100%;}
	 .overlap { left:0px; right:auto;}
	 .service_tile { margin:20px 0 !important; }
	
	 .padL50 { padding:0px !important;}
	 
	 .onlyDesktop { display:none !important;}
	 .onlyTablet { display:none !important;}
.onlyMobile { display:block !important;}
	 .text-center-m { text-align:center !important;}
	 
	 .footerMenu li { text-align:center;}
	 .footerMenu li:before { display:none;}
	 .footer .socialicons { float:none !important; margin-top:25px !important;}
	 .footer .socialicons li { margin:0 10px !important;}
	 .nav-tabs.lineTabs li { margin:0 10px !important; margin-top:0px !important;}
	 .nav-tabs.lineTabs li a { padding:5px !important;}
	 .Pad50 { padding:20px !important;}
	.width60perct, .width90perct,  .width70perct, .width80perct   { width:100% !important;}
	.client_logo { width:49% !important; display:inline-block !important;}
	.banner {
    position: relative;
	 background-size:cover; min-height:200px;
	 background-position:right bottom !important;
	 background-size: 140% !important;
	 background:#c2e1f1  !important;
	
	
}
.banner h2 {font-size:28px !important;}
	 .banner h1 { font-size:80px !important; line-height:60px !important;}
	 .bgImage, .galleryPhoto { width:100%;}
	 .overlapped_section .contentBlock, .normal_section .contentBlock { position:relative !important; top:auto !important; transform:none !important; width:100% !important;}
	 
	  .footerCTA .btn,  .footerCTA .btn_border { margin-left:15px !important; margin-right:15px !important;}
	 .HideOnMobile { display:none !important;}
	 .padLeft50, .padRight50 { padding:0 !important;}
	 
	 .footer .footerMenu li {  text-align:center;}
	 
}