.vid-btn {
        display:inline-block;
        width: 100%;
        padding:10px 20px;
        font-size:18px;
        font-family: "Century Gothic";
        color:#fff;
        background:#e98b4c;
        cursor:pointer;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
}

.section-heading-case-3::before{
	background:transparent!important;
}



.sub-hero-bg-director::before{
	background:url("../images/dirbg.png");
}


.dir-signature-img{
	width:135px;
}


.team-hero-box{
	position:relative;
	background-image:url("../images/team/coast.jpg");
	background-size:cover;
	overflow:hidden;
}


.team-hero-box::before{
	position:absolute;
	content:"";
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	
}



.illustration-box{
	position:relative;
	overflow:hidden;
	padding-bottom:100px;
	overflow:hidden;
}


.illustration-box::before{
	position:absolute;
	content:"";
	left:20px;
	top:0px;
	width:246px;
	height:246px;
	z-index:1;
	background:url("../images/team/halo.png");
	background-repeat:no-repeat;
	background-size:cover;
}


.illustration-box::after{
	position:absolute;
	content:"";
	left:0px;
	top:170px;
	width:190px;
	height:270px;
	z-index:1;
	display:none;
	background:url("../images/team/book.png");
	background-repeat:no-repeat;
	background-size:cover;
}


.laptopimg{
	position: absolute;
    content: "";
    right: 20px;
    top: 20px;
    width: 200px;
    height: 198px;
    z-index: 1;
    background: url(../images/team/HaloBeat_App2.png);
    background-repeat: no-repeat;
    background-size: cover;
	z-index:1;
}

.mouseimg{
	z-index:1;
	position: absolute;
    content: "";
    right: 5px;
    top: 260px;
    width: 241px;
    height: 136px;
    z-index: 1;
    background: url(../images/team/hrv.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.illustration-paragraph-box{
	padding-top:50px;
}


.describe-box{
	position:relative;
	margin:50px 0px;
	background:url("../images/team/describe-bg-1.png");
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}

.describe-box::before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background-color: #135d004a;
}

.describe-text-box{
	padding:50px 0px;
}

.describe-heading{
	line-height:30px;
}

.describe-img-box{
	padding-top:17px;
}


.describe-img{
	width:75%;
}



.key-points-case{
	position:relative;
	background: #f1f1f1;
	overflow:hidden;
	margin-top:-50px;
}

.key-points-case::before{
	position:absolute;
	content:"";
	left:0px;
	bottom:0px;
	width:393px;
	height:342px;
	z-index:1;
	background:url("../images/team/palm.png");
	background-repeat:no-repeat;
	background-size:cover;
}

.key-points-case::after{
	position:absolute;
	content:"";
	right:0px;
	bottom:0px;
	width:327px;
	height:325px;
	z-index:1;
	background:url("../images/team/machine-edge.png");
	background-repeat:no-repeat;
	background-size:cover;
}


.key-points-box{
		margin-bottom:50px;
	}
	
.float-center{
	float:none;
	display:inline-block;
}
	

.key-points-box img{
	width:140px;
	margin-bottom:10px;
}



.benefit-case{
	margin:50px 0px 0px;
}

.benefit-box{
	margin-bottom:50px;
}

.bbimg1,
.bbimg2,
.bbimg3,
.bbimg4,
.bbimg5{
	display:inline-block;
}

.bbimg1{
	max-width:72%;
}

.bbimg2{
	max-width:100%;
}

.bbimg3{
	max-width:80%;
}

.bbimg4{
	width:91%;
}

.bbimg5{
	width:90%;
	display:inline-block!important;
}

.bbimg6{
	width:86%;
	display:inline-block!important;
}

.bbimg7{
	width:77%;
	display:inline-block!important;
}

.bbimg8{
	width:84%;
	display:inline-block!important;
}


.grey-box-underline{
	display:inline-block;
	margin:10px 0px 0px;
	height:15px;
	width:91%;
	background: #f4f4f4;
}

.pt-nill{
	padding-top:0px;
}

.advisor-pic{
	margin:50px 0 25px;
	width:300px;
	height:300px;
	overflow:hidden;
	border-radius:50%;
	border:1px solid #e1e1e1;
	display:inline-block;
}


.qna-box{
	margin-bottom:30px;
}

	
.question-box{
	padding:15px;
	background:#f7934f;
	color:#fff;
	text-transform:uppercase;
}
.question-box-2{
	padding:15px;
	background: #fff;
    color: #f7934f;
    border: 2px solid #f7934f;
	text-transform:uppercase;
}

.qb-grey{
	background:#a0a0a0!important;
	color: white;
	border-color:#a0a0a0; 
}


.answer-box{
	padding:15px;
	background:#f1f1f1;
	display:none;
}

.plus{
	display:none;
}

.minus{
	display:block;
}

.grey-btn{
	padding:10px 80px;
	font-size:24px;
	color:#fff;
	background:#a0a0a0;
}

.hero-btn-box{
	margin-top: 30px;
}





@media only screen and (min-width:768px) and (max-width: 993px){
	
	.sub-hero-bg-director .sub-hero-img{
		width:90%;
	}
}

@media only screen and (min-width:769px){
	
	.illustration-paragraph-box{
		padding:50px 20% 0px;
	}
}






@media only screen and (min-width:992px) and (max-width: 1199px){
	
	.describe-img-box{
		padding-top:60px;
	}
	
	.describe-img{
		width:108%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px){
	
	.describe-img-box{
		padding-top:150px;
	}
	
	.describe-img{
		width:105%;
	}
}

@media only screen and (max-width:767px){
	
	.describe-img{
		width:50%;
	}
	
	.bbimg8{
		width:91%;
	}
	
	.key-points-case{
		padding-bottom:180px;
	}
}


@media only screen and (min-width:768px) and (max-width:1023px){
	
	.cv-text{
		font-size:10px;
	}
	
	.key-points-box p{
		font-size:13px;
	}
}


@media only screen and (max-width:768px){
	
	.question-box h4, .question-box-2 h4{
		font-size:12px;
	}
	
}


@media only screen and (min-width:600px) and (max-width:1023px){
	
	.key-points-case::before{
		width:245px;
		height:220px;
	}

	.key-points-case::after{
		width:207px;
		height:209px;
	}
}


@media only screen and (max-width:599px){
	
	.key-points-case::before{
		left: -62px;
		width: 210px;
		height: 184px;
	}
    .grey-btn{
		font-size:15px;
	}
	.key-points-case::after{
		right: -23px;
		width: 177px;
		height: 176px;
	}
}


@media only screen and (min-width:768px) and (max-width:1024px){
	
	.illustration-box::before{
		left: 13px;
		top: 0px;
		width: 200px;
		height: 200px;
	}
		
	.illustration-box::after{
		left: 0px;
		top: 140px;
		width: 100px;
		height: 140px;
	}
	
	.laptopimg{
		right: 0px;
		top: 0;
		width: 200px;
		height: 198px;
	}
	
	.mouseimg{
		right: 5px;
		top: 240px;
		width: 180px;
		height: 100px;
	}
	
}


@media only screen and (max-width:767px){
	
	
	.img-overlay{
		position:relative;
		left:unset;
		top:unset;
		right:unset;
		bottom:unset;
		text-align:center;
	}
	
	.section-heading-case-3 h3{
		font-size:18px;
	}
	
	.illustration-box::before{
		left: 8px;
		top: 0px;
		width: 100px;
		height: 100px;
	}
		
	.illustration-box::after{
		left: 0px;
		top: 132px;
		width: 63px;
		height: 90px;
	}
	
	.laptopimg{
		right: 0;
		top: 0;
		width: 100px;
		height: 98px;
	}
	
	.mouseimg{
		    right: 0px;
			top: 158px;
			width: 133px;
			height: 70px;
	}
	
}


/** Page specific **/


.question-box, .question-box-2{
	cursor:pointer;
}
.question-box .fa-minus, .qb-grey .fa-plus, .question-box-2 .fa-minus, .qb-grey .fa-plus{
	display:none;
}
.qb-grey .fa-minus{
	display:block;
}
.answer-box ul {
	padding-left:20px;
}
.answer-box p {
	padding-bottom:10px;
}
#sub-hero-box2 {
		background: url(images/sb-img.png) no-repeat bottom right;
		background-size: contain;
}
.pdf-link{
	color:inherit;
	font-size:15px;
}
.pdf-link:hover{
	color:#d00;
}
.pdf-link svg{
	color:#d00;
	font-size:40px;	
}


.sub-hero-bg-director{
	overflow:unset !important;
}

.sub-hero-bg-director .sub-hero-img{
	width:510px;
	margin-top:-85px;
}

@media only screen and (min-width:768px) and (max-width:991px){
	.sub-hero-bg-director .sub-hero-img{
		width:421px;
		margin-top:-60px;
	}
}

@media only screen and (max-width:767px){
	.sub-hero-bg-director .sub-hero-img{
		max-width:100%;
		margin-top:-30px;
	}
}
/** Page specific end **/