/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/* Stylesheet: Fancybox Modified On 2012-09-05 16:17:00 */
.tinynav {display: none; width: 100%}
header {z-index: 1;}

/* ----- TABLET (Landscape) ----- */
@media (max-width: 1040px) {

    .container, nav {width: 960px;}
    .hero {width: 1000px; background-position: center top !important;}
    
    h2 {font-size: 20px;}
    
    nav {position: relative; z-index: 100; left: -10px; margin-left: 20px;}
    nav ul li a {padding: 0 10px;}
    
    .top-ctas .btn-grey {padding-right: 16px;}
    .top-ctas .btn-grey img {display: none;}
    
    .three-col section {width: 300px;}
    .three-col section img {max-width: 260px; height: auto !important;}
    
    .two-col section:first-child {width: 670px;}
    .two-col section:first-child .box {padding: 30px;}
    .two-col section:first-child iframe {width: 610px;}

    .one-col section .box {padding: 20px;}

    .footer-boxes {padding: 0;}
    .footer-boxes .box {width: 264px;}
    footer .container {width: 920px;}

    #home .hero {width: 100%;}
    
    #crash-courses .content .box .left {width: 510px;}
    
    #instructor-training .two-col, #franchise .two-col {margin-bottom: 20px; background: black; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
    #instructor-training .two-col section, #franchise .two-col section {width: 480px !important;}
    #instructor-training .two-col section .box, #franchise .two-col section .box {margin-bottom: 0;}
    #instructor-training h1, #franchise h1 {width: 920px;}
    
    article hgroup.youtube {background-position: 507px -5px;}
    
    #terms-conditions h1 {width: auto;}
    
}

/* ----- TABLET (Portrait) ----- */
@media (max-width: 960px) {

    .container, nav {width: 700px;}
    nav {clear: both;}
    .hero {width: 100%;}
    
    h2 {font-size: 20px;}
    
    nav {float: left; clear: both; left: auto; top: -20px; margin: -30px 0 0 15px;}
    nav ul li a {font-size: 12px; padding: 0 10px;}
    
    .top-ctas .btn-green, .top-ctas .btn-red {width: 312px; margin-bottom: 20px; font-size: 18px; text-align: center;}
    .top-ctas .btn-grey {width: 625px; margin-left: 0; padding-right: 60px;}
    .top-ctas .btn-grey img {display: inline;}
    
    .three-col section {width: 335px;}
    .three-col section img {max-width: 299px;}
    .three-col section:last-child {clear: both; width: 700px; margin-left: 0;}
    .three-col section:last-child .box {min-height: 0 !important;}
    
    .two-col section {width: 700px !important; margin-left: 0;}
    .two-col section:first-child iframe {width: 640px;}

    .one-col img {max-width: 660px; height: auto !important;}

    .footer-boxes .box {width: 184px; min-height: 125px; margin-left: 20px;}
    footer .container {width: 660px;}
    footer p {width: 40%;}
    footer p:first-child {width: 60%;}
    footer p:last-child br {display: none;}
    
    .root-crash-courses iframe, #make-a-booking iframe {display: none;}
    
    #crash-courses .content .box .left, #crash-courses .content .box .right {width: 100%;}
    #crash-courses .content .box .right .cc-box {margin-left: 25px;}
    #crash-courses .cc-table {width: auto;}
    #crash-courses .cc-table .button {width: 89px; height: 40px; line-height: 40px; font-size: 14px;}
    #crash-courses .content .box .right .yellow-top, #crash-courses .content .box .right .purple-top {margin-left: 0;}
    #crash-courses .content .box .right .yellow-top, #crash-courses .content .box .right .red-top, #crash-courses .content .box .right .blue-top {margin-right: 0;}
    
    .root-crash-courses .two-col section:last-child .box {min-height: 0; text-align: left; padding: 30px 30px 0;}
    .root-crash-courses .two-col section:last-child .box img, .root-crash-courses .two-col section:last-child .box img + p {display: none;}
    .root-crash-courses .two-col section:last-child .cc-box {float: left; margin-right: 30px;}
    
    #instructor-training .two-col section, #franchise .two-col section {width: 350px !important;}
    #instructor-training h1, #franchise h1 {width: 660px;}
    #franchise h1 {font-size: 20px;}
    
    #testimonials h1 span {display: block;}
    article hgroup.youtube {background-position: 537px -5px;}
    
}

/* ----- MOBILE (Landscape) ----- */
@media (max-width: 700px) {
    
    .container, nav {width: 440px; overflow: hidden;}
    
    body, html {background: #333;}
    .box-grey {background-color: black;}
    
    h1 + img, h1 + img + img {display: none;}
    input, select, textarea {width: 320px;}
    
    header {margin: 0; padding-top: 10px;}
    header .logo {float: none; margin: 0 auto;}
    header .contact {float: none; width: auto; margin-top: -20px; padding-top: 0; text-align: center;}
    header .contact p {width: 250px; margin: 0 auto; font-size: 24px; line-height: 30px;}
    header .contact p:first-child {width: auto; font-size: 24px; margin: 0;}
    
    .tinynav {display: block;}
    nav {float: none; top: 0; margin: 0 0 20px;}
    nav ul {display: none;}
    
    .hero {display: none;}
    
    .top-ctas {margin-bottom: 10px; padding-bottom: 0; border-bottom: none;}
    .top-ctas .btn-green, .top-ctas .btn-red, .top-ctas .btn-grey {width: 410px; margin: 0 0 10px;}
    .top-ctas .btn-grey {display: none;}
    
    .main section {width: 440px !important; margin: 0 !important;}
    .main section .box {min-height: 0 !important; margin-bottom: 20px !important;}
    
    .one-col section img, .two-col section img, .three-col section img {max-width: 400px; height: auto !important;}
    .one-col section iframe, .two-col section iframe, .three-col section iframe {max-width: 380px;}
    
    .footer-boxes .box {width: 404px; min-height: 0; margin: 0 0 20px;}

    footer {padding-bottom: 40px;}
    footer .container {width: 440px; padding: 0; background: none;}
    footer p, footer p:first-child {float: none; width: 100%; text-align: center;}
    footer p:first-child {margin-bottom: 20px; color: white;}
    footer p:first-child a {color: #00ace9;}
    footer p:first-child a:hover {color: white;}
    
    #crash-courses .cc-table .button {width: 53px; height: 30px; line-height: 30px; font-size: 9px;}
    #crash-courses .content .box .right .cc-box {margin: 0 0 20px 20px;}
    #crash-courses .content .box .right .yellow-top, #crash-courses .content .box .right .red-top, #crash-courses .content .box .right .blue-top  {margin-left: 0;}
    
    #instructor-training .two-col section, #franchise .two-col section {width: 440px !important;}
    #instructor-training .two-col section .box, #franchise .two-col section .box {padding-bottom: 0; background: black; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
    #instructor-training .two-col section:first-child .box, #franchise .two-col section:first-child .box {-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: url('../../images/sprite.png') repeat-x 0 -900px black;}
    #instructor-training .two-col section:last-child .box, #franchise .two-col section:last-child .box {padding-top: 0}
    #instructor-training .two-col .box img, #franchise .two-col .box img {display: none;}
    #instructor-training h1, #franchise h1 {width: 400px; font-size: 28px;}
    
    #contact .question, #contact .answer {width: 340px;}
    #contact .larger {line-height: 32px;}
    .buttons {padding: 10px 0;}
    
    .testimonials article .image {position: static; margin: 0 auto 20px;}
    .testimonials article {padding: 20px 0;}
    
}

/* ----- MOBILE (Portrait) ----- */
@media (max-width: 460px) {
    
    .container, nav {width: 300px;}
    input, select, textarea {width: 230px;}
    .top-ctas .btn-green, .top-ctas .btn-red, .top-ctas .btn-grey {width: 270px;}
    
    .main section {width: 300px !important;}
    .one-col section img, .two-col section img, .three-col section img {max-width: 260px; height: auto !important;}
    .one-col section iframe, .two-col section iframe, .three-col section iframe {max-width: 260px !important;}
    .one-col section .box, .two-col section .box, .three-col section .box {padding: 20px !important;}
    
    .footer-boxes .box {width: 264px;}
    footer .container {width: 300px;}

    #crash-courses .cc-table .button {display: none;}
    #crash-courses .content .box .right .cc-box {float: none; width: 220px; margin: 0 auto 20px !important;}
    
    #instructor-training .two-col section, #franchise .two-col section {width: 300px !important;}
    #instructor-training h1, #franchise h1 {width: 260px;}

    #contact .buttons {width: 250px; padding: 10px 0;}
    #contact .question, #contact .answer {width: 250px;}
    #contact .larger {margin-bottom: 10px;}
    .form-wrap {padding: 0; background: none;}

}


/* Stylesheet: Responsive Modified On 2013-08-12 12:21:37 */