/* RESET ++ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
	outline:none;
}

textarea {
	outline:none;
	resize:none;	
}

img {
	max-width:100%;
	height:auto;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

 a { text-decoration:none; }
 
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
} 

textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
	-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
	outline: none !important;
	-webkit-appearance: none;
	border-radius: 0;
}

html{scroll-behavior:smooth;}


/* RESET -- */
/* FONTS ++ */


@font-face {
	font-family:"Roc-Grotesk-Regular";
	font-style:normal;
	font-weight:400;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Regular.otf') format('opentype');
}

@font-face {
	font-family:"Roc-Grotesk-Bold";
	font-style:normal;
	font-weight:400;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Bold.otf') format('opentype');
}


@font-face {
	font-family:"Roc-Grotesk-Light";
	font-style:normal;
	font-weight:400;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Light.otf') format('opentype');
}

@font-face {
	font-family:"Roc-Grotesk-Compressed";
	font-style:normal;
	font-weight:400;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Compressed.otf') format('opentype');
}

@font-face {
	font-family:"Roc-Grotesk-Compressed-Medium";
	font-style:normal;
	font-weight:400;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Compressed Medium.otf') format('opentype');
}

@font-face {
	font-family:"Roc-Grotesk-Medium";
	font-style:normal;
	font-style:normal;
	font-weight:400;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Medium.otf') format('opentype');
}

@font-face {
	font-family:"Roc-Grotesk-Compressed-Bold";
	font-style:normal;
	font-weight:300;
	src: url('/assets/vendor/fonts/Kostic - Roc Grotesk Compressed Bold.otf') format('opentype');
}

/* FONTS -- */
/* OVERALL ++  */

html, body {
	width:100%;
	height:100%;
}

body {
	overflow-y: scroll;
	font-family:"Roc-Grotesk-Regular";
	background-color:#000;
	color:#1D2252;
}

body.popup-open {
    position:fixed;
	overflow-y:hidden;
}
	
h1 {
	font-size:160px;
	line-height:140px;
	letter-spacing:3pt;
	font-family:"Roc-Grotesk-Compressed-Medium";
	text-transform:uppercase;
	font-weight:normal;
}

h2,
p.h2 {
	font-size:70px;
	line-height:70px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:"Roc-Grotesk-Compressed-Medium";
	letter-spacing:0.4pt;
	color:#1D2252;
	/* max-width:600px; */
}

h3 {
	font-size:40px;
	font-weight:normal;
	font-family:"Roc-Grotesk-Compressed-Medium";
	letter-spacing:0.4pt;
	color:#1D2252;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:10px;
}

div.content-container {
	height:100%;
	width:100%;
	display:table;
	position:relative;
}

div.content-wrapper {
	width:100%;
	max-width:970px;
	margin:0 auto;
	display:table;
	padding:0 40px;
	box-sizing:border-box;
}

div.width-wrapper {
	padding-left:80px;
	padding-right:80px;
	box-sizing:border-box;
	background-size:cover;
	background-position:center center;
}

div.width-wrapper.blue {
	background-color: rgba(102, 153, 255, 0.1);
}

div.width-wrapper.yellow {
	background-color: rgba(255, 227, 146, 0.2);
}

div.width-wrapper.red {
	background-color: rgba(255, 101, 81, 0.1);
}

div.width-wrapper.green {
	background-color: rgba(0, 216, 128, 0.1);
}





div.width-wrapper.top-padding {
	padding-top:80px;
}

section {
	width:100%;
	height:100%;
	display:table;
	background-color:#fff;
	padding-left:110px;
	box-sizing:border-box;
	background-color:#fff;
}

body.form section {
	background-color:#FFE392;
}

.center {
	display:table;
	margin:0 auto;
	text-align:center;
}

.table {
	display:table;
}

	.table-row {
		display:table-row;
	}
	
		.table-cell {
			display:table-cell;
			vertical-align:top;
		}

.mobile-only {
	display:none !important;
}

span.green,
p.green {
	color:green !important;
}

span.red,
p.red {
	color:red !important;
}

.clear {
	clear:both;
}

div.video-container {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
	margin-top:30px;
}

/* buttons ++ */

a.buy {
    font-size:18px;
    color:#1D2252;
    background-color:#00D880;
    padding:15px 30px;
    margin-right:0;
    margin-left:40px;
    position:absolute;
    right:0;
    top:0px;
    letter-spacing: 0.5pt;
	padding:20px 40px;
	box-sizing:border-box;
	text-align:center;
	transition-duration:0.3s;
}

a.buy:hover {
	color:#fff;
	background-color:#1D2252;
}

a.buy.nomargin {
	margin-left:0;
}

a.back {
	padding-left:17px;
	background-image:url('/assets/img/icon-bullet-left.svg');
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-decoration:none;
	color:#1D2252;
	font-size:14px;
	transition-duration:0.3s;
	display:table;
	margin-bottom:60px;
	background-position:left 0px top 0px;	
	letter-spacing:1pt;
}

a.back:hover {
	background-position:left 2px top 0px;
}

/* buttons -- */
/* selects ++ */

div.select-container {
    display:inline-table;
    position:relative;
    text-align:left;
    border-radius:4px;
    position:relative;
}

	div.select-container div.inner-container {
		cursor:pointer;
		transition-duration:0.3s;
		border-radius:15px;
		font-size:18px;
		/* font-weight:bold; */
		font-family:"Roc-Grotesk-Regular";
	}

		div.select-container div.inner-container div.choosed-val {
			padding:14px 0px;
			position:relative;
			height:14px;
			padding-right:20px;
			color:rgba(29, 34, 82,0.3);
			border-bottom:1px solid rgba(29, 34, 82, 0.3);
			background-repeat:no-repeat;
			background-position:right top 22px;
			background-image:url('/assets/img/icon-select.svg');
			transition-duration:0.3s;
		}
		
		div.select-container div.inner-container div.choosed-val.correct {
			color:green;
		}
		
		div.select-container div.inner-container div.choosed-val.uncorrect {
			color:red;
		}

		
		div.select-container.red div.inner-container div.choosed-val {
			border-bottom:1px solid red;
		}
		
		div.select-container div.inner-container:hover div.choosed-val {
			background-position:right top 25px;	
		}
		
		div.select-container div.inner-container div.choosed-val.active {
			color:rgba(29, 34, 82,1);	
		}
		
		div.select-container div.values {
			white-space:nowrap;
			position:absolute;
			margin-top:-1px;
			/* left:-1px; */
			/* right:-1px; */
			/* width:100%; */
			z-index:100;
		}
		
		div.select-container ul {
			list-style:none;
			/* background-color:#FFE392; */
			background-color:#FFF;
			border:1px solid #1D2252;
			overflow:hidden;
			transition-duration:0.3s;
			box-shadow:rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
			display:none;
			margin-left:0 !important;
			max-height:400px;
			overflow-y:auto;
		}
		
		div.select-container ul.visible {
			display:block;
		}
		
			div.select-container ul li {
				display:table;
				width:100%;
				color:#000;
				line-height:20px;
				box-sizing:border-box;
				transition-duration:0.3s;
				background-position:left 15px center;
				background-repeat:no-repeat;
				background-size:15px;
				margin:0 !important;
			}
			
				div.select-container ul li a {
					padding:15px 15px 15px 15px;
					text-decoration:none;
					color:#1D2252;
					display:block;
					transition-duration:0.3s;
				}
				
				div.select-container ul li a.selected,
				div.select-container ul li a:hover {
					background-color:rgba(29, 34, 82, 0.1);
					/* font-weight:bold; */
				}
				
				div.select-container ul li a.orange {
					color:orange;
				}
				
				div.select-container ul li a.correct {
					color:green;
				}
				
				div.select-container ul li a.uncorrect {
					color:red;
				}

/* selects -- */
/* radio ++ */

div.radio-button {
    margin: 15px 0;
    cursor: pointer;
    display: table;
}

	div.radio-button input[type=radio]:checked {
		border: 1px solid #1D2252;
	}

	div.radio-button input[type=radio] {
		-webkit-appearance:none;
		/* border:1px solid #9CA3AF; */
		border: 1px solid rgba(29, 34, 82, 0.3);
		width:15px;
		height:15px;
		border-radius:50%;
		display:inline-block;
		margin:0;
		margin-right:8px;
		vertical-align:top;
		position:relative;
		cursor:pointer;
		transition-duration:0.3s;
	}
	
	div.radio-button input[type=radio].red {
		border:1px solid red;
	}

	div.radio-button input[type="radio"]:checked::before {
		content:"";
		width:7px;
		height:7px;
		display:table;
		margin-left:3px;
		margin-top:3px;
		border-radius:50%;
		box-shadow:inset 1em 1em #1D2252;
	}

	div.radio-button label {
		cursor:pointer;
		color:#1D2252;
	}

/* radio -- */
/* inputs ++ */

p.label {
    font-size:14px !important;
    line-height:24px;
    font-family:"Roc-Grotesk-Regular";
    color:#1D2252;
	margin-bottom:0 !important;
}

input[type=text],
input[type=password] {
	border:0 none;
	padding:10px 0 6px 0;
	width:100%;
	/* font-weight:bold; */
	font-family: "Roc-Grotesk-Regular";
	font-size:18px;
	background-color:transparent;
	border-bottom: 1px solid rgba(29, 34, 82, 0.3);
	color:#1D2252;
	transition-duration:0.3s;
}

input[type=text].red,
input[type=password].red {
	border-bottom:1px solid red;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus {
	border-bottom: 1px solid rgba(29, 34, 82, 1);
}

textarea::placeholder,
input[type=text]::placeholder,
input[type=password]::placeholder {
	color:#1D2252;
	opacity:0.3;
}

textarea {
    border:0 none;
    outline:none;
    padding:10px 0;
    width:100%;
    height:60px;
    font-family:"Roc-Grotesk-Regular";
    font-size:18px;
    background-color:transparent;
    border-bottom:1px solid rgba(29, 34, 82, 0.3);
    color:#1D2252;
    transition-duration:0.3s;
}

/* inputs -- */
/* checkbox ++ */

label.checkbox-container {
	display:inline-block;
	
	cursor:pointer;
	user-select:none;
	/* padding-left:30px; */
	color:#1D2252;
	line-height:20px;
	font-size:14px;
}

	label.checkbox-container div.inline-left,
	label.checkbox-container div.inline-right {
		display:inline-table;
		vertical-align:middle;
	}
	
	label.checkbox-container div.inline-left {
		position:relative;
		padding-right:5px;
	}

	label.checkbox-container a {
		color:#1D2252;
		border-bottom:1px solid #1D2252;
		text-decoration:none;
		transition-duration:0.3s;
		padding-bottom:3px;
		margin-left:5px;
	}
	
	label.checkbox-container a:hover {
		border-bottom:1px solid transparent;
	}

label.checkbox-container input[type=checkbox] {
	opacity:1;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	border:1px solid rgba(29, 34, 82, 0.3);
	width:20px;
	height:20px;
	position:relative;
	margin:0;
	
}

label.checkbox-container input[type=checkbox]:hover {
	border:1px solid rgba(29, 34, 82, 1);
}

label.checkbox-container  input[type=checkbox]:checked {
	border:1px solid rgba(29, 34, 82, 1);
}

label.checkbox-container  input[type=checkbox]:checked:after {
	content: '';
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:table;
	background-color:#1D2252;
	background-image:url(/assets/img/icon-check.svg);
	background-repeat:no-repeat;
	background-position:left 3px center;
	background-size:13px;
	transition-duration:0.3s;
}


/*

label.checkbox-container:hover input ~ .checkmark {
	border:1px solid #1D2252;
}

label.checkbox-container input ~ .checkmark {
	border:1px solid rgba(29, 34, 82, 0.3);
	position:absolute;
	width:20px;
	height:20px;
	top:-2px;
	left:0px;
	transition-duration:0.3s;
	background-repeat:no-repeat;
	background-position:left 4px center;
	background-size:13px;
}

label.checkbox-container input:checked ~ .checkmark {
	background-color:#1D2252;
	background-image:url(/assets/img/icon-check.svg);
}
*/

/* checkbox -- */
/* breadcrumbs ++ */

div.breadcrumbs a,
div.breadcrumbs p,
div.breadcrumbs img {
	display:inline-table;
	margin:3px 10px 3px 0;
	vertical-align:middle;
}

div.breadcrumbs img {
	margin-top:0;
}

div.breadcrumbs a,
div.breadcrumbs p{
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid transparent;
}

div.breadcrumbs a {
	transition-duration:0.3s;
}

div.breadcrumbs a:hover {
	border-bottom:1px solid #fff;
}

div.breadcrumbs.blue a,
div.breadcrumbs.blue p {
	color:#1D2252;	
}

div.breadcrumbs.blue a:hover {
	border-color:#1D2252;
}

.white div.breadcrumbs.blue a,
.white div.breadcrumbs.blue p {
	color:#FFF;	
}

.white div.breadcrumbs.blue img {
    content: url(/assets/img/icon-breadcrumbs-bullet-right-white.svg);
}

div.breadcrumbs.blue img {
	content:url("/assets/img/icon-breadcrumbs-bullet-right.svg");
}

@media screen and (max-width:800px) {
	div.breadcrumbs a,
	div.breadcrumbs img {
		margin-right:5px;
	}
}
			
/* breadcrumbs -- */

@media screen and (max-width:920px) {
		
	
	h1 {
		font-size:120px;
		line-height:100px;
	}
	
	h2,
	p.h2 {
		font-size:60px;
		line-height:60px;
	}

	section {
		padding-left:0px;
	}
	
	a.back {
		margin-bottom:30px;
	}

}

@media screen and (max-width:600px) { 
	div.content-wrapper {
		padding:0 20px;
	}
	
	div.width-wrapper.top-padding {
		padding-top:60px;
	}
	
	.mobile-only {
		display:block !important;
	}
	
	.desktop-only {
		display:none!important;
	}
	
	a.buy {
		padding-left:20px;
		padding-right:20px;
	}
		
}

@media screen and (max-width:1200px) {
	div.width-wrapper {
		padding-left:40px;
		padding-right:40px;
	}
}

@media screen and (max-width:600px) {
	h1 {
		font-size:70px;
		line-height:65px;
		letter-spacing:1.5pt;
	}
	
	h2,
	p.h2 {
		font-size:50px;
		line-height:50px;
	}
	
	div.width-wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	
}

/* OVERALL --  */
/* HEADER ++  */

header {
	background-color:#000;
	height:100%;
	position:fixed;
	z-index:100;
}



	header div.table {
		padding:35px 20px;
		text-align:center;
		height:100%;
		box-sizing:border-box;
	}
	
		header div.table div.table-row div.table-cell {
			height:auto;
		}
		
		header div.table div.table-row div.table-cell.middle {
			height:100%;
			vertical-align:middle;
		}
		
			header a.logo {
				width:100%;
			}
			
			header span.line {
				width:100%;
				height:1px;
				display:table;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				margin:15px 0 30px 0;
			}
			
			header a.toggle-menu {
				width:40px;
				height:24px;
				display:table;
				margin:0px auto;
			}

				header a.toggle-menu  div.icon-container span.line-top, header a.toggle-menu  div.icon-container span.line-middle, header a.toggle-menu  div.icon-container span.line-bottom {
					display:block;
					height:1px;
					background-color:#FFF;
					transition:all .2s ease-in-out;
					-moz-transition:all .2s ease-in-out;
					-webkit-transition:all .2s ease-in-out;
				}

				header a.toggle-menu  div.icon-container span.line-top {
					margin-top:2px;
				}

				header a.toggle-menu div.icon-container span.line-middle, header a.toggle-menu div.icon-container span.line-bottom {
					margin-top:6px;
				}

				header a.toggle-menu.opened div.icon-container span.line-top {
					transform: translateY(8px) rotate(135deg);
				}

				header a.toggle-menu.opened div.icon-container span.line-middle {
					-webkit-transform: scale(0);
					transform: scale(0);
				}

				header a.toggle-menu.opened div.icon-container span.line-bottom {
					transform: translateY(-7px) rotate(-135deg);
				}
				
			header a.search {
				margin:25px auto 0 auto; 
				display:table;
				background-image:url('/assets/img/icon-search.svg');
				background-repeat:no-repeat;
				background-position:center center;
				width:34px;
				height:34px;
				position:relative;
				background-size:36px;
				transition-duration:0.3s;
			}
			
			header a.search:hover {
				background-size:40px;
			}
			
			header a.cart {
				margin:25px auto 0 auto; 
				display:table;
				background-image:url('/assets/img/icon-cart.svg');
				background-repeat:no-repeat;
				background-position:center center;
				width:30px;
				height:30px;
				position:relative;
				background-size:21px;
				display:none;
			}
			
			header a.cart.visible {
				display:table;	
			}
			
				header a.cart span.count {
					width:18px;
					height:18px;
					line-height:18px;
					border-radius:50%;
					background-color:#00D880;
					text-align:center;
					font-size:10px;
					display:block;
					position:absolute;
					right:-5px;
					top:-3px;
					color:#1D2252;
				}
				
			header div.button-container {
				height:160px;
			}
				
				header div.button-container a.toggle-schedule {
					display:table;
					color:#fff;
					text-transform:uppercase;
					font-size:30px;
					letter-spacing:4pt;
					line-height:30px;
					font-family:"Roc-Grotesk-Compressed";
					text-decoration:none;
					transform-origin: top left;
					transform: rotate(-90deg) translate(-100%);
					position:absolute;
					margin-left:20px;
					padding-right:30px;
					background-position:right center;
					background-repeat:no-repeat;
					transition-duration:0.3s;
				}
				
				header div.button-container a.toggle-schedule:hover {
					color:#00D880;
				}
				
					body.repertoire header div.button-container a.toggle-schedule {
						background-image:url('/assets/img/icon-close-grey.svg');
						color:#1D2252;
					}
				
			header ul.socials {
				list-style:none;
				display:table;
				margin:0 auto;
			}
			
				header ul.socials li {
					display:block;
					margin-bottom:20px;
				}
				
				header ul.socials li:last-child {
					margin-bottom:0;
				}
				
					header ul.socials li a {
						width:15px;
						height:15px;
						display:block;
						background-repeat:no-repeat;
						background-position:center center;
						transition-duration:0.3s;
					}
				
					header ul.socials li a.fb {
						background-image:url('/assets/img/icon-fb.svg');
					}
					
					header ul.socials li a.ig {
						background-image:url('/assets/img/icon-ig.svg');
					}
					
					header ul.socials li a.tw {
						background-image:url('/assets/img/icon-tw.svg');
					}
					
					header ul.socials li a.yt {
						background-image:url('/assets/img/icon-yt.svg');
					}
					
					header ul.socials li a.fb:hover {
						background-image:url('/assets/img/green/icon-fb.svg');
					}
					
					header ul.socials li a.ig:hover {
						background-image:url('/assets/img/green/icon-ig.svg');
					}
					
					header ul.socials li a.tw:hover {
						background-image:url('/assets/img/green/icon-tw.svg');
					}
					
					header ul.socials li a.yt:hover {
						background-image:url('/assets/img/green/icon-yt.svg');
					}
					
					
/* header schedule opened ++ */

body.repertoire header {
	border-right:1px solid rgba(29,34,82,0.2);
	background-color:#fff;
}

	body.repertoire header ul.socials,
	body.repertoire header a.toggle-menu,
	body.repertoire header a.logo,
	body.repertoire header a.search,
	body.repertoire header a.cart {
		visibility:hidden;
	}
	
/* header schedule opened ++ */


@media screen and (max-width:920px) {
	header {
		height:auto;
		width:100%;
		position:relative;
	}
	
	body.repertoire header {
		border-right:0px solid rgba(29,34,82,0.2);
	}
	
		header div.table {
			padding:12px 20px 7px 20px;
			text-align:center;
			height:auto;
			width:100%;
			box-sizing:border-box;
			
		}
		
		body.schedule header div.table { 
			padding:15px 20px 10px 20px;
		}
			
			header div.table div.table-row.middle,
			header div.table div.table-row.bottom {
				display:none;
			}
			
			header div.table div.table-row.top {
				display:table;
				width:100%;
				position:relative;
			}
			
				header div.table div.table-row.top div.table-cell {
					width:100%;
					text-align:center;
				}
				
				header a.logo {
					display:table;
					margin:0 auto;
					max-width:50px;
				}
			
				header span.line {
					display:none;
				}
				
				header a.search {
					position:absolute;
					right:0;
					top:10px;
					margin:0;
				}
				
				header a.cart {
					position:absolute;
					right:50px;
					right:5px;
					top:10px;
					margin:0;
				}
				
				header a.toggle-menu {
					position:absolute;
					left:0px;
					top:12px;
				}
			
}
			
/* HEADER --  */
/* FOOTER ++  */

footer {
	padding:80px 0 40px 0;
	background-color:#fff;
	padding-left:110px;
}

body.repertoire footer {
	display:none;
}

	footer div.inner {
		padding:0 40px;
	}
	
		footer div.inner ul.menu-footer {
			display:flex;
			justify-content:space-between;
			list-style:none;
			border-top:1px solid #1D2252;
			border-bottom:1px solid #1D2252;
			padding-top:16px;
			padding-bottom:13px;
			margin-bottom:60px;
		}
		
			footer div.inner ul.menu-footer li a {
				font-family:"Roc-Grotesk-Compressed-Medium";
				font-size:24px;
				line-height:24px;
				color:#1D2252;
				text-transform:uppercase;
				letter-spacing:0.4pt;
			}
			
		footer div.inner span.line {
			width:100%;
			height:1px;
			border-bottom:1px solid #1D2252;
			display:table;
			margin:60px 0 40px 0;
		}
		
		footer div.inner div.inline {
			width:33.33%;
			box-sizing:border-box;
			display:inline-block;
			vertical-align:top;
			/* border:1px solid red; */
		}
		
		footer div.inner div.copyright div.inline {
			vertical-align:middle;
		}
		
		footer div.inner div.inline.middle {
			text-align:center;
		}
		
		footer div.inner div.inline.center {
			text-align:center !important;
		}
		
		footer div.inner div.inline.right {
			text-align:right;
		}
			
			footer div.inner div.copyright a,
			footer div.inner div.copyright p {
				color:#1D2252;
				font-size:12px;
				line-height:24px;
				display:inline-block;
			}
			
			footer div.inner div.copyright div.inline.left a,
			footer div.inner div.copyright div.inline.left p {
				margin-right:15px;
			}
			
			footer div.inner div.copyright div.inline.right a,
			footer div.inner div.copyright div.inline.rightp {
				margin-left:15px;
			}
			
			footer div.inner div.copyright div.inline p a {
				margin-right:0 !important;
				margin-left:0 !important;
			}
			
			footer div.inner div.copyright div.inline.right a img {
				width:100%;
				max-width:200px;
				min-width:110px;
				display:inline-table;
				vertical-align:middle;
			}
			
			
			footer div.inner div.inline p.key {
				margin-bottom:15px;
			}
			
			footer div.inner div.inline a.value,
			footer div.inner div.inline p.value {
				color:#1D2252;
				font-size:40px;
				line-height:40px;
				font-family:"Roc-Grotesk-Compressed";
				text-transform:uppercase;
				letter-spacing:0.2pt;
				/* margin-bottom:10px !important; */
				text-decoration:none;
				transition-duration:0.3s;
				display:block;
			}
			
			footer div.inner div.inline p.value {	
				margin-bottom:10px;
			}
			
			footer div.inner div.copyright{
				display:table;
				width:100%;
			}
			
			footer div.inner a {
				transition-duration:0.3s;
			}
			
			
			footer div.inner a:hover {
				opacity:0.7;
			}
			
			
@media screen and (max-width:920px) {
	footer {
		padding-left:0;
	}
	
	footer div.inner div.copyright div.inline.left {
		width:50%;
	}
	
	footer div.inner div.copyright div.inline.middle {
		width:50%;
		text-align:right;
	}
	
	footer div.inner div.copyright div.inline.right {
		width:100%;
		margin-top:10px;
	}
}

@media screen and (max-width:800px) {
	
	footer {
		padding-top:40px;
	}
	
	footer div.inner div.contacts div.inline {
		width:50%;
		margin-bottom:60px;
	}
	
	footer div.inner div.contacts div.inline.last-child {
		margin-bottom:0;
	}
	
}

@media screen and (max-width:600px) {
	
	footer {
		padding-bottom:30px;
	}
	
	footer div.inner {
		padding:0 20px;
	}
	
		footer div.inner ul.menu-footer {
			display:none;
		}
	
		footer div.inner span.line {
			margin:20px 0 30px 0;
		}
	
		footer div.inner div.inline.border {
			border-top:1px solid #1D2252;
			padding-top:40px;
		}
	
		footer div.inner div.contacts div.inline {
			width:100%;
			margin-bottom:40px;
			text-align:center !important;
		}
		
		footer div.inner div.copyright div.inline {
			width:100% !important;
			/* border:1px solid red; */
			/* margin-bottom:40px; */
			text-align:center !important;
		}
	
	footer div.inner div.inline.last-child {
		margin-bottom:0px;
	}
	
	footer div.inner div.copyright {
		text-align:center;
	}
	
	footer div.inner div.copyright div.inline {
		width:auto;
		padding:0 10px;
	}
	
	footer div.inner div.copyright div.inline.right a {
		margin:10px 0px;
	}
	
	footer div.inner div.copyright div.inline.right a {
		width:100%;
	}
	
	footer div.inner div.copyright div.inline.right a img {
		width:100%;
		max-width:220px;
		/* min-width:110px; */
	}
	
}

/* FOOTER --  */
/* MAIN MENU ++  */

div.menu-container {
	display:none;
	background-color:#000;
	height:100%;
}

	div.menu-container div.table {
		border-left:1px solid rgba(255, 255, 255, 0.2);
		display:table;
		width:100%;
		height:100%;
		box-sizing:border-box;
	}	
	
				
		div.menu-container div.table ul.menu-lang {
			list-style:none;
			/* display:none; */
		}
		
			div.menu-container div.table ul.menu-lang a {
				color:#fff;
				text-decoration:none;
				font-size:14px;
				transition-duration:0.3s;
			}
	
		div.menu-container div.table div.table-cell {
			vertical-align:top;
		}
		
		div.menu-container div.table div.table-cell.first {
			padding:40px 80px 40px 80px;
			min-width:500px;
			width:50%;
		}
		
		div.menu-container div.table div.table-cell.second {
			border-left:1px solid rgba(255, 255, 255, 0.2);
			width:100%;
		}
		
			div.menu-container div.table div.table-cell.second div.inner.main {
				padding:100px 80px 80px 80px;
			}
			
			div.menu-container div.table div.table-cell.second div.inner {
				padding:70px 80px;
			}
			
				div.menu-container div.table div.table-cell.second span.line-horizontal {
					height:0;
					width:100%;
					display:table;
					border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				}
	
		div.menu-container div.table ul.menu-main {
			list-style:none;
			margin-top:50px;
			margin-bottom:50px;
		}
		
			div.menu-container div.table ul.menu-main li {
				display:block;
				position:relative;
			}
			
				div.menu-container div.table ul.menu-main>li>a {
					padding:2px 0;
					color:#fff;
					text-decoration:none;
					font-size:70px;
					font-family:"Roc-Grotesk-Compressed-Medium";
					text-transform:uppercase;
					transition-duration:0.3s;
					display:table;
					letter-spacing:0.4pt;
				}
				
				div.menu-container div.table ul.menu-main li ul {
					position:absolute;
					left:300px;
					top:0;
					z-index:200;
					display:none;
				}
				
		div.menu-container div.table ul.menu-extra {
			list-style:none;
		}
		
			div.menu-container div.table ul.menu-extra li {
				display:block;
			}
			
				div.menu-container div.table ul.menu-main li ul li a,
				div.menu-container div.table ul.menu-extra li a {
					padding:8px 0;
					color:#fff;
					text-decoration:none;
					font-size:18px;
					line-height:22px;
					transition-duration:0.3s;
					display:table;
				}
		
		
		
		div.menu-container p.key {
			font-size:14px;
			margin-bottom:10px !important;
			color:#fff;
			letter-spacing:0.4pt;
			opacity:0.5;
		}
		
			div.menu-container p.key a {
				color:#fff;
				text-decoration:none;
				border-bottom:1px solid #fff;
				transition-duration:0.3s;
			}
			
			div.menu-container p.key a:hover {
				border-bottom:1px solid transparent;	
			}
		
		div.menu-container a.value,
		div.menu-container p.value {
			opacity:0.5;
			color:#fff;
			font-size:40px;
			line-height:45px;
			font-family:"Roc-Grotesk-Compressed";
			text-transform:uppercase;
			letter-spacing:0.2pt;
			margin-bottom:10px !important;
			text-decoration:none;
			transition-duration:0.3s;
		}
		
		div.menu-container a.value:hover {
			opacity:1;
		}
		
		div.menu-container span.space {
			padding:25px 0;
			height:0;
			width:100%;
			display:table;
		}
		
		div.menu-container div.form {
			max-width:350px;
			position:relative;
			position:relative;
		}
		
			div.menu-container div.form input[type=text]::placeholder {
				color:#fff;
				opacity:0.5;
			}
			
			div.menu-container div.form input[type=text] {
				color:#fff;
				font-family: "Roc-Grotesk-Regular";
				font-weight:normal;
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
				opacity:1;
				padding-right:30px;
				box-sizing:border-box;
			}
			
			div.menu-container div.form a.submit {
				position:absolute;
				right:0;
				font-size:40px;
				line-height:45px;
				font-family:"Roc-Grotesk-Compressed";
				text-transform:uppercase;
				letter-spacing:0.2pt;
				color:#fff;
				top:0;
				opacity:0.5;
				text-decoration:none;
				transition-duration:0.3s;
			}
			
			div.menu-container div.form a.submit:hover {
				opacity:1;
			}
			
			div.menu-container div.form div.response {
				margin-top:10px;
				display:none;
			}

@media screen and (max-width:1200px) {
	div.menu-container div.table div.table-cell.first {
		padding:40px 40px 40px 40px;
		min-width:450px;
	}
	
	div.menu-container div.table ul.menu-main li ul {
		left:250px;
	}
	
	div.menu-container div.table div.table-cell.second div.inner.main {
		padding: 100px 40px 80px 40px;
	}
	
	div.menu-container div.table div.table-cell.second div.inner {
		padding:70px 40px;
	}
	
	div.menu-container div.table div.table-cell.second div.inner.main {
		padding:100px 40px 80px 40px;
	}
	
}

@media screen and (max-width:1000px) {
	div.menu-container div.table div.table-cell.first {
		min-width:400px;
	}
}

@media screen and (max-width:920px) {
	div.menu-container div.table {
		border-top:1px solid rgba(255, 255, 255, 0.2);
		border-left:0 none;
	}	
	
	div.menu-container div.table div.table-cell.first {
		padding:30px 20px 30px 20px;
		min-width:450px;
	}
	
	div.menu-container div.table div.table-cell.second {
		border-top:1px solid rgba(255, 255, 255, 0.2);
		border-left:0 none;
	}
	
	div.menu-container div.table div.table-cell {
		display:block;
	}
	
	div.menu-container div.table div.table-cell.second div.inner {
		padding:30px 20px;
	}
	
	div.menu-container div.table div.table-cell.second div.inner.main {
		padding:40px 20px 40px 20px;
	}
}

@media screen and (max-width:800px) {
	
	div.menu-container div.table div.table-cell.first {
		min-width:0px;
	}
	
	div.menu-container div.table ul.menu-main {
		margin-top:20px;
		margin-bottom:20px;
	}
	
		
		
			div.menu-container div.table ul.menu-main li ul li a, 
			div.menu-container div.table ul.menu-extra li a {
				padding:7px 0;
			}
			
			div.menu-container span.space {
				padding:15px 0;
			}

}

@media screen and (max-width:600px) {
	
	div.menu-container div.table div.table-cell.first { 
		width:100%;
		box-sizing:border-box;
	}
	
	div.menu-container div.table ul.menu-main li ul {
		position:relative;
		left:0px;
		margin-bottom:20px;
	}
	
		div.menu-container div.table ul.menu-main li.childs {
			position:relative;
		}
	
		div.menu-container div.table ul.menu-main li.childs a.toggle-submenu {
			background-image:url('/assets/img/icon-bullet-right-white.svg');
			background-repeat:no-repeat;
			background-position:right center;
			width:20px;
			height:20px;
			position:absolute;
			top:8px;
			right:0;
			content:"";
			transition-duration:0.3s;
			cursor:pointer;
		}
		
		div.menu-container div.table ul.menu-main li.childs.opacity:before {
			opacity:0.5;
		}
		
		div.menu-container div.table ul.menu-main li.childs.open a.toggle-submenu{
			transform: translateY(0px) rotate(90deg);
		}
		
			div.menu-container div.table ul.menu-main>li>a {
				font-size:50px;
				padding:4px 0;
			}
	
}



/* MAIN MENU --  */
/* HOME INTRO MOVIES ++  */

div.intro-movies div.section {
	width:100%;
	height:100vh;
	display:table;
	text-align:center;
	box-sizing:border-box;
	background-color:#1D2252;
}
	
	div.intro-movies div.section a {
		color:#fff;
		text-decoration:none;
		height:100%;
		width:100%;
		display:table;
		padding:100px 20px 100px 20px;
		box-sizing:border-box;
	}
	
		div.intro-movies div.section a div.table-row div.table-cell {
			vertical-align:middle;	
		}

			div.intro-movies div.section p {
				z-index:1;
				position:relative;
			}
			
			div.intro-movies div.section p.slogan {
				color:#00D880;
				font-size:20px;
				line-height:28px;
				letter-spacing:2.5pt;
				font-family:"Roc-Grotesk-Compressed-Bold";
				text-transform:uppercase;
			}
			
			div.intro-movies div.section p.title {
				color:#FFF;
				font-size:160px;
				line-height:160px;
				letter-spacing:3pt;
				max-width:1000px;
				margin:0 auto;
				margin-top:30px;
				font-family:"Roc-Grotesk-Compressed-Medium";
				text-transform:uppercase;
			}
			
			div.intro-movies div.section p.date {
				letter-spacing:0.5pt;
				font-size:18px;
				line-height:24px;
			}
	
			div.intro-movies div.section div.image-container {
				position:relative;
				display:table;
				max-width:880px;
				width:100%;
				height:500px;
				margin:0 auto;
				margin-top:-100px;
				background-size:cover;
				background-position:center center;
			}
			
@media screen and (max-width:920px) {
	
	div.intro-movies div.section p.title {
		font-size:120px;
		line-height:120px;
	}
	
	div.intro-movies div.section div.image-container {
		height:350px;
	}
}


@media screen and (max-width:600px) {
	
	
	div.intro-movies div.section {
		height:auto;
		/* border-bottom:1px solid rgba(255,255,255,0.3); */
	}
	
	
	div.intro-movies div.section p.title {
		font-size:70px;
		line-height:70px;
		margin-top:10px;
		letter-spacing:1.5pt;
	}
	
	div.intro-movies div.section p.slogan {
		font-size:18px;
	}
	
	div.intro-movies div.section p.date {
		font-size:16px;
	}
	
	div.intro-movies div.section div.image-container {
		height:250px;
		margin-top:-70px;
	}
}


/* HOME INTRO MOVIES -- */
/* HOME REPERTOIRE ++  */

div.repertoire {
	box-sizing:border-box;
	padding-top:70px;
	padding-bottom:60px;
	/* background-color:#fff; */
	text-align:center;
}

div.repertoire.filter-cards {
	padding:0;
}

	div.repertoire.filter-cards div.repertoire {
		padding-top:20px;
		padding-bottom:0;
	}

div.repertoire.slideshow {
	text-align:left;
	overflow:hidden;
}

	div.repertoire.slideshow h2 {
		display:inline-table;
		vertical-align:middle;
		margin-right:30px;
	}
	
	div.red div.repertoire.slideshow h2 {
		color:#FF6551;
	}
	
	div.image div.repertoire.slideshow h2 {
		color:#00D880;
	}
	
	div.repertoire.slideshow div.inline.left p {
		max-width:400px;
		width:100%;
		margin-top:20px;
		font-size:14px;
		line-height:20px;
	}
	
	div.image div.repertoire.slideshow div.inline.left p {
		color:#fff;
	}
	
	div.image div.repertoire ul li>a {
		color:#fff;
	}

	div.image div.repertoire.slideshow a.list-all {
		color:#fff;
		background-color: rgba(255, 255, 255, 0.06);
	}
	
	div.repertoire.slideshow a.list-all{
		display:inline-table;
		vertical-align:middle;
		padding:17px 36px 17px 20px;
		background-color:rgba(29, 34, 82, 0.06);
		border-radius:30px;
		color:#1D2252;
		background-image:url('/assets/img/icon-arrow-right.svg');
		background-position:right 20px center;
		background-repeat:no-repeat;
		background-size:7px;
		position:relative;
	}
	
	
	div.image div.repertoire.slideshow a.list-all {
		background-image:url('/assets/img/icon-arrow-right-white.svg');
	}
	
	div.repertoire.slideshow a.list-all.show-less {
		background-position:left 20px center;
		margin-top:0px;
		padding:17px 20px 17px 36px;
		background-image:none !important;
		display:none;
	}
	
		div.repertoire.slideshow a.list-all.show-less span {
			width:10px;
			height:10px;
			position:absolute;
			left:18px;
			top:19px;
			background-size:7px;
			background-image:url('/assets/img/icon-arrow-right.svg');
			background-position:center center;
			background-repeat:no-repeat;
			transform: rotate(180deg);
		}
		
		div.image div.repertoire.slideshow a.list-all.show-less span {
			background-image:url('/assets/img/icon-arrow-right-white.svg');
		}
	
	div.repertoire.slideshow div.inline {
		width:50%;
		display:inline-table;
		vertical-align:middle;
	}
	
	div.repertoire.slideshow div.inline.right {
		text-align:right;
	}
	
	div.repertoire.slideshow a.slide {
		width:60px;
		height:60px;
		/* float:right; */
		border-radius:50%;
		margin-left:10px;
		display:inline-table;
		background-color:rgba(29, 34, 82, 0.04);
		display:none;
	}
	
	div.repertoire.slideshow a.slide.next {
		background-image:url('/assets/img/blue/icon-slide-right.svg');
		background-position:right 20px center;
		background-repeat:no-repeat;
	}
	
	div.repertoire.slideshow a.slide.prev {
		background-image:url('/assets/img/blue/icon-slide-left.svg');
		background-position:right 20px center;
		background-repeat:no-repeat;
	}
	
	div.image div.repertoire.slideshow a.slide.next {
		background-image:url('/assets/img/icon-slide-right-white.svg');
		background-color: rgba(255, 255, 255, 0.1);
	}
	
	div.image  div.repertoire.slideshow a.slide.prev {
		background-image:url('/assets/img/icon-slide-left-white.svg');
		background-color: rgba(255, 255, 255, 0.1);
	}
	
	div.repertoire.slideshow a.slide.inactive {
		opacity:0.4;
		background-color:transparent;
		cursor:auto;
	}
	

	div.repertoire ul {
		list-style:none;
		width:100%;
		width:calc(100% + 40px);
		margin-left:-20px;
		text-align:left;
		margin-top:40px;
	}
	
	div.repertoire.slideshow {
		/* display:table; */
		/* width:100%; */
	}
	
		div.repertoire.slideshow div.wrapper {
			width:100%;
			max-width:100%;
			overflow:hidden;
			/* white-space:nowrap; */
		}
		
		div.repertoire.slideshow div.wrapper.no-slideshow {
			white-space:normal;
		}

	
	div.repertoire.slideshow ul {
		/* width:100%; */
		/* width:2000px; */
		/* width:100%; */
		/* margin-left:0; */
	}
	

	div.repertoire.slideshow ul {
		display:table;
	}
	
		div.repertoire ul li {
			width:50%;
			display:inline-table;
			box-sizing:border-box;
			padding:0 20px;
			vertical-align:top;
			white-space:normal;
			word-break:break-all;
		}
		
		div.repertoire div.no-slideshow ul li {
			margin-bottom:40px;
		}
		
		div.repertoire.col-3 ul li { 
			width:33.33%;
		}
		
			
		div.repertoire.slideshow ul li {
			display:none;
		}
		
		div.repertoire ul.col3.rpff {
			margin-bottom:60px;
		}
		
		div.repertoire ul.col3 li {
			width:33.33%;
			margin-bottom:40px;
		}
		
			div.repertoire ul li>a {
				display:table;
				width:100%;
				/* text-align:center; */
				color:#1D2252;
				text-decoration:none;
				position:relative;
			}
			
			body:not(.home) div.repertoire.slideshow ul li>a {
				border-bottom:1px solid #1D2252;
			}
			
			div.schedule.grid.repertoire ul li>a {
				border-bottom:0 none;
			}
			
			div.image div.repertoire ul li>a { 
				border-color:#fff;
			}
			
				div.repertoire ul li>a div.image-container {
					overflow:hidden;
					clip-path:inset(0px);
					transition: clip-path 1s;
				}
				
				div.repertoire ul li>a {
				}	
				
				div.repertoire ul li>a:hover div.image-container {
					clip-path:inset(4px);	
					
				}
				
				
				div.repertoire ul li>a div.image-container div.image {
					transition-duration:2s;
					background-size:cover;
					background-position:center center;
					background-repeat:no-repeat;	
				}
				
				div.repertoire ul li>a:hover div.image-container div.image {
					transform:scale(1.04);
				}
			
					div.repertoire ul li>a img {
						width:100%;
						line-height:0;
						opacity:0;
					}

					div.repertoire ul li>a p.title {
						font-size:40px !important;
						line-height:40px !important;
						margin-top:15px !important;
						text-transform:uppercase;
						font-family:"Roc-Grotesk-Compressed-Medium";
						letter-spacing:0.4pt !important;
						margin-bottom:0 !important;
						word-break: break-word;
					}	
					
					div.repertoire ul li>a p.translate {
						font-size:16px !important;
						margin-top:5px !important;
						margin-bottom:15px !important;
						font-family:"Roc-Grotesk-Light";
						word-break: break-word;
					}	
					
			div.repertoire ul li div.parameters {
				/* margin-top:15px; */
				padding:11px 0 7px 0;
				border-top:1px solid #1D2252;
				border-bottom:1px solid #1D2252;
			}
			
			div.repertoire ul li div.parameters.second {
				border-top:0 none;
			}
			
			
				div.repertoire ul li div.parameters p {
					font-family:"Roc-Grotesk-Compressed-Medium";
					font-size:24px  !important;
					line-height:24px  !important;
					float:left;
					color:#1D2252;
					letter-spacing:0.5pt  !important;
					margin-bottom:0  !important;
				}
				
				div.repertoire ul li div.parameters p span {
					font-family:"Roc-Grotesk-Compressed";
				}
				
				div.repertoire ul li div.parameters span.info,
				div.repertoire ul li div.parameters a.ticket {
					float:right;
					font-size:18px;
					line-height:18px;
					margin-top:2px;
					letter-spacing:0.4pt;
					color:#1D2252;
					text-decoration:none;
					transition-duration:0.3s;
				}
				
				div.repertoire ul li div.parameters span.info {
					color:#FF6551;
				}
				
				
				div.repertoire ul li div.parameters a.ticket:hover {
					color:#00D880;
				}
				
				
				div.repertoire ul li div.parameters div.clear {
					clear:both;
				}
				
@media screen and (max-width:1200px) {				
	div.repertoire ul {
		width:calc(100% + 20px);
		margin-left:-10px;
	}
	
		div.repertoire ul li {
			/* padding:0 10px; */
		}
		
		div.repertoire ul.col3 li {
			width:50%;
		}
}
				
@media screen and (max-width:920px) {
	div.repertoire.slideshow div.inline.left {
		width:70%;		
	}
	
	div.repertoire.slideshow div.inline.right {
		width:30%;
	}
		
}

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

	div.repertoire {
		padding:60px 0px;
		/* border:1px solid red; */
	}

		/* div.repertoire ul { */
		div.repertoire:not(.slideshow) ul {
			width:100%;
			margin-left:0px;
			margin-top:20px;
			/* border:1px solid red; */
		}
			
			div.repertoire ul.col3 li,
			div.repertoire ul li {
				width:100%;
				display:block;
				/* padding:0; */
				padding-bottom:0px;
				margin-bottom:30px;
			}
			
			div.repertoire.slideshow ul {
				/* border:1px solid red; */
				/* margin-left:0; */
				/* width:100%; */
			}
			
			div.repertoire.slideshow ul li {
				display:inline-table;
				width:100%;
				/* padding:0px 0px; */
				margin:0;
			}
			
			div.repertoire ul li:last-child {
				padding-bottom:0;
			}
		
}

@media screen and (max-width:600px) {
	div.repertoire ul li>a p.title {
		/* margin-top:10px;		 */
		font-size:35px;
	}	
	
	div.repertoire ul li>a p.translate {
		margin-top:0;
		font-size:14px;
	}
	
	div.repertoire ul li div.parameters {
		padding:7px 0 3.5px 0;
	}
	
	div.repertoire ul li div.parameters p {
		font-size:20px;
	}
	
	div.repertoire ul li div.parameters a.ticket {
		font-size:16px;
	}
	
	div.repertoire.slideshow div.inline.left {
		width:100%;		
		text-align:center;
	}
	
	div.repertoire.slideshow div.inline.right {
		width:100%;
		margin-top:20px;
		text-align:center;
	}
	
}
					

/* HOME REPERTOIRE --  */
/* HOME INFORMATIVE ++  */

div.informative {
	display:table;
	background-color:#fff;
	width:100%;
}

	div.informative div.header {
		background-color:#FF6551;
		padding:30px 30px 20px 30px;
		display:table;
		width:100%;
		box-sizing:border-box;
	}
	
	div.informative div.content {
		background-color:#FFE392;
		display:table;
		width:100%;
	}
	
		div.informative div.table-cell {
			/* display:inline-block; */
			width:50%;
			text-align:center;
			position:relative;
			/* padding:10px 0 5px 0; */
		}
		
		
		
	
			div.informative div.header div.table-cell a {
				text-transform:uppercase;
				color:#1D2252;
				font-size:70px;
				line-height:70px;
				text-transform:uppercase;
				font-family: "Roc-Grotesk-Compressed-Medium";
				display:table;
				margin:0 auto;
				transition-duration:0.3s;
			}
			
			div.informative div.header div.table-cell a:hover {
				color:#FFE392;
			}
				
			
			div.informative div.header div.table-cell span {
				width:1px;
				height:70px;
				display:table;
				border-left:1px solid #1D2252;
				position:absolute;
				left:0;
				top:-5px;
			}
			
			div.informative div.content div.table-cell.left {
				line-height:0;
				background-size:cover;
			}
			
				div.informative div.content div.table-cell.left img {
					opacity:0;
				}
			
			div.informative div.content div.table-cell.right {
				padding:50px;
				box-sizing:border-box;
				vertical-align:middle;
			}
			
			div.informative div.content div.table-cell p {
				color:#1D2252;
			}
			
			div.informative div.content div.table-cell p.title {
					text-transform:uppercase;
					font-size:70px;
					margin-bottom:15px;
					text-transform:uppercase;
					color:#1D2252;
					font-size:70px;
					line-height:100px;
					font-family: "Roc-Grotesk-Compressed-Medium";
				}
				
				div.informative div.content div.table-cell p.slogan {
				
					font-size:16px;
					line-height:24px;
				
				}
				
				a.know-more {
					display:table;
					margin:0 auto;
					margin-top:40px;
					font-size:18px;
					
					padding:20px 40px;
					border:1px solid #1D2252;
					letter-spacing:0.5pt;
					color:#1D2252;
					text-decoration:none;
					transition-duration:0.3s;
				}
				
				div.informative div.content div.inline a.know-more:hover {
					background-color:#1D2252;
					color:#FFE392;
				}
		
		/*
		
		
				
				
				
				
				
*/
			
@media screen and (max-width:800px) {
	
	div.informative div.header {
		padding:10px 20px 0px 20px;
	}
	
	div.informative div.header div.table-cell {
		display:block;
		width:100%;
	}
	
		div.informative div.header div.table-cell span {
			width:100%;
			height:1px;
			display:table;
			border-top:1px solid #1D2252;
			border-left:0 none;
			left:0;
			/* margin-left:-50px; */
		}
		
		div.informative div.header div.table-cell p {
			font-size:60px;
		}
	
	div.informative div.content div.table-cell {
		display:block;
		width:100%;
	}
	
	div.informative div.content div.table-cell.right {
		
		box-sizing:border-box;
	}
	
		div.informative div.content div.table-cell p.title {
			line-height:80px;
			font-size:60px;
			margin-bottom:15px;
		}
	
}

@media screen and (max-width:800px) {
	
	div.informative div.header div.table-cell p {
		font-size:50px;
	}
	
	div.informative div.content div.table-cell p.title {	
		font-size:50px;
		line-height:70px;
		margin-bottom:0px;
	}
	
	div.informative div.content div.table-cell a.know-more {
		margin-top:20px;
		padding-left:20px;
		padding-right:20px;
	}
		
}

/* HOME INFORMATIVE --  */
/* FIXED SCHEDULE BUTTON  ++  */

.shedule-button-container {
	position:fixed;
	bottom:13px;
	/* width:100%; */
	z-index:200;
	right:0px;
	display:none;
}	

body.repertoire .shedule-button-container,
body.opened .shedule-button-container {
	display:none !important;
	border:1px solid red;
}

	.shedule-button-container div.inner {
		display:table;
		/* margin:0 0 0 auto; */
		margin:0 auto;
		padding-right:20px;
		padding-left:20px;
	}
	
		.shedule-button-container div.inner a {
			display:table;
			background-color:#00D880;	
		}
		
		.shedule-button-container div.inner a.large {
			padding:14px 20px 10px 20px;
			color:#1D2252;
			font-family: "Roc-Grotesk-Compressed";
			text-transform:uppercase;
			font-size:20px;
			letter-spacing:1.5pt;
			transition-duration:0.3s;
		}
		
		.shedule-button-container div.inner a.compact {
			padding:0;
			width:40px;
			height:40px;
			border-radius:50%;
			background-image:url('/assets/img/icon-calendar.svg');
			background-repeat:no-repeat;
			background-position:center center;
			background-size:16px;
			display:none;
		}
		
@media screen and (max-width:800px) {
	/* body.home .shedule-button-container { */
	 .shedule-button-container {
		display:table;
	}
}

/* FIXED SCHEDULE BUTTON  --  */
/* MAIN SCHEDULE ++  */

div.schedule-container {
	background-color:#fff;
}

	div.schedule-container>div.inline {
		width:50%;
		display:inline-block;
		box-sizing:border-box;
		vertical-align:top;
	}
	
	div.schedule-container>div.inline.left {
		padding:40px;
	}
	
	div.schedule-container>div.inline.right {
		position:relative;
		height:100vh;
		width:50%;
	}

		div.schedule-container div.header {
			border-bottom:1px solid #1D2252;	
			max-width:900px;
			padding-bottom:5px;
			letter-spacing:1pt;
		}
		
			div.schedule-container div.header p {
				display:inline-block;
				text-transform:uppercase;
				color:#1D2252;
				margin-right:10px;
				margin-top:10px;
				vertical-align:top;
			}
			
			div.schedule-container div.header div.select-container {
				display:inline-block;
				vertical-align:top;
				margin-top:-4px;
				margin-right:20px;
			}
				
				div.schedule-container div.header div.select-container div.inner-container div.choosed-val {
					border-bottom:0 none;
					text-transform:uppercase;
					color:#1D2252;
					font-size:16px;
					font-weight:bold;
					background-position:right top 18px;
				}
				
				div.schedule-container div.header div.select-container:hover div.inner-container div.choosed-val {
					background-position:right top 20px;	
				}
				
					div.schedule-container div.header div.select-container div.inner-container div.choosed-val span {
					}
			/*
			div.schedule-container div.header a.schedule {
				font-size:24px;
				line-height:35px;
				color:#1D2252;
				text-decoration:none;
				font-family:"Roc-Grotesk-Compressed";
				text-transform:uppercase;
				letter-spacing:0.5pt;
				display:inline-table;
				vertical-align:middle;
			}
			
			div.schedule-container div.header a.schedule.festival {
				color:#FF6551;
			}
			
			div.schedule-container div.header span.line {
				border-right:1px solid #1D2252;
				width:1px;
				height:40px;
				margin:0 20px;
				display:inline-table;
				vertical-align:middle;
			}
			*/
			
			div.schedule-container div.header a.toggle-layout {
				width:30px;
				height:30px;
				border:1px solid transparent;
				display:inline-table;
				background-position:center center;
				background-repeat:no-repeat;
				transition-duration:0.3s;
				float:right;
				margin-left:5px;
			}
			
			div.schedule-container div.header a.toggle-layout.grid {
				background-image:url('/assets/img/icon-layout-grid.svg');
			}
			
			div.schedule-container div.header a.toggle-layout.list {
				background-image:url('/assets/img/icon-layout-cards.svg');
			}
			
			
			div.schedule-container div.header a.toggle-layout:hover {
				border:1px solid #1D2252;
			}
			
			div.schedule-container.list div.header a.toggle-layout.list {
				border:1px solid #1D2252;	
			}
			
			div.schedule-container.grid div.header a.toggle-layout.grid {
				border:1px solid #1D2252;	
			}
			
				div.schedule-container div.schedule.list ul {
					list-style:none;
					margin-top:50px;
					color:#1D2252;
				}
				
					div.schedule-container div.schedule.list ul li {
						display:block;
						margin-bottom:50px;
					}
				
					div.schedule-container div.schedule.list ul li p.day {
						font-size:70px;
						line-height:70px;
						font-family:"Roc-Grotesk-Compressed-Medium";
						text-transform:uppercase;
					}
					
					div.schedule-container div.schedule.list ul li div.movie {
						border-bottom:1px solid #1D2252;
						padding:5px 0;
						margin-top:10px;
						display:table;
						width:100%;
					}
					
						div.schedule-container div.schedule.list ul li div.table-cell {
							vertical-align:middle;
						}
						
						div.schedule-container div.schedule.list ul li div.table-cell.left {
							padding-right:20px;	
						}
						
						div.schedule-container div.schedule.list ul li div.table-cell.middle {
							padding-right:20px;	
							width:100%;
						}
						
					/*
					div.schedule-container div.schedule.list ul li div.movie.festival {
						border-bottom:1px solid #FF6551;
					}
					*/
					
						div.schedule-container div.schedule.list ul li div.movie p {
							display:inline-table;
							vertical-align:middle;
						}
						
						div.schedule-container div.schedule.list ul li div.movie a {
							color:#1D2252;
							text-decoration:none;
							display:inline-table;
							position:relative;
							transition-duration:0.3s;
							margin-right:20px;
							vertical-align:top;
						}
						
						div.schedule-container div.schedule.list ul li div.movie a:hover {
							color:#FF6551;
						}	
						
						/*
						div.schedule-container div.schedule.list ul li div.movie.festival a,
						div.schedule-container div.schedule.list ul li div.movie.festival p {
							color:#FF6551;
						}
						*/
						
						div.schedule-container div.schedule.list ul li div.movie p.clock {
							font-size:40px;
							font-family:"Roc-Grotesk-Compressed";
							/* margin-right:20px; */
						}
						
						div.schedule-container div.schedule.list ul li div.movie p.movie-title {
							font-size:24px;
							line-height:24px;
							font-family: "Roc-Grotesk-Compressed";
							text-transform:uppercase;
							letter-spacing:0.5pt;
						}
						
						div.schedule-container div.schedule.list ul li div.movie a.ticket {
							float:right;
							text-decoration:none;
							font-size:16px;
							color:#1D2252;
							/* margin-top:10px; */
							transition-duration:0.3s;
							white-space:nowrap;
						}
						
						div.schedule-container div.schedule.list ul li div.movie a.ticket:hover {
							color:#00D880;
						}
						
						div.repertoire span.pin,
						div.schedule-container div.schedule.list ul li div.movie span.pin,
						div.schedule-container div.schedule.grid ul li span.pin {
							display:inline-table;
							background-color:#FF6551;
							color:#1D2252;
							padding:7px 10px 5px 10px;
							text-transform:uppercase;
							font-size:12px;
							letter-spacing:0.5pt;
							border-radius:4px;
							vertical-align:top;
							margin-top:-1px;
						}
						
						
						div.repertoire span.pin.special,
						div.schedule-container div.schedule.list ul li div.movie span.pin.special,
						div.schedule-container div.schedule.grid ul li span.pin.special {
							background-color:#00D880;
						}
						
						div.repertoire span.pin.blue,
						div.schedule-container div.schedule.list ul li div.movie span.pin.blue,
						div.schedule-container div.schedule.grid ul li span.pin.blue {
							/* background-color:#1D2252; */
							background-color:#6699FF;
							/* color:#fff; */
						}
						
						div.repertoire span.pin,
						div.schedule-container div.schedule.grid ul li span.pin {
							position:absolute;
							left:20px;
							top:20px;
						}	
						
						
		div.schedule-container div.schedule.list  {
			max-width:900px;
			display:none;
		}
		
		div.schedule-container div.schedule.grid {
			display:none;
		}
		
		div.schedule-container.list div.schedule.list  {
			display:block;
		}
		
		div.schedule-container.grid div.schedule.grid {
			display:block;
		}
		
		
		div.schedule-container div.schedule.grid.repertoire {
			padding:0;
		}
		
			div.schedule-container div.schedule.grid.repertoire ul {
				margin-top:50px;
			}
			
				div.schedule-container div.schedule.grid.repertoire ul li {
					margin-bottom:55px;
					width:33.33%;
				}
				
	
		div.schedule-container div.inline.right div.inner {
			right:0;
			top:0;
			width:calc(50% - 60px);
			height:100vh;
			position:fixed;
			background-position:center center;
			background-size:cover;
		}
		
		div.schedule-container div.inline.right #movie-image-container2 {
			opacity:0;
		}
		
	div.schedule-container.grid div.inline.right {
		display:none;
	}
	
	div.schedule-container.grid div.inline.left {
		width:100%;
	}
	
	div.schedule-container.grid div.inline.left div.header {
		width:calc(50% - 40px);
	}
	
@media screen and (max-width:1280px) {
	
	div.schedule-container>div.inline.left{
		/* width:60%; */
	}
	
	div.schedule-container>div.inline.right {
		/* display:none; */
		/* width:40%; */
	}
	
	
	div.schedule-container div.inline.right div.inner {
		/* width: calc(40% - 60px); */
	}
	
	div.schedule-container div.schedule.grid li {
		width:50%;
	}
	
	div.schedule-container.grid div.inline.left div.header {
		width:100%;
	}
	
	div.schedule-container div.schedule.grid.repertoire ul {
		width:calc(100% + 20px);
		margin-left:-10px;
	}
	
		div.schedule-container div.schedule.grid.repertoire li {
			padding:0 10px;
		}
	
	div.schedule-container div.schedule.grid.repertoire ul li {
		width:50%;
	}
	
}

@media screen and (max-width:920px) {
	
	div.schedule-container>div.inline.left{
		width:100%;
	}
	
	div.schedule-container>div.inline.right {
		display:none;
	}
	
	
	div.schedule-container div.inline.right div.inner {
		width: calc(40% - 60px);
	}
	
	
	body.repertoire header {
		border-right:0 none;
		border-bottom:1px solid rgba(29,34,82,0.2);
	}
	
	body.repertoire header div.table div.table-row.top {
		display:none;
	}
	
	body.repertoire header div.table div.table-row.middle {
		display:table;
		width:100%;
	}
	
		body.repertoire header div.button-container {
			height:auto;
		}
		
		body.repertoire header div.button-container a.toggle-schedule {
			transform-origin:top left;
			transform:none;
			position:relative;
			margin-left:0px;
			margin:0 auto;
			background-position:right top 3px;
			background-size:20px;
		}
		
}

@media screen and (max-width:800px) {
	
	div.schedule-container>div.inline.left {
		padding:20px;
	}
	
	div.schedule-container div.schedule.list ul li p.day {
		font-size:50px;
		line-height:50px;
	}
	
	div.schedule-container div.schedule.list ul,
	div.schedule-container div.schedule.grid.repertoire ul {
		margin-top:30px;
	}
	

	div.schedule-container div.schedule.grid.repertoire ul li {
		width:100%;
	}
	
}

@media screen and (max-width:600px) {
	
	div.schedule-container div.header div.select-container div.inner-container div.choosed-val {
		font-size:14px;
	}
	
}

/* MAIN SCHEDULE --  */
/* ARTICLE ++  */

div.article {
	display:table;
	width:100%;
}

	div.article div.head {
		display:table-row;
		width:100%;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
		div.article div.head div.table {
			width:100%;
		}
	
		div.article div.head div.table-cell.top {
			padding:100px 0;
			text-align:center;
			/* line-height:0; */
		}
			
			div.article div.head p.intro {
				text-transform:uppercase;
				font-size:20px;
				line-height:28px;
				letter-spacing:2.5pt;
				font-family:"Roc-Grotesk-Compressed-Bold";
				color:#FFF;
			}
			
			div.article div.head h1 {
				color:#FFF;
				max-width:1000px;
				margin:0 auto;
				margin-top:35px;
				margin-bottom:20px;
			}
			
			div.article.event div.head h1 {
				font-size:70px;
				line-height:70px;
				letter-spacing:0.4pt;
				max-width:500px;
			}
			
			div.article div.head div.slogan p {
				letter-spacing:1pt;
				font-size:16px;
				line-height:24px;
				max-width:600px;
				margin:0 auto;
				text-transform:uppercase;	
				color:#fff;
			}
			
			div.article div.head div.slogan.lowercase p {
				text-transform:none;
			}
			
			div.article div.head div.table-cell.info {
				position:relative;
			}
			
				div.article div.head div.table-cell.info span.line {
					width:100%;
					height:1px;
					display:table;
					border-bottom:1px solid rgba(255,255,255,0.3);
					margin-bottom:20px;
				}

				div.article div.head div.table-cell.info div.inline {
					width:50%;
					display:inline-block;
					vertical-align:middle;
					margin:0 0 20px 0;
					padding:15px 0;
					box-sizing:border-box;
					/* position:relative; */
				}

				div.article div.head div.table-cell.info div.inline.left {
					padding-right:40px;
					border-right:1px solid rgba(255,255,255,0.3);
				}

				div.article div.head div.table-cell.info div.inline.right {
					padding-left:40px;
					margin-left:-1px;
				}

					
					div.article div.head div.table-cell.info p {
						display:inline-block;
						vertical-align:middle;
						font-size:12px;
						margin-right:20px;
						line-height:20px;
						color:#fff;
					}
					
					div.article div.head div.table-cell.info p.age {
						width:30px;
						height:30px;
						line-height:30px;
						text-align:center;
						border:1px solid #fff;
						border-radius:50%;
						display:inline-block;
					}
					
					div.article div.head div.table-cell.info p.length {
						background-image:url(/assets/img/icon-clock.svg);
						background-position:left top 2px;
						background-repeat:no-repeat;
						padding-left:20px;
					}
					
					div.article div.head div.table-cell.info a.trailer {
						background-image:url(/assets/img/icon-trailer.svg);
						background-position:left top;
						background-repeat:no-repeat;
						padding-left:27px;
						font-size:16px;
						line-height:21px;
						color:#fff;
						display:table;
						text-transform:uppercase;
						padding-top:2px;
						transition-duration:0.3s;
					}
					
					div.article div.head div.table-cell.info a.trailer:hover {	
						opacity:0.6;
					}
					
					div.article div.head div.table-cell.info a.imdb {
						transition-duration:0.3s;
					}
					
					div.article div.head div.table-cell.info a.imdb:hover {
						opacity:0.6;
					}
					
					div.article div.head div.table-cell.info a.buy {
						top:25px;
					}
					
					
					div.article div.head ul.socials {
						list-style:none;
						display:table;
						margin:15px auto 0 auto;
					}

						div.article div.head ul.socials li {
							display:inline-block;
							margin:0 5px;
						}
						
							div.article div.head ul.socials li a {
								width:30px;
								height:30px;
								border-radius:50%;
								display:table;
								border:1px solid #1D2252;
								background-repeat:no-repeat;
								background-position:center center;
								transition-duration:0.3s;
							}
							
							div.article div.head ul.socials li a:hover {
								opacity:0.6;
							}
							
							div.article div.head ul.socials li a.fb {
								background-image: url(/assets/img/blue/icon-fb.svg);
							}
							
							div.article div.head ul.socials li a.ig {
								background-image: url(/assets/img/blue/icon-ig.svg);
							}
							
							div.article.lessons div.head div.table-cell.info span.line {
								border-color:rgba(29, 34, 82, 0.3);
							}
							
									div.article div.head div.table-cell.info div.table.submenu div.table-cell {
										text-align:center;
										position:relative;
									}
									
										div.article div.head div.table-cell.info div.table.submenu div.table-cell span.line-vertical {
											position:absolute;
											width:1px;
											left:0;
											top:10%;
											display:table;
											height:60%;
											box-sizing:border-box;
											border-left:1px solid rgba(29, 34, 82, 0.3);
										}
										
										div.article div.head.white div.table-cell.info div.table.submenu div.table-cell span.line-vertical {
											border-color:rgba(255, 255, 255, 0.3);
										}
										
									
										div.article div.head div.table-cell.info div.table.submenu div.table-cell:first-child span.line-vertical {
											display:none;
										}
									
										div.article div.head div.table-cell.info div.table.submenu div.table-cell a {
											color:#1D2252;
											text-transform:uppercase;
											font-family:"Roc-Grotesk-Compressed";
											letter-spacing:0.5pt;
											font-size:24px;
											width:100%;
											display:table;
											transition-duration:0.3s;
											border-bottom:5px solid transparent;
											padding: 20px 20px 25px 20px;
											box-sizing:border-box;
											/* font-family: */
										}
										
										div.article div.head.white div.table-cell.info div.table.submenu div.table-cell a {
											color:#fff;
										}
										
										div.article div.head div.table-cell.info div.table.submenu div.table-cell a:hover,
										div.article div.head div.table-cell.info div.table.submenu div.table-cell a.active {
											border-bottom:5px solid #1D2252;
										}
										
										div.article div.head.white div.table-cell.info div.table.submenu div.table-cell a:hover,
										div.article div.head.white div.table-cell.info div.table.submenu div.table-cell a.active {
											border-bottom:5px solid #FF6551;
										}

			
	
	div.article form {
		width:100%;
		display:table;
	}
	
	div.article div.section {
		display:table-row;
		width:100%;
		vertical-align:top;
	}
	
	div.article div.section div.content-wrapper.wide {
		max-width: 1400px;
	}
	
		div.article div.section div.inner-wrapper {
			padding:80px 0;
		}
		
			div.article div.section div.inner-wrapper>div.inline {
				display:inline-block;
				width:60%;
				box-sizing:border-box;
				vertical-align:top;
			}
			
			div.article div.section div.inner-wrapper>div.inline.left {
				width:40%;
				padding-right:80px;
			}
			
			div.article div.section div.inner-wrapper>div.inline.wide {
				width:100%;
			}
			
			
			
			div.article div.section p {
				color:#1D2252;	
			}
			
			div.article div.section div.paragraphs ul {
				margin-left:20px;
				/* TODO - set only for section paragraphs */
			}
			
			div.article div.section div.paragraphs ol a {
				border-bottom:1px solid #00D880;
				text-decoration:none;
				padding-bottom:1px;
				transition-duration:0.3s;
				color: #1D2252;
			}
			
			div.article div.section div.paragraphs ol a:hover {
				border-bottom:1px solid transparent;
			}
			
			div.article div.section ol li ol {
				margin-left:20px;
			}
			
			
			div.article div.section ol {
			    counter-reset:section;
				list-style-type:none;
			}
			
				div.article div.section ol>li {
					font-family:"Roc-Grotesk-Bold";
				}
				
					div.article div.section ol li ol {
						margin-top:5px;
					}
					
					div.article div.section ol li ol li {
						font-family: "Roc-Grotesk-Regular";
						margin:5px 0;
					}
					
						div.article div.section ol li ol li ol {
							margin-bottom:10px;
						}
			
				div.article ol li:before {
					counter-increment:section;
					content:counters(section, ".") ".";
					margin-right:5px;
				}
			
			
			div.article div.section ol li,
			div.article div.section ol li p,
			div.article div.section ul li ,
			div.article div.section ul li p,
			div.article div.section div.content-wrapper div.inner-wrapper>div.inline>p {
				color:#1D2252;	
				font-size:16px;
				line-height:24px;
				margin-bottom:20px;
			}
			
			
			div.article div.section p.key {
				font-size:14px;
				margin-bottom:10px;
				color:#1D2252;
			}

			div.article div.section p.value {
				font-size:25px;
				line-height:27px;
				font-family:"Roc-Grotesk-Compressed";
				text-transform:uppercase;
				letter-spacing:0.2pt;
				margin-bottom:10px;
				color:#1D2252;
			}
			
			div.article div.section span.line {
				display:table;
				width:100%;
				border-bottom:1px solid rgba(29,34,82,0.1);
				height:1px;
				margin-bottom:15px;
			}
			
			div.article div.section p a {
				border-bottom:1px solid #00D880;
				text-decoration:none;
				padding-bottom:3px;
				transition-duration:0.3s;
				color:#1D2252;
			}
			
			div.article div.section a:hover {
				border-color:transparent;
			}
			
	div.article.asideright div.section div.inner-wrapper>div.inline {
		width:40%;
	}
	
	div.article.asideright div.section div.inner-wrapper>div.inline.left {
		width:60%;
		padding-right:80px;
	}
	
	div.article.asideright div.section div.inner-wrapper>div.inline.right {
		max-width:220px;
	}
		
@media screen and (max-width:920px) {
	
	
	
	
	div.article div.head p.heading {
		font-size:140px;
		line-height:140px;
		letter-spacing:3pt;
	}
	
	div.article div.head div.table-cell.info div.inline.left {
		width:auto;
		
		
	}

	
	
	
}

@media screen and (max-width:800px) {
	
	
	
	div.article div.section div.inner-wrapper {
		padding:40px 0;
	}
	
	
	div.article div.section div.inner-wrapper>div.inline {
		display:block;
		width:100%;
	}
	
	div.article div.section div.inner-wrapper>div.inline.left {
		width:100%;
		padding-right:0px;
		margin-bottom:20px;
	}
	
	div.article.asideright div.section div.inner-wrapper>div.inline.left {
		width:100%;
		padding-right:0px;
	}
	
	div.article.asideright div.section div.inner-wrapper>div.inline.right {
		max-width:100%;
		width:100%;
		margin-top:50px;
	}
	
	div.article div.head div.table-cell.info span.line {
		margin-bottom:10px;
	}
	
	div.article div.head div.table-cell.info div.inline.left {
		margin-bottom:10px;
		width:100%;
		padding-right:0px;
		border-right:0 none;
	}

	div.article div.head div.table-cell.info div.inline.right {
		padding-left:0px;
	}
	
	div.article div.head div.table-cell.info a.buy {
		top:auto;
		bottom:20px;
	}
	
	div.article div.head p.heading {
		font-size:100px;
		line-height:100px;
		letter-spacing:3pt;
	}
	
	div.article a.buy {
		top:-20px;
	}
	
	
	div.article div.section p.key {
		/* margin-bottom:0px; */
	}



}

@media screen and (max-width:700px) {
	div.article div.head div.table-cell.info a.buy {
		/* padding-right:25px; */
		/* padding-left:25px; */
	}
}


@media screen and (max-width:600px) {
	
	div.article div.head div.table-cell.top {
		padding:100px 0;
	}
	
	div.article div.head p.heading {
		font-size:80px;
		line-height:100px;
		letter-spacing:3pt;
	}
	
	div.article div.head div.slogan p {
		font-size:14px;
		line-height:22px;
	}
	
	div.article div.head div.slogan.lowercase {
		display:none;
	}
	
	div.article div.head div.table-cell.info p {
		margin-right:10px;
	}
	
	div.article div.head div.table-cell.info p.genre {
		max-width:120px;
	}
	

}
			
/* ARTICLE --  */
/* ARTICLE TXT PAGE ++  */

div.article.page div.head {
	/* background-color:#6699FF; */
}

div.article.page div.head p.intro, 
div.article.page div.head h1, 
div.article.page div.head div.slogan p{
	color:#1D2252;
}

	div.article.page div.head div.table-cell.top {
		padding-bottom:20px;
	}

	div.article.page div.section div.inner-wrapper>div.inline {
		width:100%;
		max-width:680px;
		margin:0 auto;
		display:table;
	}

/* ARTICLE TXT PAGE --  */
/* MOVIE IFRAME ++  */

div.article.iframe div.head div.table-cell.top {
	padding:0px 0;
}

	div.article.iframe div.head div.table-cell.top iframe {
		width:100%;
		min-height:600px;
		line-height:0;
	}

/* MOVIE IFRAME --  */
/* MOVIE SESSION ++  */

div.article.movie div.head>div.table-cell div.table {
	height:100vh;
}

	div.article.movie div.head>div.table-cell div.table div.table-cell.top {
		height:100%;
		vertical-align:bottom;
		padding-bottom:80px;
	}
	

@media screen and (max-width:800px) {
	
	div.article.movie div.head>div.table-cell div.table {
		height:auto;
	}
	
}
	
	
@media screen and (max-width:600px) {
	
	
	
}

/* MOVIE SESSION --  */
/* EXTRA INFO ++  */

div.extra-info {
	margin-top:60px;
}

	div.extra-info ul {
		list-style:none;
		border-top:1px solid #1D2252;
		margin-left:0 !important;
	}
	
		div.extra-info ul li {
			border-bottom:1px solid #1D2252;
			padding:13px 0 10px 0;
			margin:0 !important;
		}
		
			div.extra-info ul li div.inline {
				display:inline-block;
				width:40%;
				box-sizing:border-box;
				vertical-align:top;
			}
			
			div.extra-info ul li div.inline.left {
				width:60%;
			}
			
			div.extra-info ul li div.inline.right {
				text-align:right;
			}
			
				div.article div.section div.extra-info ul li p.date,
				div.extra-info ul li div.inline p {
					font-size:24px;
					line-height:24px;
					color:#1D2252;
					letter-spacing:0.4pt;
					font-family:"Roc-Grotesk-Compressed-Medium";
					margin:0;
				}
				
				div.extra-info ul li div.inline a {
					font-size:16px;
					line-height:24px;
					letter-spacing:0.2pt;
					color:#1D2252;
					text-decoration:none;
					transition-duration:0.3s;
				}
				
				div.extra-info ul li div.inline a:hover {
					color:#00D880;
				}
				
				
@media screen and (max-width:800px) {
	
	div.extra-info {
		margin-top:40px;
	}
	
}

/* EXTRA INFO --  */
/* FAQ ++  */

div.faq {
    background-color: #f6f6f8;
    padding:100px 0;
}

	div.faq div.inline {
		display:inline-block;
		width:60%;
		box-sizing:border-box;
		vertical-align:top;
	}

	div.faq div.inline.left {
		width:40%;
	}
	
		ul.faq {
			list-style:none;
			margin-top:-30px;
		}
		
			ul.faq li {
				padding:30px 0;
				border-bottom:1px solid #222D47;
				margin:0 !important;
			}
			
			ul.faq li:last-child {
				/* border-bottom:0 none; */
				/* padding-bottom:0; */
			}
			
				ul.faq li a p {
				/* ul.faq li p { */
					font-size:18px !important;
					line-height:24px !important;
					color:#1D2252;
					margin-bottom:0 !important;
				}
				
				ul.faq li p {
					/* margin-bottom:0 !important;	 */
				}
				
				ul.faq li a {
					position:relative;
					display:block;
					padding-right:40px;
					text-decoration:none;
				}
				
					
					div.icon {
						width:22px;
						height:22px;
						display:table;	
						position:absolute;
						right:0;
						top:50%;
						margin-top:-11px;
					}
					
						div.icon span {
							transition-duration:0.3s;
							background-color:#1D2252;
							position:absolute;
						}
											
						div.trailer div.icon span {
							background-color:white;
						}
						
						div.icon span.line-horizontal {
							height:1px;
							width:100%;
							top:11px;
							left:0;
						}
						
						div.icon span.line-vertical {
							height:100%;
							width:1px;
							top:0px;
							left:11px;
						}
						
						.open div.icon span.line-horizontal {
							transform: translateY(0px) rotate(135deg);
						}
						
						.open div.icon span.line-vertical {
							transform: translateY(0px) rotate(135deg);
						}
			
				ul.faq li div.content {
					margin-top:20px;
					display:none;
				}
				
				ul.faq li div.content.open {
					display:block;
				}
				
					ul.faq div.content span.line {
						width:50px;
						height:1px;
						border-bottom:1px solid #222D47;
						margin:20px 0;
						display:table;
					}
					
					ul.faq li div.content p {
						font-size:16px;
						color:#1D2252;
						line-height:24px;
						margin-bottom:20px;
					}
					
					ul.faq li div.content p:last-child {
						margin-bottom:0;
					}
					
					ul.faq li div.content a {
						border-bottom:1px solid #00D880;
						text-decoration:none;
						padding-bottom:3px;
						transition-duration:0.3s;
						color: #1D2252;
						display:table;
						padding:0;
					}
					
					ul.faq li div.content a:hover {
						border-bottom:1px solid transparent;
					}
					
@media screen and (max-width:920px) {
	
	div.faq {
		padding:60px 0;
	}
	
	div.faq div.inline {
		display:block;
		width:100%;
	}
	
	div.faq div.inline.left {
		width:100%;
		margin-bottom:40px;
	}
}

@media screen and (max-width:920px) { 
	ul.faq li {
		padding:20px 0;
	}
}


/* FAQ --  */
/* SHOP ++  */
/* count buttons ++ */

div.count a.change-count {
	width:30px;
	height:30px;
	border-radius:50%;
	display:inline-table;
	margin-left:8px;
	vertical-align:middle;
	border:1px solid #1D2252;
	position:relative;
}


	div.count a.change-count.inactive {
		opacity:0.4;
	}
	
	div.count a.change-count.inactive:hover {
		cursor:default;
	}

	div.count a.change-count div.icon {
		width:16px;
		height:16px;
		display:table;
		position:absolute;
		left:7px;
		top:7px;
		margin-top:0;
	}
	
		div.count a.change-count div.icon span {
			background-color:#1D2252;
			position:absolute;
		}
		
		div.count a.change-count div.icon span.line-horizontal {
			height:1px;
			width:100%;
			top:50%;
			left:0;
		}
		
		div.count a.change-count div.icon span.line-vertical {
			height:100%;
			width:1px;
			top:0px;
			left:50%;
		}
		
		div.count input[type=text] {
			max-width:60px;
			text-align:center;
			border:0 none;
			padding:10px 0;
			width:100%;
			font-family:"Roc-Grotesk-Regular";
			font-size:18px;
			background-color:transparent;
			border-bottom:1px solid rgba(29, 34, 82, 0.3);
			color:#1D2252;
			transition-duration:0.3s;
		}
		
		div.count.red input[type=text] {
			color:red;
			border-color:red;
		}
				

/* count buttons -- */
div.article.shop div.head {
	background-color:#6699FF;
}

div.article.shop div.head p.intro, 
div.article.shop div.head h1, 
div.article.shop div.head div.slogan p{
	color:#1D2252;
}

div.article.shop div.section {
	max-width:100%;
	/* padding-top:40px; */
	/* padding-bottom:40px; */
	box-sizing:border-box;
}

div.article.shop.grey-background div.section {
    background-color:#f6f6f8;
}

div.shop div.section div.content-wrapper {
	width:100%;
	max-width:100%;
	padding-top:40px;
}

/* product controls ++ */

	
	div.article.shop div.content-wrapper div.controls {
	}
	
	div.article.shop div.content-wrapper div.controls div.clear {
		content: '';
		display: block;
		clear:both;
	}
	
	div.article.shop div.content-wrapper div.controls div.inline.left {
		float:left;
	}
	
	div.article.shop div.content-wrapper div.controls div.inline.right {
		float:right;
	}

	div.article.shop div.controls p {
		display:inline-block;
		/* margin-right:20px; */
		text-transform:uppercase;
		margin-top:12px;
	}
	
	div.article.shop div.controls div.select-container {
		display:inline-block;
	}
	
		div.article.shop div.controls div.select-container div.choosed-val {
			font-family: "Roc-Grotesk-Regular";
			font-size:16px;
			color:#1D2252;
			border-bottom:0 none;
			font-weight:normal;
			text-transform:uppercase;
			background-position:right top 18px;
		}
		
		div.article.shop div.controls div.select-container:hover div.choosed-val {
			background-position:right top 20px;	
		}
		
		div.article.shop div.controls div.select-container ul {
			background-color:#fff;
		}
		
		

@media screen and (max-width:920px) {
	
	div.article.shop div.content-wrapper {
		padding-top:20px;
		padding-bottom:20px;
	}
	
}
		
/* product controls -- */	
/* product list ++ */

	div.products ul {
		margin-top:20px;
		margin-bottom:60px;
		list-style:none;
		width:calc(100% + 40px);
		margin-left:-20px;
		line-height:0;
	}
	
	div.products:last-child ul {
		margin-bottom:0;
	}

		div.products ul.col-3 li {
			width:33.33%;
			display:inline-block;
			vertical-align:top;
		}
		
		div.products ul.col-4 li {
			width:25%;
			display:inline-block;
			vertical-align:top;
		}
		
			div.products ul li a {
				text-decoration:none;
				color:#1D2252;
				padding:0 20px 20px 20px;
				box-sizing:border-box;
				display:table;
			}
			
				div.products ul li a div.image-container {
					overflow:hidden;
					clip-path:inset(0px);
					transition:clip-path 1s;
					line-height:0;
				}
				
				div.products ul li a:hover div.image-container {
					clip-path:inset(4px);	
				}
				
					div.products ul li a div.image-container img {
						transition-duration:2s;
					}
				
					div.products ul li a:hover div.image-container img {
						transform:scale(1.04);
					}
			
				div.products ul li a p.title {
					margin-top:20px;
					font-family: "Roc-Grotesk-Compressed-Medium";
					letter-spacing:0.4pt;
					text-transform:uppercase;
					font-size:24px;
					line-height:24px;
					transition-duration:0.3s;
					margin-bottom:0;
				}
				
				div.products ul li a p.price {
					font-size:14px;
					line-height:14px;
					margin-top:6px;
					margin-bottom:0px;
					transition-duration:0.3s;
				}
				
				div.products ul li a:hover p.title,
				div.products ul li a:hover p.price {
					color:#FF6551;
				}
				
@media screen and (max-width:920px) {
	div.products ul {
		margin-bottom:30px;
		width:calc(100% + 20px);
		margin-left:-10px;
	}
	
	div.products ul li a { 
		padding:0 10px 30px 10px;
	}
	
	div.products ul.col-4 li {
		width:33.33%;
	}
	
}

@media screen and (max-width:800px) {
	
		div.products ul.col-3 li {
			width:50%;
		}
		
		
		div.products ul.col-4 li {
			width:50%;
		}
		
			
			div.products ul li a p.title {
				margin-top:15px;
			}
}


@media screen and (max-width:600px) {
	
	div.products ul.col-3 li {
		width:100%;
	}
	
	
	
	
	
}

/* product list -- */
/* product open ++ */

div.product-open {
	background-color:#fff;
}

	div.product-open h2 {
		margin-top:30px;
		margin-bottom:40px;
	}

	div.product-open div.content-wrapper {
		max-width:100%;
		padding-top:80px;
		padding-bottom:80px;
		box-sizing:border-box;
	}
	
		div.product-open div.content-wrapper div.inline {
			display:inline-block;
			width:50%;
			box-sizing:border-box;
			margin-bottom:80px;
			vertical-align:top;
		}
		
		div.product-open div.content-wrapper div.inline.left {
			padding-right:40px;
		}
		
		div.product-open div.content-wrapper div.inline.right {
			padding-left:40px;
			max-width:600px;
		}
		
			div.product-open p {
				color:#1D2252;
				font-size:16px;
				line-height:24px;
				margin-bottom: 20px;
			}
			
			div.product-open p.title {
				font-family:"Roc-Grotesk-Compressed-Medium";
				text-transform:uppercase;
				font-size:40px;
				line-height:40px;
				letter-spacing:0.4pt;
			}
			
			div.product-open p.price {
				font-size:16px;
				/* margin-top:10px; */
				margin-bottom:40px;
				display:block;
			}
			
			div.product-open p.subtitle {
				font-size:14px;
				line-height:18px;
			}
			
			div.product-open p.parameter {
				text-transform:uppercase;
				margin-top:20px;
				font-size:12px;
				letter-spacing:0.5pt;
			}
				
			div.product-open div.sizes {
				margin-top:20px;
			}
			
				div.product-open div.sizes a {
					display:inline-table;
					min-width:30px;
					height:40px;
					padding:0 10px;
					text-align:center;
					line-height:40px;
					font-size:14px;
					color:#1D2252;
					border:1px solid rgba(29, 34, 82, 0.1);
					text-decoration:none;
					margin-right:5px;
					transition-duration:0.3s;
				}
				
				div.product-open div.sizes a:hover,
				div.product-open div.sizes a.active {
					border:1px solid #1D2252
				}
				
				div.product-open div.sizes a.inactive:hover,
				div.product-open div.sizes a.inactive {
					border:1px solid red;
					cursor:default;
					opacity:0.3;
					color:red;
				}
				
			div.product-open div.description {
				margin-top:40px;
			}
			
			div.product-open p.description {
				margin-top:20px;
				font-size:16px;
				line-height:22px;
			}
			
			div.product-open div.table.count {
				width:100%;
			}
			
				div.product-open div.table.count div.table-cell {
					width:70px;
					padding:0;
					
				}
				
				div.product-open div.table.count div.table-cell.right {
				}
				
				div.product-open div.table.count a.buy {
				}
			
				div.product-open div.description div.buttons {
					border-bottom:1px solid rgba(29, 34, 82, 0.1);
				}
				
					div.product-open div.description div.buttons a,
					div.product-open div.description div.buttons p {
						display:inline-block;
						margin-right:15px;
						color:#1D2252;
						vertical-align:middle;
						line-height:24px;
					}
					
					div.product-open div.description div.buttons a {
						text-transform:uppercase;
						font-family: "Roc-Grotesk-Compressed-Medium";
						text-decoration:none;
						font-size:24px;
						border-bottom:1px solid transparent;
						margin-bottom:-1px;
						transition-duration:0.3s;
					}
					
					div.product-open div.description div.buttons a.active,
					div.product-open div.description div.buttons a:hover {
						border-bottom:1px solid #1D2252
					}
					
					div.product-open div.description div.content {
						margin-top:20px;
						display:none;
					}
					
					div.product-open div.description div.content.active {
						display:block;
					}
					
						div.product-open div.description div.content p {
							margin-bottom:10px;
							font-size:16px;
							line-height:22px;
						}
					
			div.product-open a.buy {
				margin:20px 0;
				display:table;
				position:relative;
			}
			
			div.product-open ul.faq { 
				margin-top:30px;
			}
			
			/*
				div.product-open ul.faq li {
					border-bottom: 1px solid rgba(29, 34, 82, 0.2);
					padding-bottom:30px;
				}
			*/
				
				div.product-open ul.faq li div.content span.line {
					display:none;
				}
			
				div.product-open ul.faq a p {
					font-family:"Roc-Grotesk-Regular";
					font-size:18px;
					text-transform:uppercase;
				}
				
			div.product-open div.count {
				margin-top:10px;
			}
			




div.product-open #ordering-list {
	
}

@media screen and (max-width:1100px) {
	div.product-open div.table.count a.buy {
		width:auto;
	}
}

@media screen and (max-width:920px) {
	
	div.product-open div.content-wrapper {
		padding-top:40px;
		padding-bottom:	0px;
	}
	
	
	
}

@media screen and (max-width:800px) {
	
	div.product-open div.content-wrapper div.inline {
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	
	div.product-open div.content-wrapper div.inline.left {
		padding-right:0px;
	}

	div.product-open div.content-wrapper div.inline.right {
		padding-left:0px;
		max-width:600px;
		padding-bottom:40px;
	}				

	
	
}
	
				



/* product open -- */
/* cart view ++ */

div.cart {	
	background-color:#fff;
	padding:35px 40px;
}

	div.cart h2 {
		margin-top:20px;
	}
	
	div.cart div.product-table {
		display:table;
		width:100%;
		margin-top:40px;
		color:#1D2252;
	}
	
		div.cart div.product-table>div.table-row>div.table-cell {
			border-bottom:1px solid rgba(29, 34, 82, 0.2);
			display:table-cell;
			padding:20px 0;
			vertical-align:middle;
		}
		
		div.cart div.products-total {
			border-bottom:0 none;
			font-family: "Roc-Grotesk-Bold";
			letter-spacing: 1pt;
			text-transform:uppercase;
			width:100%;
			display:table;
			text-align:right;
			margin-top:30px;
			color:#1D2252;
		}
		
		div.cart div.product-table>div.table-row>div.table-cell.first {
			width:50%;
		}
		
		div.cart div.product-table>div.table-row>div.table-cell.second {
			width:15%;
			text-align:center;
			min-width:60px;
		}
		
		div.cart div.product-table>div.table-row>div.table-cell.third {
			width:20%;
			text-align:center;
			min-width:200px;
		}
		
		div.cart div.product-table>div.table-row>div.table-cell.fourth {
			text-align:right;
			width:10%;
			min-width:60px;
		}
		
		
			div.cart div.product-table div.table-row div.table-cell p.label {
				display:none;
				font-size:14px;
				line-height:18px;
				font-family:"Roc-Grotesk-Bold";
				letter-spacing:1pt;
				text-transform:uppercase;
			}
			
			div.cart div.product-table>div.table-row>div.table-cell.first div.table {
				display:inline-table;
				vertical-align:top;
			}
			
			div.cart div.product-table div.table-row div.table-cell p.heading {
				text-transform:uppercase;
				font-size:14px;
				font-family:"Roc-Grotesk-Bold";
				letter-spacing:1pt;
			}	
			
			div.cart div.product-table div.table-row div.table-cell a p {
				transition-duration:0.3s;
			}
			
			div.cart div.product-table div.table-row div.table-cell a:hover p.title {
				color:red;
			}
			
			div.cart div.product-table div.table-row div.table-cell p.title {
				font-size:24px;
				line-height:24px;
				font-family:"Roc-Grotesk-Compressed-Medium";
				text-transform:uppercase;
				letter-spacing:0.2pt;
				color:#1D2252;
			}
			
			div.cart div.product-table div.table-row div.table-cell p.subtitle {
				font-size:14px;
				margin-top:5px;
				display:table;
			}
			
			
			div.cart div.product-table div.table-row div.table-cell div.product-title {
				display:inline-table;
				vertical-align:middle;
				margin-right:20px;
			}	
			
			div.cart div.product-table div.table-row div.table-cell img {
				max-width:100px;
				vertical-align:middle;
				display:inline-table;
				margin-right:20px;
			}
						
			div.cart div.product-table div.table-row div.table-cell div.count {
				margin-top:0;
				display:inline-table;
				white-space:nowrap;
			}

	div.cart div.controls {
		margin-top:30px;
		text-align:right;
	}
	
			div.cart div.controls a.buy {
				max-width:300px;
				display:inline-table;
				position:relative;
			}
			
			div.cart p.price {
				margin:0;
				font-size:16px;
				display:inline-block;
				white-space:nowrap;
			}
			
			div.cart b {
				font-family:"Roc-Grotesk-Bold";
				font-weight:normal;
			}
			
			div.cart a.green.padding {
				margin-top:12px;
			}
			
			div.cart a.green {
				color:#00D880;
				margin-top:8px;
				margin-bottom:0px;
				display:table;
				white-space:nowrap;
			}
			
				div.cart a.green img {
					width:14px;
					margin-top:-3px;
				}	
				
			
				div.cart a.green.remove img {
					width:16px;
				}	
				
				div.cart a.green.coupon img {
					rotate: 90deg;
				}	
			
				div.cart a.green p,
				div.cart a.green img {
					display:inline-table;
					vertical-align:bottom;
				}
				
				div.cart a.green img {
					max-width:20px;
					max-height:20px;
					margin-right:4px !important;
				}

@media screen and (max-width:920px) {
	div.cart {	
		padding:40px 20px;
	}
}

@media screen and (max-width:600px) {
	div.cart div.product-table div.table-row.header {
		display:none;
	}
	
	div.cart div.product-table>div.table-row>div.table-cell {
		display:block;
		width:100%;
		padding:0 0 10px 0;
		border-bottom:0 none;
	}
	
	div.cart div.product-table>div.table-row>div.table-cell.first {
		width:100%;
	}
	
	div.cart div.product-table>div.table-row>div.table-cell.second {
		display:none;
		/* width:100%; */
		/* text-align:left; */
	}
	
	div.cart div.product-table>div.table-row>div.table-cell.third {
		display:none;
		/* width:100%; */
		/* text-align:left; */
	}
	
	div.cart div.product-table>div.table-row>div.table-cell.fourth {
		width:100%;
		text-align:left;
		margin-bottom:40px;
		border-bottom:1px solid rgba(29, 34, 82, 0.2);
		text-align:right;
	}
	
		div.cart div.product-table div.table-row div.table-cell p.label {
			display:inline-block;
			margin-right:10px;
		}
		
	div.cart b { 
		font-family: "Roc-Grotesk-Regular";
	}
}


/* cart view -- */
/* ordering form ++ */

#ordering-list a.download {
	color:#1D2252;
	border-bottom:1px solid #1D2252;
	transition-duration:0.3s;
	display:table;
}

#ordering-list a.download:hover {
	border-color:transparent;
}
	


div.ordering-form {
	background-color:#fff;
	padding:35px 40px;
	height:100%;
}

	div.ordering-form h2 {
		margin-top:20px;
		margin-bottom:20px;
	}
	

	div.ordering-form div.inline {
		display:inline-block;
		width:50%;
		box-sizing:border-box;
		margin-top:30px;
		vertical-align:top;
	}
	
	div.ordering-form div.inline.left {
		padding-right:40px;
	}
	
	div.ordering-form div.inline.right {
		padding-left:40px;
	}
	
		div.ordering-form div.tabs div.table-cell {
			border-bottom:1px solid rgba(29, 34, 82, 0.2);
			transition-duration:0.3s;
		}
		
		div.ordering-form div.tabs div.table-cell:last-child {
			width:100%;
			border-left:1px solid rgba(29, 34, 82, 0.2); 
		}
		
		div.ordering-form div.tabs div.table-cell.active {
			border-bottom:1px solid transparent;
		}
		
			div.ordering-form div.tabs a {
				text-transform:uppercase;
				box-sizing:border-box;
				text-decoration:none;
				font-size:14px;
				color:#1D2252;
				display:table;
				vertical-align:middle;
				letter-spacing:1pt;
				line-height:50px;
				font-family:"Roc-Grotesk-Regular";
				transition-duration:0.3s;
				white-space:nowrap;
			}
			
			div.ordering-form div.tabs a.private {
				padding-right:20px;
			}
			
			div.ordering-form div.tabs a.legal {
				padding-left:20px;
			}
			
			div.ordering-form div.tabs a.active {
				font-family:"Roc-Grotesk-Bold";
			}
		
		div.ordering-form div.form {
			margin-top:40px;
		}
		
		div.ordering-form div.form.legal {
			display:none;	
		}
		
			div.ordering-form div.form p.label {
				margin-top:30px;
			}
			
			div.ordering-form div.form div.select-container {
				width:100%;
			}
			
				div.ordering-form div.form div.select-container ul {
					background-color:#fff;
				}
			
		div.ordering-form p.heading {
			text-transform:uppercase;
			font-size:16px;
			color:#1D2252;
			/* font-weight:bold; */
			margin-top:60px;
			letter-spacing:0.8pt;
			font-family:"Roc-Grotesk-Bold";
		}
		
	div.ordering-form div.inline.right div.inner {
		background-color:#F3F4F6;
		padding:60px;
		padding-bottom:50px;
		max-width:550px;
	}
	
		div.ordering-form div.inline.right div.inner p.heading {
			margin-top:0;
			margin-bottom:20px;
		}
		
		div.ordering-form div.inline.right div.inner span.line-horizontal {
			height:0;
			width:100%;
			border-bottom:1px solid rgba(29, 34, 82, 0.2);
			margin:25px 0;
			display:table;
		}
		
		div.ordering-form div.inline.right div.inner div.table {
			width:100%;
			display:table;
			color: #1D2252;
			text-transform:uppercase;
			font-size:16px;
			letter-spacing:0.5pt;
		}	
		
			div.ordering-form div.inline.right div.inner div.table div.table-row {
				display:table-row;
			}
	
				div.ordering-form div.inline.right div.inner div.table div.table-row div.table-cell {
					display:table-cell;
					padding:5px 0;
					vertical-align:middle;
				}
				
				div.ordering-form div.inline.right div.inner div.table div.table-row div.table-cell:last-child {
					text-align:right;
				}
				
				
				div.ordering-form div.inline.right div.inner div.finish-order:after {
					content:"";
					clear:both;
					display:table;
				}
				
					div.ordering-form div.inline.right div.inner div.finish-order label {
						float:left;
						margin:15px 20px 15px 0;
					}
					
					div.ordering-form div.inline.right div.inner div.finish-order a.buy {
						float:right;
						margin:0;
					}
				
				div.ordering-form div.inline.right div.inner div.table.finish-order div.table-row div.table-cell.left {
					padding-right:20px;
				}
				
					div.ordering-form div.inline.right div.inner div.table.bold {
						font-size:20px;
						font-family:"Roc-Grotesk-Bold";
						margin-bottom:40px;
					}

			div.ordering-form div.inline.right div.inner div.table.count div.table-cell {
				vertical-align:middle;
				text-transform:none;
			}
			
			div.ordering-form div.response {
				margin-top:20px;
			}
				
				
			div.ordering-form div.inline.right div.inner div.payment-types {
				margin-top:30px;
			}	
			
				div.ordering-form div.inline.right div.inner div.payment-types p {
					line-height:20px;
					font-size:13px;
					margin-bottom:15px;
				}
				
				div.ordering-form div.inline.right div.inner div.payment-types img {
					display:inline-table;
					max-width:100px;
					vertical-align:middle;
					margin-right:20px;
					margin-bottom:20px;
				}
				
				div.ordering-form form div.inline div.select-container.omniva {
					/* display:none; */
					/* margin-top:20px; */
					margin-bottom:30px;
					width:100%;
					margin-top:0px;
				}
				
					div.ordering-form div.select-container:not(.red) div.inner-container div.choosed-val {
						padding:10px 0;
						border-color:rgba(29, 34, 82, 0.2);
					}	
					
					div.ordering-form div.inline.right div.inner span.line-horizontal.omniva {
						display:none;
					}
					
					div.table.coupon {
						max-width:350px;
						margin-left:auto;
						height:auto !important;
					}
					
					div.table.coupon div.table-row div.table-cell {
						width:100%;
						padding-right:0px;
						box-sizing:border-box;
					}
					
					div.table.coupon div.table-row div.table-cell.right {
						padding-left:0px;
						padding-right:0px;
					}
					
					div.table.coupon input[name=coupon] {
						width:100%;
						text-align:center;
					}
					
						div.table.coupon a.buy {
							position:relative;
						}	

									
@media screen and (max-width:1200px) {
	
	div.ordering-form div.inline.left {
		padding-right:20px;
	}
	
	div.ordering-form div.inline.right {
		padding-left:20px;
	}

}


@media screen and (max-width:920px) {
	div.ordering-form div.inline {
		display:block;
		width:100%;
	}
	
	div.ordering-form div.inline.left {
		width:100%;
		padding-right:0;
	}
	
	div.ordering-form div.inline.right {
		width:100%;
		padding-left:0;
	}
}

@media screen and (max-width:800px) {
	div.ordering-form {
		padding-left:20px;
		padding-right:20px;
	}
	
	div.ordering-form div.inline.right div.inner {
		padding:40px 20px;
	}
	
	
	
}

@media screen and (max-width:600px) { 
	div.ordering-form div.inline.right div.inner div.finish-order a.buy {
		float:left;
		margin-top:10px;
	}
	
	div.ordering-form div.tabs div.table-cell {
		display:table;
		width:100%;
	}
	
	div.ordering-form div.tabs a.legal {
		padding-left:0;
	}
	
	div.ordering-form div.tabs {
		width:100%;
	}
	
	div.ordering-form div.tabs div.table-row {
		display:table;
		width:100%;
	}
	
	div.ordering-form div.tabs div.table-cell,
	div.ordering-form div.tabs div.table-cell:last-child {
		border-color:transparent;
	}
	
	div.ordering-form div.tabs div.table-cell:last-child {
		border-top: 1px solid rgba(29, 34, 82, 0.2);
	}
	
	div.ordering-form div.tabs div.table-cell a {
		width:100%;
		display:table;
	}
	
}

/* ordering form -- */
/* SHOP --  */
/* OFFERS ++  */

div.article.offers div.head {
	background-color:#00D880;
}

div.article.offers div.head p.intro, 
div.article.offers div.head h1, 
div.article.offers div.head div.slogan p {
	color:#1D2252;
}

	div.offers ul.offers {
		list-style:none;
		padding:80px 0;
		margin-left:0 !important;
	}
	
		div.offers ul.offers li {
			padding:30px 0 20px 0;
			border-bottom:1px solid #1D2252;
			margin:0 !important;
		}
		
		div.offers ul.offers li:last-child {
			border-bottom:0 none;
		}
		
			div.offers ul.offers li>a {
				text-decoration:none;
				font-size:70px;
				line-height:70px;
				color:#1D2252;
				font-family: "Roc-Grotesk-Compressed-Medium";
				text-transform:uppercase;
				display:table;
				width:100%;
				padding-right:60px;
				box-sizing:border-box;
				background-image:url('/assets/img/icon-bullet-right.svg');
				background-position:right 10px top 13px;
				background-repeat:no-repeat;
				transition-duration:0.3s;
			}
			
			div.offers ul.offers li>a:hover {
				background-position:right top 13px;
			}
			
			div.offers ul.offers li div.inline {
				display:inline-block;
				width:50%;
				vertical-align:top;
			}
			
			div.offers ul.offers li div.inline.left{
				padding-right:30px;
				box-sizing:border-box;
			}
			
				div.offers ul.offers li div.inline.left {
					font-size:70px;
					line-height:70px;
					color:#1D2252;
					font-family: "Roc-Grotesk-Compressed-Medium";
					text-transform:uppercase;
				}
				
				div.offers ul.offers li div.inline.right p {
					color:#1D2252;
					font-size:16px;
					line-height:24px;
				}

@media screen and (max-width:920px) {
	div.offers ul.offers {
		padding:40px 0;
	}
}

@media screen and (max-width:800px) {
	
	div.offers ul.offers li {
		padding:20px 0 16px 0;
	}
		
	div.offers ul.offers li div.inline.left,
	div.offers ul.offers li>a {
		font-size:40px;
		line-height:40px;
	}
	
	div.offers ul.offers li>a {
		background-size:30px;
		background-position:right 10px top 6px;
	}
	
	div.offers ul.offers li>a:hover {
		background-position:right 0px top 6px;	
	}
	
	div.offers ul.offers li div.inline {
		display:block;
		width:100%;
	}
	
		div.offers ul.offers li div.inline.right {
			margin-top:10px;
		}
	
}
					
/* OFFERS --  */
/* MOVIE LESSONS ++  */

div.article.movie-lesson div.head>div.table-cell div.table {
	height:100vh;
}

	div.article.movie-lesson div.head>div.table-cell div.table div.table-cell.top {
		height:100%;
		vertical-align:bottom;
		padding-bottom:80px;
	}
	
		div.article.movie-lesson a.buy {
			background-color:#FFE392;
			color:#1D2252;
		}
		
		div.article.movie-lesson a.buy:hover {
			background-color:#FF6551;
		}
				
		div.article.movie-lesson div.parameters {
			margin-top:60px;
		}

			div.article.movie-lesson div.parameters div.table-cell {
				vertical-align:middle;
			}
			
			div.article.movie-lesson div.movie-open div.content div.parameters p,
			div.article.movie-lesson div.parameters p {
				display:inline-block;
				font-size:12px;
				margin:3px 0;
				margin-right:10px;
				color:#1D2252;
			}
			
			div.article.movie-lesson div.parameters p.parameter {
				border:1px solid #1D2252;
				border-radius:3px;
				padding:6px 6px 5px 6px;
				line-height:10px !important;
				color:#1D2252;
			}
			
@media screen and (max-width:800px) {
	
	div.article.movie-lesson div.head>div.table-cell div.table {
		height:auto;
	}
	
}
	
/* lesson materials block ++ */

div.materials {
	padding:100px 0;
	background-color:#FFE392;
}

	div.materials>div.content-wrapper>div.inline {
		display:inline-block;
		vertical-align:top;
		width:40%;
	}
	
	div.materials>div.content-wrapper>div.inline.right {
		width:60%;
	}
	
		div.materials div.inline h2 {
			max-width:300px;
		}
		
		div.materials div.inline p {
			color:#1D2252;
			font-size:16px;
			line-height:24px;
		}
		
@media screen and (max-width:920px) {
	
	div.materials {
		padding:60px 0;
	}
	
	div.materials>div.content-wrapper>div.inline {
		display:block;
		width:100%;
	}
	
	div.materials>div.content-wrapper>div.inline.right {
		width:100%;
		margin-top:40px;
		margin-bottom:0;
	}
	
	div.article.movie-lesson div.parameters {
		margin-top:30px;
	}
	
}

@media screen and (max-width:920px) { 
	div.materials>div.content-wrapper>div.inline.right {
		margin-top:20px;
	}
}


/* lesson materials block -- */
/* MOVIE LESSONS --  */
/* MOVIE GALLERY SLIDE ++  */

div.slide-container {
	padding:40px 0 100px 0;
	overflow:hidden;
	padding-left:80px;
}

	div.slide-container div.width-wrapper {
		position:relative;
		overflow:hidden;
		padding:0;
	}
		
		div.slide-container ul {
			list-style:none;
			white-space:nowrap;
			left:0;
		}
		
		div.slide-container ul:hover {
			cursor:url('/assets/img/icon-cursor.svg'), auto;
		}
		
			div.slide-container ul li {
				display:inline-block;
				width:40%;
				vertical-align:top;
				cursor:url('/assets/img/icon-cursor.svg'), auto;
				line-height:0;
				padding-right:20px;
				box-sizing:border-box;
			}
			
			div.slide-container ul li a {
				cursor:url('/assets/img/icon-cursor.svg'), auto;
			}
			
				div.slide-container ul li img {
					width:100%;
				}
				
@media screen and (max-width:1200px) {
	div.slide-container {
		padding-left:40px;
	}
	
	div.slide-container ul li { 
		width:70%;
	}
	
}				
				
@media screen and (max-width:920px) {
	div.slide-container {
		padding-left:40px;
	}
	
	div.slide-container ul li { 
		width:90%;
	}
	
}

@media screen and (max-width:600px) {
	div.slide-container {
		padding-left:20px;
		padding-bottom:0px;
	}
	
		
}

/* MOVIE GALLERY SLIDE --  */
/* CINEMA SCHOOL ++  */

div.article.cinema-school div.head div.table-cell.info span.line {
    border-color:rgba(255, 255, 255, 0.3);
}

div.article.cinema-school div.head div.table-cell.info div.table.submenu div.table-cell span.line-vertical {
	border-color:rgba(255, 255, 255, 0.3);
}

div.article.cinema-school div.head div.table-cell.info div.table.submenu div.table-cell a {
	color:#fff;
}

div.article.cinema-school div.head div.table-cell.info div.table.submenu div.table-cell a:hover, 
div.article.cinema-school div.head div.table-cell.info div.table.submenu div.table-cell a.active {
    border-bottom: 5px solid #FF6551;
}



div.article div.head a.buy.relative {
	position:relative;
	display:table;
	margin:0 auto;
	top:0;
}

div.article.cinema-school a.buy {
	background-color:#FF6551;
	color:#1D2252;	
}

div.article.cinema-school a.buy:hover {
	background-color:#1D2252;
	color:#fff;
}

div.article.cinema-school div.head a.buy {
	margin:40px auto;	
}
	
	div.article.cinema-school div.section span.line {
		/* width:100%; */
		/* height:1px; */
		/* border-bottom:1px solid #1D2252; */
		/* display:table; */
	}
	
	


@media screen and (max-width:600px) {
	
	div.article.cinema-school div.head div.table-cell.top {
		padding-bottom:0px;
	}
	
}

/* CINEMA SCHOOL --  */
/* LESSONS PAGES ++  */
/* overal ++ */

div.article.lessons {
}

div.article.lessons div.head {
	background-color:#FFE392;	
}

div.article.lessons div.head p.intro, 
div.article.lessons div.head h1, 
div.article.lessons div.head div.slogan p{
	color:#1D2252;
}



	div.article.lessons div.head div.table-cell.info div.table.submenu div.table-cell a:hover,
	div.article.lessons div.head div.table-cell.info div.table.submenu div.table-cell a.active {
		border-bottom:5px solid #6699FF;
	}


	div.article.lessons div.section div.content-wrapper.wide div.inner-wrapper {
		padding-top:0;
	}

div.article.lessons div.section div.inner-wrapper {
	/* padding:80px 0 0px 0; */
}
					
div.article.lessons div.section div.inner-wrapper>div.inline {
}



@media screen and (max-width:600px) {
	div.article div.head div.table-cell.info div.table.submenu div.table-cell {
		display:block;
	}
	
	div.article div.head div.table-cell.info div.table.submenu div.table-cell span.line-vertical {
		height:1px;
		width:100%;
		top:-1px;
		border-bottom:1px solid rgba(29, 34, 82, 0.3);
	}
	
		div.article div.head div.table-cell.info div.table.submenu div.table-cell a {
			padding:25px 20px 20px 20px;
		}
		
		div.article div.head div.table-cell.info span.line {
			margin-bottom:0;
		}
}

/* overal -- */
/* gallery ++ */

div.article.lessons div.section div.gallery {
	background-color:rgba(0, 216, 128, 0.1);
}

	div.article.lessons div.section div.gallery {
		
	}

/* gallery -- */
/* team ++ */

div.article div.team {
	margin-bottom:80px;
}

	div.article div.team ul {
		list-style:none;
		width:calc(100% + 40px);
		margin-left:-20px;
	}
	
		div.article div.team ul li {
			display:inline-table;
			padding:0 20px 0 20px;
			width:50%;
			box-sizing:border-box;
			margin-bottom:50px;
		}
		
		div.article div.team ul.col3 li {
			width:33.33%;
		}
		
		
			div.article div.team ul li div.image-container {
				background-color: rgba(29, 34, 82, 1);
				background-size: cover;
				background-blend-mode: screen;
			}
		
			div.article div.team ul li img {
				width:100%;
				opacity:0;
				/* cursor:pointer; */
			}
			
			
			div.article div.team ul li div.content-intro {
				position:relative;
				/* cursor:pointer; */
				padding-right:30px;
				color:#1D2252;
				box-sizing:border-box;
			}
			
				
				div.article div.team ul li div.content-intro p {
					margin-bottom:0;
				}
				
				div.article div.team ul li div.content-intro p.name {
					font-size:40px;
					font-weight:normal;
					font-family:"Roc-Grotesk-Compressed-Medium";
					letter-spacing:0.4pt;
					margin-top:20px;
					margin-bottom:10px;
				}
				
				div.article div.team ul li div.content-intro div.icon {
					top:0;
					margin-top:0;
					display:none;
				}
				
			div.article div.team ul li div.content-detailed {
				display:none;
			}
				
				div.article div.team ul li div.content-detailed span.line {
					width:50px;
					height:1px;
					border-bottom: 1px solid #222D47;
					margin:20px 0;
					display:table;
				}
				
				div.article div.team ul li div.content-detailed p {
					margin-bottom:0;
				}

@media screen and (max-width:1200px) {		
	
	div.article div.team ul {
		width:calc(100% + 20px);
		margin-left:-10px;
	}
	
	div.article div.team ul li {
		padding:20px 10px;
	}
	
	div.article div.team ul.col3 li {
		width:50%;
	}
		
}

@media screen and (max-width:800px) {		
	
	div.article div.team ul li,
	div.article div.team ul.col3 li {
		padding:20px 10px;
		width:100%;
		margin-bottom:0px;
	}
}
			
/* team -- */
/* service ++ */

div.article.lessons div.table.service {
	border-top:1px solid #1D2252;
	border-bottom:1px solid #1D2252;
}

	div.article.lessons div.table.service div.table-cell {
		/* border:1px solid red; */
		width:33.33%;
		text-align:center;
		padding:30px 25px;
		box-sizing:border-box;
		color:#1D2252;
	}
	
	div.article.lessons div.table.service div.table-cell.middle {
		border-left:1px solid #1D2252;
		border-right:1px solid #1D2252;
	}
	
		div.article.lessons div.table.service div.table-cell div.image {
			width:100%;
			display:block;
			border-radius:50%;
			/* border:1px solid #1D2252; */
			margin:0 auto;
			display:table;
			margin-bottom:30px;
			overflow:hidden;
			line-height:0;
			max-width:200px;
		}
		
		div.article.lessons div.table.service div.table-cell div.image img {
			width:100%;
		}
		
		div.article.lessons div.table.service div.table-cell p.title {
			font-family: "Roc-Grotesk-Compressed-Medium";
			letter-spacing:0.4pt;
			font-size:40px;
			text-transform:uppercase;
			margin-bottom:20px;
			margin-top:10px;
		}
		
		div.article.lessons div.table.service div.table-cell p.description {
			color:#1D2252;
			font-size:16px;
			line-height:24px;
		}
		
		div.article.lessons div.blockquote {
			margin:80px 0;
		}
		
@media screen and (max-width:800px) {
	div.article.lessons div.table.service div.table-cell {
		/* border:1px solid red; */
		width:100%;
		display:inline-block;
	}
	
	div.article.lessons div.table.service div.table-cell.middle {
		border-left:0 none;
		border-right:0 none;
		border-top:1px solid #1D2252;
		border-bottom:1px solid #1D2252;
	}
}
		
/* service -- */
/* logo ++ */

div.logo {
	border-top: 1px solid #1D2252;
	padding-top:40px;	
}

	div.logo ul {
		list-style:none;
		width:calc(100%+20px);
		margin-left:-10px;
	}

		div.logo ul li {
			display:inline-table;
			vertical-align:middle;
			width:25%;
			box-sizing:border-box;
		}
		
			div.logo ul li div.inner {
				padding:10px;
				text-align:center;
			}
		
@media screen and (max-width:600px) {
	
	div.logo ul li {
		width:50%;
	}
}

/* logo -- */
/* quote ++ */
	div.article.lessons blockquote,
	div.article.lessons blockquote p{
		color:#6699FF;
		font-family:"Roc-Grotesk-Compressed-Medium";
		letter-spacing:0.4pt;
		text-transform:uppercase;
		font-size:70px;
		position:relative;
		display:table;
		margin-bottom:10px;
	}
	
		div.article.lessons blockquote p:before {
			position:absolute;
			left:-20px;
			top:0;
			content:'"';
		}
		
		div.article.lessons blockquote p:after {
			position:absolute;
			content:'"';
		}
	
		div.article.lessons div.blockquote p.author {
			margin-bottom:0 !important;
			font-family: "Roc-Grotesk-Bold";
			text-transform:uppercase;
			margin-top:10px;
		}
		
		div.article.lessons div.blockquote p.role {
			margin-bottom:0 !important;
			text-transform:uppercase;
			letter-spacing:0.5pt;
		}
			
@media screen and (max-width:800px) {	
	div.article.lessons blockquote {
		font-size:60px;
	}
	
	div.article.lessons blockquote:before {
		left:-15px;
	}
		
}

@media screen and (max-width:600px) {	
	div.article.lessons blockquote {
		font-size:50px;
	}
	
	div.article.lessons blockquote:before {
		left:-12px;
	}
}

/* quote -- */
/* timeline ++ */

div.timeline {
	background-color:#eff5ff;
	padding:40px 0;
}

div.timeline.yellow {
	background-color:rgba(255, 101, 81, 0.1);
}

	

	div.timeline div.tabs {
		border-bottom:1px solid rgba(29, 34, 82, 0.3);
		width:100%;
		display:table;
		margin-bottom:60px;
	}
	
		div.timeline div.tabs div.inline {
			display:inline-table;
			width:50%;
			box-sizing:border-box;
			text-align:center;
			position:relative;
		}
		
			div.timeline div.tabs a {
				padding:20px 20px 25px 20px;
				box-sizing:border-box;
				color:#1D2252;
				text-transform:uppercase;
				font-family:"Roc-Grotesk-Compressed";
				letter-spacing:0.5pt;
				font-size:24px;
				transition-duration:0.3s;
				border-bottom:5px solid transparent;
				width:100%;
				display:table;
				margin-bottom:-1px;
			}
			
			div.timeline div.tabs a:hover,
			div.timeline div.tabs a.active {
				border-bottom:5px solid #6699FF;	
			}

			div.timeline div.inline span.line-vertical {
				position:absolute;
				width:1px;
				left:0;
				top:10%;
				display:table;
				height:60%;
				box-sizing:Border-box;
				border-left:1px solid rgba(29, 34, 82, 0.3);
			}

	div.timeline div.content-wrapper>div.content {
		/* margin-top:80px; */
		margin-bottom:20px;
		display:none;
	}
	
	div.timeline div.content-wrapper>div.content.active {
		display:block;
	}
	
		div.timeline div.content div.table-cell {
			width:50%;
			box-sizing:border-box;
			padding-bottom:80px;
			position:relative;
		}

		div.timeline div.content div.table-cell.left {
			text-align:right;
			border-right:1px solid rgba(29, 34, 82, 0.2);
			padding-right:60px;
		}
		
		div.timeline div.content div.table-cell.right {
			border-left:1px solid rgba(29, 34, 82, 0.2);
			padding-left:60px;
		}
		
			div.timeline div.content p {
				color:#1D2252;
				font-size:16px;
				line-height:24px;
				margin-bottom:20px;
			}
			
			div.timeline ul.faq.detailed p.date {
				font-family: "Roc-Grotesk-Compressed-Medium";
				font-size: 24px;
				line-height: 24px;
				float: left;
				color: #1D2252;
				letter-spacing: 0.5pt;
			}
		
		
			div.timeline div.content p.year {
				margin-bottom:5px;
				font-size:12px;
				text-transform:uppercase;
			}
			
			div.timeline div.content p.month {
				font-family: "Roc-Grotesk-Compressed-Medium";
				letter-spacing:0.5pt;
				font-size:40px;
				line-height:40px;
				text-transform:uppercase;
			}
			
			div.timeline div.content p.month.large {
				font-size:70px;
				line-height:70px;
			}
			
			div.timeline div.content div.table-cell.right p.year,
			div.timeline div.content div.table-cell.right p.month {
				display:none;
			}
			
			div.timeline div.content div.table-cell.right span.circle {
				position:absolute;
				left:-11px;
				top:0;
				width:15px;
				height:15px;
				border-radius:50%;
				background-color:#eff5ff;
				border:3px solid #1D2252;
			}	
			
			div.timeline ul.faq.detailed {
				margin-top:40px;
				border-bottom: 1px solid #222D47;
			}	
			
				div.timeline ul.faq.detailed li {
					border:0 none;
					margin:0;
					padding:0;
				}
				
				div.timeline ul.faq.detailed div.table-row.content {
					display:none;
				}
				
				div.timeline ul.faq.detailed div.table-row {
					position:relative;
				}
				
					div.timeline ul.faq.detailed div.table-cell {
						width:auto;
						box-sizing:border-box;
						padding:0;
						border:0 none;
						padding:13px 0 10px 0;
						vertical-align:middle;
					}
					
					div.timeline ul.faq.detailed div.table-row.info div.table-cell,
					div.timeline ul.faq.detailed div.table-row.button div.table-cell {
						border-top: 1px solid #222D47;
					}
					
					div.timeline ul.faq.detailed div.table-row.button {
						cursor:pointer;
					}
					
					div.timeline ul.faq.detailed div.table-row>a {
						border:1px solid red;
						width:100%;
						display:table;
					}
					
					div.timeline ul.faq.detailed div.table-cell.left {
						white-space:nowrap;
						padding-right:20px;
					}
					
					div.timeline ul.faq.detailed div.table-cell.right {
						padding-left:20px;
						padding-right:40px;
						width:100%;
					}
					
						div.timeline ul.faq.detailed  div.content span.line {
							margin-top:0;
						}
						
						div.timeline ul.faq.detailed p {
							font-size:18px;
							margin-bottom:0 !important;
						}
						
						div.timeline ul.faq.detailed li a p.date {
							font-family:"Roc-Grotesk-Compressed-Medium";
							font-size:24px !important;
							line-height:24px !important;
							float:left;
							color:#1D2252;
							letter-spacing:0.5pt;
						}
							
							div.timeline ul.faq.detailed p.date span {
								font-family: "Roc-Grotesk-Compressed";
								font-size: 24px;
							}
							
						div.timeline ul.faq.detailed div.content p {
							font-size:16px;
							margin-top:20px;
							margin-bottom:20px !important;
						}
						
					div.timeline a.buy {
						position:relative;
						margin-left:0;
						margin-top:40px;
						display:table;
						background-color:#6699FF;
					}
					
					div.timeline a.buy:hover {
						color:#fff;
						background-color:#1D2252;
					}
					
					div.timeline div.additional-info {
						margin-top:40px;
					}
					
					div.timeline div.additional-info p {
						font-size: 16px;
						line-height: 24px;
						margin-bottom: 20px;						
					}
					
@media screen and (max-width:800px) {		
	
	div.timeline div.content div.table-cell.left {
		display:none;
	}
	
	div.timeline div.content div.table-cell.right {
		padding-left:30px;
		margin-left:10px;
		display:table;
		width:calc(100% - 10px);
	}
	
	div.timeline div.content div.table-cell.right p.year,
	div.timeline div.content div.table-cell.right p.month {
		display:table;
	}
	
	div.timeline ul.faq.detailed {
	}
	
	div.timeline ul.faq.detailed div.table-row {
		width:100%;
		display:table;
	}
	
	div.timeline ul.faq.detailed div.table-cell.left {
		white-space:nowrap;
		padding-right:20px;
		display:table;
		width:100%;
	}
	
	div.timeline ul.faq.detailed div.table-cell.right {
		padding-left:0px;
		padding-right:40px;
		width:100%;
		display:table;
		margin-left:0;
	}
	
	div.timeline ul.faq.detailed div.table-row.content div.table-cell.left {
		display:none;
	}
	
	div.timeline ul.faq.detailed div.table-row.info div.table-cell.left,
	div.timeline ul.faq.detailed div.table-row.button div.table-cell.left {
		padding-top:20px;
	}
	
	div.timeline ul.faq.detailed div.table-row.info div.table-cell.right,
	div.timeline ul.faq.detailed div.table-row.button div.table-cell.right {
		border-top:0 none;
		padding-top:0;
	}
	
}

/* timeline -- */
/* LESSONS PAGES --  */
/* LESSONS FORM ++  */

body.test section {
	background-color:#FFE392;
}

div.article.lessons-form {
	background-color:#FFE392;	
	padding-bottom:100px;
	/* min-height:100%; */
	box-sizing:border-box;
}

div.article.lessons-form div.head p.intro, 
div.article.lessons-form div.head h1, 
div.article.lessons-form div.head div.slogan p{
	color:#1D2252;
}



div.article.lessons-form>div.section {
    background-color:#FFE392;
    padding-bottom:100px;
    display:table-row;
}

		div.article.lessons-form>div.section div.form {
			margin-top:20px;
		}
		
		div.article.lessons-form>div.section div.form.login {
			width:50%;
			margin:0 auto;
		}
			
			div.article.lessons-form>div.section div.form.login  div.inline.left {
				width:100%;
				padding:0;
			}
		
			div.article.lessons-form>div.section div.form div.inline {
				display:inline-block;
				vertical-align:top;
				box-sizing:border-box;
				margin-bottom:30px;
			}
			
			div.article.lessons-form>div.section div.form div.inline.left {
				width:50%;
				padding-right:20px;
			}
			
			div.article.lessons-form>div.section div.form div.inline.right {
				width:50%;
				padding-left:20px;
			}
			
				div.article.lessons-form>div.section div.form div.select-container {
					width:100%;
				}
				
				div.article.lessons-form>div.section div.select-container.calendar div.inner-container div.choosed-val {
					background-position:right top 18px;
					background-image:url(/assets/img/icon-calendar.svg);
				}
				
				
				div.article.lessons-form>div.section div.form div.count {
					text-align:right;
				}
				
					div.article.lessons-form>div.section div.form div.count input[type=text] {
						max-width:80px;
						text-align:center;
					}
					
					div.article.lessons-form>div.section div.form div.count a.change-count {
						width:40px;
						height:40px;
						border-radius:50%;
						display:inline-table;
						margin-left:8px;
						vertical-align:middle;
						border:1px solid transparent;
						position:relative;
					}
					
						div.article.lessons-form>div.section div.form div.count a.change-count div.icon {
							width:22px;
							height:22px;
							display:table;
							position:absolute;
							top:0;
							left:9px;
						}
						
						div.article.lessons-form>div.section div.form div.count a.change-count div.icon span {
							background-color:#1D2252;
							position:absolute;
						}
						
						div.article.lessons-form>div.section div.form div.count a.change-count div.icon span.line-horizontal {
							height:1px;
							width:100%;
							top:20px;
							left:0;
						}
						
						div.article.lessons-form>div.section div.form div.count a.change-count div.icon span.line-vertical {
							height:100%;
							width:1px;
							top:9px;
							left:11px;
						}
						
						div.article.lessons-form>div.section div.form div.count a.change-count.subtract {
							background: rgba(29, 34, 82, 0.1);
						}
						
						div.article.lessons-form>div.section div.form div.count a.change-count.add {
							border:1px solid #1D2252;
						}
						
						div.article.lessons-form>div.section div.form div.center {
							padding:30px 0;
						}
							
							div.article.lessons-form>div.section div.form div.center p {
								display:table;
								margin:0 auto;
								font-size:14px;
								line-height:22px;
								margin-top:20px;
							}
							
							div.article.lessons-form>div.section div.form div.align-right a {
								color:#1D2252;
								text-decoration:none;
								padding-bottom:3px;
								border-bottom:1px solid #1D2252;
								transition-duration:0.3s;
								margin-left:auto;
								display:table;
							}
							
							div.article.lessons-form>div.section div.form div.align-right a:hover {
								border-color:transparent;
							}
													
						div.article.lessons-form div.section div.form div.center input.submit,
						div.article.lessons-form>div.section div.form div.center button {
							margin-top:10px;
							color:#1D2252;
							text-transform:uppercase;
							font-size:40px;
							border:0 none;
							background-color:transparent;
							font-family:"Roc-Grotesk-Compressed-Medium";
							letter-spacing:0.4pt;
							cursor:pointer;
							transition-duration:0.3s;
						}
						
						div.article.lessons-form div.section div.form div.center input.submit:hover,
						div.article.lessons-form>div.section div.form div.center button:hover {
							color:#FF6551;
						}
						
@media screen and (max-width:600px) {
	
	div.article.lessons-form>div.section div.form.login {
		width:100%;
	}
	
	div.article.lessons-form>div.section div.form div.inline {
		display:block;
		margin-bottom:30px;
	}
	
	div.article.lessons-form>div.section div.form div.inline.left {
		width:100%;
		padding-right:0px;
	}
	
	div.article.lessons-form>div.section div.form div.inline.right {
		width:100%;
		padding-left:0px;
	}
}

/* LESSONS FORM --  */
/* LESSONS TEST ++  */

div.article.test-form div.head p.intro {
    color:#FF6551;
}

	div.article.test-form form>div.section div.form {
		width:50%;
		margin:0 auto;
	}
	
		div.article.test-form form>div.section div.form div.inline.left {
			width:100%;
			padding:0;
			padding-bottom:30px;
			position:relative;
		}
		
		div.article.test-form form>div.section div.form div.inline.left.centered {
			text-align:center;
		}
		
			div.article.test-form form>div.section div.form div.inline.centered input[type=text] {
				text-align:center;
			}
			
			div.article.test-form form>div.section div.form a.copy {
				width:60px;
				height:60px;
				position:absolute;
				right:0;
				top:8px;
				border-radius:50%;
				background: rgba(29, 34, 82, 0.06);
				background-image:url('/assets/img/icon-copy.svg');
				background-repeat:no-repeat;
				background-position:center center;
				transition-duration:0.3s;
			}
			
			div.article.test-form form>div.section div.form a.copy:hover {
				background-color:#1D2252;
				background-image:url('/assets/img/white/icon-copy.svg');
			}
			
				div.article.test-form form>div.section div.form a.copy div.info {
					position:absolute;
					left:70px;
					top:15px;
					padding-left:6px;
					color:#fff;
					white-space:nowrap;
					background-image:url(/assets/img/icon-bubble-left.svg);
					background-position:left center;
					background-repeat:no-repeat;
					display:none;
					z-index:100;
				}
					
					div.article.test-form form>div.section div.form a.copy div.info p {
						background:#1A1A1A;
						padding:3px 10px 2px 10px;
						font-size:12px;
						line-height:25px;
						border-radius:4px;
						color:#fff;
						margin:0;
					}
				
				div.article.test-form form>div.section div.form a.copy:hover div.info {
					display:block;
				}
				
				div.article.test-form form>div.section p {
					font-size:16px;
					line-height:24px;
					/* max-width:600px; */
				}				
					
				
				
				div.article.test-form form>div.section div.wrapper {
					padding-right:70px;
					box-sizing:border-box;
				}
				
				div.article.test-form form div.results-info {
					text-align:center;
					margin-top:20px;
				}
				
					div.article.test-form form div.results-info div {
						display:inline-table;
						vertical-align:middle;
						margin:5px 10px;
						font-size:12px;
					}
					
						div.article.test-form form div.results-info div span.circle {
							width:15px;
							height:15px;
							border-radius:50%;
							background-color:orange;
							display:inline-table;
							vertical-align:middle;
							margin-right:5px;
							margin-top:-2px;
						}
						
						div.article.test-form form div.results-info div span.circle.green {
							background-color:green;
						}
						
						div.article.test-form form div.results-info div span.circle.red {
							background-color:red;
						}
						
				div.article.test-form	a.show-results {
					display:table;
					margin:20px auto;
					font-family: "Roc-Grotesk-Compressed-Medium";
					font-size: 50px !important;
					line-height: 50px !important;
					text-transform: uppercase;
					letter-spacing: 0.4pt;
					color:#1D2252;
					transition-duration:0.3s;
				}
				
				
				div.article.test-form	a.show-results:hover {
					color:#FF6551;
				}
				


/* test questions ++ */

div.article.test-form form>div.section div.form.wide {
	width:100%;
}

div.test-container {
	margin:100px 0 40px 0;
}

	div.test-container ul {
		list-style:none;
	}
	
		div.test-container>ul>li {
			border-bottom:1px solid #1D2252;
			padding:60px 0 50px 0;
		}
		
		div.test-container>ul>li:first-child {
			padding-top:0;
		}
			
			div.test-container ul li a.toggle {
				text-decoration:none;
				display:table;
				width:100%;
				position:relative;
			}
			
				div.test-container ul li a.toggle div.table-cell {
					vertical-align:middle;
				}
				
				div.test-container ul li a.toggle div.table-cell.middle {
					white-space:nowrap;
					text-align:right;
					padding-left:40px;
				}
				
				div.test-container ul li a.toggle div.table-cell:last-child {
					width:50px;
					text-align:right;
					padding-left:20px;
				}
				
					div.test-container>ul>li>a p.question {
						font-family:"Roc-Grotesk-Compressed-Medium";
						font-size:70px !important;
						line-height:70px !important;
						text-transform:uppercase;
						vertical-align:middle;
						display:inline-block;
						letter-spacing:0.4pt;
						/* max-width:550px; */
						margin:0;
					}
					
					div.test-container>ul>li>a p.info {
						font-size:12px !important;
						/* margin-left:40px; */
						display:inline-block;
						vertical-align:middle;
						margin-bottom:0;
						margin-right:15px;
					}
						
						div.test-container>ul>li>a p.info img {
							margin-right:7px;
							display:inline-block;
							vertical-align:middle;
							margin-top:-3px;
						}
					
						div.test-container>ul>li>a span.icon {
							/* position:absolute; */
							right:0;
							/* top:50%; */
							/* margin-top:-21px; */
							width:42px;
							height:42px;
							display:table;
							margin-left:auto;
							background-image: url(/assets/img/icon-bullet-right.svg);
							background-position: right center;
							background-repeat: no-repeat;
							transition-duration:0.3s;
						}
						
						div.test-container>ul>li:hover a span.icon,
						div.test-container>ul>li.open a span.icon {
							transform: translateY(0px) rotate(90deg);
						}	
					
				div.test-container>ul>li div.description {
					margin:40px 0;
					display:none;
				}
				
				div.test-container>ul>li.open div.description {
					display:block;
				}
					
						div.test-container>ul>li div.description p {
							max-width:600px;
						}
					
				div.test-container>ul>li div.info {
					margin:80px 0;
					display:none;
				}
				
				div.test-container>ul>li.open div.info {
					display:block;
				}
					
					div.test-container>ul>li div.info div.title {
						max-width:100%;
						padding-left:80px;
						box-sizing:border-box;
						position:relative;
						margin-bottom:20px;
						font-size:30px;
						color:#1D2252;
						font-family:"Roc-Grotesk-Medium";
					}
					
						div.test-container>ul>li div.info div.title p {
							line-height:36px;
							font-size:30px;
							max-width:100%;
							display:inline;
							margin-right:5px;
							font-family:"Roc-Grotesk-Medium";
							transition-duration:0.3s;
						}
						
						div.test-container>ul>li div.info div.title.red p {
							color:red;
						}
					
						div.test-container>ul>li div.info div.title div.select-container {
							width:auto;
							display:inline-block;
							position:relative;
						}
						
							div.test-container>ul>li div.info div.title  div.select-container div.inner-container:hover div.choosed-val {
								border-bottom:2px solid rgba(29, 34, 82, 1);
							}
							
							div.test-container>ul>li div.info div.title  div.select-container div.inner-container div.choosed-val {
								/* font-weight:bold; */
								font-family:"Roc-Grotesk-Medium";
								border-bottom: 2px solid rgba(29, 34, 82, 0.3);
								padding:10px 25px 20px 0;
								font-size:30px;
							}
							
							div.test-container>ul>li div.info div.title div.select-container ul li a {
								font-size:30px;
								padding:15px 15px;
							}
					
						div.test-container>ul>li div.info div.section {
							margin-bottom:20px;
							display:table;
						}
						
							div.test-container label.custom-file-upload,
							div.test-container>ul>li div.info div.section a.download,
							div.test-container>ul>li div.info div.section a.upload{
								padding:18px 30px 15px 55px;
								border:1px solid #1D2252;
								color:#1D2252;
								display:inline-table;
								margin-right:20px;
								margin-top:20px;
								background-position:left 23px center;
								background-repeat:no-repeat;
								background-image:url('/assets/img/icon-download.svg');
								background-size:18px;
							}
							
							div.test-container input.image-upload {
								display: none;
							}
							
							div.test-container label.custom-file-upload,
							div.test-container>ul>li div.info div.section a.upload {
								background-color:#FF6551;
								border:1px solid #FF6551;
								cursor:pointer;
								background-image:url('/assets/img/icon-upload.svg');
							}
							
							div.test-container>ul>li div.info div.section a.file {
								font-family:"Roc-Grotesk-Medium";
								padding-left:23px;
								line-height:20px;
								color:#1D2252;
								background-repeat:no-repeat;
								background-image:url('/assets/img/icon-file.svg');
								background-size:14px;
								margin-top:20px;
								display:table;
								font-size:16px;
							}
					
						div.test-container>ul>li div.info div.title>span {
							position:absolute;
							left:0;
							top:-12px;
							width:60px;
							height:60px;
							text-align:center;
							line-height:60px;
							border-radius:50%;
							background: rgba(29, 34, 82, 0.06);
						}
						
					div.test-container>ul>li div.info div.inner {
						padding-left:80px;
						box-sizing:border-box;
					}
					
						div.test-container>ul>li div.info div.inner p.bold {
							/* font-weight:bold; */
							margin-top:30px;
							margin-bottom:10px;
							font-family:"Roc-Grotesk-Bold";
						}
							
							div.test-container>ul>li div.info div.inner p.bold img {
								display:inline-block;
								vertical-align:middle;
								max-height:25px;
							}
							
						div.test-container>ul>li div.info div.inner ul.questions {
							margin-left:35px;
						}
						
							div.test-container>ul>li div.info div.inner ul li {
								margin:10px 0;
								padding-left:10px;
								position:relative;
							}
							
							div.test-container>ul>li div.info div.inner ul.questions li:before {
								content: "";
								color:#4B0746;
								display:inline-block;
								vertical-align:top;
								width:25px;
								height:25px;
								background-image:url('/assets/img/icon-hand-right.jpg');
								background-repeat:no-repeat;
								background-size:25px;
								position:absolute;
								left:0;
							}
							
								div.test-container>ul>li div.info div.inner ul li p {
									margin-bottom:0;
									padding-left:30px;
									position:relative;
								}
								
								div.test-container>ul>li div.info div.inner ul.questions li p img {
									display:inline-block;
									vertical-align:middle;
									max-width:30px;
									margin-right:5px;
								}
								
							div.test-container>ul>li div.info div.inner div.video-container {
								margin-top:30px;
								position: relative;
								padding-bottom: 56.25%;
								height: 0;
								overflow: hidden;
							}
							
							div.test-container>ul>li div.info div.inner ul.answers {
								margin:20px 0 60px 0;
								display:block;
							}
							
								div.test-container>ul>li div.info div.inner ul.answers li {
									margin:33px 0;
									padding-left:0px;
								}
							
								div.test-container>ul>li div.info div.inner ul.answers.images li {
									display:inline-block;
									width:33.33%;
									vertical-align:top;
									box-sizing:border-box;
								}
							
							div.test-container>ul>li div.info div.inner ul.answers a {
								/* padding-left:55px; */
								position:relative;
								box-sizing:border-box;
								transition-duration:0.3s;
								display:table;
							}
							
							
								div.test-container>ul>li div.info div.inner ul.answers a span {
									width:40px;
									height:40px;
									border:1px solid #1D2252;
									border-radius:50%;
									display:inline-table;
									vertical-align:middle;
									text-align:center;
									line-height:40px;
									position:absolute;
									left:0;
									top:-10px;
									font-size:22px;
									transition-duration:0.3s;
								}
								
								div.test-container>ul>li div.info div.inner ul.answers a.correct span {
									background-color:green;
									border:1px solid green;
									color:#FFE392;
								}
								
								div.test-container>ul>li div.info div.inner ul.answers a.uncorrect span {
									background-color:red;
									border:1px solid red;
									color:#FFE392;
								}
								
								div.test-container>ul>li div.info div.inner ul.answers a.orange span {
									/* background-color:#1D2252; */
									/* border:1px solid #1D2252; */
									border:1px solid orange;
									background-color:orange;
									color:#FFE392;
								}
								
								div.test-container>ul>li div.info div.inner ul.answers p {
									padding-left:55px;
								}
								
							div.test-container>ul>li div.info div.inner ul.answers a.inactive:hover {
								cursor:default;
							}
							
							div.test-container>ul a.radio-button.correct,
							div.test-container>ul a.radio-button.uncorrect,
							div.test-container>ul a.radio-button.orange,
							div.test-container>ul>li div.info div.inner ul.answers a:not(.inactive):hover,
							div.test-container>ul>li div.info div.inner ul.answers a.active {
								/* font-weight:bold; */
								font-family:"Roc-Grotesk-Medium";
							}	
							
								div.test-container>ul>li div.info div.inner ul.answers a:not(.inactive):hover span,
								div.test-container>ul>li div.info div.inner ul.answers a.active span {
									background-color:#1D2252;
									color:#FFE392;
								}	
								
								div.test-container>ul>li div.info div.inner ul.answers li p img {
									max-width:120px;
									margin-top:-10px;
								}
							
/* test questions -- */	
/* test questions new version ++ */


div.test-container div.info div.form>ul {
	counter-reset: section;
	
}

div.test-container div.info div.form>ul>li>p,
div.test-container div.info div.form>ul>li {
	line-height: 36px;
    font-size: 30px;
    max-width: 100%;
    display: table;
    margin-right: 5px;
    font-family: "Roc-Grotesk-Medium";
	position:relative;
}

div.test-container div.info div.form>ul>li a {
    color: #1D2252;
    border-bottom: 1px solid #1D2252;
    transition-duration: 0.3s;
}

div.test-container div.info div.form>ul>li a:hover {
	border-color:transparent;
}

div.test-container div.info div.form>ul>li {
	margin-bottom:40px;	
}

div.test-container div.info div.form>ul>li {	
	padding-left:80px;
	counter-increment: count;
}

div.test-container div.info div.form>ul>li:before {
	position: absolute;
    left: 0;
    top: -12px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    background: rgba(29, 34, 82, 0.06);
	/* //content:"1"; */
	
	/* counter-increment: section; */
    /* content: counters(section, ".") ""; */
	
	
	/* counter-increment: alphabetic; */
	content: counter(count , lower-alpha);
}

	div.test-container div.info div.form>ul>li ul {
		margin-top:10px;
	}
	
	
	
	
	
	div.test-container div.info div.form>ul>li>ul>li,
	div.test-container div.info div.form>ul>li>ul>li p{
		font-size: 16px;
		line-height: 24px;
		 font-family: "Roc-Grotesk-Regular";
	}
	
		div.test-container div.info div.form>ul>li>ul>li>ul>li,
		div.test-container div.info div.form>ul>li>ul>li>ul>li>p {
			font-size: 16px;
			line-height: 24px;
			font-family: "Roc-Grotesk-Medium";
			position:relative;
		}
		
		div.test-container div.info div.form>ul>li>ul>li>ul>li {
			padding-left:30px;
		}
		
		div.test-container div.info div.form>ul>li>ul>li>ul {
			margin-top:20px;
		}
		
		div.test-container div.info div.form>ul>li>ul>li>ul>li:before {
			content: "";
			color: #4B0746;
			display: inline-block;
			vertical-align: top;
			width: 25px;
			height: 25px;
			background-image: url(/assets/img/icon-hand-up.jpg);
			background-repeat: no-repeat;
			background-size: 25px;
			position: absolute;
			left: 0;
		}

			div.test-container div.info div.form>ul>li>ul>li>ul>li>ul>li {
				font-family: "Roc-Grotesk-Regular";
				margin-bottom:0;
			}
			
			div.test-container div.info div.form>ul p {
				margin-bottom:0;
			}
			
			
			div.test-container div.info div.form>ul>li>ul>li>ul>li>ul>li {
				margin-left:10px;
				position:relative;
				padding-left:35px;
				margin-top:10px;
				margin-bottom:10px;
			}
			
			div.test-container div.info div.form>ul>li>ul>li>ul>li>ul>li:before {
				content: "";
				color: #4B0746;
				display: inline-block;
				vertical-align: top;
				width: 25px;
				height: 25px;
				background-image: url(/assets/img/icon-hand-right.jpg);
				background-repeat: no-repeat;
				background-size: 25px;
				position: absolute;
				left: 0;
			}
					
	
/* test questions new version -- */	

@media screen and (max-width:800px) {
	
	div.article.test-form form>div.section div.form {
		width:100%;
	}
	
	div.test-container>ul>li {
		padding:30px 0 20px 0;
	}
	
		div.test-container ul li a.toggle div.table-cell {
			vertical-align:middle;
			display:block;
			width:100%;
		}
		
		div.test-container ul li a.toggle div.table-cell.middle {
			padding-left:0px;
			text-align:left;
			padding-top:5px;
		}
		
		div.test-container ul li a.toggle div.table-cell:last-child {
			width:100%;
			display:none;
			text-align:right;
			padding-left:0px;
		}
		
			div.test-container>ul>li>a p.question {
				font-size:60px !important;
				line-height:60px !important;
			}
			
		div.test-container>ul>li div.description {
			margin:20px 0;
		}
		
		div.test-container>ul>li div.info {
			margin:40px 0 20px 0;
		}
		
			div.test-container>ul>li div.info div.title {
				padding-left:50px;
				font-size:20px;
			}
		
			div.test-container>ul>li div.info div.title>span {
				top:-6px;
				width:40px;
				height:40px;
				line-height:40px;
			}
			
			div.test-container>ul>li div.info div.title p {
				font-size:18px;
				line-height:26px;
			}
			
			div.test-container>ul>li div.info div.inner {
				padding-left:50px;
			}
			
				div.test-container>ul>li div.info div.inner ul.questions {
					margin-left:0px;
				}
					
					div.test-container>ul>li div.info div.inner ul li {
						padding-left:0;
					}
					
					div.test-container>ul>li div.info div.inner ul.answers {
						margin-top:20px;
					}
					
					div.test-container>ul>li div.info div.inner ul.answers li {
						margin:15px 0;
						display:block;
					}
					
					div.test-container>ul>li div.info div.inner ul.answers a span {
						width:30px;
						height:30px;
						line-height:30px;
						font-size:18px;
						top:-7px;
					}
					
					
					div.test-container>ul>li div.info div.inner ul.answers p {
						padding-left:45px;
						line-height:20px;
					}
					
	div.test-container>ul>li div.info div.inner ul.answers.images li {
		display:inline-block;
		width:50%;
	}
	
	div.test-container>ul>li div.info div.inner p.bold {
		margin-top:15px;
	}
	
	div.test-container>ul>li div.info div.title div.select-container div.inner-container div.choosed-val {
		font-size:20px;
		padding:5px 25px 10px 0;
		background-position: right top 12px;
	}
	
	div.test-container>ul>li div.info div.title div.select-container:hover div.inner-container div.choosed-val {
		background-position: right top 15px;
	}
	
		div.test-container>ul>li div.info div.title div.select-container ul li a {
			font-size:20px;
		}
		
	div.test-container>ul>li div.info div.section {
		margin-bottom:0;
	}

	
}

@media screen and (max-width:600px) {
	div.test-container>ul>li div.info div.inner ul.answers.images li {
		width:100%;
	}
	
	div.test-container>ul>li>a p.question {
		font-size:50px !important;
		line-height:50px !important;
	}
	
}


		
/* LESSONS TEST --  */
/* NEWS ++  */

div.article.news div.head {
    background-color: #00D880;
}

	div.article.news div.head p.intro, div.article.news div.head h1, div.article.news div.head div.slogan p {
		color: #1D2252;
	}
	
	div.article.news div.section div.content-wrapper {
		max-width:100%;
		padding-top:80px;
		padding-bottom:80px;
		box-sizing:border-box;
	}
	
		ul.articles {
			list-style:none;
			width:calc(100% + 40px);
			margin-left:-20px;
		}
		
			ul.articles li {
				display:inline-table;
				width:25%;
				vertical-align:top;
				padding:20px;
				box-sizing:border-box;
				margin-bottom:20px;
			}
			
			ul.articles.col3 li {
				width:33.33%;
			}
			
				ul.articles li a {
					display:table;
					width:100%;
				}
				
				ul.articles li a div.image-container {
					clip-path:inset(0px);
					transition: clip-path 1s;
				}
				
				ul.articles li a:hover div.image-container {
					clip-path:inset(4px);
				}
				
				ul.articles li a div.image-container img {
					transition-duration:1s;
				}
				
				ul.articles li a:hover div.image-container img {
					transform:scale(1.04);
				}
				
				div.article div.section ul li p.title,
				ul.articles li a p.title {
					margin-top:10px;
					font-family:"Roc-Grotesk-Compressed-Medium";
					letter-spacing:0.4pt;
					text-transform:uppercase;
					font-size:24px;
					line-height:24px;
					transition-duration:0.3s;
					margin-bottom:0;
					color:#1D2252;
				}
				
				div.article div.section ul li p.date,
				ul.articles li a p.date {
					font-size:14px;
					line-height:14px;
					margin-top:6px;
					margin-bottom:0px;
					transition-duration:0.3s;
					color:#1D2252;
				}
				
@media screen and (max-width:1200px) {
	ul.articles {
		width:calc(100% + 10px);
		margin-left:-10px;
	}
	
	ul.articles li {
		padding:10px;
		width:33.33%;
	}
	
	ul.articles.col3 li {
		width:50%;
	}
	
}


@media screen and (max-width:800px) {
	
	
	ul.articles li {
		width:50%;
	}	
}

@media screen and (max-width:600px) {
	
	div.article.news div.section div.content-wrapper {
		padding-top:40px;
		padding-bottom:40px;
	}
	
	
	ul.articles.col3 li,
	ul.articles li {
		width:100%;
	}	
		
}

/* NEWS --  */
/* POPUP LAYERS ++ */

div.popup-layer {
    background-color:rgba(0,0,0,0.3);
    position:absolute;
    width:100%;
    height:100%;
    z-index:2000;
    display:none;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: table;
    background-color: rgba(0,0,0,0.6);
    z-index: 3000;
    text-align: center;
    display: none;
    box-sizing: border-box;
    overflow-y: auto;
}

	div.popup-layer div.table {
		text-align:center;
		width:100%;
		height:100vh;
	}
	
		div.popup-layer div.table-cell {
			vertical-align: middle;
			padding-top: 40px;
			padding-bottom: 40px;
		}
		
		div.popup-layer div.popup-container {
			background-color:#fff;
			border-radius:0px;
			display:table;
			margin:0 auto;
			position:relative;
			display:none;
		}
		
		div.popup-layer div.popup-container.trailer {
			background-color:transparent;
			width:100%;
			max-width:1000px;
		}
		
		div.popup-layer div.popup-container div.inner {
			padding:60px 40px 40px 40px;
			text-align:center;
		}
		
		div.popup-layer div.popup-container div.inner a.close {
			width:15px;
			height:15px;
			position:absolute;
			right:20px;
			top:20px;
		}
		
		div.popup-layer div.popup-container div.inner p {
			font-size:22px;
			line-height:32px;
			margin-bottom:30px;
		}
		
		div.popup-layer div.popup-container div.inner a.button {
			display: inline-block;
			position:relative;
			margin:0;
			margin:0px 10px;
		}
		
		div.popup-layer div.popup-container div.inner a.button.white {
			color:#1D2252;
			border-bottom:1px solid #00D880;
			padding-bottom:2px;
			transition-duration:0.3s;
		}
		
		div.popup-layer div.popup-container div.inner a.button.white:hover {
			border-color:transparent;
		}
		
		div.popup-layer div.popup-container div.inner p span.value {
			color:#00D880;
		}
		
		div.popup-layer div.popup-container.ticket-order div.form {
			text-align:left;
		}
		
		div.popup-layer div.popup-container.ticket-order div.form p {
			font-size:18px;
			margin:0;
			margin-bottom:20px;
			line-height:18px;
			margin-top:10px;
		}
		
		div.popup-layer div.popup-container.ticket-order div.form p.title {
			margin-bottom:0px;
			margin-top:0px;
			/* margin-top:15px; */
		}
		
		div.popup-layer div.popup-container.ticket-order div.ticket-parameters {
			height:auto;
		}
		
		div.popup-layer div.popup-container.ticket-order {
			height:auto;
			/* width:600px; */
		}
		
		div.popup-layer div.popup-container.ticket-order div.ticket-parameters a.remove-ticket {
			position:relative;
			display:table;
			width:22px;
			height:22px;
			margin-left:0px;
		}
		
		div.popup-layer div.popup-container.ticket-order div.ticket-parameters a.remove-ticket.hidden {
			display:none;
		}

			div.popup-layer div.popup-container.ticket-order div.inline {
				width:50%;
				display:inline-table;
				vertical-align:top;
				box-sizing:border-box;
				padding-right:20px;
				margin-bottom:30px;
			}
			
			div.popup-layer div.popup-container.ticket-order div.inline.right {
				padding-left:20px;
				padding-right:0;
			}
			
				div.popup-layer div.popup-container.ticket-order div.inner a.button {
					margin-left:0px;
					margin-top:20px;
				}
			
			
				div.popup-layer div.popup-container.ticket-order div.inline img {
					/* max-width:200px; */
				}
				
				div.popup-layer div.popup-container.ticket-order div.select-container {
					width:100%;
					margin-top:0px;
				}
				
					div.popup-layer div.popup-container.ticket-order div.select-container div.inner-container {
						/* font-size:16px; */
					}
				
					div.popup-layer div.popup-container.ticket-order div.select-container div.inner-container div.choosed-val {
						/* padding:10px 0; */
					}
					
					div.popup-layer div.popup-container.ticket-order div.table-cell {
						padding:0;
					}
					
					div.popup-layer div.video-container {
						position: relative;
						padding-bottom: 56.25%;
						height: 0;
						overflow: hidden;
					}
					
						div.popup-layer div.video-container img {
							max-width:800px;
							width:100%;
						}
}
				
				
@media screen and (max-width:800px) {
	
	div.popup-layer div.popup-container.ticket-order {
		width:100%;
	}
	
	div.popup-layer div.popup-container div.inner {
		/* padding:60px 40px 40px 40px; */
		padding-left:20px;
		padding-top:40px;
		padding-right:20px;
	}
	
	div.popup-layer div.popup-container.ticket-order div.inline { 
		width:100%;
		display:table;
	}
	
	div.popup-layer div.popup-container.ticket-order div.inline.left { 
		margin-bottom:10px;
	}
	
	div.popup-layer div.popup-container.ticket-order div.inline.right { 
		padding-left:0;
		padding-botom:20px;
	}
	
	div.popup-layer div.table-cell.left {
		display:table;
		width:100%;
		margin-top:10px;
	}
	
	div.popup-layer div.table-cell.middle,
	div.popup-layer div.table-cell.right {
		text-align:left;
		display:inline-table;
		width:80%;
		margin-top:5px;
	}
	
	div.popup-layer div.table-cell.right { 
		width:20%;
	}
	
	div.popup-layer div.table-cell.right {
		text-align:right;
		text-align:right;
	}
	
}	

@media screen and (max-width:600px) {
	
	div.popup-layer div.popup-container div.inner a.button {
		display:table;
		margin:19px auto 10px auto;
	}
	
	
		
	div.popup-layer div.popup-container div.inner {
		padding:50px 20px 30px 20px;
		text-align:center;
	}
		
	div.popup-layer div.popup-container.ticket-order div.table-cell {
		width:100%;
		display:table;
	}		
	
	div.popup-layer div.popup-container.ticket-order div.table-cell.middle {
		text-align:right;
		margin-top:5px;
	}		
	
}

/* POPUP LAYERS -- */
/* CART LAYER  ++  */
/* overall ++ */
/*
div.cart-list {
	position:absolute;
	left:0;
	top:0;
	background-color:#fff;
	padding:40px 40px;
	box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
	display:none;
}

	div.cart-list div.inner {
		position:relative;
	}
	
		div.cart-list div.inner p {
			float:left;
			letter-spacing:0.5pt;
			text-transform:uppercase;
			color:#1D2252;
		}

		div.cart-list div.inner a.add-ticket,
		div.cart-list div.inner a.continue {
			letter-spacing:0.5pt;
			margin-right:20px;
			color:#1D2252;
			transition-duration:0.3s;
		}
		
		div.cart-list div.inner a.add-ticket:hover,
		div.cart-list div.inner a.continue:hover {
			color:#FF6551;
		}
		
		div.cart-list div.inner a.close {
			position:relative;
			float:right;
			width:22px;
			height:22px;
			margin-left:20px;
		}
		
		div.cart-list div.inner a.close:after {
			clear:both;
			content:"";
			display:table;
		}
		
		
		div.cart-list div.inner>span.line-horizontal {
			width:100%;
			height:1px;
			border-bottom:1px solid rgba(29, 34, 82, 0.3);
			margin:20px 0;
			display:table;
		}
*/
/* overall ++ */
/* popup ticket ++ */

div.layer-ticket {
	z-index:100;
	display:none;
	position:fixed;
	top:0;
	left:110px;
}

	div.layer-ticket div.ticket-parameters {
		margin-top:0px;
		width:100%;
		margin-bottom:20px;
	}
	
		div.layer-ticket div.ticket-parameters div.table-row.key-sample {
			position:absolute;
			left:-99999px;
			top:-99999px;
		}
	
		div.layer-ticket div.ticket-parameters div.table-row div.table-cell {
			vertical-align:middle;
			border-bottom:1px solid rgba(29, 34, 82, 0.3);
			padding-bottom:20px;
			padding-top:20px;
		}
		
		div.layer-ticket div.ticket-parameters div.table-row:last-child div.table-cell {
			border-bottom:0 none;
		}
		
		div.layer-ticket div.select-container div.inner-container div.choosed-val {
			border:1px solid rgba(29, 34, 82, 0.3);
			padding-left:10px;
			padding-right:35px;
			background-position: right 10px top 20px;
		}
		
		div.cart-list div.inner a.add-ticket {
			padding-right:20px;
			background-image:url('/assets/img/icon-plus.svg');
			background-repeat:no-repeat;
			background-position:right top 2px;
		}
		
		div.cart-list div.inner a.add-ticket:hover {
			background-image:url('/assets/img/red/icon-plus.svg');
		}


/* popup ticket -- */
/* CART LAYER --  */
/* CHILDRED MORNINGS ++ */

div.article.children-mornings div.timeline {
    background-color:rgba(255, 227, 146, 0.2)
}

	div.article.children-mornings div.timeline div.tabs a:hover, 
	div.article.children-mornings div.timeline div.tabs a.active {
		border-bottom: 5px solid #FFE392;
	}
	
	div.article.children-mornings a.buy {
		background-color:#FFE392;
	}
	
	div.article.children-mornings div.repertoire {
		padding:0;
		background-color:transparent;
	}

/* CHILDRED MORNINGS --  */
/* CHILDRED MORNINGS ++ */

div.article.cinema-classics div.timeline {
    background-color:rgba(0, 216, 128, 0.1);
}

	div.article.cinema-classics div.timeline div.tabs a:hover, 
	div.article.cinema-classics div.timeline div.tabs a.active {
		border-bottom: 5px solid #00D880;
	}
	
	div.article.cinema-classics div.repertoire {
		padding:0;
		background-color:transparent;
	}

/* CHILDRED MORNINGS --  */
/* RPFF ++ */

div.article.rpff div.head {
	background-color:#FF6551;
	background-color:#1D2252;
}

	div.article.rpff div.head h1,
	div.article.rpff div.head div.slogan p {
		color:#1D2252;
	}
	
	div.article.rpff div.head.white h1,
	div.article.rpff div.head.white div.slogan p {
		color:#FFF;
	}
	
	div.article.rpff.archive div.head.white h1 {
		color:#FF6551;
	}
	
	
	
	div.article.rpff div.head div.table-cell.info span.line{
		border-bottom: 1px solid rgba(29, 34, 82, 0.3);
	}
	
	div.article.rpff div.head.white div.table-cell.info span.line{
		border-color:rgba(255, 255, 255, 0.3);
	}
	
	
	div.article.rpff .team {
		margin-top:60px;
	}
	
		
		div.article.rpff div.team div.image-container {
			background-color:rgba(29, 34, 82, 1);
			background-size:cover;
			background-blend-mode:screen;
		}
		
			div.article.rpff div.team div.image-container img {
				opacity:0;
			}
			


@media screen and (max-width:600px) {
	
	div.article.rpff .team {
		margin-top:30px;
	}

}
		

/* RPFF -- */
/* FILTER BLOCK ++ */

div.filter {
	padding:60px 80px 0 80px;
	box-sizing:border-box;
}

	div.filter div.inner {
		padding-bottom:10px;
		border-bottom:1px solid rgba(29, 34, 82, 0.2);
	}
	
		div.filter div.inner div.section {
			display:inline-table;
			width:10%;
			box-sizing:border-box;
		}
		
		div.filter div.inner div.section.wide {
			width:15%;
			min-width:200px;
		}
		
		div.filter div.inner div.section.narrow {
			width:2%;
			min-width:30px;
		}
		
		div.filter div.inner div.select-container {
			vertical-align:middle;
			border:0 none;
			width:100%;
		}
		
			div.filter div.inner div.select-container div.choosed-val {
				border:0 none;
				background-position: right top 20px;
			}
			
			div.filter div.inner div.select-container:hover div.choosed-val {
				background-position: right top 23px;
			}
		
		div.filter div.inner span.line-vertical {
			/* display:inline-table; */
			vertical-align:middle;
			height:40px;
			width:1px;
			border-left:1px solid rgba(29, 34, 82, 0.2);
			margin:0 auto;
			display:table;
		}
		
		div.filter div.inner div.search-container {
			display:inline-table;
			vertical-align:middle;
			position:relative;
			width:100%;
		}
		
			div.filter div.inner div.search-container input[type=text] {
				border-bottom:0 none;
				padding-left:45px;
				box-sizing:border-box;
			}
			
			div.filter div.inner div.search-container a.search {
				width:35px;
				height:35px;
				position:absolute;
				left:0;
				top:5px;
				background-image:url('/assets/img/icon-search.svg');
				background-position:center center;
				background-repeat:no-repeat;
			}


@media screen and (max-width:1200px) {
	div.filter {
		padding:60px 40px 0 40px;
	}
	
	div.width-wrapper {
		padding-left:40px;
		padding-right:40px;
	}
	
	
}

@media screen and (max-width:600px) {
	div.filter {
		padding:60px 20px 0 20px;
	}
	
	div.width-wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	
		div.filter div.inner div.section.wide {
			min-width:200px;
			width:100%;
		}
		
		div.filter div.inner div.section.narrow {
			width:100%;
			min-width:100%;
		}
		
		div.filter div.inner span.line-vertical {
			display:inline-table;
			vertical-align:middle;
			margin:10px 0;
			height:1px;
			width:100%;
			border-bottom:1px solid rgba(29, 34, 82, 0.2);
		}
	
}

/* FILTER BLOCK -- */
/* FILTER PARAMETERS BLOCK ++ */

div.filter-parameters {
	padding:25px 0;
	border-bottom:1px solid rgba(29, 34, 82, 0.2);
	display:none;
}

	div.filter-parameters div.filter-buttons,
	div.filter-parameters p,
	div.filter-parameters a {
		display:inline-block;
		vertical-align:middle;
		margin-right:10px;
		color:#1D2252;
	}
	
	div.filter-parameters a.category {	
		color:#1D2252;
		font-size:12px;
		padding:6px 25px 4px 10px;
		border:1px solid #1D2252;
		border-radius:12px;
		background-image:url('/assets/img/blue/icon-close.svg');
		background-position:right 10px center;
		background-repeat:no-repeat;
		background-size:8px;
	}
	
	div.filter-parameters a.clear {	
		color:#1D2252;
		font-size:12px;
		font-family: "Roc-Grotesk-Bold";
	}

/* FILTER PARAMETERS BLOCK -- */
/* MOVIE HOME CATEGORIES HIGLIGHTING ++ */

div.movie-home-category {
	margin-top:30px;
}


/* MOVIE HOME CATEGORIES HIGLIGHTING -- */
/* RPFF EVENTS SLIDESHOW ++ */

div.events-slideshow {
	display:table;
	position:relative;
	width:100%;
}

	div.events-slideshow>img {
		width:100%;
		opacity:0;
	}
	
	div.events-slideshow div.slide {
		width:100%;
		display:table;
	}
	
	div.events-slideshow div.slide.placeholder {
		display:none;
		opacity:0;
	}
	
	div.events-slideshow div.slide.absolute {
		position:absolute;
		left:0;
		right:0;
		top:0;
		opacity:0;
		
	}
	
	div.events-slideshow div.slide.placeholder.active {
		display:table;
	}
	
	div.events-slideshow div.slide.absolute.active {
		opacity:1;
		z-index:1000;
	}
	
	div.events-slideshow div.table-cell {
		width:50%;
	}
	
	div.events-slideshow div.table-cell:first-child {
		line-height:0;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
	}
	
	div.events-slideshow div.table-cell:last-child {
		background-color:#FF6551;
	}
		
		div.events-slideshow div.table-cell img {
			width:100%;
			opacity:0;
		}
		
		div.events-slideshow div.table-cell div.inner {
			padding:60px 40px;
			box-sizing:border-box;
			text-align:center;
		}
		
			div.events-slideshow div.table-cell div.inner p.slogan {
				color:#fff;
				font-size: 20px;
				line-height: 28px;
				letter-spacing: 2.5pt;
				text-transform:uppercase;
				margin-bottom:30px;
				font-family: "Roc-Grotesk-Compressed-Bold";
			}
			
			div.events-slideshow div.table-cell div.inner p.h2 {
				/* max-width:600px; */
				margin:0 auto;
				display:table;
				text-align:center;
				margin-bottom:20px;
			}
		
			div.events-slideshow div.table-cell div.inner div.intro p {
				font-size:16px;
				line-height:24px;
				margin-bottom:20px;
			}
		
			div.events-slideshow div.table-cell div.inner a.know-more:hover {
				background-color:#1D2252;
				color:#fff;
			}
		
			div.events-slideshow div.table-cell div.inner div.buttons {
				margin-top:20px;
			}
			
				div.events-slideshow div.table-cell div.inner div.buttons a {
					display:inline-table;
					width:35px;
					height:10px;
					margin:0 8px;
					opacity:0.2;
					transition-duration:0.3s;
				}
				
					div.events-slideshow div.table-cell div.inner div.buttons a span.line {
						width:100%;
						height:1px;
						border-bottom:1px solid #1D2252;
						display:table;
						margin-top:3px;
					}
				
				div.events-slideshow div.table-cell div.inner div.buttons a:hover,
				div.events-slideshow div.table-cell div.inner div.buttons a.active {
					opacity:1;
				}
	
@media screen and (max-width:800px) {
	div.events-slideshow div.table-cell {
		width:100%;
		display:table;
	}
}
	


/* RPFF EVENTS SLIDESHOW -- */
/* TICKET REGISTRATION SYSTEM ++ */

body.ticket-registration {
	background-color:white;
}

div.ticket-registration {
	padding:20px;
	box-sizing:border-box;
}

	div.ticket-registration a.logout,
	div.ticket-registration p {
		margin-bottom:20px;
		font-size:24px;
		line-height:30px;
	}
	
	div.ticket-registration a.logout {
		margin:60px auto 0 auto;
		color:green;
		display:table;
	}
	
	
	div.ticket-registration button.button {
		background-color:transparent;
		font-size: 18px;
		color: #1D2252;
		background-color: #00D880;
		padding: 15px 30px;
		letter-spacing: 0.5pt;
		padding: 15px 20px;
		box-sizing: border-box;
		text-align: center;
		transition-duration: 0.3s;
		border:0 none;
		margin-top:10px;
	}

/* TICKET REGISTRATION SYSTEM -- */