/* Lesko Ballet Academy */
$imgw! {
    if (css.vars.w()>1600) "1920";
    else if (css.vars.w()>1280) "1600";
    else if (css.vars.w()>980) "1280";
    else if (css.vars.w()>"767") "980";
    else "767";
}
$usel(none){-moz-user-select:&a;-ms-user-select:&a;-webkit-user-select:&a;user-select: &a;}
$order(1){order:&a;-webkit-order:&a;}
/*primary weights: 300, 400, 500, 600, 700, 800, 900*/
$primaryFont(300){font-family: 'Poppins', poppins, sans-serif, Arial; font-weight: &a;}

/*******FONT SIZES********/
$bfont! {
    if (css.vars.w()>767) "18px";
    else "16px";
}
a {-webkit-tap-highlight-color: transparent !important;cursor:pointer;text-decoration:none;}
body,html {$primaryFont(300);font-size: $bfont!;text-align: left;color:#151515}
*{margin:0;padding:0}
@keyframes slideInDown {
	0% {transform: translate3d(0, -100%, 0);opacity:0}
	100% {transform: translate3d(0, 0, 0);opacity:1}
}
@keyframes slideInUp {
	0% {transform: translate3d(0, 100%, 0);opacity:0}
	100% {transform: translate3d(0, 0, 0);opacity:1}
}
@keyframes slideInLeft {
	0% {transform: translate3d(-100%, 0, 0);opacity:0}
	100% {transform: translate3d(0, 0, 0);opacity:1}
}
@keyframes slideInRight {
	0% {transform: translate3d(100%, 0, 0);opacity:0}
	100% {opacity:1;transform: translate3d(0, 0, 0);}
}
.slideInDown,.slideInLeft,.slideInRight,.slideInUp{opacity:0} 
.in-view.slideInDown {animation:slideInDown 1.0s forwards;}
.in-view.slideInLeft {	animation:slideInLeft 1.0s forwards;}
.in-view.slideInRight {animation:slideInRight 1.0s forwards;}
.in-view.slideInUp {animation:slideInUp 1.0s forwards;}
@keyframes banner-img {
	0% {transform:scale(1.03);}
	50% {transform:scale(1);}
	100% {transform:scale(1.03);}
}
@keyframes vector-img {
	0% {transform:rotage(160deg) scale(1.03);}
	50% {transform:rotage(160deg) scale(1);}
	100% {transform:rotage(160deg) scale(1.03);}
}
@keyframes scrolldown
{
  0% {
    opacity: 0;
    transform: translate(0, -6px);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 6px);
  }
}
.scrollwrap
{
	&{position:absolute;bottom:50px;left:50%;transform:translate(-50%,0);margin-top:30px;text-align:center;width:100%;max-width:1200px;height:80px;}
	a{cursor:pointer;text-align:center;color:#272727 !important;width:50px;display:inline-block;text-transform:uppercase;font-weight:400;font-size:0.7em;letter-spacing:1px;}
	span{margin-bottom:1px;position:relative;width:20px;height:36px;border-radius:10px;display:inline-block;border:2px solid #272727;}
	i{position:absolute;top:6px;left:50%;margin-left:-2px;display:inline-block;width:4px;height:4px;background:#272727;border-radius:4px;animation-duration: 1.5s;animation-name: scrolldown;animation-iteration-count: infinite;}
	i:last-child{animation-delay: 0.75s;}
}	
.btn
{
	&{font-weight:600;box-sizing:border-box;cursor:pointer;position:relative;display:inline-block;padding:15px 60px;text-transform:uppercase;font-size:0.938rem;letter-spacing:0.16em;color:#272727}
	i{display:block;width:70%;height:70%;position:absolute;transition:all 0.5s ease;}
	i::before,i::after{content:"";background:#AFBAFF;position:absolute;}
	i:nth-child(1){left:0;top:0;}
	i:nth-child(1)::before{height:3px;width:100%;left:0;top:0;clip-path: polygon(0 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);}
	i:nth-child(1)::after{width:3px;height:100%;left:0;top:0;clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 4px), 0 100%);}
	i:nth-child(2){right:0;bottom:0;}
	i:nth-child(2)::before{height:3px;width:100%;right:0;bottom:0;clip-path: polygon(calc(4px) 0, 100% 0%, 100% 100%, 0 100%);}
	i:nth-child(2)::after{width:3px;height:100%;right:0;bottom:0;clip-path: polygon(0 calc(25% - 4px), 100% 0%, 100% 100%, 0 100%);}
}
.btn:hover{color:#AFBAFF}
.btn:hover i{width:calc(100% - 5px);height:calc(100% - 5px);}
.cols{display:inline-block;width:50%;vertical-align:top;box-sizing:border-box;}
.content{max-width:1200px;margin:0 3%;text-align:left;}
header
{
	&{position:fixed;top:0;left:0;width:100%;z-index:10;transition:background-color 0.5s ease;}
	.content{padding:5px 0;position:relative;border-bottom:1px solid rgba(0, 0, 0, 0.1)}
	.logo{transition:all 0.5s ease;width:280px;height:100px;background:url(/i/logo-lesko-ballet-academy.png) no-repeat center/cover;display:block;}	
	nav{transition:top 0.5s ease;display:none;}
	ul{list-style-type:none;position:static !important;}
	li{float:left;margin-left:15px;}
	li a{transition:border-color 0.5s ease;border-bottom:3px solid transparent;display:inline-block;padding-bottom:10px;color: #151515;font-size:1em;line-height:1.2;letter-spacing: 0.02em;font-weight: 500;text-transform: uppercase;}
	li.active a,li:hover a{border-bottom:3px solid #151515;}
	#btn-menu
	{
		&{$usel;z-index:102;position:absolute !important;right:0;top:25px;width:60px;height:30px;}
		i{transition:all 0.2s ease-out;position:absolute;height:2px;width:42px;background-color:#151515;left:0;}
		i:nth-child(1){top:2px;width:60px}
		i:nth-child(2){top:14px;}
		i:nth-child(3){top:26px;width:24px}
	}
	#btn-menu:hover
	{
		i{width:42px !important;}
	}
	#btn-menu.on
	{
		i{top:15px;background-color:#151515;width:40px;left:0;}
		i:nth-child(1){transform:rotate(45deg);}
		i:nth-child(2){opacity:0}
		i:nth-child(3){transform:rotate(-45deg);}
	}
}
.scroll header
{
	&{background:#fff;box-shadow:0px 0px 15px rgba(21, 21, 21, 0.35)}
	.logo{width:196px;height:70px;}
	.content{border-color:transparent;}
	li.active a,li:hover a{border-color:#AFBAFF}
}
.nav-on
{
	header
	{
		nav{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;display:block;vertical-align:middle!;text-align:center;}
		nav ul{position:relative !important;margin-top:80px;}
		nav ul li{display:block;float:none;padding:15px 0 5px 0;margin-left:0;}	
		nav ul li a{font-size:1.25em}
	}	
}
section{position:relative;overflow:hidden}
#home
{
	&{height:100vh;}	
	.main-banner{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/i/ballerina.jpg) no-repeat bottom center/cover;animation:banner-img 10s infinite;}
	.main-banner::before{content:'';display: block;position: absolute;left: 0;top: 0;width: 40%;height: 100%;background: url("/i/vector.png") no-repeat right top/100% auto;animation: banner-img 10s infinite;}
	.content{height:100vh;vertical-align:middle!}
	h1{font-weight: 700;font-size:60px;line-height:1.075;text-transform:uppercase;max-width:60%}
	h4{font-weight:700;font-size:24px;line-height:1.08333;max-width:60%;margin-top:30px;}
}
.inner 
{
	header{background:rgba(255,255,255,0.6)}
	.s1
	{
		&{height:100vh;}	
		.main-banner{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;animation:banner-img 10s infinite;}
		.content{height:100vh;vertical-align:middle!}
		h1{text-shadow:1px 1px 1px #000;font-weight: 700;font-size:50px;line-height:1.075;text-transform:uppercase;max-width:65%;color:#fff}
	}
}	
.inner.scroll header{background:#fff}
#schedule,#lt,#bp,#scamp,#dress,#ct,#events
{
	.scrollwrap
	{
		a{color:#fff !important;}
		span{border-color:#fff;}
		i{background:#fff;}
	}	
}
#lt
{
	.s1
	{
		.main-banner{background:url(/i/laser-tag.jpg) no-repeat center top/cover;}
	}
	
}
#escape
{
	.s1
	{
		.main-banner{background:url(/i/escape-rooms-hero.jpg) no-repeat center top/cover;}
	}
	
}
#schedule
{
	.s1
	{
		.main-banner{background:url(/i/schedule.jpg) no-repeat center top/cover;}
	}
}
#ambassador
{
	.s1
	{
		.main-banner{background:url(/i/ambassador.jpg) no-repeat center top/cover;}
	}
	.s4
	{
		&{background:#fff;padding:115px 0;}
		.content{text-align:left;}
		h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;text-align:center;position:relative;}
		h2::before{position: absolute;content: '';top: 0;left: 50%;transform:translate(-50%,0);width: 35px;height: 3px;background: #AFBAFF;}
		h4{font-weight:400;font-size:24px;line-height:1.25;text-align:center;margin:30px 0;}
		.cols{padding:50px 0;}
		.cols:first-child{width:40%}
		.cols:last-child{width:60%;padding-right:50px;}
		.content > div{background:#fff;border-bottom:1px solid #D0D0D0}
		.content > div:last-child{border-bottom:none;}
		ul{list-style-type:none}
		li{padding:5px 0;}
		li::before{content:"•";color:#AFBAFF;display: inline-block; width: 1em;}
		.btn{margin:0 auto;}
	}
}
#scamp
{
	.s1
	{
		.main-banner{background:url(/i/summer-camp-hero.jpg) no-repeat center top/cover;}
	}
	#birthdays{background:#fff;color:#000;padding:0}
	#birthdays h2{padding-top:0;}
	#birthdays h2::before{display:none}
	#birthdays li{padding:4px 10px;font-size:13px;text-align:left;}
	#birthdays .columns > div{width:20%;}
	#birthdays .columns > div::before{border:none !important;display:none;}
	
}
#bp
{
	.s1
	{
		.main-banner{background:url(/i/birthdays.jpg) no-repeat center top/cover;}
	}
	#about
	{
		.fx-slides > div 
		{
			> div:nth-child(1){background-image:url(/i/pa1.jpg);}
			> div:nth-child(2){background-image:url(/i/pa2.jpg);}
			> div:nth-child(3){background:transparent;}
			video{width:100%;height:100%;}
		}
	}	
}
#teachers
{
	.s1
	{
		.main-banner{background:url(/i/teachers.jpg) no-repeat left top/cover;}
	}
}
#dress
{
	.s1
	{
		&{height:100vh;}	
		.main-banner{background:url(/i/dress-code.jpg) no-repeat center top/cover;}
	}
}
#ct
{
	.s1
	{
		.main-banner{background:url(/i/contact.jpg) no-repeat right top/cover;}
	}
}
#evs
{
	.s1
	{
		.main-banner{background:url(/i/events.jpg) no-repeat right top/cover;}
	}
}
#photos
{
	.s2
	{
		&{padding:200px 0 100px 0;height:auto;}
		h1{color:#000;text-shadow:1px 1px 1px #ccc;font-weight: 700;font-size:34px;line-height:1.075;text-transform:uppercase;margin-bottom:1em}
		img{width:100%;display:block;}
		.fx-list
		{
			&{margin-bottom:20px;}
			> div{margin:0 50px;}
			.fx-nav{float:left;margin:0 10px}
			.fx-list-left,.fx-list-right{top:50% !important;transform:translate(0,-50%);}
			.fx-ignore{opacity:0.2}
		}
		
		//.fx-list{margin-top:-70px;}
		//.fx-list > div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:0 20px;}
		//.fx-nav{font-size:0;text-indent:-9999px;display:inline-block;width:10px;height:10px;border-radius:5px;}
		//.fx-nav:first-child{margin-left:20px;}
	}
}
.s2
{
	&{background:#F6F6F6;padding:115px 0;}
	.cols{width:33.33%;padding:0 25px;text-align:center;}	
	h3{font-weight:500;font-size:24px;line-height:1.08333;text-align:center;margin:30px 0;}
	.box-icon-inner{text-align:center;}
	.icon-xl{color: #AFBAFF;font-size: 72px;line-height: 76px;}
	p{font-size:0.837em;margin:30px 0;text-align:center;}
}
#about
{
	&{padding:115px 0;}
	.cols{min-height:390px;}
	.cols:first-child{padding-right:50px;}
	.columns{margin-bottom:50px;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;position:relative}
	h2::before{position: absolute;content: '';top: 0;left: 0;width: 35px;height: 3px;background: #AFBAFF;}
	p{margin:20px 0;}
	.fx-list{margin-top:-50px;}
	.fx-nav{font-size:0;text-indent:-9999px;display:inline-block;margin-left:10px;width:8px;height:8px;border-radius:4px;}
	.fx-nav:first-child{margin-left:20px;}
	.fx-slides > div 
	{
		> div{background-repeat:no-repeat;background-size:cover;background-position:center;height:390px;}
		> div:nth-child(1){background-image:url(/i/g1.jpg);}
		> div:nth-child(2){background-image:url(/i/g2.jpg);}
		> div:nth-child(3){background-image:url(/i/g3.jpg);}
		> div:nth-child(4){background-image:url(/i/g4.jpg);}
		> div:nth-child(5){background-image:url(/i/g5.jpg);}
	}
}
#lasertag
{
	&{background:#F6F6F6;padding:115px 0;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;position:relative}
	h2::before{position: absolute;content: '';top: 0;left: 0;width: 35px;height: 3px;background: #AFBAFF;}
	h4{font-weight:400;font-size:24px;line-height:1.25;margin:30px 0;}
	p{margin:20px 0;}
	.fx-list{margin-top:-50px;}
	.fx-nav{font-size:0;text-indent:-9999px;display:inline-block;margin-left:10px;width:8px;height:8px;border-radius:4px;}
	.fx-nav:first-child{margin-left:20px;}
	.fx-slides > div 
	{
		> div{background-repeat:no-repeat;background-size:cover;background-position:center;height:329px;}
		> div:nth-child(1){background-image:url(/i/lt3.jpg);}
		> div:nth-child(2){background-image:url(/i/lt4.jpg);}
		> div:nth-child(3){background-image:url(/i/lt5.jpg);}
		> div:nth-child(5){background-image:url(/i/lt1.jpg);}
	}
	.columns{margin-bottom:50px;}
	.cols{min-height:329px;}
	.cols:last-child{padding-left:50px;}
	.table
	{
		&{background:#fff;}
		.cols{min-height:0;padding:50px 0;}
		.cols:first-child{width:40%}
		.cols:last-child{width:60%;padding-left:0;}
		.content > div{background:#fff;border-bottom:1px solid #D0D0D0}
		.content > div:last-child{border-bottom:none;}
		td{vertical-align:top;line-height: 24px;padding:6px 0px 6px 16px;}
		td:first-child{font-weight: 500;font-size:20px;}
		ul{list-style-type:none}
		li{padding:5px 0;}
		li::before{content:"•";color:#AFBAFF;display: inline-block; width: 1em;}
		.c5{transition:clip-path 0.5s ease;background-repeat:no-repeat;clip-path: circle(35.0% at 50% 50%);background-size:cover;background-position:center;width:100%;height:width(&self*0.6667)px;}
		.c5{background-image:url(/i/c5.jpg);}
	}
	.table:hover .c5	{clip-path:circle(38% at 50% 50%);}
}
#escaperooms
{
	&{background:#F6F6F6;padding:115px 0;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;position:relative}
	h2::before{position: absolute;content: '';top: 0;left: 0;width: 35px;height: 3px;background: #AFBAFF;}
	h4{font-weight:400;font-size:24px;line-height:1.25;margin:30px 0;}
	p{margin:20px 0;}
	.fx-list{margin-top:-50px;}
	.fx-nav{font-size:0;text-indent:-9999px;display:inline-block;margin-left:10px;width:8px;height:8px;border-radius:4px;}
	.fx-nav:first-child{margin-left:20px;}
	.fx-slides > div 
	{
		> div{background-repeat:no-repeat;background-size:cover;background-position:center;height:452px;}
		> div:nth-child(1){background-image:url(/i/er1.jpg);}
		> div:nth-child(2){background-image:url(/i/er2.jpg);}
		> div:nth-child(3){background-image:url(/i/er3.jpg);}
		> div:nth-child(4){background-image:url(/i/er4.jpg);}
		> div:nth-child(5){background-image:url(/i/er5.jpg);}
		> div:nth-child(6){background-image:url(/i/er6.jpg);}
	}
	.columns{margin-bottom:50px;}
	.cols{min-height:329px;}
	.cols:last-child{padding-left:50px;}
	.table
	{
		&{background:#fff;}
		.cols{min-height:0;padding:50px 0;}
		.cols:first-child{width:40%}
		.cols:last-child{width:60%;padding-left:0;}
		.content > div{background:#fff;border-bottom:1px solid #D0D0D0}
		.content > div:last-child{border-bottom:none;}
		td{vertical-align:top;line-height: 24px;padding:6px 0px 6px 16px;}
		td:first-child{font-weight: 500;font-size:20px;}
		ul{list-style-type:none}
		li{padding:5px 0;}
		li::before{content:"•";color:#AFBAFF;display: inline-block; width: 1em;}
		.c5{transition:clip-path 0.5s ease;background-repeat:no-repeat;clip-path: circle(35.0% at 50% 50%);background-size:cover;background-position:center;width:100%;height:width(&self*0.6667)px;}
		.c5{background-image:url(/i/erc1.jpg);}
	}
	.table:hover .c5	{clip-path:circle(38% at 50% 50%);}
}	
#birthdays
{
	&{background:#272727;padding:115px 0;color:#fff;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;text-align:center;position:relative;}
	h2::before{position: absolute;content: '';top: 0;left: 50%;transform:translate(-50%,0);width: 35px;height: 3px;background: #AFBAFF;}
	h4{font-weight:400;font-size:24px;line-height:1.25;text-align:center;margin:30px 0;}
	.columns > div{width:33.33%;display:inline-block;vertical-align:top;text-align:center;position:relative;}
	.columns > div:nth-child(2)::before{content:"";position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);box-sizing:border-box;border:2px solid #AFBAFF;}
	ul{list-style-type:none;margin-bottom:20px}
	li{border-bottom:1px solid rgba(255,255,255,0.1);padding:10px 20px;font-size:14px;text-align:center;line-height:2em;}
	li.l{font-size:20px;border-bottom:none;}
	.btn{color:#fff;font-size:0.875em;margin-bottom:10px}
	p{font-size:11px;padding-bottom:30px}
}	
#classes
{
	&{background:#F6F6F6;padding:115px 0;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;text-align:center;position:relative;}
	h2::before{position: absolute;content: '';top: 0;left: 50%;transform:translate(-50%,0);width: 35px;height: 3px;background: #AFBAFF;}
	h4{font-weight:400;font-size:24px;line-height:1.25;text-align:center;margin:30px 0;}
	.cols{padding:50px 0;}
	.cols:first-child{width:40%}
	.cols:last-child{width:60%}
	.content > div{background:#fff;border-bottom:1px solid #D0D0D0}
	.content #class-schedule{background-color:transparent;font-size:0.75rem}
	.content > div:last-child{border-bottom:none;}
	td{vertical-align:top;line-height: 24px;padding:6px 0px 6px 16px;}
	td:first-child{font-weight: 500;font-size:20px;}
	td:last-child{padding-right:20px;}
	ul{list-style-type:none}
	li{padding:5px 0;}
	li::before{content:"•";color:#AFBAFF;display: inline-block; width: 1em;}
	.c1,.c2,.c3,.c4,.c6,.c7,.c8,.c9,.c11,.c12,.c13,.c15,.c16{transition:clip-path 0.5s ease;background-repeat:no-repeat;clip-path: circle(35.0% at 50% 50%);background-size:cover;background-position:center;width:100%;height:width(&self*0.6667)px;}
	.content >div:hover
	{
		.c1,.c2,.c3,.c4,.c6,.c7,.c8,.c9,.c11,.c12,.c13,.c15,.c16{clip-path:circle(38% at 50% 50%);}	
	}
	.c1{background-image:url(/i/c1.jpg);}
	.c2{background-image:url(/i/c17.jpg);}
	.c3{background-image:url(/i/c2.jpg);}
	.c4{background-image:url(/i/c4.jpg);}
	.c6{background-image:url(/i/c6.jpg);}
	.c7{background-image:url(/i/c7.jpg);} 
	.c8{background-image:url(/i/c3.jpg);}
	.c9{background-image:url(/i/c9.jpg);}
	.c11{background-image:url(/i/c11.jpg);}
	.c12{background-image:url(/i/c12.jpg);}
	.c13{background-image:url(/i/c13.jpg);}
	.c15{background-image:url(/i/c15.jpg);}
	.c16{background-image:url(/i/c16.jpg);}
}
#events
{
	&{background:#F6F6F6;padding:115px 0;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;text-align:center;position:relative;}
	h2::before{position: absolute;content: '';top: 0;left: 50%;transform:translate(-50%,0);width: 35px;height: 3px;background: #AFBAFF;}
	h4{font-weight:400;font-size:24px;line-height:1.25;text-align:center;margin:30px 0;}
	.cols{padding:50px 0;}
	.cols:first-child{width:40%}
	.cols:last-child{width:60%;padding-right:50px;}
	.content > div{background:#fff;border-bottom:1px solid #D0D0D0}
	.content #class-schedule{background-color:transparent;font-size:0.75rem}
	.content > div:last-child{border-bottom:none;}
	td{vertical-align:top;line-height: 24px;padding:6px 0px 6px 16px;}
	td:first-child{font-weight: 500;font-size:20px;}
	td:last-child{padding-right:20px;}
	ul{list-style-type:none}
	li{padding:5px 0;}
	li::before{content:"•";color:#AFBAFF;display: inline-block; width: 1em;}
	.ec1,.ec2,.ec3,.ec4,.ec5,.ec6{transition:clip-path 0.5s ease;background-repeat:no-repeat;clip-path: circle(35.0% at 50% 50%);background-size:cover;background-position:center;width:100%;height:width(&self*0.6667)px;}
	.content >div:hover
	{
		.ec1,.ec2,.ec3,.ec4,.ec5,.ec6{clip-path:circle(38% at 50% 50%);}	
	}
	.ec1{background-image:url(/i/ec1.jpg);}
	.ec2{background-image:url(/i/ec2.jpg);}
	.ec3{background-image:url(/i/ec3.JPG);}
	.ec4{background-image:url(/i/ec4.jpg);}
	.ec5{background-image:url(/i/ec5.jpg);}
	.ec6{background-image:url(/i/ballet-mania-2025.jpg);}
}
#camp
{
	&{padding:115px 0;background:url(/i/ballerina_bg.jpg) no-repeat right center/cover fixed;}
	.content{max-width:880px;background:rgba(255,255,255,0.8);padding:100px 50px;min-height:400px;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;text-align:center;position:relative;}
	h2::before{position: absolute;content: '';top: 0;left: 50%;transform:translate(-50%,0);width: 35px;height: 3px;background: #AFBAFF;}	
	h3{font-weight:500;font-size:24px;line-height:1.5;text-align:center;margin:30px 0;}
	h4{font-weight:400;font-size:24px;line-height:1.25;margin:30px 0;}
	p{margin:20px 0;}
}
#instructor
{
	&{padding:115px 0;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;text-align:center;position:relative;}
	h2::before{position: absolute;content: '';top: 0;left: 50%;transform:translate(-50%,0);width: 35px;height: 3px;background: #AFBAFF;}
	.cols{min-height:390px;}
	.cols:first-child{padding-right:50px;}
	.contain{overflow:hidden;width:100%;}
	img{width:100%;transition:transform 1.5s ease;display:block;}
	img:hover{transform:scale(1.1);}
	p{margin:20px 0;}
	p:first-child{margin-top:0;}
	p:last-child{margin-bottom:0;}
	h3{font-weight: 500;font-size:26px;color: #151515;letter-spacing: 0;}
	h4{font-size: 16px;text-transform: uppercase;letter-spacing: .15em;font-weight: 400;color: rgba(21, 21, 21, 0.8);}
	.fx-list{top:-50px;}
	.fx-nav{font-size:0;text-indent:-9999px;display:inline-block;margin-left:10px;width:8px;height:8px;border-radius:4px;}
	.fx-nav:first-child{margin-left:20px;}
}
#contact
{
	&{background:#F7F7F7;}
	h2{padding-top:20px;font-weight:500;font-size:30px;line-height:1.08333;margin:0 0 30px 0;position:relative;}
	h2::before{position: absolute;content: '';top: 0;left:0;width: 35px;height: 3px;background: #AFBAFF;}	
	.cols:first-child{text-align:right;}
	.content{padding:115px 100px 115px 0;max-width:600px;display:inline-block;box-sizing:border-box;margin:0 0 0 6%;}
	.fx-field{width:100%;margin-bottom:30px;}
	.fx-field label{top:11px;background:#fff;}
	.fx-input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #C4C4C4;color:#151515;$primaryFont(300);border-radius:5px;outline:none;padding:15px 10px;}
	input[type=button]{letter-spacing:0.25em;border:none;cursor:pointer;$primaryFont(600);text-transform:uppercase;border-radius:5px;outline:none;padding:14px 20px;color: #ffffff;background-color: #AFBAFF;}
	input[type=button]:hover{background-color: #3C3C3C;}
	textarea{height:140px;width:100%;box-sizing:border-box;resize:none;}
	.fx-msg{left:0 !important;top:calc(100% - 5px) !important;color:#ff0000;font-size:11px;}
	#map{width:100%;height:780px;}
}
footer
{
	&{background:#272727;padding:155px 0 95px 0;position:relative;overflow:hidden}
	.content
	{
		&{z-index:2;position:relative;color:#fff}
		> .cols:first-child{width:40%;padding-right:10%}
		> .cols:last-child{width:60%}
		.logo{border-bottom:none !important;transition:all 0.5s ease;width:224px;height:80px;background:url(/i/logo-lesko-ballet-academy.png) no-repeat center/cover;display:inline-block;}	
		p{margin:20px 0;line-height:1.73em;font-weight:400;color:rgba(255, 255, 255, 0.5);font-size:15px;}
		a{color:#8D94C5;}
		a:hover{border-bottom:1px solid #8D94C5}
		a.nl:hover{border-bottom:none;}
		h5{margin-bottom:30px;color:#fff;text-transform: uppercase;font-weight: 600;line-height: 28px;letter-spacing: 0.1em;font-size:18px;}
		form{margin-bottom:50px;}
		.fx-field{width:60%;}
		.fx-field label{top:11px;}
		.fx-input{background:#3D3D3D;border:none;color:#fff;$primaryFont(300);border-radius:5px;outline:none;padding:15px 10px;}
		input[type=button]{margin-left:5px;letter-spacing:0.25em;border:none;cursor:pointer;$primaryFont(600);text-transform:uppercase;border-radius:5px;outline:none;padding:14px 20px;color: #ffffff;background-color: #AFBAFF;}
		input[type=button]:hover{background-color: #3C3C3C;}
		.fx-msg{left:0 !important;top:45px !important;color:#ff0000;font-size:11px;}
		ul{list-style-type:none;}
		li{position:relative;padding-left:40px;margin-bottom:15px;}
		.mdi-map-marker,.mdi-phone,.mdi-email,.mdi-facebook,.mdi-instagram,.fa-youtube{font: normal normal normal 24px/1 "Material Design Icons";position: absolute;left: 0;top: 2px;display: inline-block;font-size: 27px;color: #AFBAFF;line-height: 1;}
		.social-list
		{
			li{display:inline-block;;padding-left:0;margin-bottom:0;margin-right:20px;}
			a{background:rgba(255, 255, 255, 0.05);width: 48px;height: 48px;border-radius: 50%;text-align: center;position:relative;color:#fff;}
			a::before{top:10px;font-size:25px;position:relative;font-weight:400;}
			a:hover{background:#AFBAFF}
		}
		nav
		{
			li{float:left;padding-left:0;margin-right:20px;margin-bottom:10px;}
			li a{font-size:14px;}
		}
	}
}
footer::before{content:'';display: block;position: absolute;left: 0;top: 0;width: 30%;height: 100%;background: url("/i/vector.png") no-repeat right top/100% auto;animation: banner-img 10s infinite;}
footer::after{content: '';position: absolute;right: -10%;bottom: -10%;transform: rotate(160deg);width: 30%;height: 100%;background: url("/i/vector.png") no-repeat right top/100% auto;z-index: 1;animation: vector-img 10s infinite;}

@media all and (max-width:979px)
{
	#home 
	{
		.main-banner{background-position:84% bottom;}
		h1,h4{max-width:100%}
	}	
}
@media all and (max-width:767px)
{
	.slideInDown {animation:slideInDown 1.0s forwards;}
	.slideInLeft {	animation:slideInLeft 1.0s forwards;}
	.slideInRight {animation:slideInRight 1.0s forwards;}
	.slideInUp {animation:slideInUp 1.0s forwards;}
	#home
	{
	   h1{font-size:30px}	
	}
	.cols{width:100% !important;margin-bottom:50px}
	.cols:last-child{margin-bottom:0}	
	.s2
	{
		.cols{}
		
	}
	#about .cols{min-height:0}
	
	#classes 
	{
		.cols{margin-bottom:0;}
		.cols:first-child{padding-bottom:0}
	}
	#lasertag .cols{min-height:0;padding-left:0 !important;}
	#lasertag .table
	{
		.cols{margin-bottom:0;}
		.cols:first-child{padding-bottom:0}
	}
	#birthdays
	{
	  .columns > div{display:block;width:100%;padding:20px 0;}	
	}
	#scamp
	{
		#birthdays .columns > div{width:100%;}
		#birthdays li{font-size:15px;}
	}
	#camp
	{
		&{background-position:90% center;}	
		.content{padding:50px 25px;}
	}
	#instructor 
	{
		.cols:first-child{padding-right:0;margin-bottom:0;}
		.contain,h3,h4{max-width:450px}	
		.content:nth-of-type(2),.content:nth-of-type(4)
		{
			.columns{display:flex;flex-direction:column;}
			.columns > div:nth-child(1){order:2;width:100%}
			.columns > div:nth-child(2){order:1;width:100%}
		}
	}	
	#contact
	{
		.content{max-width:94%;margin:0 3%;padding-right:0}	
		#map{height:400px}
	}
	footer
	{
		&{padding:115px 0 0 0}
		.content
		{
			&{display:flex;flex-direction:column;}
			.cols{width:100%;}
			> .cols:first-child{$order(2);margin-top:50px}
			> .cols:last-child{$order(1)}
		}		
	}
}
@media all and (max-width:500px)
{
	//header .logo{width: 203px;height: 42px;}
	#classes,#lasertag
	{
		table{width:100%}
		td{display:block;width:100%;box-sizing:border-box;}
	}
	footer .content 
	{
		.fx-field{width:100%}	
		input[type=button]{margin-left:0}
	}	
}