@font-face {
font-family: 'didot';
src: url('../fonts/didot/web/didot_lt_std_bold-webfont.woff2') format('woff2'),
url('../fonts/didot/web/didot_lt_std_bold-webfont.woff2') format('woff');
font-weight: bold;
font-style: normal;

}


@font-face {
font-family: 'didot';
src: url('../fonts/didot/web/didot_regular-webfont.woff2') format('woff2'),
url('../fonts/didot/web/didot_regular-webfont.woff2') format('woff');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'neuehaasunica';
src: url('../fonts/neuehaasunica-bold-webfont.woff2') format('woff2'),
url('../fonts/neuehaasunica-bold-webfont.woff2') format('woff');
font-weight: bold;
font-style: normal;

}

@font-face {
font-family: 'neuehaasunica';
src: url('../fonts/neuehaasunica-italic-webfont.woff2') format('woff2'),
url('../fonts/neuehaasunica-italic-webfont.woff2') format('woff');
font-weight: normal;
font-style: italic;

}

@font-face {
font-family: 'neuehaasunica';
src: url('../fonts/neuehaasunica-regular-webfont.woff2') format('woff2'),
url('../fonts/neuehaasunica-regular-webfont.woff2') format('woff');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'neuehaasunica';
src: url('../fonts/neuehaasunica-light-webfont.woff2') format('woff2'),
url('../fonts/neuehaasunica-light-webfont.woff2') format('woff');
font-weight: 100;
font-style: normal;

}

html{
	font-size: 20px;
	color: #426d6d;
	font-family: neuehaasunica;
	font-weight: 100;
	line-height: 27px;
}

body
{
	overflow-x:hidden;
}

b, strong{
	font-weight: bold;
}

.container.section
{
	margin:0 auto;
	margin-bottom:100px;
}

.container.section .col
{
}
.container.r 
{
	width:100%;
	padding-left:10%;
}

.container.b
{
	background:rgba(108, 181, 180, .2);
}

.col-title span
{
	font-size:44px;
}

<<<<<<< HEAD
=======
#mainMenuTop .brand-logo{
	margin:0 10px 10px 0;
	width:150px;
}

#mainMenuTop > ul:not(.subheadermenu){
	display: flex;
	padding-right: 10px;
	margin-bottom: 8px;
	margin-top:0;
	justify-content:flex-end;
}
#mainMenuTop > ul:not(.subheadermenu) > li > a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-indent: 8px; 
	display: block;
	width: 100%;
	height: 100%;
	padding:6px 0;
	color:#6cb5b4 !important;
}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{
	border:2px solid #fff;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after{

	border: 2px solid #AA2585;
	background-color: #AA2585;
}

[type="checkbox"].filled-in:checked+span:not(.lever):before
{
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#mainMenuTop > ul:not(.subheadermenu) > li{
	padding: 4px;
	display: flex;
	align-items: center;
	margin-left:4px;
}

#mainMenuTop li:first-child{
	margin-left:0;
}

#mainMenuTop > ul:not(.subheadermenu) > li:hover .subheadermenu
{
	display:block;
}



.subheadermenu{
	position:absolute;
	z-index:9999;
	width: 100%;
	left: 0;
	top: 57px;
	flex-direction: column;
	list-style-type: disc;
	color:#6c678e !important;
	padding-left:32px !important;
	padding:20px;
	background:#b1d6d5 !important;
	display: none;
}

.subheadermenu,
.subheadermenu li,
.subheadermenu li a
{

	color:#6c678e !important;
	font-size:16px !important;
	line-height: 30px;
	font-weight: bold !important;
	font-family:neuehaasunica;
}

.subheadermenu li
{
	list-style-type: disc !important;
}
.subheadermenu li a{
}
>>>>>>> master
nav.desktop{
	display:block;
}
nav.mobile{
	display:none;
}

/* LAYOUT */


.card .card-image img{
	max-height:350px;
}

.pagebg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:.4;
	z-index:1;
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fullopacitybg .pagebg
{
	opacity:1;
}

.column-container{
	height: 100%;
	min-height: 100%;
	position: relative;
}
#content-bg
{
	position:absolute;
	height:95%;
	bottom: 0;
	left:0;
}

.pageimagecont{
	float:left;
	width: 50%;
	margin-right: 23px;
}

.pageimage{
	width:100%;
}

.page-content{
	font-size:18px;
	color:#fff;
	font-family:neuehaasunica;
	line-height:30px;
	font-weight: 100;
	letter-spacing:1px;
	padding-bottom:30px;

}


.page-content strong, .page-content b{
	font-weight:bold;
}

.btn
{
	background: #6cb5b4;
	color: #fff;
	border-radius: 5px;
	padding: 0px 20px;
	box-shadow: unset !important;
	border:2px solid #6cb5b4;
	line-height:31px;
	font-family:neuehaasunica;
	text-transform:none;
	font-weight: bold;

	transition: all .2s ease-out;
}

.btn.purple
{
	background:#AA2585;
	border:2px solid #AA2585;
}


.btn.purple-dark
{

	background:#797194 !important;
	border:2px solid #797194;
}


#home .btn.purple
{
	background:#797194 !important;
	border:2px solid #797194;
}

.btn.reverse
{
	background: #fff;
	color: #6cb5b4;
}



.btn.reverse:hover
{
	background: #efefef;
	border:2px solid #efefef;
}

.btn:hover
{
	background: #589a99;
	border:2px solid #589a99;
}

.btn.purple
{

	background:#a62d8f;
	border:2px solid #a62d8f;
}


.btn.purple:hover
{

	background:#762266 !important;
	border:2px solid #762266;
}

.btn.purpledark
{

	background:#6c678e;
	border:2px solid #6c678e;
}


.btn.purpledark:hover
{

	background:#4b4764;
	border:2px solid #4b4764;
}


.breadcrumbs{
	display:flex;

}

.breadcrumbs li{

	text-transform: uppercase;
	color:#fff;
	font-size:14px;
}
.breadcrumbs li span{
	color:#fff;
	margin:0 6px;
}
.breadcrumbs li a{
	color:#fff;
	text-decoration:underline;
	font-family:neuehaasunica;
	text-transform: uppercase;
}


#motto
{

	position: absolute;
	z-index: 20;
	top: 50%;
	left: 60px;
	font-size: 36px;
}

.todo{

	border: 2px solid #ee6e73;
	background: #ee6e73;
	font-weight: bold;
}
body, html{
	height:100%;
}

body > nav{
	background:#fbfafa;
	box-shadow: unset;
	webkit-box-shadow: unset;
}

nav ul li a{
	color:#000 !important;
}

.brand-logo{
	width:116px;
}

.brand-logo img{
	width:calc(100%);
}
.navbar
{ 
	height: 6rem;
	background-color: #222222;
	padding: .5em 0 1em;
}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i{
	height:50px;
	line-height: 50px;
}

.navbar-primary .navbar-brand { 
	color: #fff; 
	font-size: 3rem; 
	font-weight: bold; 
	padding-left: 2rem;
}
.btn.btn-link {
	color: lightgray;
	background-color:#222222;
	font-size: 1em;
	margin-right: 1em;
}

.btn.btn-link.selected {
	color: white;
	background-color: #222222;
}


.navbar-section {
	padding-right: 2rem;
}

.navbar-primary{
	display:flex;
	align-items: center;
}

#mainContainer{
	height: calc(100% - 127px);
	min-height:590px;
}

#home #mainContainer,
#page #mainContainer{
	height: auto;
}



.col-block-slide:nth-child(4n+1) .col-block-content
{
	background:#aa2183;
}



.col-block-slide:nth-child(4n+2) .col-block-content
{
	background:#6cb5b4;
}



.col-block-slide:nth-child(4n+3) .col-block-content
{
	background:#797194;
}



.col-block-slide:nth-child(4n+4) .col-block-content
{
	background:#576163;
}


.footer-menu{
	background: #68b6b4;
	font-family:neuehaasunica;
}
.footer-menu > ul
{
	display:flex;

}
.footer-menu ul li a,
footer a
{
	color:#fff;
	text-decoration:underline;
}
.footer-menu ul li .subtitle
{
	font-size:18px;
	font-weight:bold;
	letter-spacing:3px;
	margin-bottom:5px;
	display:block;
}
.footer-menu ul li .subfooter,
.footer-menu ul li .subfooter li
{

	list-style-type: disc;
}
.footer-menu ul li .subfooter
{
	padding-left:16px;
}

.footer-menu ul li .subfooter ul{
}

.footer-menu > ul > li
{
	width:25%;
	padding:20px;
}
#top-footer{
	padding-bottom:30px;
}

.footer-reverse #bottom-footer{
	background:#6cb5b4;
	color: #fff;
	
}
.footer-reverse #bottom-footer a{
	color: #fff !important;
	
}
#bottom-footer{
	background:#fff;
	color: #6cb5b4;
}

#bottom-footer a{
	color: #6cb5b4;
}
.page-footer{
	padding:0;
	float:left;
	width:100%;
	font-size:14px;
	background: #6cb5b4;
	padding:30px 0 0 0;
}

.bottom-footer-container{
	display: flex;
	justify-content:center;
	align-items: center;
	padding:10px 0 !important;
}
.bottom-footer-container .divider-footer{
	margin:0 5px;
}

.page-footer .colorized{
	display:none;
}


.footer-reverse .page-footer .not-colorized{
	display:none;
}

.footer-reverse .page-footer .colorized{
	display:inline-block;
}


.footer-reverse .page-footer
{

	color: #6cb5b4 !important;
	background: #fff;
}

.brand-logo-reverse{
	display:none;
}

.footer-reverse .page-footer a{
	color: #6cb5b4 !important;
}

.footer-reverse .page-footer .brand-logo{
	display: none;
}


.footer-reverse .page-footer .brand-logo-reverse{
	display: inline-block;
}




.page-footer .brand-logo{
	width: 240px;
	margin-bottom: 0;
}

.footer-col
{
	display:flex;
	justify-content:center;
}


.footer-col > div
{
	display:flex;
	flex-direction:column;
}

.footer-col span
{
	font-size: 17px;
	line-height: 31px;
}
.socialContainer img{
	width: 20px;
	margin-right: 3px;
	margin-top: 7px;
}

.backtohome{
	text-transform: uppercase;
	text-decoration:underline;
	color:#fff;
}

.hamburger{
	display:none;
}


/* LOADER */
#loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	z-index: 999999999999;
	display:none;
}

#loader .preloader-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;

}

/* VALIDATION */
label.error{

	color: red;
	position: absolute;
	left: 10px;
	bottom: -4px;
	display:block !important;
	top: auto;
	font-size: 13px;
}

.form-control.error{
	border-bottom:1px solid #f00 !important;
}

.form-group{
	position:relative;
	margin-bottom:10px;
}

.form-group label.error{


	left: 0;
	bottom: -9px;
	font-size: 11px;
}


.alert.alert-danger
{
	background:rgba(255,0,0,.1);
}

.messageinfo{
	position:relative;
}

.messageinfo .nmessages{
	color: #fff;
	position: absolute;
	right: 5px;
	top: 6px;
	background: #6cb5b4;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	display:none;
}

.messageinfo .nmessages.hasmessage
{
	display:block;
}

.messageinfo i{
	color:#000;
	font-size:20px;
}


/******************* HOME PAGE ***************************/
.container-block
{
	flex-direction:row !important;
}

.container-block .col-block
{
	border: 1px solid #ccc;
	border-radius:5px;
}

.container-block .col-block .col-block-title
{
	border-bottom:1px solid #ccc;
	font-size:30px;
	font-weight: bold;
}
.container-block .col-block .col-block-title,
.container-block .col-block .col-block-content
{

	height:100px;
	display:flex;
	align-items: center;
	justify-content: center;
}

.step-container{
	display:flex;
	justify-content: center;
	align-items:flex-start;
	text-align:left;
	width:80%;
	height:159px;
}
.step-container .step
{
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	width: 25%;
	text-align: left;
	padding: 12px;
	height: 139px;
	margin:0 8px;
	cursor:pointer;
	transition: all .4s;
	color:#fff;
}
.findthecounselor{
	font-size: 18px;
	line-height: 40px;
	height: 45px;
	transition: all .4s;
}
.findthecounselor:hover
{
	font-size: 19px;
}

.findthecounselor.small{
	font-size: 16px;
	height: 40px;
	line-height: 38px;
}
.findthecounselor.small:hover
{
	font-size: 17px;
}
/*
.step-container .step:hover{
background: #6cb5b4;
color:#fff;
height: 159px;
}
*/
.step-container .step:first-child
{
	margin-left:0;
}
.step-container .text{
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	margin-top: 7px;
}
.step-container .step .number
{
	font-size:20px;
	font-weight: bold;	
	text-align:left;
}

.col-block-slide{
	display:flex;
	justify-content: center;
	align-items: flex-start;
}

.col-block-slide .wrapper
{
	width:100%;
	overflow:hidden;
	height:290px;
	border-radius:10px;
	transition: all .4s;
	cursor:pointer;
}




.col-block-image{
	overflow: hidden;
	width:100%;
	margin:0 auto;
	height:130px;
	display:flex;
	align-items: flex-start;
	justify-content: center;
}

.col-block-slide-title{
	font-size: 22px;
	margin-bottom: 12px;
}

.col-block-content{
	color: #fff;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: bold;
	height: 160px;
	line-height: 22px;
	transition: all .4s;
}

#whenblock .col-block-slide-title{
	font-size: 20px;
	letter-spacing: 1px;

}

.col-block-slide .wrapper:hover .col-block-content
{
	height:180px;
}

.col-block-slide img
{
	max-width:400px;
	width:120%;
}


.reverse .col-block-slide .col-block-content
{
	background:#6cb5b4;
}
.reverse .col-block-slide
{
	align-items:flex-end;
}
.reverse .col-block-slide .wrapper
{
	flex-direction: column-reverse;
	display:flex;
}


.reverse .col-block-image{
	height:160px;
}

.reverse .col-block-content{
	height:130px;
}


.col-block-slide
{

	height:310px;
}

.reverse .col-block-slide  .wrapper:hover .col-block-content
{
	height:150px;
	background:#aa2183;
}



.normalslide .navigation-wrapper
{
	width:100%;
}

#whyblock, #whoblock,#whenblock
{

}

#whenblock{
	width:100%;
}


.slidehomecontainer .arrow {


	width: 20px;
	height: 29px;
	position: absolute;
	bottom: -20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	fill: #fff !important;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none !important;
}



.slidehomecontainer.reverse .dots 
{
	margin-top:26px;	
}

.slidehomecontainer .arrow--left {
	left: 0;
	fill: "#fff";
	background-image: url("../../contents/medias/imgs/lhome.png");

}

.slidehomecontainer .arrow--right {
	left: auto;
	right: 0;
	background-image: url("../../contents/medias/imgs/rhome.png");
}

.slidehomecontainer .arrow--disabled.arrow--left {
	opacity:.2;
}

.slidehomecontainer .arrow--disabled.arrow--right {
	opacity:.2;
}

.slidehomecontainer .navigation-wrapper
{
	position:relative;
}

.slidehomecontainer.normalslide  .navigation-wrapper
{


}
.container{
	max-width:100%;
}

.container > .row
{
	max-width:1500px;
}

#playerContainer
{
	position:relative;
	border-radius:20px;
	height:400px;
	width:90%;
	margin-left:10%;
	overflow:hidden;
	float:right
}

#cover2{
	position: absolute;
	top: 0;
	left: -47%;
	opacity: 1;
	z-index:1;
	width: 160%;
	cursor:pointer;
}

#cover{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-50px;
	margin-top:-50px;
	opacity: 1;
	z-index:2;
	width: 100px;
	cursor:pointer;
}

.dot{
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 2px;
}

.dot.dot--active
{

	background: #6cb5b4;
	width: 12px;
	height: 12px;
}

.dots{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 12px;
}

#player
{
	position: absolute;
	top:0;
	left:0;
	opacity:1;
	z-index:1;
	width:100%;
	height:100%;
}

.col-title{
	font-size: 32px;
	text-align: left;
	font-family: didot;
	color: #6cb5b4;
	line-height: 42px;
	padding-bottom:3px !important;
	border-bottom: 1px solid #6cb5b4;
	margin-bottom: 20px;
	width: auto !important;
	display: inline-block;
	margin-top:25px;
}
.r .col-title
{
	margin-left: 0;
	padding-left: 0;
	display:block;
	width:80% !important;
}

.col-subtitle
{
	display:block;
	width:80% !important;
}

.col-line
{
	border-bottom: 1px solid #6cb5b4;
	margin-bottom: 20px;
	margin-top:-20px;
	width: 30%;
	display:none;
}

.r .col-line
{
	width:calc(107% + 10px);
}

.r > .row .col
{

	display: flex;
	/* justify-content: flex-end; */
	flex-direction: column;
	align-items: end;
}
.whycontainer, .whocontainer
{
	width:85% !important;
	float:left !important;
}

.cover.img{
	width:190%;
}

#faq .collapsible-body
{
	background:#f9f9f9;
	padding:1rem 2rem;
}

#faq .collapsible-header
{

	font-weight: 500;
	display: flex;
	align-items: center;
}
#faq .collapsible-header span
{
	margin-left: auto;
	margin-right: 0;
}
#faq .collapsible-header i
{


	border: 2px solid;
	border-radius: 50%;
	font-size: 24px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	cursor:pointer;
	margin-right: 0;;
}

#faq .collapsible-header i.rem
{
	display:none;
}

#faq .active .collapsible-header i.rem{
	display: flex;
}


#faq .active .collapsible-header i.add{
	display: none;
}


.counselor-image img
{
	width:100%;
}
.counselor-image{
	border-radius: 50%;
	justify-content:center;
	align-items:center;
	display:flex;
	overflow: hidden;
	width: 180px;
	height: 180px;
	margin:20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:39px;   
	display: inline-block;
	margin: 0 auto;
}

#counselor-slide
{
	height:208px;
	margin:60px 0;
}



@media only screen and (min-width: 993px){
	.container {
		width: 90%;
	}
	#super-video-container{
		display:flex;
		align-items: center;
	}
}

@media only screen and (max-width: 1400px) {
	.cover.img{
		width:164%;
	}
}

@media only screen and (max-width: 1400px) and (min-width: 993px){
	.col-title.customfirst
	{
		border:none;
	}

	.col-line
	{

		margin-top:-15px;
		margin-left: -15%;
		width: 50%;
		display:block;
	}

	.r .col-line
	{
		width:calc(107% + 10px);
	}

	.r .col-title
	{
		/*width:calc(115% + 13px) !important;*/
		padding-left:0 !important;
		margin-right:-15px;
		width:100% !important;
	}

	.col-subtitle
	{
		width:100% !important;
	}

	.r .col-subtitle
	{
		display:block;
		margin-right:-15px;
		width:100% !important;
	}

	.col-title{
		margin-left: -7% !important;
		padding-left: 7% !important;
	}

	.container.r
	{
		padding-left:25%;
	}

	.step-container{
		width:100%;
		padding-left:15px;
	}
}

@media only screen and (max-width: 1279px) {



	.bottom-footer-container
	{
		flex-direction:column;
	}



	#playerContainer,
	#player
	{
		width:400px;
		height:280px;
	}



	.container.r {
		padding-left: 18%;
	}


	.step-container .text{
		font-size:14px;
		line-height:18px;
		margin-top:0;
	}
	.step-container .step .number
	{
		font-size:17px;
	}


	.page-footer .footer-copyright{
		height: auto;
		flex-direction: column-reverse;
		text-align: center;
		line-height: 20px;
	}


}


@media only screen and (max-width: 1100px) {

	.step-container{
		width:100%;
	}

}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 992px) {

	.page-footer .brand-logo{
		width:160px;
	}

	.divider-footer{
		display:none;
	}

	.bottom-info, .bottom-links{

		display: flex;
		flex-direction: column;
		text-align: center;
	}
	
	.bottom-links{
		
		flex-direction: row;
	}
	
	.bottom-links .divider-footer{
		display:block;
	}
	
	.bottom-links .divider-footer:first-child{
		display:none;
	}


	.bottom-footer-container
	{
	}


	.footer-col > div{
		width:100%;
	}
	.footer-col {
	}

	.socialContainer{

	}
	.col-subtitle{
		width:100% !important;
	}
	.col-block-slide img{
		width: 140%;
	}

	#whenblock .col-block-slide-title
	{
		font-size:16px;
	}
	.cover.img{
		width:194%;
	}
	.modal{
		max-height:80% !important;
	}
	body, html{
		overflow: auto !important;
	}
	nav.desktop{
		display:none;
	}
	nav.mobile{
		display:block;
	}


	.nav-wrapper {
		background:#6cb5b4;
	}

	nav{


		height: auto;
		box-shadow: unset;
		line-height: 30px;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	nav ul li.login a{
		font-size:18px;
		text-decoration:none;
	}
	nav ul li a{
		color:#fff !important;
		color: #fff !important;
		font-size: 15px;
		text-transform: uppercase;
		font-family:steve;
		text-decoration:underline;
	}

	nav ul{

		margin: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction:column;
	}

	nav ul li{
		float:none;
	}


	.pagebg {
		display:none;
	}


	.container-block{
		flex-direction:column !important;
	}

	.container-block .col-block{
		margin-bottom:20px;
	}

	.footer-menu > ul > li{
		width:100%;
	}
	.footer-menu > ul{
		display:block;
		padding-top:50px;
	}
	.page-footer
	{

		z-index:9999999;
		position:relative;
	}

	#playerContainer
	{
		margin:0px auto 17px auto;
		float:left;
	}

	.findthecounselor{
		margin:0 auto;
	}

	.socialContainer{
		display:flex;
	}

	#come{
		margin-top:0 !important;
		margin-bottom:20px !important;
	}


	#playerContainer,
	#player
	{
		width:100%;
		height:380px;
	}


	.col-title{
		font-size:30px;
		width:calc(100%) !important;
		margin-left: 0; 
		padding-left: 0;
	}

	.whycontainer, .whocontainer{
		width:100% !important;
		float:none;
	}

	.r .col-title
	{
		width:calc(100%) !important;
	}
	.r .col-subtitle
	{
		width:calc(100%) !important;
	}


	.col-title span{
		font-size:34px;
		font-weight:bold;
	}

	.container.r{
		width:100%;
		padding-left:0;
	}

	.container
	{
		width:100%;
	}

	.step-container{
		width:100%;
		height:211px;
	}
	.step-container .step
	{
		height:188px;
	}

	.step-container .step:hover{
		height:188px;
	}

	.step-container .step:first-child
	{

	}



	.step-container .text{
		font-size:14px;
		margin-top:7px;
	}
	.step-container .step .number
	{
		font-size:20px;
	}
	.container.section
	{
		margin-bottom:20px;
	}

	.normalslide .navigation-wrapper{
		width:100%;
	}


	.slidehomecontainer .arrow--right{
		right:12px;
	}


	.slidehomecontainer .arrow--left{
		left:12px;
	}

	#whenblock, #whyblock, #whoblock
	{
		margin-left: 10px !important;
		width:calc(100% - 20px) !important;
	}

}


@media only screen and (max-width: 768px) {
	
	.counselor-image{
		width:100px;
		height:100px;
	}
	
	#counselor-slide{
		height:110px;
		margin:60px 0 20px 0;
	}

	.footer-col span {
		font-size: 16px;
	}
	.cover.img{
		width:217%;
		margin-left:-50% !important;
	}
	.slidehomecontainer .arrow--right{
		right:0;
	}


	.slidehomecontainer .arrow--left{
		left:0;
	}
	.col-block-slide .wrapper{
		width:100%;
	}
	#whyblock, #whenblock, #whoblock{
		width:100% !important;
		margin-left:0 !important;
	}
	.step-container .step
	{
		width:100%;
		height: 140px;
		margin-bottom: 18px;
		margin-left: 0 !important;
		display: flex;
		justify-content: center;
	}

	.step-container .step:hover{
		height:140px;
	}


	.step-container{
		flex-direction:column;
		height:auto;
	}

	#playerContainer,
	#player
	{
		width:100%;
		height:280px;
	}

	.whycontainer .dots, .whycontainer .arrow{
		display:none;
	}

	#whyblock .col-block-slide, 
	#whenblock .col-block-slide{

		width: calc(50% - 5px);
		float: left;
		margin-right:10px;
	}

	#whyblock .col-block-slide:nth-child(even),
	#whenblock .col-block-slide:nth-child(even) {
		margin-right:0;
	}

	.col-block-content{
		padding:13px;
	}

	#whyblock .col-block-content,
	#whenblock .col-block-content{
		padding:10px 14px;
	}

	#whenblock .col-block-content{
		height:160px;
	}


	#whenblock .col-block-slide img{
		width:180%;
	}

	#whenblock .col-block-slide-title{
		margin-bottom:5px;
	}

	.col-block-slide img{
		width:143%;
	}

	.reverse .col-block-image{
		height:131px;
	}

	.reverse .col-block-image img
	{
		max-width:600px;
	}

	#whenblock .col-block-slide-title{

	}


	.findthecounselor{
		width: 100%;
		height: 50px;
		line-height: 44px;
		font-size: 22px;
	}

	.findthecounselor:hover
	{
		font-size:22px;
	}

	.findthecounselor.secondary{
		margin-top: 30px !important;
		margin-left: 20px !important;
		width: calc(100% - 40px);
	}

}


@media only screen and (max-width: 600px){

	.brand-col span
	{
		text-align: center;
		display: flex;
		justify-content: center;
		margin-bottom: 38px;
		margin-top:0;
	}

	.page-footer .brand-logo

	{
		width:160px;
	}
	.whocontainer .dots{
		display:none !important;;
	}
	.footer-col span {
		font-size: 16px;
	}

}

@media only screen and (max-width: 420px){
.counselor-image{
	width:90px;
	height:90px;
}	
}