@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	.wrapper, .header-wrapper header, .header-wrapper .slider, 	.colored-header .wrapper { width:90%; margin:0 auto; }
	header .wrapper { width:100%; }
}

/*-------------------------------------------------------------------
	Less than 860px
-------------------------------------------------------------------*/
@media screen and (max-width: 860px) {
	.navigation > ul > li { padding:0 6px; }
	.navigation > ul > li > a { font-size:14px; }
}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.header-wrapper .dancer { background-size:cover; }
	.slider { height:281px; }
	.dancer, .upper-triangle, .lower-triangle { height:434px; }
	.slogan { font-size:50px; line-height:45px; }
	.logo { width:90px; height:84px; background-size:contain; }
	.navigation > ul > li { padding:0 6px; }
	.navigation > ul > li > a { font-size:12px; }
	.video-player { height:300px; }
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.is-mobile-only { display:block !important; }
	footer, #l-wrap:after { height:auto; }
	#l-wrap { min-height:100%; margin-bottom:0;  }

	.sub-navigation, .slider, .dancer, .lower-triangle { display:none; }
	.course-picture-large { display:none; }
	.v-spacer { padding:30px 0; }
	.section { margin:0 0 70px 0; }
	.header-wrapper { /*background:#f2ece8 !important; */     background-position: top center;
    /* background-repeat: repeat-x; */
    /* background-color: #f2ece8; */
    background-image: url(../images/bg-banner.png) !important;
    width: 100%;
    background-blend-mode: multiply;
    background-size: auto;}
	.slider { height:130px; }
	h1 { font-size:20px; line-height:20px; padding:0 0 4px 0; }
	h1, h2 { border-width:3px; }
	p, ul { font-size:12px; line-height:26px; }
	.courses-types li { padding:0 10px 0 0; } 
	.courses-types li a, h2, .courses-types li a:hover, .courses-types .ui-state-active a { font-size:14px !important; line-height:16px !important; padding:0 0 4px 0 !important; }
	.courses-details-small li a { font-size:16px; line-height:16px; }
	.courses-details li a { font-size:22px; line-height:22px; }
	.logo { float:none; }
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.navigation { width:100%; float:none; border-top:1px solid #635c55; margin:0; }
	.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.navigation > ul > li, .navigation > ul > li > ul > li, .navigation > ul > li a { width:100%; display:block; }
	.navigation > ul > li { padding:0 !important; }
	.navigation > ul li a { padding-left:0% !important; padding-right:0% !important; }
	.navigation > ul li ul li a { padding-left:7% !important; padding-right:7% !important; }
	.show { display:block; }
	.hide { display:none; }
	.btn { margin:0 0 30px 0; }
	.video-player { height:200px; }
	.copyright { font-size:11px; line-height:12px; padding-bottom:40px; }
    .mb4 { margin-bottom: 1px;}

	/* Navigation trigger */
	.navigation-trigger { width: 30px; height: 20px; margin:5% 5% 5% 0;  position: absolute; z-index:2; top:7px; right:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.navigation-trigger span { display: block; position: absolute; height: 2px; width: 100%; background: #635c55 ; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.navigation-trigger span:nth-child(1) { top: 0px; }
	.navigation-trigger span:nth-child(2),.navigation-trigger span:nth-child(3) { top:10px; }
	.navigation-trigger span:nth-child(4) { top: 20px; }
	.navigation-trigger.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; }
	.navigation-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.navigation-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.navigation-trigger.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; }
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
/*	.logo { background-image:url(../images/logo@2x.png); }
	.logo-footer { background-image:url(../images/logo-footer@2x.png); background-size:contain; }*/
}