@charset "utf-8";
/* CSS Document */

		body{font-family: 'Work Sans', sans-serif;}

		h2{padding-bottom:1rem;}
		p{padding-bottom:1rem;}
		h5{color:#138808;}
		h5.card-title{color:#ff9933;}

		a{color:#138808;}
		a:hover{color:#138808;}
		a.dropdown-item:focus{background-color:#138808 !important;}

		.btn-aj-green{color:#138808;border-color:#138808;}
		.btn-aj-green:hover{color:#fff;background-color:#138808;}

		.btn-aj-full-green{background-color:#138808;color:#fff;margin:0.500rem;}
		.btn-aj-full-green:hover{background-color:#0f7606;color:#fff;}
		.btn-aj-full-orange{background-color:#ff9933;color:#fff;margin:0.500rem;}
		.btn-aj-full-orange:hover{background-color:#eb831b;color:#fff;}

		.bg-grey{background-color:#fafafa;}
		.bg-green{background-color:#138808;}
		
		.class-hover{background-color:#138808;transition: all 0.4s;}
		.class-hover:hover{background-color:#ff9933;}



		.nav-pills .nav-link.active, .nav-pills .show > .nav-link {  background-color:#138808;  color:#FFFFFF;}
		.tab-content{background-color:#fafafa;}

		.navbar{padding:1rem 0;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);}

		.nav-item{padding:0 12px;}
		.nav-link{font-size:1.15rem;font-weight:500;}

		.search-dropdown{width:100%;min-width:300px;}

		#hero{background:url(../images/homepage-banner-bg-try.jpg) center center no-repeat;background-size:cover;padding:5% 15%; text-align:center; color:#fff; margin-top:80px;}
		#promo-box{background:#ff9933; padding:3% 0; text-align:center;color:#fff;margin-top:80px;}

		.hp-video-widget-pc{background:url(../images/homepage-video-bg.jpg) center no-repeat;background-size:cover;height:530px;text-align:center;padding-top:33px;}
		.hp-video-widget-mob{background:url(../images/homepage-video-bg.jpg) center no-repeat;background-size:cover;height:320px;text-align:center;padding-top:33px;}

		.program-content{padding:2% 16% 1% 16%;}
		.program-content-text{padding: 4%;}
		.program-widgets{padding-bottom:1rem;}
		.program1-img{background:url(../images/img-program1.jpg) no-repeat center center #fff;padding:0; background-size:cover;}
		.program2-img{background:url(../images/img-program2.jpg) no-repeat center center #fff;padding:0; background-size:cover;}
		.program3-img{background:url(../images/img-program3.jpg) no-repeat center center #fff;padding:0; background-size:cover;}
		.program4-img{background:url(../images/img-program4.jpg) no-repeat center center #fff;padding:0; background-size:cover;}

		#myself{display:none;}
		#comp1, #comp2, #comp3, #comp4{display:none;}
		#role-other{display:none;}

		#consult-form-cta-home{padding:4% 20%;text-align:center;color:#525353;}
		#consult-form-cta{padding:7% 20%;text-align:center;background-color:#fff0df;color:#525353;}
		#consult-form-cta-os{padding:4% 12%;text-align:center;background-color:#fafafa;color:#525353;}

		#testimonials{padding:4% 0;text-align:center;}
		.testimonial-image{width:10%;border-radius:100%;margin:20px;}

		#social{background:#138808;padding:2% 20%;font-size:1.500em;text-align:center;}
		#social a{color:#fff;}
		#social a:hover{color:#ff9933;}

		#footer{background-color:#272727;color:#fff;padding:1% 0;text-align:center;font-size:0.850em;}
		#footer a{text-decoration:none;}

		.back-to-top {    position: fixed;    bottom: 25px;    right: 25px;    display: none; z-index:999999;}



		.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			height:0;
		}
		.videoWrapper iframe {
			margin: 0;
			position: absolute;
			width: 100%;
			height: 100%;
		}


		/* Button used to open the poup form - fixed at the left bottom of the page */
		#mob-fp-button{
				background:#ff9933;
				padding:20px 0;
				width:100%;
				position:fixed;
				bottom:0;
				z-index:9999;
				text-align:center;
			}
		.open-button {
			background-color: #222;
			color: white;
			padding: 16px 20px;
			border: none;
			cursor: pointer;
			opacity: 0.8;
			/* position: fixed;
			bottom: 23px;
			left: 28px; */
			width: 280px;
		}

		@media screen and (max-width: 479px) {
			
			/* #mob-fp-button{
				background:#ff9933;
				padding:20px 0;
				width:100%;
				position:fixed;
				bottom:0;
				z-index:9999;
			}
			.open-button {
				position: relative;
				bottom: 0;
				left: 0;
				padding:8px;
				width: 60%;
				margin-left:20%;
				margin-right:20%;
			} */

			#back-to-top{
				display:none !important;
			}
		}

		/* The popup chat - hidden by default */
		.chat-popup {
			display: none;
			position: fixed;
			bottom: 0;
			left: 0;
			border: 3px solid #f1f1f1;
			z-index: 99999;
		}

		/* Add styles to the form container */
		.form-container {
			max-width: 500px;
			height:500px;
			overflow:auto;
			padding: 20px;
			background-color: #fdfdfd;
			position:relative;
		}

		/* Set a style for the submit/send button */
		.form-container .btn {
			background-color: #04AA6D;
			color: white;
			padding: 10px 15px;
			border: none;
			cursor: pointer;
			opacity: 0.8;
		}

		/* Add a red background color to the cancel button */
		.form-container .cancel {
			background-color: red;
			margin:auto;
		}

		/* Add some hover effects to buttons */
		.form-container .btn:hover, .open-button:hover {
			opacity: 1;
		}

		.collapsible {
			background-color: #666;
			color: white;
			cursor: pointer;
			padding: 10px 18px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
		}

		.collapsible:hover {
			background-color: #333;
		}
		.collapsible:focus {
			border:none;
		}

		.content {
			padding: 0 18px;
			max-height: 0;
			height:auto;
			overflow: auto;
			transition: max-height 0.2s ease-out;
			background-color: #f8f8f8;
			border: 1px solid #aaa;
		}


.tab, .tab * {
  box-sizing: border-box;
}
.tab input { display: none; }
.tab label {
	position: relative;
  display: block;
	font-size:16px;
	font-weight:700;
  width: 100%;
  margin: 10px 0;
  padding: 5px 0;
	border-bottom:1px solid #ccc;
}
.tab .pop-content {
  overflow: auto;
  transition: max-height 0.3s;
  max-height: 0;
	height:auto;
}
.tab .pop-content p { padding: 10px; }
.tab input:checked ~ .pop-content { max-height: 100vh; }
.tab label::after {
  /* (F1) RIGHT ARROW */
  display: block;
  content: "+";
	font-size:18px;
  position: absolute;
  right: 10px; top: 10px;
  transition: all 0.4s;
}
.tab input:checked ~ label::after {content: "-";}