/*
Theme Name: click5 Interactive Theme
Theme URI: https://www.click5.com/
Author: click5 Interactive
Author URI: https://www.click5.com/
Description: click5 Interactive WordPress Theme
Version: 3.0.16
*/

:root {
    --main: #c32525;
    --navy: #28397a;
    --dark: #0c1e37;
    --dark2: #212e60;  
    --light: #f3f3f8;
    --light2: #f6f7f9;
    
    --font: "Roboto";
    --fontH: "Liberation Sans Narrow";
    
    --fa-family-classic: "Font Awesome 6 Free";
    --fontA: "Font Awesome 6 Free";
    --fontB: "Font Awesome 6 Brands";
    --fa-family-brands: "Font Awesome 6 Brands";
    
    --max-width: 1430px; 
    --max-width-2: 2200px;
    --max-width-3: 2140px;
    
    --gradient:  linear-gradient(180deg, rgba(243, 244, 248, 1)  0%, rgba(255, 255, 255, 1) 100%);
}

body{
	color: var(--dark);
	font-family: var(--font);
}
.phones{
	background-color: var(--navy);
	color: #fff;
	display: block;
	text-align: right;
	padding: 10px 25px;
	font-weight: 300;
	font-size: 19px;
	display: flex;
	flex: 0 0 100%;
	justify-content: end;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100;
}
.phones {
	font-family: var(--fontH);
}
.phones i{
	font-size: 15px;
}
.phones span{
	font-weight: 600;
}
.phones a{
	margin-left: 30px;
}



/* HEADER */

#header {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right:30px;
    transition: all .3s;
    top: 45px;
    height: 120px;
}
#header .header-in{
	max-width: var(--max-width-2);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
  display: flex;
  justify-content: inherit;
}

#header.sticky {
    box-shadow: 0 15px 25px rgba(0, 0, 0, .05);
    top: 45px;
    background-color: #fff;
}
#header .logo {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding: 10px;
	border-radius: 2000px;
	margin-top: 20px;
}
#header .logo a {
    color: #000;
    font-size: 40px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}

#header .phone {
    padding: 18px 0 18px 25px;
    border-left: 1px solid #e4e4e4;
}
#header .phone a {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 23px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.46px;
    padding: 2px 0 3px 0;
    margin: 0;
    border-bottom: 2px solid transparent;
}
#header .phone a i {
    position: relative;
    color: var(--main);
    font-size: 16px;
    padding-right: 5px;
    top: -2px;
}
#header .phone a:hover {
    text-decoration: none;
    border-color: #929292;
}

#header .contact a {
    display: inline-block;
    height: 48px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -0.18px;
    padding: 0 30px;
    margin: 0 0 0 0px;
    background-color: var(--main);
    border: 2px solid var(--main);
    border-radius: 5px;
}
#header .contact a:hover {
    color: var(--main);
    text-decoration: none;
    background-color: transparent;
}


.navbar .navbar-nav .dropdown .dropdown-menu li{
	position: relative;
}
.navbar .navbar-nav .dropdown .dropdown-menu .link-more a,
.navbar .navbar-nav .dropdown .dropdown-menu .link a{
	color: var(--main);
	font-weight: 600;
}
.navbar .navbar-nav .dropdown .dropdown-menu .link:after{
	content: "";
	display: block;
	width: calc( 100% - 40px );
	position: absolute;
	bottom: 8px;
	left: 20px;
	height: 2px;
	background-color: var(--main);
}
.navbar .navbar-nav .dropdown .dropdown-menu .link-more a:after{
	content: "\f061";
    color: var(--main);
    font-family: var(--fa-family-classic);
    font-size: 13px;
    margin-left: 6px;
}

/* HERO */

.hero-out{
	padding: 0 30px; 
	margin-top: 40px;
	max-width: var(--max-width-2);
	margin-left: auto;
	margin-right: auto;
}
#hero{
	border-radius: 15px 15px 0 0;
	height: 800px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#hero .h3::after{
	display: none; 
}
#hero:after{
	content: "";
	display: block;
	width: 100%;
	z-index: 1;
	background: #07191F;
	background: linear-gradient(0deg, rgb(7, 25, 31) 5%, rgba(7, 25, 31, 0.34) 45%, rgba(7, 25, 31, 0.41) 90%);
	height: 100%;
	position: absolute;
	bottom: 0;
	border-radius: 15px 15px 0 0;
}
#hero .container{
	position: relative;
	z-index: 10;
	height: 100%;
}
#hero .container .row{
	height: 100%;
}
#hero .container .row .content{
	margin-top: auto; 
	margin-bottom: -60px;
}
.hero_bottom{
	width: 100%;
}
#hero .buttons {
	padding-top: 20px;
	margin: 40px 0 0; 
	flex: 0 0 420px;
	width: 420px;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
#hero .buttons .button{
	width: 200px;
	display: inline-block;
	margin: 0 5px;
}
#hero .buttons .button_big{
	width: 410px;
	margin: 0 5px;
	margin-bottom: 10px;
	position: relative;
  left: 2px;
}
#hero .buttons .buttonB:hover{
	color: #fff !important;
}
.navbar .navbar-nav .nav-link{
	font-family: var(--fontH);
}



/* button */
.button{
	background-color: var(--main);
	border: 2px solid var(--main);
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
	padding: 13px 15px;
	font-family: var(--fontH);
	transition-duration: 0.3s;
}
.button:hover{
	background: transparent;
	color: #fff;
}
.button i{
	font-size: 14px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

.buttonW{
	background-color: transparent;
	border: 2px solid var(--main);
	color: var(--main);
	font-size: 20px;
	border-radius: 5px;
	padding: 13px 15px;
	font-family: var(--fontH);
	transition-duration: 0.3s;
}
.buttonW:hover{
	color: var(--main);
}
.buttonB{
	background-color: var(--navy);
	border: 2px solid var(--navy);
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
	padding: 13px 15px;
	font-family: var(--fontH);
	transition-duration: 0.3s;
}
.buttonB:hover{
	color: var(--navy) !important;
}





/* HEADLINE */

.home-headline .h3 {
    font-size: 18px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    padding: 0 0 13px 0;
    font-family: var(--fontH);
    margin: 0;
}
.home-headline .h3:after{
	display: none;
}
.home-headline .h2{
	font-size: 60px;
	font-family: var(--fontH);
	color: var(--navy);
	font-weight: 600;
}
.home-headline .h2:after{
	width: 120px;
	height: 7px;
	border-radius: 2px;
	background-color: var(--main);
	margin: 25px auto; 
	content: "";
	display: block;
}
.home-headline .h1 {
    font-size: 55px;
    font-family: var(--fontH);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.93px;
    padding: 0;
    margin: 0;
}
.home-headline .h4{
	font-size: 34px;
	font-family: var(--fontH);
	color: var(--navy);
	font-weight: 600;
	
}
.home-headline-white .h1,
.home-headline-white .h3{
	color: #fff;
}



/* Google */

/* google */
.google{
	border-radius: 15px;
	padding: 0px;
	display: flex;
	width: 350px;
	position: relative;
	z-index: 15;
	margin: 10px auto 0;
	color: #fff;
	justify-content: space-between;
}

.google .rank{
	font-size: 55px;
	font-weight: 600;
	line-height: 1;
	position: relative;
	top: -2px;

}
.google .greviews{
	padding-left: 0px;
}
.google .greviews .r{
	margin-top: 4px; 
}
.google-small .google .greviews .r{
	margin: 0;
}
.google-small{
	transition-duration: 0.3s;
}
.google-small:hover{
	transform: scale(1.04);
}
.google .stars i{
	color: #fcb90a;
}
.google .glogo{
	display: flex;
}
.google img{
	margin: auto;
}


.google-box{
	margin: 0 auto;
	display: flex;
	justify-content: center;
}



/* stat */ 
.intro-out{
	margin: 0 30px;
	width: calc( 100% - 60px );
	max-width:var(--max-width-3);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.intro-out-services{
	margin-bottom: 80px; 
}
.intro-out .bottom{
  width: 100%;

}
.intro-out .intro{
	background-color: #f3f3f7;
}

.stat{
}
.stat{
	display: flex;
	margin: 50px 0 40px;
}
.stats .stat-icon{
	flex: 0 0 100px;
	border-radius: 100px;
	background-color: #fff;
	width: 100px;
	height: 100px;
	display: flex; 	
}
.stats-red{
	padding-top: 0px;
	padding-bottom: 30px;
}
.stats-red .stat-icon{
	background-color: var(--main);
}
.stats .stat-icon img{
	margin: auto;
}
.stats-red .stat-icon img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(142deg) brightness(105%) contrast(105%);
}
.stat-info {
	display: flex;
}
.stat-info .in{
	padding-left: 20px;
	margin: auto;
}
.stat-info .stat-value{
	font-size: 32px;
	padding: 0;
	margin: 0;
	line-height: 1.1;
	font-family: var(--fontH);
	font-weight: 600;
	color: var(--navy);
}
.stat-info .stat-title{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 17px;
	color: var(--dark);
}

.row-intro{
	margin-top: 30px;
}
.more a{
	font-size: 19px;
	font-family: var(--font);
	font-weight: 600;
	text-decoration: underline; 
}
.h3{
	font-size: 34px;
	font-family: var(--fontH);
	font-weight: 600;
	color: var(--navy);
}
.h3:after{
	width: 130px;
	background-color: var(--main);
	height: 7px;
	border-radius: 2px;
	display: block;
	content: "";
	margin-top: 15px;
}
p, ul li, ol li{
	font-size: 19px;
	line-height: 1.67;
}


/* SERVICES */
#services {
	padding: 15px 0 50px; 
}
#services .box a{
	margin: 20px;
	display: block;
	height: 400px;
	border-radius: 20px;
	text-align: center; 
	position: relative;
	overflow: hidden;
}
#services .box a .content{
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center; 
	z-index: 10;
}
#services .box a:after{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background: #1E2D5D;
	background: linear-gradient(0deg, rgba(30, 45, 93, 0.79) 0%, rgba(30, 45, 93, 0) 100%);
}
#services .box a{
	transition-duration: 0.3s;
}
#services .box a:hover{
	transform: scale(1.04);
}
#services .box a .title{
	font-size: 33px;
	font-family: var(--fontH);
	color: #fff;
	font-weight: 600;
	padding-bottom: 5px;
	
}
#services .box .buttons{
	display: flex;
}
#services .box a .button{
	width: 130px;
	padding: 5px 0; 
	margin: auto; 
	font-size: 17px;
}




/* cta */
.cta .buttons{
	display: block; 
	margin: 30px 0; 
}
.cta .buttons .button{
	width: 200px; 
	text-align: center; 
	display: inline-block;
	margin: 0 5px;
	padding: 8px 0; 
}
.cta .button:hover{
	color:var(--main); 
}
.cta .buttons .buttonW:hover{
	color: var(--navy);
	border: 2px solid var(--navy);
}


/* process */
.process{
	background-color:#212e60;
	background-repeat: no-repeat;
	position: relative; 
	border-radius: 25px;
	margin: 0 auto;
	width: calc( 100% - 60px ); 
	overflow: hidden;
	max-width: 1700px;
	
}
.process p{
	color: rgba(255,255,255,0.75);
	font-size: 18px;
}	
.process .h3{
	color: #fff;
}
.process .h4{
	font-size: 60px;
	line-height: 1;
	color: #fff;
}
.process .col-left{
	display: flex; 
	padding-right: 160px;
}
.process .home-headline{
	margin-top: auto; 
}
.process .container{
	position: relative;
	z-index: 10;
}
.process:after{
	width: 100%;
	height: 100%;
	background-image: url("img/bg-2.webp");
	background-position: left top;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #212e6075;
}
.process__item{
	padding-left: 90px;
	margin-bottom: 60px;
	position: relative;
	z-index: 10;
}
.process__upper-title{
	color: #a4b1e4;
	font-size: 16px;
	text-transform: uppercase;
	font-family: var(--fontH);
	font-weight: 500;
	padding: 0;
	margin: 0;
}
.process__title{
	color: #fff;
	font-size: 30px;
	font-weight:600;
	font-family: var(--fontH);
	padding: 0;
	margin: 0;
}
.process__icon{
	background-color: var(--main);
	border-radius: 200px;
	width: 76px;
	height: 76px;
	display: flex;
	position: relative;
	left: -20px;
	position: absolute;
	top: 0;
}
.process__icon img{
	margin: auto; 
}
.process__item:nth-child(2)  .process__icon{ background-color: #902b60; }
.process__item:nth-child(3)  .process__icon{ background-color: #622f92; }
.process__item:nth-child(4)  .process__icon{ background-color: #3832c0; }


.process .col-right{
	padding-top:40px; 
	padding-bottom: 20px;
	position: relative;
}
.process .col-right:after{
	position: absolute;
	z-index: 1;
	width: 4px;
	border-radius: 2px;
	height: 100%;
	background: #C0272A;
	background: linear-gradient(180deg, rgba(192, 39, 42, 1) 0%, rgba(144, 43, 96, 1) 32%, rgba(98, 47, 146, 1) 71%, rgba(56, 50, 192, 1) 100%);
	content: "";
	display: block;
	top: 0;
	left: 30px;
}
.process-cta{
	border-top: 1px solid rgba(255,255,255,0.2);
	margin-top: 60px;
	padding: 60px 0 0px;
	color: #fff;
	font-size: 27px;
	text-align: center;
	font-family: var(--fontH);
}
.process-cta .button{
	padding-left:30px;
	padding-right: 30px;
	margin-left: 10px;
}
.cta-out .cta{
	padding-bottom: 0; 
}


/* why */
.why{
	margin: 0px 30px;
	width: calc( 100% - 60px ); 
}
.why-hero{
	border-radius: 20px;
	background-image: url("img/team2.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 30px 0; 
	height: 600px;
	display: flex;
	width: 100%;
}
.faq-wrapper-page{
	padding-bottom: 120px;
}
.why-page .why-txt, 
.why-page .why-hero{
	display: none;
}

.why-page .why-items img{
	top: -50px;
}
.why-page .why-items .home-headline .h2{
	display: block; 
}

.why-hero .container{
	margin-top: auto; 
}
.why-hero .home-headline .h3{
	color: #fff;
}
.why-hero .home-headline .h4{
	font-size: 50px;
	color: #fff;
	margin-bottom: 20px;
}
.why-hero .home-headline .button{
	width: 240px;
	text-align: center; 
	display: inline-block; 
}



.why-items{
	width: 100%;
	background-color: var(--dark2);
	border-radius: 20px;
	
	position: relative; 
	margin-bottom: 100px;
	padding: 80px 0; 
}
.why-items .home-headline .h2{
	color: #fff;
	font-family: var(--fontH);
	font-size: 45px;
	padding-bottom: 20px;
	display: none;
}
.why-items .home-headline .h2:after{
	display: none;
}
.why-items .col-right{
	
}
.why-items ul {
	display: flex;
	flex-wrap: wrap; 
	margin: auto 0;
}
.why-items ul li{
	color: #fff;
	font-family: var(--fontH);
	font-size: 23px;
	position: relative;
	border-bottom: 2px dotted rgba(255,255,255,0.2);
	flex: 0 0 calc( 50% - 60px );
	margin-left: 30px;
	margin-right: 30px;
	list-style: none;
	padding: 30px 0;
}	
.why-items ul li:before{
	position: absolute;
	display: block;
	content: "";
	left: -40px;
	width: 30px;
	height: 30px;
	background-image: url("img/icon-check.webp"); 
	background-position: center center;
	background-repeat: no-repeat;
}
.why-items .col-left{
}
.why-items  img{
	height: 650px;
	width: 40%;
	border-radius: 20px;
	position: absolute;
	top: -100px;
	left: 0;
	object-fit:cover; 
	max-width: 200%;
}
.why-txt .h5{
	line-height: 1.5;
}

/* reviews */
.reviews-title{
	padding: 80px 0 30px;
}
.reviews-plugin{
	padding: 60px 0; 
	background-color:  var(--light2);
}	


/* sa-out */
.sa-out{
	background-color: var(--light2);
}
.sa-title{
	border-radius: 20px 20px 0 0;
	padding-top: 80px;
	margin: 0 30px;
	position: relative;	
}
.sa-title .apla{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 900px;
	background-color: var(--main);
	border-radius: 20px 20px 0px 0px;
}
.sa-title .apla:after{
	content: "";
	display: block;
	width: 100%;
	height: 300px;
	background-position: center top;
	background-image: url("img/bottom-red.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: -300px;
}	
.sa-title .container{
	position: relative;
	z-index: 10;
}
.sa-title .home-headline p,
.sa-title .home-headline .h3,
.sa-title .home-headline .h2{
	color: #fff;
}
.sa-title .home-headline p{
	margin-bottom: 30px;
}
.sa-title .home-headline .h2{
	font-size: 50px;
}
.sa-title .home-headline .h2:after{
	background-color: #fff;
}

.container-maps{
	max-width: 1500px;
	width: 95%;
}
.container-maps .in{
	background-color: #fff;
	border-radius: 20px;
	
}
.container-maps .in .title{
	padding: 50px;
	padding-bottom: 0; 
	font-size: 40px;
	font-weight: 600;
	font-family: var(--fontH);
	position: relative;
	z-index: 10;
}

.container-maps .in .map{
	width: 100%;
    aspect-ratio: 16 / 12;
    height: auto;
	margin-top: -50px;
}
.container-maps .in .txt{
	margin: 0 50px 0px;
	padding-bottom: 50px;
}
.container-maps .in .call{
	font-size: 29px;
	font-weight: 600;
	font-family: var(--fontH);
}

.container-maps .in .call a{
	color: var(--main);
	display: block; 
}
.container-maps .in .call a:hover{
	opacity: 0.7;
}

.container-maps .in .call a i{
	font-size: 18px;
	position: relative;
	top: -3px;
}
.container-maps .in .list ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	
}
.container-maps .in .list ul li{
	flex:0 0 50%;
}
.container-maps .in .list ul li:before{
	content:"\f3c5";
	display: block;
	font-weight: 600;
	font-size: 12px;
	top: -2px;
	color: var(--navy);
}
.container-maps .in{
	height: 100%;
}
.container-maps .in .list  ul li{
	padding-left: 20px;
}


/* FAQ */
.faq-wrapper{
	background-color: var(--light2);
	padding-top: 110px;
}
.faq-wrapper.box {
}

.faq-wrapper.box .questions {
    padding: 0 60px;
    margin-top: 30px;
}
.faq-wrapper.box .accordion-item {
    padding: 25px 100px 15px 100px;
}
.faq-wrapper.box .accordion-item.active {
    position: relative;
    background-color: #FFF;
    box-shadow: 0 0 30px rgba(134, 153, 153, .1);
    overflow: hidden;
    border-radius: 20px;
}
.faq-wrapper .accordion-header .accordion-title{
	color: var(--dark);
	font-family: var(--fontH);
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 0;
}
.faq-wrapper.box .accordion-item::after {
    width: calc(100% - 250px);
    right: 30px;
}
.faq-wrapper.box .accordion-item:last-of-type::after {
    display: block;
}
.faq-wrapper.box .accordion-item.active::after {
    background-color: transparent;
}
.faq-wrapper .accordion-item::after{
	  background-color: #d2d2d2;
	  width: calc(100% - 180px) !important;
}

.faq-wrapper.box .accordion-header h3[aria-expanded="true"]::before {
    top: 30px;
}

.faq-wrapper .more a {
    display: inline-block;
    color: #1f1f1f;
    font-size: 19px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: underline;
    text-underline-offset: 4px;
    padding: 0;
    margin: 55px 0 0 0;
}
.faq-wrapper .more a:hover {
    color: var(--main);
    text-decoration: none;
    border-color: var(--main);
}

/* logos */
.row-logos{
	display: block;
}
.row-logos .logos__item{
		display: flex; 	
		height: 90px;
		justify-content: center; 
}
.row-logos .logos__item img{
	margin: auto; 
	max-width: 100%; 
	max-height: 100%; 
}
.row-logos .logos__item a{
	display: flex;
	height: 100%;
}




/* form-box */
.form-box-out{
	width: calc( 100%  );
	padding: 0 70px;
	background: #F6F7F9;
	max-width: var(--max-width-3);
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(180deg, rgba(246, 247, 249, 0) 0%, rgba(246, 247, 249, 1) 100%);
}
.form-box{
	background-image: url("img/form-bg.webp");
	border-radius: 20px 20px 0 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	background-size: cover;
	padding: 100px 0 0 0;
}
.form-box-bottom{
	width: 100%;
	height: auto;
}
.gform_title{
	display: none; 
}
.form-box .form-in{
	width: 1100px;
	margin: auto; 
	
}
.form-box .home-headline p,
.form-box .home-headline .h3,
.form-box .home-headline .h2{
	color: #fff;
}

.form-box label{
	color: #fff !important; 
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	margin-left: 10px !important; 
}
.form-box input{
	border-radius: 5px !important;
	height: 70px !important;
	line-height: 70px !important; 
	font-size: 19px !important; 
}
.form-box .gfield--type-consent input{
	height: 20px !important;
	width: 20px !important; 
}
.form-box .gfield--type-consent label{
	font-weight: 300 !important; 
}
.form-box .gfield--type-consent a{
	text-decoration: underline !important; 
}
.form-box .gfield--type-consent a:hover{
	text-decoration: none !important; 
}
.gform_footer button{
	background: transparent !important;
	border: 2px solid #fff !important;
	font-size: 20px !important; 
	padding: 15px 70px !important; 
	transition-duration: 0.3s !important;
	margin: auto !important;
}
.gform_footer button:hover{
	background-color: #fff !important; 
	color: var(--dark) !important; 
	
}
.gform_wrapper .ginput_container select{
	height: 70px !important;
	border-radius: 5px !important;
	font-size: 19px !important; 
}

.footer-contact{
	background-color: var(--light2);
}

#footer{ 
	background: transparent; 
}

#footer .menu ul li,
#footer .menu ul li a{
	color: var(--dark);
	font-weight: 300;
	font-size: 15px;
}
#footer .menu ul li::after{
	color: var(--dark);
	opacity: 0.5;
}
.copy p{
	color: var(--dark);
	opacity: 0.5;
	font-size: 14px;
}

.social-media ul li a::after{
	color: var(--dark) !important;
	font-weight: 400 !important; 
}
.social-media ul li a{
	background-color: var(--light2);
}

.footer-contact .col-contact{
	background-color: #fff;
	border-radius: 20px;
	padding: 50px 50px 30px 50px;
}
.footer-contact .col-contact .item{
	padding-left: 25px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.footer-contact .col-contact .item .title{
	font-weight: 600;
	font-size: 17px;
	
	position: relative; 
}

.footer-contact .col-contact .item .title:before{
	content: "\f3c5";
	font-size: 14px;
	color: var(--navy);
	position: absolute;
	font-weight: 600;
	font-family: var(--fontA);
	left: -20px;
	top: 2px;
}

.footer-contact .h4{
	text-transform: uppercase;
	color: var(--main);
	font-size: 17px;
	font-weight: 600;
}

.footer-contact .col-links{
	padding: 50px 0; 
}
.footer-contact .col-links ul{
	padding: 0; 
	margin-bottom: 30px;
}
.footer-contact .col-links ul li{
	list-style: none; 
	padding: 0;
	margin: 0;
}
.footer-contact .col-links ul li a{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}
.footer-contact .col-links ul li a:hover{
	color: var(--main);
	text-decoration: underline; 
}
.footer-contact .slogan{
	font-size: 20px;
	margin-top: 30px;
}
.footer-contact .phone{
	color: var(--main);
	font-size: 24px;
	font-weight: 500;
}
.footer-contact .phone a:hover{
	color: var(--navy);
}
.footer-contact .address{
	font-weight: 300;
	line-height: 1.67;
}
.footer-contact .get{
	color:#838ba0;
	font-weight: 300;
	text-decoration: underline;
	padding-top: 5px;
	display: block;
}	
.footer-contact .get:hover{
	text-decoration: none; 
	
}





#page-wrapper #main {
    position: relative;
    padding-right: 60px;
    background-color: #FFF;
}
#page-wrapper #main::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #FFF;
    position: absolute;
    top: 0; left: -100vw;
}

.page-template-full #page-wrapper {
    background-color: #FFF;
}
.page-template-full #page-wrapper #main {
    padding-right: 15px;
    background-color: transparent;
}
.page-template-full #page-wrapper #main::before {
    display: none;
}



#hero.sub-hero{
/* 	height: 580px; */
	height: 440px;
	background-position-y: center;
}
#hero.sub-hero .container .row .content{
	margin-bottom: -110px;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4 {
    scroll-margin-top: 150px;
    font-family: var(--fontH);
}
.entry-content h1 a, 
.entry-content h2 a, 
.entry-content h3 a, 
.entry-content h4 a {
    text-decoration: none;
}

.entry-content > h1:first-child, 
.entry-content > h2:first-child, 
.entry-content > h3:first-child, 
.entry-content > h4:first-child, 
.entry-content > h5:first-child,
.entry-content > h6:first-child {
    padding-top: 0;
}

.entry-content h1, .entry-content h2, h1.post-title {
    color: var(--main);
    font-size: 45px;
    font-weight: 600;
    
    line-height: 1.1;
    letter-spacing: -0.33px;
}
.entry-content h1::after, h1.post-title::after {
    content: "";
    display: block;
    width: 208px;
    height: 10px;
    margin-top: 25px;
    background-color: var(--main);
    border-radius: 2px;
}
.entry-content h3, .sitemap_by_click5 h2 {
    color: var(--navy);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.28px;
    padding: 15px 0 10px;
    margin: 0;
}
.entry-content h4 {
    color: var(--navy);
    font-size:30px;
    font-weight: 600;
    line-height: 1.3;
    font-family: var(--fontH);
    letter-spacing: -0.23px;
     padding: 15px 0 15px;
    margin: 0;
}
.entry-content h5, .entry-content h6 {
    color: #000;
}

.entry-content a {
    text-decoration: underline;
}
.entry-content a:hover {
    text-decoration: none;
}
.entry-content a.button:hover{
	background-color: var(--main);
}

.entry-content p, .entry-content ul li, .entry-content ol li {
    color: var(--dark);
    font-size: 19px;
    font-weight: 300;
    line-height: 1.67;
    letter-spacing: -0.19px;
    padding: 0;
}
.entry-content p strong {
    font-weight: 700;
}
.entry-content p:last-of-type {
    margin-bottom: 0;
}

.entry-content img.aligncenter {
    display: block;
    height: auto;
    margin: 0 auto;
}
.entry-content img.alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-content img.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.entry-content ul {
    list-style: none;
    padding-left: 20px;
}
.entry-content ul li {
    position: relative;
    line-height: 28px;
    padding-left: 25px;
    margin-top: 10px;
}
.entry-content ul li::before {
    content: "\f054";
    color: var(--main);
    font-family: var(--fa-family-classic);
    font-size: 10px;
    font-weight: 700;
    line-height: 32px;
    position: absolute;
    left: 0;
}

.entry-content ol {
    margin-left: 0;
}
.entry-content ol li {
    padding-left: 7px;
    margin-top: 5px;
}

.entry-content blockquote {
    position: relative;
    padding-left: 50px;
    margin: 40px 0;
}
.entry-content blockquote:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background-color: var(--main);
    border-radius: 3px;
}
.entry-content blockquote p {
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

/* SITEMAP */

.sitemap_by_click5 h2::after {
    display: none;
}
.sitemap_by_click5 ul li a {
    text-decoration: none;
}
.sitemap_by_click5 ul li a:hover {
    text-decoration: underline;
}

/* CONTACT */

#contact-intro {
    position: relative;
    background-color: #f9f9f9;
}

#contact-intro .box {
    display: flex;
    padding-left: 55px;
}
#contact-intro .box:first-of-type {
    padding-left: 150px;
}

#contact-intro .box .icon {
    width: 60px;
}

#contact-intro .box .content {
    width: calc(100% - 60px);
    padding-left: 30px;
}
#contact-intro .box .content h2 {
    color: #252525;
    font-size: 23px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.34px;
    padding: 15px 0 35px 0;
    margin: 0;
}
#contact-intro .box .content address, #contact-intro .box .content p {
    color: #555;
    font-size: 19px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.57px;
    padding: 0;
    margin: 0;
}
#contact-intro .box .content a.directions {
    display: inline-block;
    color: var(--main);
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.54px;
    padding: 0 0 1px 0;
    margin: 6px 0 0 0;
    border-bottom: 1px solid var(--main);
}
#contact-intro .box .content a.directions:hover {
    text-decoration: none;
    border-color: transparent;
}
#contact-intro .box .content a.phone {
    display: inline-block;
    color: var(--main);
    font-size: 39px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.17px;
    padding: 0 0 1px 0;
    margin: 0;
    border-bottom: 2px solid transparent;
}
#contact-intro .box .content a.phone:hover {
    text-decoration: none;
    border-color: var(--main);
}

#contact-wrapper .form {
    margin-top: 20px;
}
#contact-wrapper .form .wpcf7 {
    padding: 115px 130px 100px 130px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 25px 60px rgba(51, 51, 51, .08);
}

.contact-map {
    font-size: 0; 
}
.contact-map iframe {
    filter: grayscale(100%);
}

/* WIDGETS */

#sidebar-area {
    position: relative;
    flex: 0 0 auto;
    width: calc(33.333333% + 55px);
    margin-right: -55px;
    margin-top: -65px;
    padding-left: 0;
    z-index: 4;
}

#sidebar-area > * {
    position: relative;
    z-index: 4;
}

#banners.widget .box a {
    padding: 35px;
}
#banners.widget .box.box-1 a {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
}
#banners.widget .box.box-2 a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
#banners.widget .box a::after {
    display: none;
}

#banners.widget .box .icon {
    padding-right: 25px;
}
#banners.widget .box .icon img {
    max-height: 56px;
}

#banners.widget .box .content {
    width: calc(100% - 75px);
}
#banners.widget .box .content h3 {
    font-size: 16px;
}
#banners.widget .box .content p {
    font-size: 25px;
}

.widget-links {
    padding-top: 25px;
    padding-left: 60px;
}
.widget-links h3 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.36px;
    padding: 28px 0 27px 40px;
    margin: 0;
}
.widget-links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget-links ul li a {
    position: relative;
    display: block;
    color: #40414b;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.27px;
    padding: 17px 0 17px 70px;
    margin: 0;
    margin: 0;
  font-family: var(--fontH);
  font-size: 22px;
}
.widget-links ul li a::before {
    content: "\f054";
    color: var(--main);
    font-family: var(--fa-family-classic);
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    left: -20px;
}
.widget-links ul li a:hover, .widget-links ul li a[aria-current="page"] {
    color: var(--main);
    text-decoration: none;
    background-color: #FFF;
}





/* sidebar menu */
#sidebar-area{
	margin-top: -170px; 
	width: calc(33.333333% + 25px);
	position: relative;
  z-index: 99;
}
#sidebar-menu {
  margin-bottom: 70px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 0 #e4e4eb;
  padding: 30px 40px 30px 20px;
  
}
#sidebar-menu ul li{
	list-style: none;
}
#sidebar-menu > ul > li > a{
	 display: none;
}
#sidebar-menu > ul > li.current-menu-ancestor > a    {
	display: block; 
	font-size: 32px;
	font-weight: 600;
	font-family: var(--fontH);
	padding-left: 20px;
	color: var(--main) !important;
}
#sidebar-menu > ul > li.current-menu-ancestor > a::before{
	display: none; 
}


/* domyślnie chowamy całe menu */
#sidebar-menu ul.sub-menu{
	display:none;
}


/* pokazujemy aktualną gałąź */
#sidebar-menu li.current_page_parent > .sub-menu,
#sidebar-menu li.current_page_item > .sub-menu{
	display:block;
}


/* elementy w aktualnej gałęzi */
#sidebar-menu li.current_page_parent > .sub-menu > li,
#sidebar-menu li.current_page_item > .sub-menu > li{
	display:block;
}



#sidebar-menu  .current_page_parent,
#sidebar-menu  .current_page_item{
	display: block !important;
}

#sidebar-menu  .current_page_parent .sub-menu li,
#sidebar-menu .current_page_item .sub-menu li{
	display: block !important; 
} 



#sidebar-menu{ 
	margin-bottom: 20px;
}
#sidebar-menu > ul  > li.current_page_parent > a,
#sidebar-menu > ul  > li.current_page_item > a{
	font-size: 32px;
	font-weight: 600;
	padding-left: 40px !important;
}



#sidebar-menu  li.menu-item-100153.current_page_ancestor > a,
#sidebar-menu > ul > li.current_page_parent > a{
	display: block !important;
	padding-left: 20px !important;
	font-family: var(--fontH);
	margin-bottom: 20px;
	color: var(--main);
}
#sidebar-menu  li.menu-item-100153.current_page_ancestor > a{ font-size: 30px !important; }
#sidebar-menu  li.menu-item-100153.current_page_ancestor > a::after,
#sidebar-menu  li.menu-item-100153.current_page_ancestor > a::before{ display: none; }

#sidebar-menu > ul > li.current_page_parent > a:after,
#sidebar-menu > ul > li.current_page_parent > a:before{
	display: none !important;
}



#sidebar-menu >  ul > li.current_page_parent > a:after,
#sidebar-menu >  ul > li.current_page_item > a:after{
	content: "";
	width: 90px;
	height: 30px;
	border-radius: 2px;
	display: block;
	background-image: url("img/dots.webp");
  background-position: center center;
  background-repeat: no-repeat;
}
#sidebar-menu  .sub-menu li,
#sidebar-menu  li.current_page_parent > .sub-menu li{
	font-weight: 500;
	padding-left: 40px;
	font-size: 19px;
}
#sidebar-menu  > ul > li.current_page_parent > .sub-menu li.current_page_item{
	background-color: #fff;
	color: var(--main);
	border-radius: 0 5px 5px 0;
}
#sidebar-menu ul.sub-menu >li a{
	padding: 16px 0 !important;
	display: block !important;
	border-bottom: 1px solid #d4d4e5; 
}
#sidebar-menu ul.sub-menu >li:last-child a{
	border-bottom: none;
}
#sidebar-menu ul.sub-menu > li a:hover{
	color: var(--main);
}




/* chowamy wszystkie podmenu */
#sidebar-menu ul.sub-menu{
	display:none;
}


/* pokazujemy aktualną gałąź */
#sidebar-menu li.current-menu-item > ul.sub-menu,
#sidebar-menu li.current-menu-parent > ul.sub-menu,
#sidebar-menu li.current-menu-ancestor > ul.sub-menu{
	display:block !important;
}


/* pokazujemy elementy w aktywnej gałęzi */
#sidebar-menu li.current-menu-parent > .sub-menu > li,
#sidebar-menu li.current-menu-ancestor > .sub-menu > li{
	display:block !important;
}


/* trzeci poziom */
#sidebar-menu li.current-menu-item > .sub-menu,
#sidebar-menu li.current-menu-parent > .sub-menu,
#sidebar-menu li.current-menu-ancestor > .sub-menu{
	display:block !important;
}





/* breadcrumbs */
#breadcrumbs{
	margin: 20px 0;
	font-weight: 300;
	font-size: 15px;
}
#breadcrumbs a{
	text-decoration: underline; 
}



/* photo-faq */
.photo-faq{
	background-image: url("img/photo-faq.webp");
	background-position: center -60px;
	margin-top: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
}

/* sings */
.sings{
	background-color: var(--light2);
	border-radius: 20px;
	margin: 20px auto; 
	max-width: 1700px; 
}
.sings .buttons{
	display: block; 
	padding: 20px 0; 
}
.sings .photo{
	background-image: url("img/team3.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	width: 640px;
	height: 100%;
} 
.proudly .photo{
	min-height: 560px;
}
.main-container-commons{
	margin: 40px 0; 
}
.plumbing-services{
	padding-left: 60px;
	position: relative;
	padding-bottom: 20px;
}
.plumbing-services .check-icon{
	display: none;
}
.entry-content .plumbing-services .h3{
	font-size: 24px;
	padding-bottom: 7px; 
}
.plumbing-services:before{
	position: absolute;
	left: 0;
	top: 20px;
	width: 45px;
	height: 45px;
	border-radius: 30px;
	background-color: var(--main);
	color: #fff;
	font-family: var(--fa-family-classic);
	content: "\f058";
	font-weight: 400;
	text-align: center;
	line-height: 45px;
}



.error404 #hero.sub-hero{
	height: 370px; 
}



/* .financing  */
.financing {
	margin-top: 130px;
}

.financing .content{
	padding-top: 60px;
	padding-bottom: 60px;
}
.financing .content .buttons{
	display: block;
	padding-top: 30px;
}
.financing .content .buttons .button{
	text-decoration: none; 
}
.financing .content .buttons .button:hover{
	color: var(--main);
	background:transparent;
}


.page-template-contact #hero{
	height: 600px;
	padding-bottom: 100px;
}
.contact-boxes{
	margin-top: -150px;
}
.contact-boxes .in{
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 4px 4px 0 #dddde6;
	padding: 50px;
	color: var(--navy);
	height: 100%;
}
.contact-boxes .title{
	font-family: var(--fontH);
	font-size: 35px;
	font-weight: 600;
}
.contact-boxes .title:after{
	margin: 5px 0;
	display: block;
	height: 6px;
	border-radius: 2px;
	background-color: var(--main);
	content: "";
	width: 120px;
}
.contact-boxes  .item{
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url("img/icon-contact-2.webp");
	background-repeat: no-repeat;
	background-position: 11px 25px;
	
}
.contact-boxes  .item .email{
	color: var(--main);
	font-weight: 300;
	text-decoration: underline; 
}
.contact-boxes  .item .phone{
	font-size: 30px;
	font-weight: 600;
	font-family: var(--fontH);
}
.contact-boxes  .item .phone:hover{
	color: var(--main);
}
.contact-boxes  .item-address{
	background-image: url("img/icon-contact-1.webp");
}	
.contact-boxes  .sub_title{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 300;
	padding-bottom: 10px;
}
.contact-boxes  .get{
	font-weight: 300;
	text-decoration: underline;
	padding-top: 10px;
	display: block;
}
.contact-boxes a:hover{
	text-decoration: none !important; 
}

.contact-form{
	margin-top: -550px;
}
.contact_logos{
	padding-bottom: 300px;
}


#map-both{
	margin: 60px 0 0; 
}
.page-template-contact .form-box-out{
	background: none;
}
.page-template-contact .sa-title{
	margin: 0;
}
.page-template-contact .sa-title .apla{
	border-radius: 0;
	margin: 0; 
}



/* main-services */
.main-service-title{
	padding: 50px 0 20px; 
}
.intro-out .intro.main-services{
	border-radius: 20px 20px 0 0;
	padding-top: 70px;
}
.main-services .service-photo{
	border-radius: 20px;
	height: 100%;
	width: 120%; 
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.main-services .items{
	display: flex;
	flex-wrap: wrap; 
}
.main-services .items.items-3 .item{
	flex: 0 0 calc( 33% - 20px );
}
.main-services .items .item{
	flex: 1 0 calc( 50% - 20px );
	padding: 40px 40px;
	border-radius: 10px;
	background-color: #fff;
	margin: 10px;
	display: flex;
	position: relative; 
	flex-wrap: wrap;
	justify-content: flex-start;
}

.main-services .items .item .icon{
	position: absolute;
	width: 100%;
	text-align: center;
	width: 100%; 
}
.main-services .items .item .in{
	margin-top: 50px;
}

.main-services .items .item {
	display: flex;
	align-items: center;
	transition-duration: 0.3s;
}
.main-services .items a.item:hover{
	background-color: var(--main);
	color: #fff ;
}
.main-services .items .item img{
	width: 50px;
	height: auto;
	margin-right: 20px;
}
.location-services .items .item img{
	margin-right: 0;
}
.main-services .items a.item:hover img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(7471%) hue-rotate(97deg) brightness(129%) contrast(125%);
}
.main-services .items a.item:hover span{
	color: #fff; 
}
.main-services .items .item  span{
	display: block;
	font-family: var(--fontH);
	color: var(--navy);
	font-size: 24px;
	line-height: 1;
	font-weight: 600;
}



.location-services .items .item{
	flex: 0 0 calc( 33.33% - 20px );
	text-align: center;
	align-items: center;
	display: block;
}
.location-services .items .item .icon{
	width: calc( 100% - 80px );
}
.location-services .items .item h3{
	color: var(--navy);
}
.location-services .items .item:hover h3{
	color: #fff;
}


/* text-box */
.text-box{
	border-radius: 30px;
	border:3px solid #e4e4f2; 
	width: 1500px;
	margin: auto;
	margin-bottom: 80px;
	padding: 10px; 
}
.text-box .in{
	margin: auto 0;
}
.text-box .content{
	display: flex; 
}
.text-box .entry-content h3{
	font-size: 50px;
}
.text-box .col-photo img{
	border-radius: 20px;
	width: calc( 100% + 90px );
	max-width: 200%;
}


/* blog */
.news .content h2, .news .content h3{
	font-family: var(--fontH);
	color: var(--navy);
}
.news .content p{
	color: var(--dark);
}
.news > a{
	border-radius: 15px;
	overflow: hidden; 
}
.news .category{
	display: none; 
}
.news .content .more span{
	border-radius: 5px; 
}
.news .photo-out{
	overflow: hidden;
}
.news .photo-out .photo{
	transition-duration: 0.3s;
}
.news:hover .photo-out .photo{
	transform: scale(1.06);
}
#recent-posts{
	background-color: var(--light2);
	padding-bottom: 20px;
}
#recent-posts h2{
	font-size: 50px;
	padding-bottom: 40px;
	font-family: var(--fontH);
	color: var(--navy);
	font-weight: 600;
}
#single-wrapper .back::after{
	background-color: var(--light2);
}
.single .news .photo{
	border-radius: 20px;
}
#single-wrapper .news .author{
	display: none;
}
.news .content .time-cat,
.news .content time,
.time-cat{
	display: none !important; 
}



/* main */
#main article p:first-child{
	font-size: 25px;
	font-family: var(--fontH);
	color: var(--navy);
	font-weight: 600;
	line-height: 1.4;
}



/* proces col-right */
.process{
	background-size: 50% auto; 
	
	background-size: auto 100%; 
}
.process .col-right .in{
	margin-left: 60px;
}
.process .col-right h3,
.process .col-right .in strong{
	display: block;
	font-weight: 600;
	font-family: var(--fontH);
	font-size: 30px;
	color: #fff;
	position: relative;
	padding: 2px 0;
}
.process .col-right .in br{
	 display: none; 
}
.process .col-right h3:before,
.process .col-right .in strong:before{
	content: "";
  position: absolute;
  left: -54px;
  width: 30px;
  height: 30px;
  background-color: var(--main);
  border-radius: 30px;
  display: block;
  z-index: 100;
  top: 10px;
}
.home .process .col-right h3:before{
	display: none; 
}
.process .entry-content h2{
	color: #fff;
}
.process .entry-content .text-large-dark{
	color: #fff;
	font-size: 19px;
}
.process .entry-content h3{
	font-size: 40px;
	color: #fff;
}
.process .entry-content p{
	color: #fff;
}



/* sa */
.page-template-service-areas .intro .h3{
	text-align: center; 
}
.page-template-service-areas .intro .h3:after{
	margin: 20px auto 0; 
}



.service-area-image{
	overflow: hidden;
	height: 300px;
		border-radius: 15px;
}
.service-area-image img{
	object-fit:cover;
	height: 100%;
	width: 100%;
	transition-duration: 0.3s;
}	
.service-area-item:hover img{
	transform: scale(1.05);
}
.service-area-title{
	text-align: center; 
	font-family: var(--fontH);
}	



/* financing */
#sidebar-area.financing{
	margin-top: 0;
	margin-left: 30px;
}
.financing .photo{
	background: #fff;
	  padding: 40px;
	  border-radius: 20px;
	  background-size: cover;
}  
.sings-financing .photo{
	background-image: none; 
}
.sings-financing span.step{
	display: block;
	font-size: 15px;
	letter-spacing: 2px;
	color: var(--main);
	text-transform: uppercase;
}

#green-sky{
	
	margin-top:30px;
}
.financing-photo{
	border-radius: 15px;
	margin-top: 30px;
	overflow: hidden;
}
.financing-photo img{
	height: 450px;
	object-fit:cover;
	width: 100%;
}


.process .bottom{
	font-size: 19px;
	padding-top: 10px;
	color: #fff;
}
.process-2{
	background-size: auto 100%;
}



/* career */
.career-main-service-intro{
	padding-bottom: 50px;
}
.career-main-service-intro p:first-child{
	font-family: var(--fontH);
	font-size: 25px;
	font-weight: 600;
	color: var(--navy);
}
.intro-out-career .items .item{
	flex: 0 0 31.33%;
	margin: 1%; 
	display: flex; 
	justify-content: center;
	flex-wrap: wrap; 
	border: 1px solid rgba(255,255,255,0.5);
}
.intro-out-career .items .item span{
	width: 100%;
	text-align: center; 
}
.intro-out-career .items .item .button{
	color: #fff;
	font-size: 17px;
	margin-top: 15px;
	border: 1px solid var(--main);
}
.intro-out-career .items .item:hover .button{
	border: 1px solid #fff;
}
.intro-out-career .items .item .icon{
	width: auto;
	position: inherit; 
	margin: 0;
}
.intro-out-career .items .item .icon img{
	margin: 0;
}
.intro-out-career .intro.main-services{
	border-radius: 20px;
	padding: 80px 0;
	background-color: var(--navy);
}
.intro-out-career-2 .intro.main-services{
	background-color: var(--main);
}
.intro-out-career-2 .intro.main-services .item:hover{
	border: 1px solid rgba(255,255,255,0.5);
}


/* what */
.intro-out-what .items .item{
	flex: 0 0 31.33%;
	margin: 1%;
	flex-wrap: wrap;
	text-align: center; 
}
.intro-out-what .items .item:hover{
	background: #fff;
}
.intro-out-what .items .item:hover span{
	color: var(--navy);
}

.intro-out-what .items .item .icon{
	position: inherit;
	margin: 0;
	filter: brightness(0) saturate(100%) invert(32%) sepia(92%) saturate(1973%) hue-rotate(339deg) brightness(73%) contrast(111%);
}
.main-services .items .item span{
	width: 100% !important;
	width: calc(100% - 90px);
	padding-top: 10px;
}
.photo-career{
	background-image: url("img/heroes/sub-hero-1.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.toc-level-2 > a.active, .toc-level-2.active > a,
.toc-title{
	color: var(--navy);
}



/* membership */
.page-template-membership .row-intro{
	margin-top: 0; 
	padding-top: 60px; 
}
.page-template-membership .row-intro .col-left h3{
	padding-top: 0;
}
.page-template-membership .row-intro .col-right{
	padding-top: 50px; 
	padding-left: 20px;
}

.m-items .item{
	display: flex;
}
.m-items .item img{
	height: 80px; 
	margin-right: 20px;
	margin-top: 20px;
}


.m-head h3{
	padding: 0;
}
.m-price{
	font-weight: 600;
	font-size: 40px;
	padding: 0px 0 30px;
	color: var(--main);
}
.m_member .table{ 
	max-width: 880px;
	margin: auto;
}
.m_member .member,
.m_member .non-member{
	text-align: center; 
	font-size: 23px;
	font-weight: 500;
}
.m_member .member{
	color: var(--main);
}
.m_member .non-member{
	color: var(--red);
}
.m_member .bottom{
	text-align: center; 
	padding-top: 25px;
}
.m_member .bottom p {
	margin-bottom: 0;
}
.m_member .bottom strong{
	color: var(--main);
}



.m_process{
	margin-top: 50px;
}
.m_process .h2{
	color: #fff;
}
.m_process .h2:after{
	margin-left: 0;
}
.m_process .item{
	display: flex;
	align-items: center;
	color: #fff;
	margin-bottom: 20px;
}
.m_process .item .icon{
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background-color: #fff; 
	justify-content: center;
	display: flex; 
}
.m_process .item .icon img{
	margin: auto;
	height: 50%;
}
.m_process .item .name{
	font-size: 23px;
	padding-left: 20px; 
}
.m_process .process-cta p{
	font-size: 30px;
}
.m_process .items{
	display: flex;
	flex-wrap: wrap; 
}
.m_process .items .item{
	flex: 0 0 50%;
}
.m_process .col-right::after{
	display: none; 
}

.family-photo-row {
    margin-top: 50px;
    margin-bottom: 40px;
}

.family-photo {
    display: block;
    width: 100%;
    max-width: 450px !important;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .family-photo-row {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .family-photo {
        max-width: 100%;
    }
}