.mobOn{display:none}
.mobOff{display:block}
.fiftyList li {width: 48%;display: inline-block !important;vertical-align: top;}


#sidebar {
  width: 200px;
  height: 300px;
  position: absolute;
}
#sidebar.fixed {
  position: fixed;
  top: 0;
}
.programList{position:relative; margin-left:-40px !important;}
.hc-banner{width:100%; display:block;}
.hc-banner-mob{display:none;}
.overviewHC{background: #000000; padding:65px 0px; margin-bottom:85px;}
.overviewHC p{font-family: Open Sans;font-size: 18px;font-weight: 300;line-height: 32px;letter-spacing: 0em;text-align: center; color:#fff;}

.hcOverview{margin:50px 0px;}
.hcOverview h2{font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 37px;color: #4E3629; margin-bottom:15px;}
.hcOverview p{font-family: Source Sans Pro;font-size: 18px;font-weight: 400;line-height: 28px;color: #000;}

/* */
.home_slider_header{width: 100%;clear: both;height: 50vw;background: #fff; position:relative; z-index: 1; overflow:hidden;}

.maskImgbanner{background:url(images/Become-A-Creative_Header-Image-1.png);position:absolute; z-index:100;width:100%; height:100%; background-size: 100%;}
.maskVid{position:absolute; z-index:10; width:100%; height:100%;}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.video-container video {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.text-mask {font-size:80px;font-weight: 900;justify-content: center;margin: 0;
    background: url("images/mask-img-home.png") center center; background-size: auto;background-clip: border-box;
    background-size: contain;margin: auto;align-self: center;background-clip: text;-webkit-background-clip: text;
    color: transparent;}
.text-mask span{font-size: 24px;line-height: 40px;color: #333333;display: block; font-weight: 300;}



/* .ourProgramsMob h3{font-family: Open Sans;font-size: 20px;font-weight: 700;line-height: 27px;} */
/* .ourProgramsMob h5{font-family: Source Sans Pro;font-size: 16px;font-weight: 400;line-height: 20px;} */
.vNav{margin-top:75px;}
.ourProgramsMob h3{/*margin-left:40px;*/ font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 36px;margin-bottom:0px;}
.ourProgramsMob h5{/*margin-left:40px;*/ margin-bottom:30px; font-family: Source Sans Pro;font-size: 20px;font-weight: 400;line-height: 32px;color: #000000;}

.trainerSec{display:flex; margin-top:20px;}
.trainerPic{min-width:175px; margin-right:20px;}
.trainerPic p{text-align:center; margin-top:5px;}
.trainerPic img{border-radius:8px; margin-top: 5px;}

.aboutSec{ display: flex;   margin-bottom: 10px; margin-top:20px; }
.aboutPic{min-width: 300px; margin-right:20px;}
.aboutText{}

.aboutPic img{border-radius:8px; margin-top: 5px;}

.proBanner{display:block; margin:40px 0px 20px 0px;}
.proBanner img{border-radius:8px; }
.resp-tabs-container h1{font-family: Open Sans;font-size: 36px;font-weight: 700;line-height: 37px;letter-spacing: 0em;}
.resp-tabs-container h2{font-family: Open Sans;font-size: 36px;font-weight: 700;line-height: 37px;letter-spacing: 0em;}
.resp-tabs-container h3{font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 37px; margin-top:40px;}
.resp-tabs-container p{font-family: Source Sans Pro;font-size: 18px;font-weight: 400;line-height: 28px; color:#000;}
.resp-tabs-container .list5 li{font-size: 18px;font-weight: 400;line-height: 28px; color:#000; background: url(../images/red-bullet-round.png) left 12px no-repeat; padding: 4px 0 0 22px !important;}

.feeList{ display:flex; margin-top:25px;}
.feeList li{min-width:260px; padding:15px 32px; color:#fff; font-family: Source Sans Pro;font-size: 18px;font-weight: 600;line-height: 23px;background: #E31E24; margin-right:1px; }
.feeList li span{font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: 0em; display:block;}
.feeList li b{font-size: 28px;line-height: 35px;font-weight: 600;}

.applyBox{background: #E31E24; margin:50px 0px; display:flex; padding:30px 55px; color:#fff; flex-wrap: wrap;align-items: center; clear: both; justify-content: center;}
.applyBox p{font-family: Source Sans Pro;font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: 0em;text-align: left; max-width:75%;  color:#fff; padding-right: 50px;}
.applyBox a.mailLink{color:#fff;}
a.applyNowBtn{background:#fff; padding:16px 32px;font-family: Source Sans Pro;font-size: 16px;font-weight: 600;line-height: 26px;}
a.applyNowBtn:hover{text-decoration:none; background:#222; color:#fff;}


ul.resp-tabs-list{
    margin: 0px;
    padding: 0px;
}



.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 0px 0px 30px 55px;
}




.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;
}

h2.resp-accordion {
	font-size: 16px;font-weight: 700;line-height: 17px;
    border-bottom: 1px solid #000;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 19px 20px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    background: #E3000F;
	color:#fff;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 25%;margin-bottom: 30px;
}
.resp-tabs-list h3{margin-left:40px; font-family: Open Sans;font-size: 26px;font-weight: 700;line-height: 36px;margin-bottom:0px;}
.resp-tabs-list h5{margin-left:40px; margin-bottom:30px; font-family: Source Sans Pro;font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: 0em;color: #000000;
}
.resp-vtabs .resp-tabs-list li {
    display: block;
    
    margin: 0px;
    cursor: pointer;
    float: none;
	font-weight: 600;
    font-size: 16px; color:#4E3629;
}
.resp-vtabs .resp-tabs-list li span{border-bottom:1px solid #535353; display: block; padding: 15px 0px; margin: 0px 40px;}
.resp-vtabs li.resp-tab-active span{border-bottom:0px solid #535353;}
.resp-vtabs .resp-tabs-list li span:hover{color: #CF1317;}
.resp-tab-active span:hover{color: #fff !important;}
.resp-vtabs .resp-tabs-container {
    margin-bottom: 30px;
    background-color: #fff;
    border-left: 1px solid #c1c1c1;
    float: left;
    width: 73%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { position: relative; background:#CF1317; border-bottom:2px solid #CF1317; color:#fff; margin-top: -1px;}

.resp-arrow {
    width: 24px;
    height: 24px;
    float: right;
    margin-top: 3px;
	background:url(../images/iconamoon_arrow-up.png) no-repeat 0px -6px;
    /* border-left: 6px solid transparent; */
    /* border-right: 6px solid transparent; */
    /* border-top: 12px solid #c1c1c1; */
}

h2.resp-tab-active span.resp-arrow {
    /* border: none; */
    /* border-left: 6px solid transparent; */
    /* border-right: 6px solid transparent; */
    /* border-bottom: 12px solid #9B9797; */
	background:url(../images/iconamoon_arrow-down.png) no-repeat 0px -6px;
}




@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.overviewHC{padding: 40px 0px;margin-bottom: 50px;}
	.feeList li {min-width: 200px;padding: 32px 30px;}
	.resp-vtabs .resp-tabs-list li span{margin: 0px 15px;}
}	
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.overviewHC{padding: 40px 0px;margin-bottom: 50px;}
	.resp-vtabs{padding:0px;}
	.resp-tabs-list h3, .resp-tabs-list h5{  margin-left: 0px;}
	.feeList li {min-width: auto;padding: 32px 30px;}
	.resp-vtabs .resp-tabs-list li{font-size: 16px;}
	.resp-vtabs .resp-tabs-list li span{margin: 0px 10px;}
	.resp-tab-content{padding: 0px 0px 30px 30px;}
	
}





@media only screen and (max-width: 767px)
{	
	
	.home_slider_header{/*height:auto;*/ height: 55vw; margin-top:0px; top:50px; margin-bottom:50px;}
	/*.maskVid{display:none;}*/
	.maskImgbanner{background:url(images/Become-A-Creative_Header-Image_Mobile_1a.jpg) no-repeat; background-size: 100%;}
	.text-mask{font-size: 44px;padding: 20px;}

	
	.mobOn{display:block;}
	.mobOff{display:none;}
	.hc-banner{display:none;}
	.hc-banner-mob{display:block; margin-top: 80px;}
	.overviewHC{padding: 25px 0px; margin-bottom: 25px;}
	.overviewHC p{font-size: 16px;font-weight: 300;line-height: 28px;}
	.ourProgramsMob{display:block;}
	.programList{margin-left:0px !important;}
	.trainerSec{flex-wrap: wrap;}
	.trainerPic{width:100%; margin-bottom:5px;}
	.trainerPic p{text-align:left;   margin-bottom: 5px;}
	
	.resp-tabs-container h2{font-size: 18px;font-weight: 700;line-height: 25px; }
	.resp-tabs-container h3{font-family: Open Sans;font-size: 18px;font-weight: 700;line-height: 25px;color:#4E3629}
	.resp-tabs-container p{font-size: 16px;font-weight: 400;line-height: 28px; color:#000}
	.resp-tabs-container .list5 li{font-size: 16px;font-weight: 400;line-height: 28px; color:#000;}
	.fiftyList li{width: 100%;}
	.feeList{background: #000000; border-radius:4px; padding:8px 0px;}
	.feeList li{background: none; padding: 8px 18px; font-size: 14px;font-weight: 400;line-height: 18px; min-width: auto; border-left: 1px solid #fff;}
	.feeList li span{font-size: 12px;font-weight: 600;line-height: 15px; color:#E3000F;}
	.feeList li b{font-size: 14px;font-weight: 400;line-height: 18px;}
	.feeList li:first-child{border-left: 0px solid;}
	
	.resp-tab-content{padding:30px 15px;}
    ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block;}
    .resp-vtabs .resp-tab-content {border: 1px solid #E3000F;}
    .resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: 100px;clear: none;}
    .resp-accordion-closed {display: none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #E3000F !important;}
	
	.applyBox{background: #fff; border: 1px solid #9E9E9E; padding: 18px 15px;}
	.applyBox p{width:100%; min-width:100%; font-size: 16px;font-weight: 400;line-height: 20px;text-align: center; color:#000; padding-right: 0px;}
	.aBtnDiv{text-align: center;margin: 28px auto 15px;}
	a.applyNowBtn{background: #000000;font-size: 16px;font-weight: 600;line-height: 26px;color:#fff;}
	.applyBox a.mailLink{color:#000;}
}