/*
Theme Name: click5 Interactive Theme
Theme URI: https://www.click5interactive.com/
Author: click5 Interactive
Author URI: https://www.click5interactive.com/
Description: click5 Interactive Wordpress Theme
Version: 3.0.4-1
*/

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    display: none !important;
}

/* Shows the reCAPTCHA on the Contact page */
.page-id-20 .grecaptcha-badge {
    display: block !important;
}

body{
	font-family: 'Roboto', sans-serif;
	color: #636365;
	font-size: 18px;
}
p, li{
	font-size: 18px;
}

.container{ 
	max-width: 1350px;
	width: 100%;
}
#header{
	background-color: #fff;
}
#header{
	transition-duration: 0.3s;
	position: fixed;
	width: 100%;
}
.page-template-contact{
	background-color: #f1f6f8;
}
#header.sticky{
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
#header.sticky .navbar-nav{
	margin-top: 25px; 
}
#header .container{
	position: relative;
	width: 100%;
	max-width: 96%;
}


.navbar-brand{
	padding-bottom: 0;
	margin-top: -10px;
}


#header .navbar{
	padding: 30px 0 10px;
	transition-duration: 0.3s;
}
#header.sticky .navbar{
	padding: 0;
}	
#header .nav-link{
	font-weight: 500;
	color: #4c4c4c;
	font-size: 18px;
	padding-left: 12px;
	padding-right: 12px;
}


#header .nav-link:after{
	content: "";
	width: 0%;
	height: 2px;
	display: block;
	background-color: #3f98e4;
	position: relative;
	top:-7px;
	transition-duration: 0.3s;
}
#header .current-page-ancestor .nav-link:after,
#header .current-menu-parent .nav-link:after,
#header .current-menu-item .nav-link:after,
#header .nav-link:hover:after{
	width: 100%;
}


.dropdown-menu{
	width: 270px; 
	box-shadow: 0 20px 13px rgba(0, 0, 0, .05);
}
.dropdown-menu .dropdown-menu{
	top: -15px;
	margin-left: 20px;
	
}
.dropdown-item{ 
	font-size: 15px; 
	transition-duration: 0.3s;
	padding: 11px 20px;
	line-height: 1.1;
	white-space: normal;
}
.dropdown-item:hover{
	color: #3f98e4 !important;
} 
.dropdown-menu .current-page-parent > a,
.dropdown-menu .current-menu-item > a{
	color: #3f98e4 !important;
}
.dropdown-toggle::after{ margin-left: 1px; }


#header img{
	transition-duration: 0.3s;
	height: auto;
}
#header.sticky img{
	height: 100px;
	padding: 15px 0;
}
#header .buttons{
	margin-right: -15px;
}
#header.sticky .buttons{
	padding-top: 20px;
}
#header.sticky .patents{
	top: 6px;
}
#header .patents span{
	margin-left: 6px;
}



.patents{
	font-size: 12px;
	color: #7c7c7c;
	font-weight: 300;
	position: absolute;
	top:0;
	right: 0;
	transition-duration: 0.3s;
}
.button{
	font-size: 17px;
	color: #4c4c4c;
	font-weight: 600;
	border: 1px solid #d5e0e6;
	border-radius: 3px;
	padding: 12px 40px;
	background-color: #fff;
	text-decoration: none;
	transition-duration: 0.3s;
}
.button:hover{
	text-decoration: none;
	box-shadow: 0 10px 35px rgba(0,0,0,0.05);
}
.buttonB{
	background-color: #3f98e4;
	border: 1px solid #3f98e4;
	color: #fff;
}
.buttonB:hover{
	background-color: #fff;
	color: #3f98e4;
}

.buttonP{
	background-color: #4e62b9;
	border: 1px solid #4e62b9;
	color: #fff;
}
.buttonP:hover{
	background-color: #fff;
	color: #4e62b9;
}

.buttonG{
	background-color: #61cdb3;
	border: 1px solid #61cdb3;
	color: #fff;
}
.buttonG:hover{
	background-color: #fff;
	color: #61cdb3;
}
.buttonRequest{
	position: relative;
	margin-left: 0px;
}
/* .buttonRequest:before{
	content: "";
	width: 1px;
	height: calc( 100% + 30px );
	left: -16px;
	background-color: #e5ecf0;
	position: absolute;
	top:-15px;
	float: left;
} */
.buttonRequestDemo{
	padding:14px 140px;
	font-size: 20px;
}
.button .icon{
	
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.button .icon-help{
	background-image: url("/wp-content/themes/click5-wp/img/icon-help.png");
}
.button .icon-custom{
	background-image: url("/wp-content/themes/click5-wp/img/icon-custom-w.png");
}
.button:hover .icon-custom{
	background-image: url("/wp-content/themes/click5-wp/img/icon-custom-b.png");
}
.button .icon-video{
	padding-left: 0;
}
.button .icon-video:before{
	content: "";
	font-family: "Font Awesome 5 Brands";
	margin-right: 8px;
	position: relative;
	top:1px;
	
}

/* hero */
#hero{
	height: 100vh;
	height: 740px;
	background-image: url("/wp-content/themes/click5-wp/img/hero-new.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 150px;
	position: relative;
}
#hero img{ height: unset !important; }
#hero .row{
	width: 100%;
}
#hero .headline {
	padding-top:110px;
}
#hero .headline h1{
	color: #fff;
	font-size: 50px;
	line-height: 1.2;
}
#hero .headline h3{
	color: #4c4c4c;
	font-size: 21px;
	line-height: 1.4;
	font-weight: 300;
	color: #fff;
	padding:10px 0 35px;
	opacity: 0.8;
}
#hero .headline h1 span{
	color: #3f98e4;
}
.more.more-inline{
	display: inline-block;
	text-align: center;
}
.more-inline .button{
	display: block;
}
#hero .headline .more .button{
	display: block;
	margin-bottom: 10px;
}
#hero .headline .more p{
	font-weight: 400;
	color: #fff;
}
#hero .headline .more p a{
	color: #3f98e4;
}


/* icons-box */
.icons-box{ 
	background-image: url("/wp-content/themes/click5-wp/img/icon-main.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 720px;
	height: 720px;
	position: absolute;
	left: 50%;
	bottom: 0;
}
.icons-box .icon-main{
	width: 170px;
	height: 170px;
	display: block;
	position: absolute;
	top: 241px;
	left: 39%;
	border-radius: 200px;
	
}
.icons-box .icon-main:hover{
	cursor: pointer;
}
.icons-box .icon-main .info{
	opacity: 0;
	transition-duration: 0.3s;
	color: #cd0000;
	margin-top: 170px;
	text-align: center;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 10px 10px 30px rgba(0,0,0,.2);
}
.icons-box .icon-main:hover .info{
	opacity: 1;
}
.icons-box .icon-main h3 {
  font-size: 16px;
  padding: 10px 0;
}


.icons-box .icon{
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	transition-duration: 0.3s;
	cursor: pointer;
	text-decoration: none;
} 
.icons-box .icon .info{
	display: none;
	width: 280px;
	background-color: #ffffff;
	border-radius: 2px;
	padding: 20px 10px 10px 10px;
	margin-top: -15px;
	margin-left: -80px;
	box-shadow: 0 15px 30px rgba(0,0,0,0.15);
	text-decoration: none;
}
.icons-box .icon .info h3{
	font-weight: 500;
	color: #449de8;
	font-size: 14px;
	padding: 0;
	margin: 0;
	text-align: center;
	margin-bottom: 10px;
}
.icons-box .icon .info p{
	text-align: center;
	font-size: 12.5px;
	line-height: 1.4;
	padding-bottom: 0;
	margin-bottom: 0;
}
.icons-box .icon:hover{
	z-index: 100;
}
.icons-box .icon:hover .info{
	display: block;
}
.icons-box .icon .icon-off{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("/wp-content/themes/click5-wp/img/icon-01.png");
}
.icons-box .icon .icon-on{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("/wp-content/themes/click5-wp/img/icon-01w.png");
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	transition-duration: 0.3s;
	
}
.icons-box .i01{ left:14%; top: 5%;  }
.icons-box .i02{ left: -1%; top: 36%; }
.icons-box .i03{ left: 9%; top: 67%; }
.icons-box .i04{ left: 41%; top: 79%; }
.icons-box .i05{ left: 73%; top: 67%; }
.icons-box .i06{ left: 85%; top: 36%; }
.icons-box .i07{ left: 71%; top: 5%; }

.icons-box .i01 .icon-off {  background-image: url("/wp-content/themes/click5-wp/img/icon-01-new.png"); }
.icons-box .i02 .icon-off {  background-image: url("/wp-content/themes/click5-wp/img/icon-02-new.png"); }
.icons-box .i03 .icon-off { background-image: url("/wp-content/themes/click5-wp/img/icon-03.png"); }
.icons-box .i04 .icon-off { background-image: url("/wp-content/themes/click5-wp/img/icon-04.png"); }
.icons-box .i05 .icon-off {  background-image: url("/wp-content/themes/click5-wp/img/icon-05-new.png"); }
.icons-box .i06 .icon-off {  background-image: url("/wp-content/themes/click5-wp/img/icon-06.png"); }
.icons-box .i07 .icon-off {  background-image: url("/wp-content/themes/click5-wp/img/icon-07-new.png"); }

.icons-box .i01 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-01w-new.png"); }
.icons-box .i02 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-02w-new.png"); }
.icons-box .i03 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-03w.png"); }
.icons-box .i04 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-04w.png"); }
.icons-box .i05 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-05w-new.png"); }
.icons-box .i06 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-06w.png"); }
.icons-box .i07 .icon-on{  background-image: url("/wp-content/themes/click5-wp/img/icon-07w-new.png"); }

.icons-box .icon:hover .icon-on{  opacity: 1; z-index: 101; }



/* entry */
.entry h2{
	font-size: 48px;
	line-height: 1.1;
	color: #4c4c4c;
	font-weight: 600;
}

.entry h1.after:after{
	width: 90px;
	height: 8px;
	border-radius: 4px;
	background-color: #86dbd8;
	content: "";
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.entry h2:after{
	width: 90px;
	height: 8px;
	border-radius: 4px;
	background-color: #86dbd8;
	content: "";
	display: block;
	margin-top: 20px;
}
.entry h3{
	font-size: 26px;
	line-height: 1.3;
	color: #4c4c4c;
	font-weight: 600;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.entry h3:after{
	width: 65px;
	height: 6px;
	border-radius: 3px;
	background-color: #86dbd8;
	content: "";
	display: block;
	margin-top: 15px;
}
.entry h3.notAfter:after,
.entry h2.notAfter:after{
	display: none;
}

.entry p.borderBottom:after{
	width: 65px;
	height: 6px;
	border-radius: 3px;
	background-color: #86dbd8;
	content: "";
	display: block;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.entry h4{
	font-weight: 300;
	font-size: 30px;
}
.entry .banners p{
	color: #636365;
	font-size: 17px;
	line-height: 1.25;
}
.entry p a{ 
	color: #3f98e4;
}
.entry-2 p{
	font-size: 18.5px;
	padding-left: 5px;
	padding-right: 5px;
}
.entry p, .entry ul li, .entry ol li{
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.entry ul{
	padding-left: 60px;
}
.entry ul li{
	list-style: none;	
	position: relative;
}
.entry ul li:before{
	content: "";
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: 10px;
	color: #86dbd8;
	background: none;
	left: -20px;
	position: absolute;
	top: 12px;
}
.entry img{
	width: 100%;
	height: auto;
}
.home .entry img{
	width: auto; 
}
.entry .buttonB{
	color: #fff;
}
.entry .buttonB:hover{
	color:#3f98e4;
}


/* coordinate */
.coordinate{
	background: rgb(255,255,255);
	background: linear-gradient(6deg, rgba(255,255,255,1) 60%, rgba(251,252,253,1) 100%);
	padding: 100px 0;
}
.coordinate .col-4{
	padding-right: 20px;
}
.coordinate .info .col-md-8{
	padding-top: 20px;
	padding-bottom: 20px; 
}
.coordinate .info p{
	font-size: 18px;
	line-height: 1.7;
	color: #636365;
	font-weight: 400;
	
}
.coordinate .info{
	padding-bottom: 80px;
}

.coordinate .quote{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding: 80px 170px;
	font-size: 25px;
	line-height: 1.7;
	font-weight: 500;
	margin: 80px auto;
	text-indent: 60px;
	
}
.coordinate .quote .quote-in{
	background-image: url("/wp-content/themes/click5-wp/img/q.png");
	background-position: left top;
	background-repeat: no-repeat;
	
}
.coordinate .quote span{
	font-weight: 300;
}
.coordinate .banners .photo{
	width: auto;
	float: left;
}
.coordinate .banners .txt{
	width: calc( 100% - 200px );
	float: right;
}

/* cta */
.cta{
	padding: 30px 0;
}
.cta h2{
	color: #fff;
}	
.cta h2:after{
	display: none;
}
.cta .button{
	width: 350px;
	display: inline-block;
	font-size: 19px;
	margin: 4px;
}
.cta .buttonNone{
	background: none;
	border: 1px solid #fff;
	color: #fff;
}
.cta3 .button{
	width: 300px;
}
.cta p{ 
	padding: 15px 0;
	color: #fff;
}
.cta p a{
	color: #fff;
	text-decoration: underline;
} 


/* better */
.better{
	background-image: url("/wp-content/themes/click5-wp/img/bg-better.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 150px 0;
}

.better .screen img{
	border:8px solid #e5ecf0;
	border-radius: 40px;
	box-shadow: 0 20px 30px rgba(0,0,0,0.04);	
	width: 110%;
	max-width: 120%;
}
.better .more{
	padding-top: 15px;
}
.better .more .button{
	padding: 12px 60px;
}
.better .more .small{
	display: block;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 1px;
}


/* quality */
.quality{
	background-image: url("/wp-content/themes/click5-wp/img/bg-quality.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 160px 0;
	color: #fff;
}
.quality .entry h5{
	font-weight: 300;
}
.quality .entry h2{
	color: #fff;
}
.quality .entry p{
	color: #fff;
}
.quality .entry p.info-text{
	font-size: 21px;
	text-align: left;
	padding-right: 30px;
}
.quality .item{
	margin: 50px 0;
}
.quality .item .icon{
	
	border-radius: 100px;
	width: 153px;
	height: 153px;
	text-align: center;
	display: flex;
}
.quality .item .icon img{
	margin: auto;
}
.quality .item .info{
	
	display: flex;
	margin: auto;
}
.quality .item .info:after{
	width: 100%;
	height: 1px;
	content: "";
	background-color: rgba(255,255,255,0.4);
	display: block;
	position: absolute;
	bottom: -40px;
	left: 0;
}
.quality .item .value{
	width: auto;
	float: left;
	font-size: 80px;
	font-weight: 600;
	letter-spacing: -4px;
}
.quality .item .txt{
	width: calc( 100% - 160px );
	float: left;
	font-weight: 300;
	margin: auto;
	font-size: 30px;
	line-height: 0.9;
}
.quality .item .txt strong{
	display: block;
	font-weight: 600;
	clear: both;
}


/* benefits */
.benefits{
	background-color: #f1f6f8;
	padding: 30px 0 140px 0;
}
.benefits h4{
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 35px;
}
.benefits .row-big{
	margin-right: -100px;
}
.benefits .box{
	background-color: #fff;
	border-radius: 2px;
	padding: 40px 50px;
	box-shadow: 0 20px 30px rgba(0,0,0,0.03);
	position: relative;
	height: 470px;
}
.benefits .box .more{
	background-color: #fbfcfd;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 50px 50px;
}
.benefits .box h3{
	line-height: 1.1;
}
.benefits .box .photo{
	position: absolute;
	bottom: -60px;
	right: -20px;
	
}
.benefits p{
	margin-bottom: 0;
	padding-bottom: 0;
}
.benefits p span{
	color: #86dbd8;
	font-style: italic;
}


.benefits .row-logos{
	margin-top: 110px;
}
.benefits .row-logos h3{
	color: #399af0;
	font-size: 48px;
}
.benefits .row-logos h3:after{
	display: none;
}
.benefits .row-logos .item{
	float: left;
	width: 25%;
	padding: 20px 0 20px 20px;
}
.benefits .b2 h3::after{
	background-color: #3f98e4;
}
.benefits .b3 h3::after{
	background-color: #4e62b9;
}


/* how */
.how{
	background-image: url("/wp-content/themes/click5-wp/img/bg-how.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 80px 0 100px;
}
.how h4{
  font-size: 24px;
  margin-bottom: 70px;
  padding-bottom: 0;
  margin-top: -24px;
  padding-top: 0;

}

.how{
	
}
.how .box{
	background-color: #f6f8f9;
	padding: 30px 50px;
	margin-top: -16px;
	position: relative;
	z-index: 1;
	min-height: 350px;
	border-bottom: 5px solid #86dbd8;
}
.how .b2 .box{  border-bottom: 5px solid #3f98e4; }
.how .b3 .box{  border-bottom: 5px solid #4e62b9; }

.how .box .step{
	background-color: #399af0;
	width: 77px;
	height: 77px;
	line-height: 77px;
	color: #fff;
	font-weight: 600;
	font-size: 35px;
	text-align: center;
	border-radius: 100px;
	position: absolute;
	top:-50px;
	left: 30px;
	display: none;
}
.how .box h3 span{
	font-weight: 300;
	display: block;
}
.how .box p{
	line-height: 1.4;
}
.how .col-4 .photo{
	margin:auto;
	display: flex;
	width: 90%;
}
.how .b2 h3::after{
	background-color: #3f98e4;
}
.how .b3 h3::after{
	background-color: #4e62b9;
}


/* reviews */
.reviews{ 
	background-image: url("/wp-content/themes/click5-wp/img/bg-reviews.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 130px 0;
}
.reviews h2{ 
	font-size: 65px;
	line-height: 60px;
	margin-top: 40px;
}
.reviews h2:after{
	display: none;
} 
.reviews #testimonials .item{
	height: 400px;
}
.reviews #testimonials p.testimonial{
	font-size: 26px;
	font-weight: 400;
	line-height: 1.4;
	text-indent: 70px;
	background-image: url("/wp-content/themes/click5-wp/img/q2.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 23px;
	padding-left: 10px;
}
.reviews #testimonials .sign{
	font-size: 24px;
	font-weight: 500;
	margin-left: 10px;
	margin-top: 45px;
}
.reviews #testimonials .sign span{
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	color: rgba(255,255,255,0.7);
	margin-left: 15px;
}
.carousel-indicators{
	margin-left: 20px;
	justify-content: left;
	position: absolute;
	left: 0;
	bottom: 0;
}


.reviews .carousel-indicators li{
	height: 10px !important;
	width: 10px !important;
	border-radius: 4px !important;
	transition-duration: 0.3s;
}
.reviews .carousel-indicators li.active{
	width: 40px !important;
}
#testimonials .carousel-indicators{
	bottom: 30px;
	left: -75% !important;
	position: absolute;
}


/* cases */
.cases{
	background-color: #f1f6f8;
}
.cases .buttonCase{
	margin-top: 30px;
	display: inline-block;
}


.cases .box{
	
	background-color: #fff;
	border-radius: 2px;
	padding: 40px 50px;
	box-shadow: 0 20px 30px rgba(0,0,0,0.03);
	position: relative;
	
	
	display: block;
	height: auto;
	text-decoration: none;
	padding: 35px 125px 35px 110px;
	transition-duration: 0.3s;
	margin-bottom: 25px;
}
.cases .box:hover{
	background-color: #399af0;
}
.cases .box .in{
	position: relative;
	z-index: 3;
}
.cases .entry h3{
	position: relative;
	transition-duration: 0.3s;
}
.cases .box:hover h3{
	color: #fff;
}
.cases .entry h3::after{
	position: absolute;
	left: -50px;
	margin-top: 0;
	width: 35px;
	top: 32px;
	height: 7px;
	border-radius: 20px;
	transition-duration: 0.3s;
}
.cases .box:hover h3::after{
	background-color: #fff;
}
.cases .box p{
	color: #636365;
	font-weight: 400;
	line-height: 1.4;
	transition-duration: 0.3s;
}
.cases .box:hover p{
	color: #fff;
}
.cases .box .more{
	background: none;
	background-image: url("/wp-content/themes/click5-wp/img/case-more.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index: 2;
	
	width: 145px;
	position: absolute;
	bottom: 0;
	left: auto;
	height: 110px;
	padding: 0px 0px;
	right: 0;
	
	transition-duration: 0.3s;
}	
.cases .box:hover .more{
	background-position: 100px 100px;
}
.cases .box .more .circle{
	position: absolute;
	right: 30px;
	bottom: 30px;
	color: #fff;
}
.cases .box:hover .more .circle:after{
	content: "+";
	margin-left: 5px;
}
.cases .box .apla{
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: block;
	top:0;
	left: 0;
	opacity: 0;	
	transition-duration: 0.3s;
}
.cases .box:hover .apla{
	opacity: 0.1;
}


/* ctaImprove */
.cta,
.ctaImprove{ background-color: #86dbd8; padding:70px 0 40px; }

.white .ctaImprove,
.page-template-contact .ctaImprove,
.home .ctaImprove{ background-color: #86dbd8; }




.page-template-enterprise .ctaImproveAll{
	display: none;
}


.ctaImprove h2:after{
	margin: 30px auto 5px;
	width: 160px;
}


/* #footer */
#footer .logo-footer{
	margin-top: 20px;
}
#footer{
	background-color: #222527;
	color: #fff;
}
#footer .rowBottom{
	padding-top: 50px;
	margin-top: 70px;
	border-top: 1px solid rgba(255,255,255,0.15);
}
#footer h4{
	font-size: 20px;
}


#footer ul.footer-menu li{
	padding: 0;
	opacity: 0.66;
}
#footer ul.footer-menu li::after{
	display: none !important;
}
.form-newsletter .wpcf7-form-control {
	color: #ffffff;
	padding: 15px 20px;
	font-size: 15px;
	border: none;
}
.wpcf7-form-control-wrap.what{
	padding-top: 10px;
	padding-bottom: 20px;
	display: inline-block;  
}

.form-newsletter .wpcf7-text{
	width: 80%;
	background-color: #2d3032;
}
.form-newsletter .wpcf7-submit{
	width: 20% !important;
	background-color: #499de5 !important;
	font-weight: bold !important;
}

/* #footer ul li a */
#footer ul.menu li a{
	font-size: 16px;
	opacity: 0.9;
}

/* social */
.social-media ul li a{
	margin-left: 40px !important;
}
.social-media ul li a::after{
	color: #fff;
}


/* copy */
.copyrights{
	font-size: 14px;
	opacity: 0.5;
}




/* sub hero */
.sub-hero{
	background-color: #f8fafb;
	margin-top: 190px;
	padding: 46px 0;
}
.sub-hero h1{
	font-size: 67px;
	line-height: 1;
	color: #4c4c4c;
	letter-spacing: -1px;
	font-weight: 600;
}
.sub-hero h3{
	font-weight: 400;
	padding: 0;
	margin: 0 0 30px;
}
.sub-hero p.small{
	padding-top: 5px;
	font-size: 15px;
}
.sub-hero p.small a{
	color: #3f98e4;
}
.logo-air{
	box-shadow: 0 15px 30px rgba(0,0,0,0.01);
	border-radius: 7px;
	margin-right: 0 !important;
}

/* intro */
.intro{
	text-align: center;
}
.text-center h2:after,
.intro h2:after,
.intro h3:after{
	margin: 35px auto 25px ;
	width: 160px;
}

.text-center h3:after{
	margin: 10px auto 0px ;
}

/* video */
.video-section{
	padding:20px 0;
}
.video-section-dark{
	background-color: #f8fafb;
	padding: 60px 0 80px;
}
.video-section .video{
	background-image: url("/wp-content/themes/click5-wp/img/video-how.jpg");
	height: 500px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
	background-size: cover !important; 
}
.video::after{
	font-size: 110px;
}



/* section-title */
.section-title-page{
	background-image: url("/wp-content/themes/click5-wp/img/bg-title.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 130px 0 110px;
}
.section-title-page h2{
	font-size: 70px;
}
.section-title-page h2:after{
	margin-top: 10px;
}

/* section color */
.section-color h2, 
.section-color h3, 
.section-color p{
	color: #fff;
}


/* section dr */
.section-dr{
	background-image: url("/wp-content/themes/click5-wp/img/bg-blue.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 120px 0;
	background-size: cover;
}
.section-dr .photo{
	border-radius: 200px;
	box-shadow: 0 20px 30px rgba(0,0,0,0.1);
}
.section-dr h2{
	padding-bottom: 0;
	font-size: 50px;
}
.section-dr h2:after{
	display: none;
}
.section-dr p{
	opacity: 0.86;
}
.section-dr h3{
	padding-top: 0;
	margin-top: -10px;
	font-size: 20px;
}
.section-dr h3:after{
	height: 7px;
	margin: 25px 0 10px;
	width: 100px;
	border-radius: 20px;
}

.section-dr p.first{
	font-weight: 400;
	opacity: 1;
	font-size: 20px;
}


/* section-team */
.person-item{
	margin-bottom: 30px;
}
.section-team .txt{
	margin-top: 30px;
}
.section-team .txt p{
	font-size: 17px;
	color: #636365;
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
}
.section-team .text-center h3::after{
	display: none;
}
.section-team .title{
	text-align: center;
}
.section-team .title h3{
	padding-bottom: 0;
}

.section-team .photo{
	border-radius: 150px;
	position: relative;
	height: 180px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
	width: 180px;
	margin: auto;
}


/* section-team-color */
.section-team-color{
	background-color: #f5f9fa;
}
.section-team-color .box{
	background-color: #fff;
	padding: 60px 50px 60px 50px;
	margin-top: -50px;
	height: calc( 100% - 150px );
	box-shadow: 0 15px 30px rgba( 0, 0, 0, 0.02 );
}
.section-team-color .col-6:first-child .box{ margin-left: -50px; }
.section-team-color .col-6:nth-child(2) .box{ margin-right: -50px; }

.section-team-color .col-6:first-child .photo{ margin-left: -25px; }
.section-team-color .col-6:nth-child(2) .photo{ margin-right: -25px; }

.section-team-color .col-12 { margin-top: 50px; }
.section-team-color .col-12 .box{ margin-left: -50px;  margin-right: -50px; }


.section-team .modal-dialog{
	max-width: 1000px; 
}
.section-team .modal-body{
	padding: 35px 70px; 
	position: relative;
}
.section-team .modal-body i{
	position: absolute;
	right: 30px;
	top:30px;
	cursor: pointer;
}
.section-team .person-item{
	cursor: pointer;
}


/* contact page */
.page-template-contact .sub-hero{
	background-color: #f1f6f8;
	background-image: url("/wp-content/themes/click5-wp/img/bg-logo.png");
	background-position: calc( 50% - 650px ) calc( 670px);
	background-repeat: no-repeat;
	padding-bottom: 100px;
}


/* contact-info */
.contact-info h3{ 
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 80px;
}
.contact-info p{
	padding-right: 25px;
}


/* contactForm */
.contactForm{
	background-color: #fff;
	box-shadow: 0 20px 30px rgba(0,0,0,0.05);
	padding: 50px 80px 70px;	
	width: calc( 100% + 100px );
}
.contactForm label{
	font-size: 12px;
	font-weight: 500; 
	text-transform: uppercase;
}
.contactForm .form-group{
	margin-bottom: 0;
}
.contactForm .form-group br{
	display: none;
}
.contactForm .form-group label{
	margin-left: 10px;
	padding: 0 10px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	bottom: -16px;
}
.contactForm .form-group label i{
	color: #cd0000;
	font-style: normal;
}
.contactForm input.form-control{
	padding: 35px 20px !important;
}

.contactForm .form-row-checkboxes {
	margin-top: 20px;
}
.contactForm .form-row-checkboxes .form-group label{
	text-transform: none !important;
	font-size: 15px;
	font-weight: 400;
	width: 100%;
}
.contactForm .form-row-checkboxes .form-group label br{
	display: inline;
}
.contactForm .wpcf7-list-item{
	display: block;
	
}
.contactForm .wpcf7-list-item .wpcf7-list-item-label{
	font-weight: 300;
	margin-left: 10px;
}
.contactForm .form-button{
	text-align: center;
	padding-top: 15px;
}


.wpcf7-not-valid-tip{
	display: none !important;
}
.wpcf7-not-valid{
	border: 1px solid #cd0000 !important; 
}



/* sitemap */
#c5_sitemap_wrapper h2{
	font-size: 40px;
}
.entry #c5_sitemap_wrapper h2::after{
	height: 6px;
	width: 70px;
}


/* searchform */
#searchform .form-control{
	padding: 30px 15px;
}
#searchsubmit{
	background-color: #3f98e4;
	border: 1px solid #3f98e4;
	
}



.overflow{
	position: relative;
	overflow: hidden;
}
/* sidebar-area */
#sidebar-area{
	padding-left: 60px;
	position: relative;
}
#widget-area{
	position: relative;
	z-index: 2;
}
#sidebar-area:after{
	position: absolute;
	content: "";
	background-color: #f8fafb;
	top: -100px;
	height: calc( 100% + 200px );
	width: calc( 200% );
	left: 20px;
}
.blog-post-title{
	line-height: 1.1;
}
.blog-post-title a{
	color: #3f98e4;
	line-height: 1.3;
	border: none;
}
.blog main{
	padding-right: 30px;
}
.blog article{
	border-bottom: 1px solid #eee;
	padding-bottom: 50px;
}
.entry-content a.button{
	text-decoration: none  !important; 
}
.posted-on{
	font-size: 14px;
	font-weight: 300;
}
.byline{
	color: #2b2b2b;
}
#widget-area ul li::before{
	color: #61cdb3;
}



/* single */
.entry-title{
	display: none;
}
.single .sub-hero h1:after{
	content: "";
	width: 160px;
	height: 10px;
	background-color: #61cdb3;
	display: block;
	position: absolute;
	bottom: -54px;
}


/* page-template-pricing */
.page-template-pricing .sub-hero{
	padding-bottom: 10px;
	background-color: #eff6f8;
}
.page-template-pricing .sub-hero h2{
	font-size: 50px;
}
.page-template-pricing .sub-hero h3{
	font-size: 20px;
	margin-bottom: 0;
	padding-top: 30px;
	font-weight: 300;
}


/* price-list */
.price-list{
	background-color:#eff6f8;
	padding-top: 0;
	background-image: url("/wp-content/themes/click5-wp/img/bg-logo.png");
	background-position: center 130%;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}
.price-list .container{
	width: 100%;
	max-width: 1500px;
}
.price-list .item{
	padding-left: 8px;
	padding-right: 8px;
}
.price-list .box{
	background-color: #fff;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0 16px 30px rgba(0,0,0,0.02);
	transition-duration: 0.3s;
	border: 1px solid #fff;
	padding-bottom: 80px;
	height: 100%;
	position: relative;
}

.price-list .box:hover{
	border: 1px solid #ccd9de;
}

.price-list .standard .box:hover { border:1px solid #ccd9de; }
.price-list .premium  .box:hover { border:1px solid #a6e8e6; }
.price-list .ultimate .box:hover { border:1px solid #61cdb3; }
.price-list .custom   .box:hover { border:1px solid #3f98e4; }


.price-list .box .bhead{
	background-color: #ccd9de;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	padding: 26px 0;
}
.price-list .standard .box .bhead{ background-color: #ccd9de; }
.price-list .premium  .box .bhead{ background-color: #a6e8e6; }
.price-list .ultimate .box .bhead{ background-color: #61cdb3; }
.price-list .custom   .box .bhead{ background-color: #3f98e4; }

.price-list .box .in{
	padding: 0 30px;
	height: 100%;
	position: relative;
}
.price-list .box p{
	font-size: 15px;
	color: #636365;
	line-height: 1.34;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

/* section */
.price-list .box .bsection{
	padding: 35px 20px;
	border-bottom: 1px solid #eee;
}


.price-list .box .bsectionN{
	border-bottom: 0;
}

/* description */
.price-list .box .description p{
	padding: 10px 0;
}

/* price */
.price-list .box .price{
	color:#4c4c4c;
	font-size: 23px;
	font-weight: 500; 
	letter-spacing: -0.5px;
}


.price-list .standard .box .price .big{ color: #ccd9de; }
.price-list .premium  .box .price .big{ color: #a6e8e6; }
.price-list .ultimate .box .price .big{ color: #61cdb3; }
.price-list .custom   .box .price .big{ color: #3f98e4; }


.price-list .box .big{
	font-size: 42px;
	color: #a3b4bb;
	font-weight: 600; 
}

/* activation */
.price-list .box .activation{
	text-align: left;
	font-size: 16.5px;
	line-height: 1.25;
}
.price-list .box .activation .first{
	margin-top: 7px;
}
.price-list .box .activation .small{
	font-weight: 300;
	opacity: 0.7;
}
.price-list .box .activation .col-3{
	text-align: right;
}
.price-list .box .activation .col-3 .big{
	color: #4c4c4c;
}
.price-list .box .activation .col-3,
.price-list .box .activation .col-9{
	padding-left: 0;
	padding-right: 0;
}
.price-list .box .activation .col-3{
	padding-right: 10px;
}


/* info */
.price-list .box  .info-text ul{
	padding: 0;
	padding-left: 15px;
}
.price-list .box  .info-text ul li{
	font-size: 15px;
	text-align: left;
	line-height: 1.35;
}
.price-list  .box  .info-text  ul li::before{
	left: -13px;
	top: 9px;
}

/* button */
.price-list .box .bbutton{
	padding-top: 0;
	position: absolute;
	bottom: 20px;
	width: calc( 100% - 60px );
}
.price-list .box .bbutton .button{
	width: 100%;
	color: #a3b4bb;
	font-weight: 500;
	border:2px solid #a3b4bb;
}
.price-list .standard .box .bbutton .button{ border:2px solid #ccd9de; }
.price-list .premium  .box .bbutton .button{ border:2px solid #a6e8e6; }
.price-list .ultimate .box .bbutton .button{ border:2px solid #61cdb3; }
.price-list .custom   .box .bbutton .button{ border:2px solid #3f98e4; }

.price-list .standard .box .bbutton .button{ color: #ccd9de; }
.price-list .premium  .box .bbutton .button{ color: #a6e8e6; }
.price-list .ultimate .box .bbutton .button{ color: #61cdb3; }
.price-list .custom   .box .bbutton .button{ color: #3f98e4; }

 
.price-list .box .bbutton .button:hover{
	background-color: #a3b4bb;
	color: #fff;
}
.price-list .standard .box .bbutton .button:hover{ background-color: #ccd9de; }
.price-list .premium  .box .bbutton .button:hover{ background-color: #a6e8e6; }
.price-list .ultimate .box .bbutton .button:hover{ background-color: #61cdb3; }
.price-list .custom   .box .bbutton .button:hover{ background-color: #3f98e4; }

/* col-info */
.price-list .col-info{
	padding: 120px 0;
}
.price-list .col-info .form{
	margin-top: 40px;
}
.price-list .col-info input.text{
	padding: 20px;
	border: 1px solid #e0e8eb;
	border-radius: 4px;
	box-shadow:inset 5px 5px 20px rgba(0,0,0,0.04);
	width: 540px;
}
.price-list .col-info{
	white-space: nowrap;
}
.price-list .col-info .button{
	padding: 21px 40px;
	margin-left: -8px;
	position: relative;
	top:-1px;
	border-radius: 0 3px 3px 0;
}


/* faq page */
.page-template-faq .sub-hero{
	background-color: #eff6f8;
	padding-top: 100px;
}
.faq-page{
	background-color: #eff6f8;
	padding-top: 40px;
	
	background-image: url("/wp-content/themes/click5-wp/img/bg-logo.png");
	background-position: center -20px;
	background-repeat: no-repeat;
	
}
#faq-page .card h3:not(.collapsed){
	
	padding: 60px 35px 40px; 
	font-size: 30px;
	color: #61cdb3;
}
.faq-page h3:not(.collapsed):after{

}
.faq-page .card{
	position: relative;
} 
.faq-page dd{
	transition-duration: 0.3s;
}
.faq-page dd.collapse.show{
	
}

.faq-page .card-header,
.faq-page dd .card-body{
	position: relative;
	z-index: 1;
}
.faq-page dd.collapse{
	transition-duration: 0.3s;
}
.faq-page dd.collapse.show:after{
	width: 120%;
	margin-left: -10%;
	content: "";
	background-color: #fff;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	
}

#faq-page .card h3{
	padding: 30px 35px; 
	font-size: 22px;
}
#faq-page .card h3::before{
	left: -40px;
	background: none;
	color: #86dbd8;
	position: absolute;
}
#faq-page .card p{
	padding: 0 35px;
	text-align: justify;
}
#faq-page .card ul{
	padding-left: 90px;
	padding-right: 35px;
}
#faq-page .card h3[aria-expanded="true"]::before{
	font-size: 40px;
}



/* page-template-enterprise */
.page-template-enterprise .sub-hero h3{
	margin-bottom: 0;
	padding-top: 20px;
}
.overview{
	padding: 60px 0; 
}
.overview h3{
	font-size: 23px;
	padding-left: 5%;
	padding-right: 5%;
}



/* in */
.enterprise .box{
	display: flex;
	order:1;
}
.enterprise:nth-child(even) .box{ padding-right: 50px; }
.enterprise:nth-child(odd)  .box{ padding-left: 50px; }

.enterprise .in{
	margin-top:auto;
	margin-bottom:auto;
}
.enterprise:nth-child(even) .photo{
	order:1;
}
.enterprise .photo{
	display: flex;
}
.enterprise .photo .in{
	text-align: center;
	margin: auto;
}
.enterprise .photo .in img{
	max-width: 630px;
}



/* blue */
.enterprise.blue{
	background-image: url("/wp-content/themes/click5-wp/img/bg-quality.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0;
	color: #fff;
}
.enterprise.blue h2{
	color: #fff;
}
.enterprise.blue .photo .in{
	background-color: #fff;
	border-radius: 400px;
	width: 620px;
	height: 620px; 
	display: flex;
	text-align: center;
}
.enterprise.blue .photo .in img{
	width: 100%;
	height: auto;
	margin: auto;
	
}




/* grey */
.enterprise.grey{
	background-image: url("/wp-content/themes/click5-wp/img/bg-better-2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 120px 0;
}


/* grey-simple */
.enterprise.grey-simple{
	background-color: #f5f6f8;
    padding: 120px 0;
}



/* mobile */
.mobile-small,
.mobile{
	display: none; 
}


/* .icon-bar */
.icon-bar{
	background-color: #3f98e4;
}



/* bottom-mobile */
.bottom-mobile{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.04);
	z-index: 100;
	padding: 10px 0;
	text-align: center; 
	display: none;
}
.bottom-mobile .button{
	display: inline-block; 
	font-size: 15px; 
}


/* welcome */
.welcome {
	padding: 20px 0 50px;
}
.welcome h3{
	font-size: 34px;
	line-height: 1.2;
	margin-bottom: 5px;
}
.welcome h3 span{
	color: #4e62b9;
}
.welcome .item{
	padding: 6px;
	text-decoration: none;
	cursor: pointer;
	
}
.welcome .item:hover{
	
}
.welcome .item .out{
	transition-duration: 0.3s;
	border: 7px solid #f9fbfc;
	
}
.welcome .item:hover .out{
	box-shadow: 0px 10px 30px rgba(0,0,0,0.05);
}	
.welcome .item .in{
	margin: 0px;
	border: 1px solid #edf2f5;
	padding-left: 120px;
	padding: 25px 10px 25px 120px;
	background-image: url("/wp-content/themes/click5-wp/img/icon-banners-03.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	position: relative;
}

.welcome .item.c1 .in{ background-image: url("/wp-content/themes/click5-wp/img/icon-banners-02.png"); }
.welcome .item.c2 .in{ background-image: url("/wp-content/themes/click5-wp/img/icon-banners-01.png"); }
.welcome .item.c3 .in{ background-image: url("/wp-content/themes/click5-wp/img/icon-banners-03.png"); }


.welcome .item .in h4{
	color:#4c4c4c;
	font-weight: 500;
	line-height: 1.1;
}	
.welcome .item .in h4 span{
	font-weight: 300;
	display: block;
}

.welcome .item .in{
	
}
.welcome .item .in:after{
	content: "";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 30px;
	top: 53px;
	color: #3f98e4;
	font-size: 25px;
	font-weight: 600 !important;
	transition-duration: 0.3s;
	
}
.welcome .item:hover  .in:after{
	right: 20px;
}


/* video-section */
.video-section-home{
	background-image: url("/wp-content/themes/click5-wp/img/bg-purple.png");
	background-position: center center;
	background-size: auto;
	padding: 70px 0;
}
.video-section-home .section-title{
	margin: auto 0;
}
.video-section-home .col-5{
	display: flex;
}
.video-section-home h2{
	color: #fff;
	font-size: 40px;
	font-weight: 600;
}
.video-section-home .video-out {
	border-radius: 10px;
	overflow: hidden;
}
.video-section-home .video-out img{ 
	width: 100%;
	
}
.video-section-home .video-out a{
	display: block;
}

.video-section h2{
	position: relative;
	z-index: 10;
}

/* section-911 */
.section-911{
	padding: 120px 0;
}
.section-911 .col-photo img{
	max-width: 200%;
	width: 130%;
	margin-left: -35%;
}
.section-911 .col-txt{
	padding-left:60px;
	margin-top: auto;
	margin-bottom: auto; 
}
.section-911 ul{
	padding-top: 5px;
	padding-bottom: 20px;
}


/* facility */
.facility{
	background-color: #f8fafb;
}




/* submenu */
.entry-content #sidebar-area  ul li::before{
	display: none;
}
.sub-menuBox{
	margin-bottom: 50px;
	float: left;
	width: 100%;
	margin-top: 15px;
}
.submenu{
	width: 100%;
	margin-top: 20px;
}
.submenu h5{
	margin: 10px 0 5px 0;
}
.submenu ul{
	width: 100%;
	padding: 0;	
	list-style: none;
}
.submenu > ul{
	padding-left: 20px; 
}
.submenu ul li{
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 0;
	background: none;
	transition-duration: 0.3s;
}
.submenu ul li{
	border-radius: 2px;
}
.submenu ul li a{
	padding: 16px 30px 16px 23px;
	display: block;
	font-size: 19px;
	text-decoration: none;
	position: relative;
	font-weight: 300;
	line-height: 1.35;
}
.submenu ul li a:before{
	content: "";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0px;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #3f98e4;
	transform: rotate( 180deg );
	opacity: 1;
	top: 17px;
	
}
.submenu ul li li li a:before{
	display: none !important;
 }
/* submenu 2 */
.submenu2 ul li{
	border: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
	
.submenu2 ul li.current_page_item li, .submenu2 ul li.current-page-ancestor li{
	margin: 0;
}
.submenu2 ul li a{
	display: none;
}
.submenu2 ul li.current_page_ancestor a,
.submenu2 ul li.current_page_item li a, 
.submenu2 ul li.current-page-ancestor li a {
	display: block;
	padding: 12px 30px 12px 23px;
	font-weight: 300 !important;
	font-size: 19px;
}

.submenu2 .sub-menu{
	visibility: visible !important;
	display: block !important;
}

.submenu li.current-menu-ancestor > a{  
	font-weight: 700;
}
/*
.submenu ul li.current_page_item a{
	background-color: #fff;
}

.submenu ul li.current_page_item a:after{
	content: "";
	width: 30px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: -30px;
}
*/

.widget ul li:hover,
.submenu2 ul li li:hover,
.submenu2 ul li li.current_page_item{
	
}
.widget ul li:hover a,
.submenu2 ul li li:hover a{
	color: #20b4ab;
	text-decoration: none;
	font-weight: 300;
}
.submenu2 ul  li.current_page_item a{
	color: #20b4ab;
	text-decoration: none;
	font-weight: 400 !important;
}
.submenu2 ul li.current_page_item li a{
	color:#52667b !important;
}

.submenu li.current_page_item span{
}
.submenu li.current-page-parent span a,
.submenu li.current_page_item span a{
	display: inline-block !important;
	width: auto !important;
	position: relative;
	font-size: 30px;
}
.submenu li.current_page_item span a:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #20b4ab;
	display: block;
	margin-top: 0px;
}
.submenu li.current_page_item li a:after{
	display: block;
}	

.submenu2 ul li li:hover a:before, 
.submenu2 ul li li.current_page_item a:before{
	color: #20b4ab;
	content: "";
	left: -13px;
	top: 14px;
	font-size: 18px;
	opacity: 1;
	
}

.current-menu-parent .sub-menu  li > a{
	display: block; 
}




/* sub-menu */
#sidebar-area{
	margin-top: -70px;
}
#sidebar-area .sub-menu{
	width: 100%;
	position: relative;
	z-index: 100;
	
}
#sidebar-area .banner-contact{
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar-area .sub-menu .sub-menu .sub-menu li{
	padding-left: 20px;
}
ul#main-menu li > a{
	font-weight: 500;
}
ul#main-menu li li li a{
	font-weight: 300;
}


.submenu2 #main-menu > li.current-menu-parent > a{
	font-size: 31px;
	padding-bottom: 20px;
	margin-left: -30px;
}
.submenu2 #main-menu > li.current-menu-parent > a:after{
	content: "";
	width: 100px;
	display: block;
	height: 5px;
	background-color: #86dbd8;
}
.submenu2 #main-menu > li.current-menu-parent > a::before{
	display: none;
}

.sub-menu .sub-menu .sub-menu li a{
	font-size: 16.5px;
	padding-top: 5px;
	padding-bottom: 5px;
} 
.sub-menu .sub-menu .sub-menu li a:hover{
	text-decoration: underline;
}



.page-template-about-history .cta{
	padding: 30px 0; 
	
}
.page-template-about-history .cta3{
	margin-bottom: 50px;
}

.case-photo-right{
	float: right;
	width: 400px !important;
	height: auto; 
	margin-left: 20px;
	margin-bottom: 10px;
}



/* .card-header */
.card{
	border: none; 
}
.card-header{
	background: none; 
	cursor: pointer;
	position: relative;	
}
.card-header h3:before{
	color: #20b4ab;
	content: "";
	left: 0px;
	top: 33px;
	font-size: 18px;
	opacity: 1;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	
}	
#faq-page .card h3:not(.collapsed){
	padding: 30px 35px;
}
#faq-page .card h3,
#faq-page .card h3:not(.collapsed){
	padding: 20px 0;
	font-size: 24px;
}
#faq-page .card h3{
	
}
.card-header h3:not(.collapsed):before{
	transform: rotate( 90deg );
}

#faq-page .card h3[aria-expanded="true"]::before{
	font-size: 20px;
}
#faq-page .card h3::before{
	left: 0px;
	top:36px;
}
#faq-page .card p{
	padding: 0;
}
#faq-page .card ul{
	padding-left: 20px;
	padding-right: 0;
}
#faq-page .card-body h3{
	color: #4c4c4c !important; 
}



.audio{
	margin-bottom: 30px;
}
.audio span{
	margin-bottom: 10px;	
}


.page-bg{
	
	background-image: url("/wp-content/themes/click5-wp/img/bg-rope.jpg?v=1");
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
	margin: 0;
	padding-right: 0 !important;
	margin-top: -60px;
	padding: 20px 0px 10px 20px;

}
.page-bg .in{
	width: 52%;
}


#map svg{
	width: 100%;
	height: auto;
}