/* CSS Document */

body {background-color:/* #3d3d3d */#F4F4F4 !important; }

*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#full-screen {
  	width: 100%;
	height: 100%;
}

#intro-welcome-div,
#newhome-hero-welcome-div {
	padding: 150px 0px 30px;
}

#intro-welcome-div {
	background-image: url('../images/welcome/courses-3600x1600.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top center;
}

#newhome-hero-welcome-div {
	position: relative;
	overflow: hidden;
	padding-bottom: 145px;
	background: #111;
}

#newhome-hero-welcome-div > .row {
	position: relative;
	z-index: 4;
}

@media only screen and (min-width: 64.063em) {
	#newhome-hero-welcome-div {
		min-height: 560px;
	}
}

.fixed-bkg {
	background-attachment: fixed;
	background-image: url("../images/welcome/courses-3000x2800.jpg");
    background-color: rgba(255,255,255,0.7);
    background-blend-mode: overlay;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.login-form {
    border-radius: 30px;
    background: rgba(255,255,255,.7);
    text-align: center;
}

.login-form h3 {
    text-transform: uppercase;
    font-size: 24px;
}

.login-form input[type="text"]:not(#search_site), .login-form input[type="password"] {
    border: 1px solid #000;
}

.button.create-account {
    background: #E6007E;
    width: 70%;
}

.top-bar-wrapper {background:rgba(61, 61, 61, 0.95) none repeat scroll 0 0; height: 72px;}

/* .off-canvas-wrap {
	height:auto !important;
	min-height: 100% !important;
	position:relative !important;
} */

.inner-wrap {
	height:auto !important;
	min-height: 100% !important;
	/* position:absolute !important;  */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	-ms-background-size: cover;
	-k-background-size: cover;
	background-size: cover;
	
	background-position: center center;
	background-attachment: cover;
	background-repeat:no-repeat;

	image-rendering: optimizequality;
	-moz-image-rendering: optimizequality;
	-webkit-image-rendering: optimizequality;

}

#site-name-in-content {
	color: #fff;
	text-transform: uppercase;
}
.welcome_text { 		
	-webkit-transition: scale 0.2s; /* For Safari 3.1 to 6.0 */
    transition: scale 0.2s;
	-moz-transition:scale 0.2s;
	-o-transition:scale 0.2s;
	margin-top: 50px;
}

.welcome_text a {
	letter-spacing:-1px;
}

.welcome_text h1 {
	font-size:44px;
	color:#000;
	text-align:left;
    margin-bottom: 1em;
    display: block;
}
.welcome_text .welcome-text-small {
	color: #000;
    font-size: 1.2em;
    line-height: 1.2em;
}

.welcome-info-section-picture {
	background-position: top center;
	width: 100%;
	padding-bottom: 56.25%;
	background-size:cover;
}

.trainer-thumb .circle {max-width:200px;}

.welcome-section-darker {background-color: #ddd;}

.trainer-quote {font-style:italic; color:#404040; margin-bottom:20px; line-height: 1.75; padding:0px 10px;}

.trainer-mini {margin-top: 40px;}
.trainer-mini-name {
	float: left;
	margin: 15px;
	font-style: normal;
	margin-bottom:60px;
}

.trainer-mini .circle {max-width:75px;}

.animation-element {
	opacity: 0;
	position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d(-100px, 0px, 0px);
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-o-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right {
	opacity: 0;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	-moz-transform: translate3d(100px, 0px, 0px);
	-webkit-transform: translate3d(100px, 0px, 0px);
	-o-transform: translate(100px, 0px);
	-ms-transform: translate(100px, 0px);
	transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}



#recaptcha-widget {
    display: inline-block;
}





.page-container { background-color: #f4f4f4;}

.newhome-hero-video {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 39.375%;
	background: #111;
	color: #fff;
	--newhome-hero-horizontal-offset: 42px;
	--newhome-hero-bottom-offset: 38px;
}

#newhome-hero-welcome-div .newhome-hero-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
	margin: 0;
	padding-bottom: 0;
	aspect-ratio: auto;
}

@supports (aspect-ratio: 16 / 9) {
	.newhome-hero-video {
		height: auto;
		padding-bottom: 0;
		aspect-ratio: 160 / 63;
	}

	#newhome-hero-welcome-div .newhome-hero-video {
		aspect-ratio: auto;
	}
}

.newhome-hero-video-media {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #111;
}

.newhome-hero-video-media iframe,
.newhome-hero-video-poster {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 142.857%;
	display: block;
	border: 0;
	object-fit: cover;
	object-position: center center;
	transform: translate(-50%, -50%);
}

#newhome-hero-welcome-div .newhome-hero-video-media iframe {
	width: 100vw;
	height: 56.25vw;
	min-width: 177.778vh;
	min-height: 100%;
	max-width: none;
}

.newhome-hero-video-poster {
	height: 100%;
}

.newhome-hero-video-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 42px;
	height: 42px;
	margin: -21px 0 0 -21px;
	border: 3px solid rgba(255,255,255,0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: newhomeHeroSpin 800ms linear infinite;
}

.newhome-hero-video-sound {
	position: absolute;
	right: var(--newhome-hero-horizontal-offset);
	bottom: var(--newhome-hero-bottom-offset);
	z-index: 3;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0,0,0,0.46);
	color: #fff;
	cursor: pointer;
	transition: background 150ms ease, transform 150ms ease;
}

.newhome-hero-video-sound:hover,
.newhome-hero-video-sound:focus {
	background: rgba(0,0,0,0.68);
	outline: none;
	transform: translateY(-1px);
}

.newhome-hero-video-sound svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.newhome-hero-video-sound .newhome-hero-video-sound-off,
.newhome-hero-video-sound.is-muted .newhome-hero-video-sound-on {
	display: none;
}

.newhome-hero-video-sound.is-muted .newhome-hero-video-sound-off {
	display: block;
}

@keyframes newhomeHeroSpin {
	to { transform: rotate(360deg); }
}


.to-bottom { position:absolute; bottom:0; background:none;}

ul.social.welcome li a.facebook { background-position: 0 0; }
ul.social.welcome li a.twitter { background-position: -27px 0;}
ul.social.welcome li a.linkedin { background-position: -81px 0;}
ul.social.welcome li a.instagram { background-position: -108px 0;}
ul.social.welcome li a.googleplus { background-position: -54px 0;}

ul.social.welcome li a {opacity:0.4;}
ul.social.welcome li a:hover {opacity:1;}

footer {
	xborder-color: #666;
}
footer ul.menu li a:hover { color:#fff !important; }

.button.small:not(.facebook):not(.create-account) {width:50%;}

/* MOBILE ONLY */
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {

	#intro-welcome-div,
	#newhome-hero-welcome-div {padding: 0 0 30px;}
	.welcome_text {margin-top: 0px;}
	.welcome_text h1 {/*font-size:36px; line-height:36px;*/font-size:30px; line-height:32px; letter-spacing:2px;}
	.width-60-small	{ width:60% !important;}
	
	#footer-container { margin:0 !important;}
	
	footer .copyright { display:none;}

	.button.long {width:70% !important;}

	.newhome-hero-video {
		padding-bottom: 56.25%;
		--newhome-hero-horizontal-offset: 18px;
		--newhome-hero-bottom-offset: 18px;
	}

	@supports (aspect-ratio: 16 / 9) {
		.newhome-hero-video {
			padding-bottom: 0;
			aspect-ratio: 16 / 9;
		}
	}

	.newhome-hero-video-media iframe,
	.newhome-hero-video-poster {
		height: 100%;
	}

	.newhome-hero-video-sound {
		width: 36px;
		height: 36px;
	}

	.newhome-hero-video-sound svg {
		width: 19px;
		height: 19px;
		margin: -9.5px 0 0 -9.5px;
	}

	/* disable animations for mobile sizes */
	.animation-element.slide-left,
	.animation-element.slide-right {
		opacity: 1;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		-moz-transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	.g-recaptcha {
		transform:scale(0.85);
		-webkit-transform:scale(0.85);
	}
}

/* MOBILE ONLY + LANDSCAPE */
/* max-width 640px, mobile-only styles,*/
@media only screen and (max-width: 40em) and (orientation: landscape) {
	footer { padding-top:10px !important;}
	
	.inner-wrap { background-position: top center;}
	
	.width-60-small	{ width:30% !important;}
	
	@-ms-viewport {
	   width: device-width;
	}
	
	.welcome_text .button:first-of-type {margin-right:10px !important;}
	.welcome_text .button:nth-of-type(2) {margin-left:10px !important;}
	.welcome_text .button:nth-of-type(3) {margin-left:20px !important;}
}

/* LUMIA 530 ONLY + LANDSCAPE */
/* max-width 640px, mobile-only styles,*/
@media only screen and (max-width: 30em) and (orientation: landscape) {
	.inner-wrap {background-position: top right;}
}

/* MEDIUM ONLY */
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
} 

/* min-width 641px, medium screens + landscape*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
	.welcome_text	{ margin-bottom:0; }
	.welcome_text h1 {font-size:42px; line-height:44px; }
}

.swiper {
    --swiper-navigation-color: #111;
    --swiper-navigation-size: 32px;
    overflow: visible;
    position: relative;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: '' !important;
}

.swiper-button-prev,
.swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
    color: #111;
    transition: background 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #e6007e;
}

.swiper-button-prev {
    left: -30px;
}

.swiper-button-next {
    right: -30px;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 40px;
    height: 40px;
}
#footer-link-columns-container {
    background-color: transparent;
    padding: 20px 0;
}

#footer-link-columns-container .footer-link-columns {
    margin-top: 0;
    margin-bottom: 0;
}

#footer-container footer.pad-25 {
    padding-top: 20px;
    padding-bottom: 25px;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

#footer-container footer ul.menu {
    text-align: left;
}

#footer-container footer .copyright {
    text-align: right;
}

@media only screen and (max-width: 40em) {
    #footer-link-columns-container {
        padding-top: 24px;
        padding-bottom: 8px;
    }

    #footer-link-columns-container .footer-link-column {
        padding-bottom: 20px;
    }
}