@charset "utf-8";
/* CSS Document */
  @import url("https://use.typekit.net/ptx2aqy.css");

/*Futura PT
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;

Futura PT Bold
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal;

Baskerville Display PT
font-family: baskerville-display-pt, serif;
font-weight: 400;
font-style: normal;*/

/*Header CSS*/
.home .site-content{   padding-top:0px !important;}
.site-content{    overflow: hidden; padding-top:0px !important;}
body{background: #F7F5F5;}
body,p{ font-family: futura-pt, sans-serif; font-weight: 500; color: #222222;
}
a{text-decoration: none;}

#page-head.toggle-menu hgroup .toggle{ display: none;}

#page-head hgroup{ max-width: none; width: calc(100%); display: flex; justify-content: space-between;    left: 0;    right: 0;    margin: 0;       align-items: center;   transition: all 1s;}

#page-head hgroup:after{ display: none;}

.main-navigation li {    margin-left: 25px;}

.main-navigation li:first-child{margin-left: 0;}   

#page-head{ background: #fff; position: fixed;  z-index: 4; width: 100%;  padding: 10px 25px;  height: 83px;	 
    box-shadow: 1px 8px 7px rgb(0 0 0 / 20%);}

section{ position: relative; }
section container{  display: block;}

#page-head a{ color: #242D2C;  font-size: 16px;  line-height: 20px; font-family: futura-pt-bold, sans-serif; font-weight: 700; position: relative;padding: 18px 0px;} 

#page-head a:hover{ color:#93DACF;}

#primary-menu{ display:flex;     justify-content: flex-end;      }
.home #primary-menu{ display:flex;     justify-content: flex-end;      }

.header_custom_logo {position: relative;      width: 188px;     transition: all 1s;}
.home .header_custom_logo {position: relative;      width: 188px;     transition: all 1s;}
#nav{    float: none;        width: calc(100% - 188px); position: relative;     z-index: 1;     padding-right: 0;}  
.nav_inner_container,.menu-main-container{ height: 100%;display: flex; justify-content: flex-end;    align-items: center;    width:calc(100% - 50px);}
.header_custom_logo a,.header_custom_logo{ font-size: 0px !important; line-height: 0px !important; }

#primary-menu .sub-menu {    background: none;}
#primary-menu .sub-menu li{ margin-left: 0; }
 #page-head:before {    content: '';    width: 100%;    height: 100%;	    background: #fff;    opacity: 1;    transition: all 0s;    position: absolute;    left: 0;        top: 0;}

.on_scroll_header#page-head:before{ opacity: 1; }
.on_scroll_header#page-head{  justify-content: center;  padding: 10px 25px;   height: 58px;     align-items: center;   display: flex;}
.on_scroll_header .header_custom_logo {    max-width: 120px;}


li#menu-item-4328 a{ background: #93DACF; color: #ffffff;     padding: 5px 15px !important; margin: 26px 0px;}
li#menu-item-4328:hover a{background:#242D2C ;}

/** Footer **/
ul#footer {    list-style: none !important;    display: flex !important;}
#footer li{margin-right: 30px;}
footer{background: #242D2C; padding: 59px 25px;     }
.footer_inner {max-width: 90%; margin: auto; }
.footer-logo{max-width: 208px;}
footer a{ color:#fff;  font-size:16px !important;  line-height:21px; font-family: futura-pt, sans-serif;
font-weight: 700;}
footer a:hover{ color:#93DACF;}
.footer_copyright{ display:flex; flex-wrap:Wrap; justify-content:flex-end; padding-top:20px; margin-top:50px; border-top: 1px solid #93DACF;}
.footer_copyright p{ color:#fff;  font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;}
.footer_copyright a{ color:#fff;  font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: normal;}


.footer_inner .custom-logo{ width: 170px; }
.fa-linkedin-in{font-size: 16px;}
.fa-linkedin-in:hover{color: #93DACF !important;}

/*Body*/
.site-info{ display: flex;  flex-wrap:wrap;   margin-bottom: 0; justify-content: space-between;     align-items: center;}

/*Text CSS*/
span{ font-size: inherit; font-weight: inherit; }
h1{color: #242D2C; font-family: baskerville-display-pt, serif; font-weight: 400; font-size: 80px; line-height: 80px; margin: 35px 0px; }
.h2Basker h2{ font-family: baskerville-display-pt, serif !important;  }
h2{ color: #242D2C; font-family: futura-pt-bold, sans-serif; font-weight: 500; font-size: 60px; line-height: 60px; }
h3{font-family: futura-pt-bold, sans-serif; font-weight: 400; font-size: 24px; line-height: 24px;  color: #242D2C; }
h4{ font-family: futura-pt-bold, sans-serif; font-weight: 700; color: #93DACF; text-transform: uppercase; font-size: 16px; line-height:16px; letter-spacing: 1px; margin-bottom:15px; }
.devider p:last-child{margin-bottom: 0 !important;  }
.devider p{  
font-family: futura-pt, sans-serif;  font-size: 15px;    line-height: 20px;     margin-bottom: 15px; color: #5A5A5A;}

/*Background Color and Text*/
section.green { background:#242D2C; }
.green container p, .green container h1, .green container h2, .green container li{ color: #fff;}


/*Multicolumn Containers*/
.multicolumn container{margin:auto; width: calc(90%);   max-width: 1200px;  }
.twocol_sec container{ margin:auto; width: calc(100% - 50px);   max-width: 1166px; display: flex; justify-content:space-between; }
.twocol_sec .twocol_col{  width: calc(50% - 20px); }
.devider_twocol_col_Container{ display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.threecol_sec container{ display: flex; flex-flow: wrap;}
.threecol_sec .threecol_col{  width: calc(33.3% - 20px); }
.fourcol_sec container{ display: flex; justify-content: space-between; }
.fourcol_sec .fourcol_col{  width: calc(19% - 20px); text-align: center; display: flex; align-items:center; justify-content: center; margin-bottom: 30px;}

/*Containers with Background Images*/
.bgimgContainer {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    overflow: hidden;}
.bgimgContainer img{ max-width:none !important; width: 1300px; position: relative; left: 50%; transform: translateX(-50%);  }
.backgroundImg .onecol_col {    position: relative;    max-width: 1110px;     margin: auto;}
.bgimg_SingleContainer  {    position: absolute;      top: 0;     height: 100%;    overflow: hidden;}
.bgimg_SingleContainer img{max-width:none !important; width: 100%; position: relative;}
.bgimg_SingleContainerMain .devider{  position: relative;    max-width: 550px;     margin: auto; z-index:1;}


/*Button CSS*/
p.btn {
    display: inline-block;
    width: 100%;
    margin: 23px 0 0 0;
    text-align: center;
}


p.btn a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 12px 0 !important;
    display: block;
    opacity: 1;
    text-decoration: none;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    position: relative;
	background: #242D2C;}


.button_positions_side p.btn a span{ color: inherit !important; }
.button_positions_side p:nth-child(even) a{ color: #D0B194;  }
.button_positions_side p:nth-child(even) a:after{background: #D0B194;   }
.button_positions_side p.btn:nth-child(even) a:hover{ color: #D0B194; }
.button_positions_side p.btn{ margin-right: 35px; }
.button_positions_side p.btn:last-child{ margin-right: 0; }


p.btn a:hover {
    background:#93DACF;
    color: #fff;
}

.alignright {
    margin-left: 1em;
    float: right;
    padding: 0;
}
.devider_align_center{ margin-left: auto !important; margin-right: auto !important; }

.button_positions_stack p.btn{  display: block;     margin-bottom: 19px;}
.button_positions_stack p.btn a{  display: inline-block;}
.button_positions_side {  margin-bottom: 19px; }


.align_buttons_left p.btn{ text-align: left; }
.align_buttons_right p.btn{ text-align: right;  }
.align_buttons_center p.btn{ text-align: center;  }


/*List CSS*/
.multicolumn ul{ margin-left: 20px; padding-left: 0;    text-align: left; }
.multicolumn ul li::marker{ color: #93DACF;} 



/*Forms*/
.contactForm{ margin-bottom: 30px; max-width:495px;     margin-left: auto;    margin-right: auto;}
.formField{display:flex; justify-content:space-between;}
.formField div{ width: calc(50% - 12px);}
.wpcf7 .wpcf7-submit{ margin: auto;}

/*Special Blocks*/

.ourSolutions1, .ourSolutions2{ background: #F7F5F5;}
.ourSolutions1 .fourcol_col, .ourSolutions2 .fourcol_col{ background: #ffffff; padding: 35px; height:250px; }
.ourSolutions1 .fourcol_col h3, .ourSolutions2 .fourcol_col h3{ margin-top: 5px;}
.ourSolutions1 .fourcol_col:hover, .ourSolutions2 .fourcol_col:hover{ background: #242D2C; }
.ourSolutions1 .fourcol_col:hover p, .ourSolutions2 .fourcol_col:hover p{ color: #fff;}
.ourSolutions1 .fourcol_col:hover h3, .ourSolutions2 .fourcol_col:hover h3{ color:#93DACF;}
.ourSolutions1 .fourcol_col:nth-child(1){ background: none !important;  text-align:left !important; }
.ourSolutions1 .fourcol_col:nth-child(1):hover p{color:#5A5A5A; }
.ourSolutions2 .fourcol_col:nth-child(4) {text-align: left !important;}
.ourSolutions2 .fourcol_col:nth-child(4) h3{margin-bottom: 10px;}
.ourSolutions2 .fourcol_col:nth-child(4):hover p.btn a {    background:#93DACF;}

.contactBlock .bgimgContainer img, .contactBlock2 .bgimgContainer img {	filter: saturate(0.1);}
.contactBlock .bgimgContainer::before {    content: '';     filter: brightness(1);    width: 100%;    height: 100%;    position: absolute;
    background: #93DACF;    left: 0;    top: 0;    z-index: 1;    opacity: 0.8;}
.contactBlock h4{ color: #242D2C;}
.contactBlock h2{ color: #fff; }
.contactBlock2 h2{ color: #fff; font-family: baskerville-display-pt, serif !important;}
.contactBlock2 .bgimgContainer::before {    content: '';     filter: brightness(1);    width: 100%;    height: 100%;    position: absolute;
    background: #242D2C;    left: 0;    top: 0;    z-index: 1;    opacity: 0.8;}
.contactBlock2 .wpcf7 .wpcf7-submit{	background: #93DACF !important;}

.centerMargin{ margin-left: auto !important; margin-right: auto !important;}

.wp-block-gallery {    display: grid !important;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto auto!important;
    grid-gap: 20px !important;
    background-color: none;
    width: 90%;
    margin: auto;		padding: 100px 0px;
}


.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {    width: 100% !important;}
.wp-block-gallery figure:nth-child(1){	grid-row: 1 / span 2; }
.wp-block-gallery figure:nth-child(2){	grid-row: 1 / span 1;}
.wp-block-gallery figure:nth-child(3){	grid-row: 1 / span 1;  }
.wp-block-gallery figure:nth-child(4){	grid-row: 2 / span 1; grid-column: 2 / span 2; }

/***/
 .error-404 h1{ color: #fff;  }
  .error-404 .page-header{ max-width: 1166px; margin: auto; width: calc(100% - 50px); padding: 100px 0 ; }


.swiper-button-next:after, .swiper-button-prev:after{	color: #93DACF;	padding: 0px 5px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

}








/* Mozzilla fox css */
@-moz-document url-prefix() { 
 
}

@media handheld, only screen and (min-width: 1301px){
.bgimgContainer img{ width: 100%; max-width: none !important; height:100%;}


}


@media handheld, only screen and (max-width: 1200px){

} 


@media handheld, only screen and (max-width: 1150px){
}

@media handheld, only screen and (max-width: 1130px){

.fourcol_sec container{ flex-wrap:wrap; }
.fourcol_sec .fourcol_col{  width: calc(39% - 20px);  }
}
@media handheld, only screen and (max-width: 990px){

	
#page-head a{    font-size: 16px;}
	
.header_custom_logo {    position: relative;    width: 150px;}
	
#nav {    width: calc(100% - 150px);}
	
h1 {      font-size: 60px;    line-height: 70px;}






}

@media handheld, only screen and (max-width: 880px){

	.devider img {    margin: auto;	display: block;}
.devider p em{ font-size: 30px; line-height: 30px; }

.twocol_sec container{ flex-flow: wrap; }
.twocol_sec .twocol_col,.threecol_sec .threecol_col {    width: 100% !important;     max-width: none !important; padding: 25px 0px;}
.bgimgContainer img {    width: auto;    height: 100%;}
.multicolumn .devider{    position: relative;}
.multicolumn .devider,.multicolumn .onecol_col{ max-width: none !important;  }
	
h2 {    font-size: 45px;    line-height: 45px;}
h3 {    font-size: 25px;    line-height: 27px;}

	#page-head hgroup{justify-content:flex-start;}
	
/** Mobile Menu CSS**/
#page-head.toggle-menu hgroup .toggle{ display: block;     position: absolute;  right: 50px;  top: 50%;  transform: translateY(-50%);  margin: auto 25px auto auto; height: 23px; width: 42px;}
    
.header_custom_logo{      max-width: 190px;     z-index: 4; }
	
#page-head.toggle-menu hgroup .toggle:before, #page-head.toggle-menu hgroup .toggle:after, #page-head.toggle-menu hgroup .toggle span:before, #page-head.toggle-menu hgroup .toggle span:after{      height: 3px;        border-radius: 0;  text-shadow: 2px 2px 5px #88888836; background:#93DACF;}
	
#page-head.toggle-menu hgroup .toggle span:before,#page-head.toggle-menu hgroup .toggle span:after{ width: 100%;right: 0;  left: auto;}
	
#page-head hgroup #nav {  background: #93DACF;    height: 100vh !important; top: 0; right: -100vw; transition: all 0.8s; width: 100%;   position: absolute; overflow: auto;}


#page-head hgroup #toggle:checked ~ #nav { right:0; background:#FFF;   }	 
#page-head.toggle-menu hgroup #toggle:checked ~ .toggle span:before{ width: 100%;}
#page-head.toggle-menu hgroup #toggle:checked ~ .toggle span:after{ width: 100%;}
	#page-head hgroup{   padding-left: 0px;    padding-right: 0px;  margin:0 !important;}
#primary-menu{ display: block !important;}
#primary-menu li{ float: none;     display: block; margin-left: 0; margin-bottom: 20px;}
#primary-menu li a{    color: #242D2C !important;  font-weight: 400 !important; font-size: 45px; line-height: 55px; text-transform:none;}
.openmenu {     height: 100vh;  overflow: hidden;}  
#primary-menu li a:hover{ color:#93DACF !important;}
.openmenu .header_custom_logo{    z-index: 100;}
.nav_inner_container{    padding: 0 25px;}
#nav .nav_inner_container{    justify-content: center;  padding: 155px 0 84px; height: auto; flex-flow: wrap;      margin: auto; max-width:500px;}
header .header_custom_logo{display: block;}	
#primary-menu > li > a{    padding: 19px 20px 19px 0;}
.menu-main-container{ width: calc(100% - 50px); margin: auto; justify-content:flex-start;}	
.open_sub> a:after { transform: rotate(180deg);}	
.header_custom_logo::before {           height: 140px;      left: -20px;        top: -20px; }
 .on_scroll_header#page-head{  padding: 10px 25px;    height: 58px;    align-items: center;    display: flex;}

li#menu-item-4328 a{ background: none;   padding: 0px !important; margin: 0px;}
li#menu-item-4328:hover a{background:none !important;}
	
	.wp-block-gallery {		grid-template-columns: 1fr 1fr !important;    grid-template-rows: 250px 250px !important;}
	.wp-block-gallery figure:nth-child(1){grid-row: 1 / span 1; 	grid-column: 1 / span 1;}
	.wp-block-gallery figure:nth-child(2){grid-row: 1 / span 1;		grid-column: 2 / span 1;}
	.wp-block-gallery figure:nth-child(3) {grid-row: 2 / span 1;	grid-column:1 / span 1;}
	.wp-block-gallery figure:nth-child(4) {grid-row: 2 / span 1;	grid-column: 2 / span 1;}
	
	.tab button{ text-align: center !important; padding: 10px !important;}
	.tabcontentsect{ padding-bottom: 50px; width:100%;}
	.tabcontentsect container{ display: block !important;}
	.tab, .tabcontent{     width: 100% !important;    margin: 10px auto !important; float: none !important;}
	.tabcontent{ padding: 25px !important; width: 90% !important;    margin: 10px auto !important; float: none !important;}
	.tabcontentsect container{ padding: 30px 0px 0px 0px !important;}
	
	#multicolumn-block_5ae43f41763e6a5b53f585ecff346fef{ margin-bottom: 0px !important;}
	
	
	}/** 880**/



@media handheld, only screen and (max-width: 766px) {		
/** Mobile Menu CSS**/
#page-head.toggle-menu hgroup .toggle{ display: block;}
	
	
#page-head {     height: 80px; }
	
#primary-menu li a {    font-size: 30px;    line-height: 29px;}
	
#primary-menu > li > a {    padding: 19px 20px 5px 0;}
	
/** Mobile Menu CSS End**/

h1 {    font-size: 50px;    line-height: 60px;}
.devider_twocol_col_Container{ display:block; margin:auto;}
.onecol_sec .devider_twocol_col_Container .devider_twocol_inner {    max-width: calc(100% - 50px) !important;	padding-top:50px;    margin: auto;}

} /** 766**/


 @media screen and (max-width: 640px) {
#footer{ display:block; text-align:center;}
#footer li{margin-right: 0;}
.footer-logo{max-width: none !important;
	width: 100%;}
.site-info{ text-align: center;}
.footer_copyright{text-align:center; display: block;   }
.formField{display:block;}
.formField div {		 width: calc(100%);}
.wpcf7 input{ max-width:500px !important;}

	 .fourcol_sec container{     justify-content: center !important;}
.fourcol_sec .fourcol_col{  width: calc(100% - 100px);}
.ourSolutions1 .fourcol_col:nth-child(1){ padding: 0px !important; }
}



 /* Media queries - Responsive timeline on screens less than 600px wide */
 @media screen and (max-width: 600px) {



  }

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

 	h1 {    font-size: 40px;    line-height: 40px;}
 	.button_positions_side p.btn{ display: block;  text-align: left; margin-bottom: 20px;}
 	 	.button_positions_side p.btn a{ display: inline-block; min-width: 203px;}
        h2 {    font-size: 38px;    line-height: 38px;}

 }

 @media screen and (max-width: 500px) {
.footer_contact > div {    width: 100%; margin-bottom: 50px;}
.footer_contact > div:last-child{ margin-bottom: 0; }



 }

/* media querries */
@media screen and (max-width:460px){ 
h1 {    font-size: 40px;    line-height: 50px;}
footer{padding: 59px 15px;}
footer p{ font-size:12px;}
	
	
	
	.wp-block-gallery {	    grid-template-rows: 150px 150px 150px 150px!important;}
	.wp-block-gallery figure:nth-child(1){grid-row: 1 / span 1; 	grid-column: 1 / span 2;}
	.wp-block-gallery figure:nth-child(2){grid-row: 2 / span 1;		grid-column: 1 / span 2;}
	.wp-block-gallery figure:nth-child(3) {grid-row: 3 / span 1;	grid-column:1 / span 2;}
	.wp-block-gallery figure:nth-child(4) {grid-row: 4 / span 1;	grid-column: 1 / span 2;}

 }