/* -------------------------------- 

Primary style

-------------------------------- */

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

html {
  font-size: 62.5%;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


body {
  font-size: 100%;
  font-family: "Ubuntu", sans-serif;
  color: #3e3947;
  background-color: white;  
  font-size: 1.6rem;
}

body, html {
  height: 100%;

}


a {
  color: #000;
  text-decoration: none;
}

input {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
}

img {
  max-width: 100%;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.content {
	max-width: 1220px;
	width: 100%;	
    position: absolute;
	left: 50%;
	top: 38%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);		
}
.content-block {
    max-width: 1220px;
	margin: 80px auto;
	position:relative;	
}

.center{
	max-width: 1220px;
	margin: 0 auto;
	position:relative;	
}

/* -------------------------------- 

Главная страница

-------------------------------- */
.sponsors-group {
		position:absolute;
		display:block;
		right:0;		
	}
.info {
    width:100%;	
	padding:0px 0;	
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
	overflow:hidden;
}	
.logo-guests{
	position:relative;	
	display:inline-block;
	width:60%;	
	
}
.logo-guest-date {
	display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;	
}
.vip-txt {
	position:relative;
	margin: 2em 0;	
	padding: 1em 1em 1em 1em;		
}
.vip-txt p {	
	display:block;
	color: #fff;	
	font-family: "Play", sans-serif;
	font-size: 22px;
	line-height:28px;
	font-weight: 400;
	text-transform: uppercase;	
	text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.vip-txt:nth-child(1) p {
	text-align:right;
	padding: 0 1.8em 0 0 ;
	
}
.vip-txt:nth-child(2) p {
	text-align:left;
	padding: 0 0 0 1.8em;
}
.vip-txt:nth-child(2):after {
	content: "";
	display: table;
	position: absolute;
	width:7px;
	height: 90px;
	left:0px;
	top:10%;
	background: #80A4ED;
}

.vip-txt em {		
	padding: 0 0 0 1.5em;
	font-family: "Play", sans-serif;	
	line-height: 2em;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #F04941;
	
	
}
h3.info-text {
  	color: #fff;
	font-family: "Play", sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 0 0 0.2em 0.1em;
	text-align:center;
}
h4.info-text-small {
  	color: #fff;
	font-family: "Play", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 0 0 0.2em 0.1em;
	text-align:center;
}
.wow {
	margin:20px 0;
}
a.time-guests {
	font-family: 'Play' , sans-serif;
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 0.9px;	
	display: block; 
	width:90%;   
  	padding: 10px;
	margin:40px 0;	
	text-align: center;	
	text-decoration: none;	
	color: #fff;	
	border: 1px solid #7681B3;
	background: linear-gradient(180deg, #F04941 0%, #F04941 100%);	
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;	
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 1px 1px 0px rgba(156, 156, 156, 1);
	-webkit-box-shadow: 1px 1px 0px rgba(156, 156, 156, 1);
	-moz-box-shadow: 1px 1px 0px rgba(156, 156, 156, 1);
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
    animation-timing-function: cubic-bezier(.23, .01, .07, 1);
    animation-duration: 2.6s;
	animation-play-state: running;
}


.logo {		
	display: inline-block;	
	width: 35%;
    margin: 0 0 0 3%; 
}
.slogan {	
	display: inline-block;       		
}
.slogan img {
	display:block;
	position:relative;
	width: 100%;
    max-height: 80%;
    top: 30%;
}

@media screen and (min-width: 1024px){
	.place {	
		display:none; 	
	}
	.sale {
		display:none;		
	}
	 .cd-section:nth-of-type(1) {	
		background: url(../img/header2.webp) right center;	
	}
}

p.place-text{
	display:block;
	color: #fff;	
	font-family: "Play", sans-serif;
	font-size: 28px;
	line-height:32px;		
	font-weight: 400;
	text-transform: uppercase;		
}
.address p, .address span {
	font-family: "P-Regular", sans-serif;
	font-size: 20px;
	line-height:26px;	
	font-weight: 400;	
	text-transform: uppercase;
	color:#fff;	
}
.sale p{
	display:block;
	font-family: "Play", sans-serif;
	font-size: 26px;	
	font-weight: 700;	
	text-transform: uppercase;
	background: linear-gradient(180deg, #fff 0%, #fff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header_bot_icons {	
    padding-left: 0;
    display: flex;    
    margin: 20px 0 0 0;
    justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	z-index:2;
}
.header_bot_icons_fon {
	position:absolute;
	bottom:0;
	width: 100%;
	height: 150px;
	background: linear-gradient(180deg, #fff 0%, #fff 100%);
   
}
.header_bot_icons>div {
	display:block;
	vertical-align:top;
    width: 20%;
    text-align: center;
    padding: 0 20px;
}
.header_bot_icons>div:nth-child(1) {
    width: 20%;    
}
.header_bot_icons>div:nth-child(2) {
    width: 10%;    
}
.header_bot_icons>div:nth-child(3) {
    width: 18%;    
}
.header_bot_icons>div:nth-child(4) {
    width: 12%;    
}
.header_bot_icons>div:nth-child(5) {
    width: 15%;    
}
.header_bot_icons small {    
    margin: 0;  
    position: relative;
	font-family: "Play", sans-serif;	
	font-weight: 700;
	font-size: 36px;
	letter-spacing:0.5;
	line-height: 0.9;
	font-style: bold;
	text-transform: uppercase;
    background: -webkit-linear-gradient(#000, #383c3b); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header_bot_icons span {    
    margin: 0;  
    position: relative;
	font-family: "Play", sans-serif;	
	font-weight: 400;
	font-size: 32px;
	letter-spacing:0.5;
	line-height: 1.1;	
	background: -webkit-linear-gradient(#000, #383c3b); 
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header_bot_icons>div p {
    font-family: "Play", sans-serif;
	font-size: 15px;
	font-weight: 400;	
    color: #000;
    line-height: 1.136;
    margin-top: 18px;
}
.header_bot_reg{display:none;}
.video_logoimg, .video_logo, a.video_prigl, .video_slogan, .video_slogan p {
	display: none;
}

.fancybox-slide--video .fancybox-content {
		width: 533px;
		height: 300px;
		max-width: 60%;
		max-height: 60%;
		margin: 0;
	}
	.video_logo{
		cursor: pointer;		
		width:72px;
		height:72px;
		background:#39577D;
		z-index:1;
		position:absolute;
		margin:0;
		-moz-border-radius: 60px; /* Firefox */
		-webkit-border-radius: 60px; /* Safari, Chrome */
		-khtml-border-radius: 60px; /* KHTML */    
		border-radius: 60px; /* CSS3 */
		top:14%;
		left:48%;	  
		margin-left: -36px;
		margin-top: -36px;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: box-shadow;
		transition-property: box-shadow;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);	
	}
	.video_logo:hover, .video_logo:focus, .video_logo:active {    
		-moz-border-radius: 60px; /* Firefox */
		-webkit-border-radius: 60px; /* Safari, Chrome */
		-khtml-border-radius: 60px; /* KHTML */    
		border-radius: 60px; /* CSS3 */ 
		box-shadow: 0 0 10px #000;
		-moz-box-shadow: 0 0 10px #000;
		-webkit-box-shadow: 0 0 10px #000; 
		-webkit-animation-name: pulse-shrink;
		animation-name: pulse-shrink;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
	.video_logoimg{
		cursor: pointer;
		position:relative;	
		width:71px;
		height:71px;	
		background:url('../img/video_logo.png') center center no-repeat;	
	}	
	.video_slogan{		
		width:168px;
		height:52px;
		position:absolute;
		background:url('../img/video_lenta.png') center center no-repeat;
		top:52%;
		left:135px;	  
		margin-left: -84px;
		margin-top: -26px;
		z-index:-1;
	}
	.video_slogan p {
		font: normal 16px/16px "P-Bold";	
		color:white;
		text-align:left;
		text-transform: uppercase; 
		padding:10px 0 0 32px;
	}	
 

@media screen and (max-width: 1024px){
	.sponsors-group {		
		display:none;
		
	}
	.info-text-block {		
		padding:0;		
	} 
	h3.info-text {
	  	font-family: "Play", sans-serif;
		font-size: 40px;
		font-weight: 700;	  
		margin: 2% 0;
	}	
	.logo-guests, .time-guests {		
	    display:none;		
	}	
	.logo{
		width:100%;	
		display:flex;
		height: 100%;
		align-content: stretch;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.slogan {
		width:100%;				
	}
	.slogan img{
		width:100%;	
		left: 0px;	
	}	
	
	.place {	
		display:block; 	
	}
	.sale{
		display:block; 						
	}
	p.place-text{	
		font-size: 1.5em;
		margin: 0px;		
	}
	.address p, .address span{
		font-size: 1.0em;	
		margin: 0px;
	}	
	.sale p{	
		font-family: "Play", sans-serif;	
		font-weight: 700;
		font-size: 30px;
		text-transform: uppercase;		
	}
	.descr{
		width:100%;
		display:flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 5% 0 0 5%;
	}
	.place{		
		margin-bottom: 4%; 		
	}
	
	.sponsors {
		width:100%;
		display:none;		
		padding: 8% 0 0 5%;
	}
	ul.sponsors-ico {
		display: flex;
		width:100%;
		font-size: 0;
		line-height: 0;
		text-align: center;
        margin: 0 auto;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;       
        align-items: center;
        align-content: center;	
	}
	ul.sponsors-ico li{
		display: inline-block;
		margin: 2% 0 0 2%;
			
	}
	ul.sponsors-ico li a{
		display: block;	
		width: 200px;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center center;
		text-decoration: none;	
	}
	ul.sponsors-ico li:nth-child(1) a{
		width: 121px;	
		height:50px;	
		background-image: url(../img/sponsor-min-1.png);
	}
	ul.sponsors-ico li:nth-child(2) a{
		width: 86px;
		height:50px;	
		background-image: url(../img/sponsor-min-2.png);
	}
	ul.sponsors-ico li:nth-child(3) a{
		width: 61px;
		height:50px;	
		background-image: url(../img/sponsor-min-3.png);
	}
	ul.sponsors-ico li:nth-child(4) a{
		width: 92px;
		height:50px;	
		background-image: url(../img/sponsor-min-4.png);	
	}
	.middle-guests {
		display:flex;
		margin:40px 0 0 0;		
	}
	
	.header_icons {
		display:flex;
		margin:40px 0 0 0;
		
	}
	.header_bot_icons small {     
		font-size: 28px;
		letter-spacing:0.5;			
	}
	.header_bot_icons span {     
		font-size: 28px;
		letter-spacing:0.5;			
	}
	.header_bot_icons>div p {	
		font-size: 16px;		
		margin-top: 10px;
	}

}
@media screen and (max-width: 768px){
	.cd-section:nth-of-type(1){
		background-image: url(../img/header-min.webp)!important;
		display: block;
		height: 750px!important;
		background-size: 100% 100%;
		background-size: cover;	
	}
	h3.info-text {		
		display: none;	
	} 
	.logo{		
		width:100%;	
		display:flex;
		height: 100%;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;		
	}
	.content {		
		top: 45%;			
	}
	.wow {
		margin: 0;
	}
	.info {		
		display:block;		
	} 
	p.place-text{	
		font-size: 1.2em;
		margin: 0px;		
	}
	.address p, .address span{
		font-size: 0.9em;	
		margin: 0px;
	}	
	.sale p{
		font-size: 1em;
		margin: 0px;
	}
	.slogan {
		width: 60%;
	}
	.address {
		width: 90%
	}
	.time{
		width:100%;
		float:none;
		margin:0 auto;
		text-align:center;			
	}	
	.sale{
		font-size: 1.4em;
		margin: 10px 0;
				
	}
	.place{
		width:100%;
		float:none;				
	}
	.sponsors {
		width:100%;
		display:block;		
		padding: 8% 0 0 5%;
	}
	ul.sponsors-ico li{
		display: inline-block;
		margin: 0;
		width:120px;	
	}
	.middle-guests {
		display:none!important;			
	}
	
	
	.header_icons {				
		margin:20px 0 0 0;		
	}
	.header_bot_icon {
		width: 50%!important; 
		display: flex!important;	
	}
	.header_bot_icons small { 		
		font-size: 30px;
		letter-spacing:0.5;			
	}
	.header_bot_icons span { 		
		font-size: 28px;
		letter-spacing:0.5;			
	}
	.header_bot_icons>div p {	
		font-size: 15px;		
		margin-top: 15px;		
	}
	.header_bot_icons, .header_bot_icons_fon{display:none;}
	.header_bot_reg{
		display:block;
		width:80%;
		margin:0 auto;
	}
	.header_bot_reg a.time-guests{
		margin:0;
	}
}
@media screen and (max-width: 530px){
   
	.content {		
		top: 45%;			
	}
   .sponsors {
        width: 100%;
        display: block;
        padding: 3% 0 0 0;
	}	
	.slogan {
        width: 90%;
    }
	ul.sponsors-ico li{
		display: inline-block;
		margin: 0;
		width:45%;	
	}
}
@media screen and (max-width: 420px){
	p.place-text{	
		font-size: 1.0em;
		line-height:1.4em;		
	}
	.address p, .address span{
		font-size: 0.8em;	
		line-height:1.4em;
	}

}
/* -------------------------------- 

Main components 

-------------------------------- */
.cd-section, .immerse-section-tr__content {
 
  position: relative;
  padding: 0em 0;
  overflow: hidden;
}
.immerse-section-tr__content {
  background: #0d2f81!important;
  	
	

}
.immerse-section-tr__content h1 {
  color: #fff!important;
  background: none!important;
  padding: 0!important;
}
 .immerse-section-tr__content p.cd-nonetxt {
	display:block;
	position: relative;
	top: 40px;  
	left: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 90%; 
	text-align: center;
	max-width: 768px;
	font-size: 20px;
    font-size: 1.5rem;
	line-height: 1.5;
    color: #fff;	
 }
 .cd-section:nth-of-type(10),
 .cd-section:nth-of-type(11),
 .cd-section:nth-of-type(12) {
	 min-height:auto!important;
 }

 .cd-section:nth-of-type(7),
 .cd-section:nth-of-type(8),
 .cd-section:nth-of-type(9) { 
	max-height:1080px;
	height:920px;
 }
 .cd-section:nth-of-type(1) {	
	background: url(../img/header2.webp) center center;
	display: block;
	height: 700px;
	background-size: 100% 100%;
	background-size: cover;	
}
 .cd-section:nth-of-type(5) {
	background: url(../img/ss-fon.webp), linear-gradient(45deg, rgba(255, 255, 255, .9) 50%, rgba(196, 224, 246, .5) 70%)!important; 
	display: block;
	max-height:4000px;
	background-size: 100% 100%!important;	
	background-repeat: no-repeat no-repeat!important;		
}

 .cd-section:nth-of-type(6) {
	background: #FFFFFF!important; 
	display: block;	
	background-size: 100% 100%!important;	
	background-repeat: no-repeat no-repeat!important;		
}
 .cd-section:nth-of-type(7) {
	background: #0d2f81!important; 
	display: block;		
}

.cd-section:nth-of-type(even) { 
  background: #FFFFFF; /* Для старых браузеров - без градиента */
  background: -moz-linear-gradient(top,  #FFFFFF 0%, #B4E4FF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#B4E4FF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#B4E4FF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFFFFF 0%,#B4E4FF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFFFFF 0%,#B4E4FF 100%); /* IE10+ */
  background: linear-gradient(90deg,  #FFFFFF 0%,#B4E4FF 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#B4E4FF',GradientType=0 ); /* IE6-9 */
}
.cd-section:nth-of-type(even) h1 {
  color: #000;
  background-color: #fff;
  padding: 0.8em 2.0em;
}
.cd-section:nth-of-type(even) p.cd-nonetxt{
	line-height: 1.4em;
	margin:15px 0;
}
.cd-section:nth-of-type(odd) {
  background-color: #fff;
}
.cd-section:nth-of-type(odd) h1 {
  color: #000;  
  padding: 0.8em 2.2em;
}
.cd-section:nth-of-type(7) h1 {
  color: #fff;  
  padding: 0.8em 2.2em;
}
.cd-section:nth-of-type(odd) p.cd-nonetxt {
	line-height: 1.4em;
	margin:15px 0;
}
.cd-section h1, .cd-section p.cd-nonetxt, .immerse-section-tr__content h1 {
  position: relative;
  left: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%; 
  text-align: center;
}

.cd-section h1, .immerse-section-tr__content h1 {
	top: 80px; 
	max-width: 990px;	
	text-transform: uppercase;
	font-size: 2.1rem;
	font-family: "P-Bold", sans-serif;	
	overflow-wrap: break-word; 
	word-wrap: break-word;
	word-break: keep-all; 
	line-break: loose;  
	-webkit-hyphens: none; ​-ms-hyphens: none; hyphens: none; 
}
 .cd-section p.cd-nonetxt {
	display:block;
	top: 40px;  
	max-width: 768px;
	font-family: "Play", sans-serif;
	font-weight: 400;	
	font-size: 20px;
    font-size: 1.5rem;
	line-height: 1.5;
	color:#324D6B;	
}
.cd-section h1:before {
	content: '';
    position: absolute;
	height:64px;
	width:64px;	
    top: 50%;
	left:30%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding:5px 0;
}
.cd-section h1:after {
	content: '';
    position: absolute;
	height:64px;
	width:241px;	
    top: 50%;
	right:-10%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding:5px 0;
}
.cd-section h1:before {
	background: url(../img/title-ico.webp) no-repeat;
}
.cd-section h1:after {
	background: url(../img/title-2-ico.webp) no-repeat;
}


@media only screen and (min-width: 1920px) {
	.cd-section, .immerse-section-tr__content {
	
	}
	 .cd-section:nth-of-type(10),
	 .cd-section:nth-of-type(11),
	 .cd-section:nth-of-type(12) {
		 min-height:auto!important;
	 }
	 .cd-section:nth-of-type(1),
	 .cd-section:nth-of-type(8),
	 .cd-section:nth-of-type(9)
	 { 
		min-height:900px!important;
	 }	 
	 
	 .cd-section:nth-of-type(4) { 
		min-height:1300px!important;
	 }	 
	 .cd-section:nth-of-type(6) { 
		min-height:1000px!important;
	 }	 
	  .cd-section:nth-of-type(7) { 
		min-height:1300px!important;
	 }
	 .padding-top-md {
		padding-top:0!important; 
	 }
	.js .immerse-section-tr__media {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 1920px) and (min-height: 1080px) {
	.cd-section:nth-of-type(1) { 
		min-height:800px!important;
	 }	
	
	.video_logoimg, .video_logo, a.video_prigl, .video_slogan, .video_slogan p {
		display: block; 
	}
}

@media only screen and (min-width: 1280px) and (min-height: 1024px) {
	 .padding-top-md {
		padding-top:0!important; 
	 }
	.js .immerse-section-tr__media {
		padding-bottom: 30px;
	}
	.video_logoimg, .video_logo, a.video_prigl, .video_slogan, .video_slogan p {
		display: block; 
	}
}

@media only screen and (min-width: 1440px) and (min-height: 900px) {
	 .padding-top-md {
		padding-top:0!important; 
	 }
	.js .immerse-section-tr__media {
		padding-bottom: 30px;
	}
	 .video_logoimg, .video_logo, a.video_prigl, .video_slogan, .video_slogan p {
		display: block; 
	}
}

@media only screen and (min-width: 1600px) and (min-height: 900px) {
	 .padding-top-md {
		padding-top:0!important; 
	 }
	.js .immerse-section-tr__media {
		padding-bottom: 30px;
	}
	 .video_logoimg, .video_logo, a.video_prigl, .video_slogan, .video_slogan p {
		display: block; 
	}
}

@media only screen and (min-width: 768px) {
  .cd-section h1, .immerse-section-tr__content h1 {	
    font-size: 3.0rem;
	line-height: 1.3;
  }
 .cd-section p.cd-nonetxt, .immerse-section-tr__content p.cd-nonetxt {   
    font-size: 2.0rem;
    line-height: 1.8;
  }
  
   .cd-section p.cd-nonetxt {		
		top: 75px;	
		margin:0px;
	}
	
	.immerse-section-tr__content p.cd-nonetxt {
		top: 75px;
	}
	.cd-section h1:before {		
		top: 50%;
		left:5%;		
	}
}

@media screen and (max-width: 768px){
 .cd-section h1, .immerse-section-tr__content h1 {
	top: 30px;    
  }	
  .cd-section h1:before {		
		top: 50%;
		left:0%;		
	}
	.cd-section h1:after {		
		top: 50%;
		left:0%;		
	}
	.cd-section p.cd-nonetxt {		
		top: 75px;	
		margin:0px;
	}
	
}

@media screen and (max-width: 540px){
 .cd-section h1, .immerse-section-tr__content h1 {
	top: 40px;    
  }	
  .cd-section h1:after {		
		top: 50%;
		left:-25%;		
	}
	.immerse-section-tr__content p.cd-nonetxt {
		top: 60px!important;
	}
	
}


.cd-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 10%;
  width: 38px;
  height: 44px;
  background: url("../img/cd-arrow-bottom.svg") no-repeat center center;
}

/* Main devices */
.sticky {
	position: fixed;
	top: 0px;
	z-index:2;		
}
nav.site-nav{
	margin-bottom: 0px;
	position: relative;	
	background-color:#105ed8;
	z-index:900;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
nav.site-nav{
	display: block;
}
nav.site-nav ul{
	font-size: 0;
	line-height: 0;
	width: auto;
	z-index:999;
}
nav.site-nav li{
	display: inline-block;	
}
nav.site-nav li:last-child{
	position:absolute;
	right:10px;
}
nav.site-nav li a{
	display: block;
	text-align: center;
	font-family: 'Play', sans-serif;
	color: #fff;	
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	text-decoration: none;	
	padding: 15px 15px;	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
nav.site-nav li a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	color: #39577D;	
}

 a.cd-reg{   
	margin-top:5px;
	width: 160px!important;		
	padding: 10px 10px!important;	
	color: #fff;	
	background-color:#F04941; 
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 1px 1px 0px rgba(156, 156, 156, 1);
}
a.cd-reg:hover, a.cd-reg:focus, a.cd-reg:active {
	display: block;
	color: #fff!important;
	background: linear-gradient(180deg, #80A4ED 0%, #80A4ED 100%);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
   -webkit-animation-name: pulse-shrink;
	animation-name: pulse-shrink;
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;  
}
a.cd-reg span:hover {
	display: block;
	color: #fff;
	-webkit-animation-duration: 0.1s;
	animation-duration: 0.1s;
}

/* No Touch devices */
.cd-stretchy-nav {
  position: fixed;
  z-index: 2;
  top: 40px;
  right: 5%;
  pointer-events: none;
}
.cd-stretchy-nav .stretchy-nav-bg {
  /* this is the stretching navigation background */
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: linear-gradient(180deg, #F04941 0%, #F04941 100%);  
  box-shadow: 0 1px 6px rgba(128, 164, 237 0.6);
  -webkit-transition: height 0.2s, box-shadow 0.2s;
  -moz-transition: height 0.2s, box-shadow 0.2s;
  transition: height 0.2s, box-shadow 0.2s;
}
.cd-stretchy-nav.nav-is-visible {
  pointer-events: auto;
}
.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg {
  height: 100%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.cd-nav-trigger {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  /* replace text with image */
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
  pointer-events: auto;
}
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {
  /* this is the hamburger icon */
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #ffffff;
}
.cd-nav-trigger span {
  /* middle line of the hamburger icon */
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-nav-trigger span::after, .cd-nav-trigger span::before {
  /* top and bottom lines of the hamburger icon */
  content: '';
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
.cd-nav-trigger span::before {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger span::after {
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover ~ .stretchy-nav-bg {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}
.nav-is-visible .cd-nav-trigger span {
  background-color: transparent;
}
.nav-is-visible .cd-nav-trigger span::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-is-visible .cd-nav-trigger span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-stretchy-nav ul {
  position: relative;
  z-index: 2;
  padding: 60px 0 0;
  visibility: hidden;
  -webkit-transition: visibility 0.3s;
  -moz-transition: visibility 0.3s;
  transition: visibility 0.3s;
  text-align: right;
}
.cd-stretchy-nav ul a {
  position: relative;
  display: block;
  height: 70px;
  line-height: 60px;
  padding: 0 calc(1em + 60px) 0 1em;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.4rem;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.cd-stretchy-nav ul a::after {
  /* navigation item icons */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  opacity: .6;
  background: url(../img/cd-sprite-1.svg) no-repeat 0 0;
}
.cd-stretchy-nav ul a::before {
  /* line visible next to the active navigation item */
  content: '';
  position: absolute;
  width: 6px;
  height: 18px;
  top: 50%;
  right: 60px;
  -webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
  -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(0);
  -o-transform: translateX(3px) translateY(-50%) scaleY(0);
  transform: translateX(3px) translateY(-50%) scaleY(0);
  background-color: #fff;
}
.cd-stretchy-nav ul li:first-of-type a::after {
  /* change custom icon using image sprites */
  background-position: -32px 0;
}
.cd-stretchy-nav ul li:nth-of-type(2) a::after {
  background-position: -64px 0;
}
.cd-stretchy-nav ul li:nth-of-type(3) a::after {
  background-position: -48px 0;
}
.cd-stretchy-nav ul li:nth-of-type(4) a::after {
  background-position: 0 0;
}
.cd-stretchy-nav ul li:nth-of-type(5) a::after {
  background-position: -16px 0;
}
.cd-stretchy-nav ul span {
  /* navigation item labels */
  display: block;
  opacity: 0;
  -webkit-transform: translateX(-25px);
  -moz-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  -o-transform: translateX(-25px);
  transform: translateX(-25px);
  background: linear-gradient(180deg, #F04941 0%, #F04941 100%); 
  color:#fff;
}

.cd-stretchy-nav.nav-is-visible ul {
  visibility: visible;
}
.cd-stretchy-nav.nav-is-visible ul a::after {
  /* navigation item icons */
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  -webkit-animation: scaleIn 0.15s backwards;
  -moz-animation: scaleIn 0.15s backwards;
  animation: scaleIn 0.15s backwards;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-stretchy-nav.nav-is-visible ul a.active {
  color: #ffffff;
}
.cd-stretchy-nav.nav-is-visible ul a.active::after {
  opacity: 1;
}
.cd-stretchy-nav.nav-is-visible ul a.active::before {
  -webkit-transform: translateX(3px) translateY(-50%) scaleY(1);
  -moz-transform: translateX(3px) translateY(-50%) scaleY(1);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(1);
  -o-transform: translateX(3px) translateY(-50%) scaleY(1);
  transform: translateX(3px) translateY(-50%) scaleY(1);
  -webkit-transition: -webkit-transform 0.15s 0.3s;
  -moz-transition: -moz-transform 0.15s 0.3s;
  transition: transform 0.15s 0.3s;
}
.cd-stretchy-nav.nav-is-visible ul span {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: slideIn 0.15s backwards;
  -moz-animation: slideIn 0.15s backwards;
  animation: slideIn 0.15s backwards;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
  font-family: "Play", sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
	padding:10px 20px;
}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover {
  color: #ffffff;
}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover::after {
  opacity: 1;
}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover span {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px);
}
.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after,
.cd-stretchy-nav.nav-is-visible ul li:first-of-type span {
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) span {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) span {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) span {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.mobile-only {
	display: none;
}

@media screen and (max-width: 1050px){
	nav.site-nav li a {
		padding-left:3px!important;
		padding-right:3px!important;
		font-size: 14px;	
	}
}
@media screen and (max-width: 850px){
	.mobile-only {
		display: block;
	}
	nav.site-nav{
		display: none;
	}	
}
/* -------------------------------- 

keyframes

-------------------------------- */
@-webkit-keyframes scaleIn {
  from {
    -webkit-transform: translateY(-50%) scale(0);
  }
  to {
    -webkit-transform: translateY(-50%) scale(1);
  }
}
@-moz-keyframes scaleIn {
  from {
    -moz-transform: translateY(-50%) scale(0);
  }
  to {
    -moz-transform: translateY(-50%) scale(1);
  }
}
@keyframes scaleIn {
  from {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
  }
  to {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
}
@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-25px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideIn {
  from {
    opacity: 0;
    -moz-transform: translateX(-25px);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}



/* -------------------------------- 

СОРЕВНОВАНИЯ ПО ДИСЦИПЛИНАМ

-------------------------------- */

.schedule_box {
	display: inline-block;
	vertical-align:top;
	width: 48%;
}

table.schedule_table{
	width: 100%;
	padding: 0px;
	margin:5px 0 0 0;
	text-align:left;	
}
table.schedule_table tbody {
	display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
table.schedule_table thead tr {

}
tr.voprosy-caption{  
	display: block;
}
tr.voprosy-content{
	display: block;
}	
table.schedule_table tr th.dis-item-img {
	vertical-align:top;
	display: inline-block;
	width: 100%;
	border-right: 0px;	
	background: #f9b600;
	position: relative;
}
table.schedule_table tr th.dis-item-txt {
	width: 100%;
	border-style: solid;
	border-width: 0 0 3px 0;
	border-color:transparent;
	padding:5px 10px;
	font:normal 16px/18px 'P-Regular', sans-serif;
	
}



/* -------------------------------- 

Самый спортивный

-------------------------------- */

.cd-section big{
	font-family: 'P-Bold' , sans-serif;
	font-size: 28px;
	line-height: 40px;
	margin:50px auto auto auto;
	display: block;	
	text-align: center;
	text-transform: uppercase;
	color:#383D40;
}

.ss-info {
	display:flex;	
	text-align:center;
	padding:0;
	align-items: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}	
.ss-scheme {
	vertical-align:top;
	display:inline-block;
	width:100%;	
	margin:22% 0 0 0;
}
.family-img {
		 display:none;
	}
.simple-bar-chart{
  --line-opacity: 0.25;
  --item-gap: 2%;
  --item-default-color: #060606;
  
  height: 10rem;
  display: grid;
  grid-auto-flow: column;
  gap: var(--item-gap);
  align-items: end;
  padding-inline: var(--item-gap);
  --padding-block: 1.5rem; /*space for labels*/
  padding-block: var(--padding-block);
  position: relative;
  isolation: isolate;
}

.simple-bar-chart::after{
  content: "";
  position: absolute;
  inset: var(--padding-block) 0;
  z-index: -1;
  --line-width: 1px;
  --line-spacing: calc(100% / var(--line-count));
  background-image: repeating-linear-gradient(to top, transparent 0 calc(var(--line-spacing) - var(--line-width)), var(--line-color) 0 var(--line-spacing));
  box-shadow: 0 var(--line-width) 0 var(--line-color);
  opacity: var(--line-opacity);
}
.simple-bar-chart > .item{
  height: calc(3% * var(--val));
  background-color: var(--clr, var(--item-default-color));
  position: relative;
  animation: item-height 2s ease forwards;
    border-style: solid;
    border-width: 4px;
    border-color: #d2d2d2;
	
}
@keyframes item-height { from { height: 0 } }

.simple-bar-chart > .item > * { position: absolute; text-align: center }
.simple-bar-chart > .item > .value {
	display:block;
	inset: auto 0 100% 0;
	font-family: "Play", sans-serif;	
	font-weight: 700;
	font-size: 90px;
	letter-spacing:0.5;
	line-height: 1.1;
	font-style: bold;
	text-transform: uppercase;
    background: -webkit-linear-gradient(#383D40, #383D40);    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.simple-bar-chart > .item > .label { inset: 10% 0 auto 0; }
.simple-bar-chart > .item > .label p {
	text-align:left;
	position:absolute;
	top:-180px;
 	color: #383D40;
	font-family: "Play", sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;  
	padding:8px 0 0 60px;
}
.item .label em {
	display:block;
	left:15px;
	top:18px;
	position:absolute;
	width: 21px;
	height: 21px;   
	background: url(../img/icons-plan.webp);
	background-repeat: no-repeat;
	background-size: contain;
}
img.ss-scheme-img {
	display:block;
	padding:0px;
	position:relative;
	max-width:80%;
	
}
.ss-descr {
	vertical-align:top;
	display:flex;
	width:100%;
	margin:0 0 0 0;
}
.ss-text {
    text-align:left;
	padding: 0 0 0 30px;
}
.ss-text-red {
    background: linear-gradient(-90deg, #91A7B5 0%, #CE241E 70%);	
	background-repeat: no-repeat;
	background-size: contain;
}
.ss-text p {
	display:block;
	color:#000;
	font-family: 'P-Regular' , sans-serif;
	font-size: 18px;
	line-height: 25px;
	padding:15px 0;
}
.ss-text-red p {
    color:#fff!important;
}
.ss-text span {
	display:block;
	color:#000;
	font-family: 'P-Black' , sans-serif;
	font-size: 18px;
	line-height: 25px;
	padding:20px 0;
}
.ss-text ul {
	display:block;
	margin-left:50px;
}
.ss-text li{	
	color:#000;
    font-family: 'P-Regular' , sans-serif;
    font-size: 18px;
    line-height: 25px;
	list-style-image: url(../img/icons-plan.png);	
	list-style-position: outside;	
	padding:5px;

}						
.ss_button {
	position:relative;
	text-align:left;
	margin:30px auto;
	padding:5px 20px;	
}

a.regulation {
	font-family: 'P-Bold' , sans-serif;
	font-size: 22px;
	line-height: 33px;	
	display: block; 
	width:100%;   
  	padding: 10px 40px 10px 10px;
	margin:20px 0;	
	text-align: center;	
	text-decoration: none;	
	color: #fff;	
	background-color: #91A7B5;	
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

a.regulation:after {
	content: '';
    position: absolute;
	height:33px;
	width:33px;	
    top: 10px;
	right:5%;	
	background: url(../img/regulation.png) no-repeat;
	padding:5px 0;
}
.ss_dis	{	
	margin:10px 0 0 0;
}			
.ss_dis	ul{
	margin:30px 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, 230px);
	grid-gap: 20px 15px;
	justify-content: center;
	text-align: center;
	
}
.ss_dis	li{
	align-items: center;
	text-align: left;
	position: relative;
	padding:18px 70px;	
}
	
.title_dis	{	
	display: block;
	margin: 20px auto;
    text-align: center;
}	
.title_dis big {	
	color: #383D40;
	font-family: "Play", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 0 0 0.2em 0.1em;
	text-align:center;
}
.immerse-section-tr__content .title_dis big {	
	color: #fff;
}
.ss-img-block {
		margin:45px 0 0 0;	
}
.ss_dis	ul li:after {
	content: '';
	display: block;
    position: absolute;
	height:66px;
	width:66px;	
    top: 0px;
	left:0px;	
	padding:0;
}

.ss_dis	ul li:nth-of-type(1):after {
	background: url(../img/discipline/5borie.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(2):after {
	background: url(../img/discipline/nozha.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(3):after {
	background: url(../img/discipline/psih.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(4):after {
	background: url(../img/discipline/flag.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(5):after {
	background: url(../img/discipline/patriot.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(6):after {
	background: url(../img/discipline/gantboll.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(7):after {
	background: url(../img/discipline/labirint.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(8):after {
	background: url(../img/discipline/frisbi.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(9):after {
	background: url(../img/discipline/tir.png) no-repeat;
}
.ss_dis	ul li:nth-of-type(10):after {
	background: url(../img/discipline/konki.png) no-repeat;
}




@media screen and (max-width: 960px){
	
	.ss-descr {
		vertical-align:top;
		display:inline-block;
		width:90%;
	}	
	.ss-text {
		margin:30px 0;
	}
	.ss-scheme {
		vertical-align:top;
		display:inline-block;
		width:100%;	
	}	
	img.ss-scheme-img {
		display:block;
		padding:0px;		
		width:100%;	
	}

	a.regulation {
		font-family: 'P-Bold' , sans-serif;
		font-size: 24px;
		line-height: 28px;
		margin:20px auto;
		width:80%; 		
	}
	a.regulation:after {
		top: 6px;
		right:25%;		
	}
		.ss-img-block {
		display:none;	
	}
}

@media screen and (max-width: 768px){
	.wrap_cats_slider {
		padding-top:50px!important;	
	}
	.slick-arrow {
		top:-15px!important;
	}
	.cd-section big{		
		font-size: 20px;
		line-height: 30px;
		margin:30px auto auto auto;		
	}	
	.content-block {
		margin: 20px auto;
		width: 90%;
	}	
	
	.ss-info {
	  display:block;
	  margin:0px auto;
	  text-align:center;	  
	}	
	img.ss-scheme-img{
		  width:100%;	
	}		
	.ss-scheme {
	  vertical-align:top;
	  display:block;
	  width:100%;	
	  text-align:center;
	}	
	.ss-scheme div {	
	  text-align:center;
	  margin:0 auto!important;
	}
	.simple-bar-chart {
		 display:none;
	}
	.family-img {
		 display:block;
	}
	
	.ss-descr {
	  vertical-align:top;
	  display:block;	 
	  margin:20px 0 0 0;
	}	
	.ss-text p {
		color:#000;		
		font-size: 15px;
		line-height: 20px;		
	}
	.ss-text span {
		font-size: 15px;
		line-height: 20px;		
	}	
	.ss-text li {	
		font-size: 15px;
		line-height: 20px;		
	}	
	a.regulation {
		font-family: 'P-Bold' , sans-serif;
		font-size: 18px;
		line-height: 22px;		
		width: 80%;		
	}	
	a.regulation:after {
		top: 10%;
		right:25%;		
	}

}

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

}

/* -------------------------------- 

Форма заявки

-------------------------------- */


.order-form{    
	width: 100%;   
	background:#0d2f81;   
	z-index: 1;		
 } 

 .order-partners{    	  

	padding:40px 0;
 } 

 .order-form-box{	 
	width: 100%;
    padding:40px 10px;
	display:flex;	
	flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
}
.order-form-txt {	
    position: relative;	
}
.order-form-txt:before {
	content: '';
    position: absolute;
	left:-20px;
	top:15%;
	width:17px;	
	height:128px;
	background: url(../img/rectangle.webp) left center no-repeat;
}

.order-form-txt span{
    width:100%;
	position:relative;	
    font-family: "Play", sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	letter-spacing:1.2px;
	padding:5px 0;
}

.order-form-txt p{
    color:white;
    width:100%;
	display:block;
    font:normal 35px/40px 'P-Regular';	
	padding:30px 0;
	text-align:left;
	margin:10px 0 20px 30px;
}
.order-form-btn {
	display: block;
    width:25%;
	text-align:left;	 
 }
 
 
  .order-form-red {    
	width: 100%;   
	background:#0d2f81;   
	z-index: 1;		
	overflow:visible;
 }
.order-form-box-red {
	width: 100%;
    padding:20px 0;
	background-image: url(../img/boy.webp);
	background-position: left 0px top 0px!important ;	
	background-repeat: no-repeat;
	display:flex;
	flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}
.order-form-txt-red{
	display: block;
	vertical-align: top;
	width:55%;		
}
.order-form-box-red p {
	color:white;
    width:100%;
	display:block;
    font:normal 28px/30px 'P-Regular';	
	padding:30px 0;
	text-align:left;
	margin:10px 0 20px 30px;
}
.order-form-txt-red span {
    width:100%;
	position:relative;	
    font-family: "Play", sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	letter-spacing:1.2px;
	padding:5px 0;
	
}
.order-form-txt-red span:after, .order-form-txt span:after{
    content: '';
    position: absolute;
    height: 8px;
    width: 100%;	
    bottom: 3px;
    left: 0px;		
} 
.order-form-txt span:after{
	background:rgba(1, 84, 216, 0.8);
} 
.order-form-txt-red span:after{
	background:rgba(253, 14, 19, 0.8);
} 
 
 .order-all{	 
	width: 100%;
    padding:20px 0;
	display:block;
	vertical-align:top;
	margin:0 auto;
	text-align:center;
 }

  .order-all:first-child{	 
	padding:0px 0 0 0;
 }
 .order-all p {
    color: #fff;
    font-family: 'P-Black', sans-serif;
    font-size: 4.5rem;
	line-height: 5.0rem;
    margin: 0.6em 0;
}
 .order-all span {
    color:#383D40;
    width:100%;
	display:block;   
	font-family: "Play", sans-serif;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;	
	text-align:center;
	margin:0 20px;
	border-style: solid;
    border-width: 3px 0 0 0;
    border-color: #D3D3D3;
	padding: 20px 0 0 0;
}
  .order-all .cd-pricing {	 
	width: 100%;
	max-width: 400px;	
	margin:0 auto;
 }
 .order-all .cd-pricing > li {
	position: relative;
	display:block;
    width: 100%;	
    float: inherit;
    margin-right: 2%;
    margin-bottom: 3%;
	box-shadow:none;
}

 .order-all .cd-pricing-footer{
	 background: #0d2f81!important;
	 padding:0!important;	
 } 
 .order-form-btn .cd-pricing{
	margin:20px 0 0 0!important;
	overflow: visible;
}
 
 .order-form-btn .cd-pricing-footer{
	 background: #0d2f81!important;
	 padding:0!important;	
 } 
 .order-form-btn .cd-pricing > li{
	 box-shadow: 8px 8px 0px rgba(255, 255, 255, 0)!important;	 
 }
 a.buttonBig{
    display: block; 
    width:320px;
    text-transform: uppercase;
  	padding: 30px 10px!important;
	margin:20px 0 20px 0px;
	font-family: 'P-Bold', sans-serif!important;
    font-size: 30px!important;
    line-height: 38px!important;
	text-align: center;	
	text-decoration: none;
	letter-spacing: 1.3px;
	color: #fff;	
	background: linear-gradient(180deg, #80A4ED 0%, #80A4ED 100%);	
	z-index: 40;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 8px 8px 0px rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: 8px 8px 0px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 8px 8px 0px rgba(255, 255, 255, 0.25);
}
a.buttonBig:hover, a.buttonBig:focus, a.buttonBig:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
   -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  
}
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 1024px){
		
	.order-form-txt{		
		width:50%;	
		position:relative;		
	}	
	.order-form-btn {	
		width:40%;			 
	 }
	 .order-form-btn .cd-pricing{
		margin:10px 0 0 0!important;	
	}
	  a.buttonBig{
		width:350px;
		font-size: 28px!important;
		margin:0px 0 10px 0px;
	  }
	.order-form-txt span{
		font-size: 25px;
		line-height: 25px;
	}
	.order-form-txt p{
		font-size: 25px;
		line-height: 25px;
	}
	
}
	
@media screen and (max-width: 960px){
	
	.order-form-txt{		
		width:90%;			
	}	
	.order-form-txt:before {
		content: '';
		position: absolute;
		left:-20px;
		top:0;
		width:17px;	
		height:65px;
		background: url(../img/rectangle.webp) left center no-repeat;
	}
	.order-form-btn {	
		width:40%;			 
	 }	
	  a.buttonBig{
		width:300px;
		font-size: 24px!important;
		padding: 20px 10px!important;
	  }
	.order-form-txt span{
		font-size: 20px;
		line-height: 25px;
	}
	.order-form-txt p{
		font-size: 20px;
		line-height: 25px;
	}	
	
}
	
	
@media screen and (max-width: 768px){
	.order-form-txt{		
		display: flex; 		
	}	
	.order-form-btn {	
		width:90%;			 
	 }	
	 
	  .order-form-btn .cd-pricing{
		margin:10px auto!important;
		max-width:100%;		
	}
	 
	a.buttonBig{
		width:100%!important;
		font-size: 28px!important;
		padding: 20px 10px!important;
	}
	.order-form-box{
		padding:0;
	}
	.order-form-txt {
		margin: 10px 0 0px 20px;
	}	
	.order-form-txt:before{
		top:20%;
	}
	
}
@media screen and (max-width: 540px){
	.order-form-txt{		
		display: flex; 		
	}	
	.order-form-btn {	
		width:90%;			 
	 }	
	 
	  .order-form-btn .cd-pricing{
		margin:10px auto!important;
		max-width:100%;		
	}
	 
	a.buttonBig{
		font-size: 22px!important;
		padding: 10px 5px!important;
	}
	
	
}

/* -------------------------------- 

Россия

-------------------------------- */
.rus-guest {
	display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;	
}
.rus-txt {
	position:relative;
	margin: 2em 0;	
	padding: 1em 1em 1em 1em;		
}
.rus-txt span, .rus-zabeg span  {		
	color: #fff;	
	font-family: "Play", sans-serif;
	font-size: 25px;
	line-height:35px;
	font-weight: 700;
	background: #F04941;
	text-transform: uppercase;	
	-moz-border-radius: 60px; /* Firefox */
    -webkit-border-radius: 60px; /* Safari, Chrome */
    -khtml-border-radius: 60px; /* KHTML */    
    border-radius: 60px; /* CSS3 */ 
	padding: 5px;	
	margin:0 10px;
}
.rus-txt p {	
	display:block;
	color: #383D40;	
	font-family: "Play", sans-serif;
	font-size: 22px;
	line-height:28px;
	font-weight: 400;
	text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.rus-txt:nth-child(1) p {
	text-align:right;
	padding: 0 1.8em 0 0 ;
	
}
.rus-txt:nth-child(2) p {
	text-align:left;
	padding: 0 0 0 1.8em;
}
.rus-txt:nth-child(2):after {
	content: "";
	display: table;
	position: absolute;
	width:7px;
	height: 220px;
	left:0px;
	top:10%;
	background: #80A4ED;
}
.rus-txt strong {	
	display: block;
	margin-bottom: 20px;
	font-family: "Play", sans-serif;	
	line-height: 2em;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;	
}
.rus-img {
	width:90%;
}
.content-all {
	display:block;
	max-width: 1220px;
	margin: 60px auto 20px auto ;
	position:relative;	 
	
}
.rus-zabeg {
	display: flex; 
	flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}
.rus-zabeg p {
	display:block;
	color: #383D40;	
	font-family: "Play", sans-serif;
	font-size: 22px;
	line-height:28px;
	font-weight: 400;  
	padding: 10px 0;	
}
em.rus-zabeg-title {
	display:block;
	position: relative;
	font-family: "Play", sans-serif;
	font-size: 40px;
	line-height:42px;
	font-weight: 700;
	padding: 5px 30px;
	margin-bottom:30px;
	background: #F04941;
    color: #fff;
}
.rus-zabeg-title:before {
	content: "";
	display: table;
	position: absolute;
	width:310px;
	height: 117px;
	left: -80px;
    bottom: -115%;
	
}

@media only screen and (max-width: 768px) {
	.rus-guest {
		display: flex;
		justify-content: center;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	.rus-txt {		
		margin: 0;	
		padding: 1em 1em 1em 1em;		
	}
	.rus-txt span, .rus-zabeg span {
		font-size: 1em;
		line-height:1em;
	}
	.rus-txt p, .rus-zabeg p {
		font-size: 1.0em;
		line-height:1.4em;
		text-align: left!important;
		padding: 5px!important;
	}
}



/* -------------------------------- 

Семья

-------------------------------- */
.lecture-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.lecture-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#lecture-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#lecture-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #D3D3D3;
}
@media only screen and (min-width: 1170px) {
  #lecture-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #lecture-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.lecture-timeline-block {
  position: relative;
  margin: 2em 0;
}
.lecture-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.lecture-timeline-block:first-child {
  margin-top: 0;
}
.lecture-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .lecture-timeline-block {
    margin: 4em 0;
  }
  .lecture-timeline-block:first-child {
    margin-top: 0;
  }
  .lecture-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.lecture-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.lecture-timeline-img img {
  display: block;
  width: 42px;
  height: 42px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
}
.lecture-timeline-img.lecture-blog {
  background: #383D40;
}
.lecture-timeline-img.lecture-vip {
  background: #383D40;
}
.lecture-timeline-img.lecture-sportsman {
  background: #324D6B;
}
@media only screen and (min-width: 1170px) {
  .lecture-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .lecture-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .lecture-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: lecture-bounce-1 0.6s;
    -moz-animation: lecture-bounce-1 0.6s;
    animation: lecture-bounce-1 0.6s;
  }
}

@-webkit-keyframes lecture-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes lecture-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes lecture-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.lecture-timeline-content {
	position: relative;
	margin-left: 60px;
	background: white; 
	padding: 1em 1em 1em 8.0em;
	border: 0.25em solid #0d2f81;
	box-sizing: border-box;
	box-shadow: 8px 8px 0px #0d2f81;
}

.orange{
	border: 0.25em solid #F04941;
	box-shadow: 8px 8px 0px #F04941;
}
.lecture-photo {
	width: 80px;
	height: 80px;
	position: absolute;
	display: block;
	left: 16px;
	top: 16px;	
	-moz-border-radius: 60px; /* Firefox */
    -webkit-border-radius: 60px; /* Safari, Chrome */
    -khtml-border-radius: 60px; /* KHTML */    
    border-radius: 60px; /* CSS3 */ 	
}
.lecture-0 {	
	background: url("../img/lecture-photo-0.png") no-repeat center center;
	filter: drop-shadow(8px 8px 0px #A7E600);
}
.lecture-1 {	
	background: url("../img/lecture-photo-1.png") no-repeat center center;
	filter: drop-shadow(8px 8px 0px #0d2f81);
}
.lecture-2 {	
	background: url("../img/lecture-photo-2.png") no-repeat top center;
	filter: drop-shadow(8px 8px 0px #0d2f81);
}
.lecture-3 {	
	background: url("../img/lecture-photo-3.png") no-repeat top center;
	filter: drop-shadow(8px 8px 0px #F04941);
}



.lecture-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.lecture-timeline-content h2 {
   color: #303e49;
   font-family: 'P-Bold', sans-serif;
}
.lecture-timeline-content p, .lecture-timeline-content .lecture-read-more, .lecture-timeline-content  {
	font-family: 'P-Regular', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
}
.lecture-timeline-content .lecture-read-more, .lecture-timeline-content .lecture-date {
  display: inline-block;
}
.lecture-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.lecture-timeline-content p em {
  font-family: 'P-Light', sans-serif;
}
.lecture-timeline-content .lecture-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .lecture-timeline-content .lecture-read-more:hover {
  background-color: #bac4cb;
}
.lecture-timeline-content .lecture-date {
	font-family: 'P-Bold', sans-serif;
    font-size: 18px;
	font-size: 1.8rem;
	color: #000;	
	float: left;	
}
.lecture-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
	.lecture-timeline-content {   
    padding: 1.6em 1.6em 1.6em 10.0em;   
  }
  .lecture-photo {
	width: 120px;
	height: 120px;	
  }
  .lecture-timeline-content h2 {
    font-size: 20px;
    font-size: 2.0rem;
  }
  .lecture-timeline-content p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lecture-timeline-content .lecture-read-more, .lecture-timeline-content .lecture-date {
    font-size: 25px;
    font-size: 2.5rem;
	padding: 0.5em 0;
  }
  
}
@media only screen and (min-width: 1170px) {
  .lecture-timeline-content {
    margin-left: 0;
    padding: 1.6em 1.6em 1.6em 10.2em;
    width: 45%;
  }
 
  .lecture-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .lecture-timeline-content .lecture-read-more {
    float: left;
  }
  .lecture-timeline-content .lecture-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: -10px;
    font-size: 30px;
    font-size: 3.0rem;
  }
  .lecture-timeline-block:nth-child(even) .lecture-timeline-content {
    float: right;
  }
  .lecture-timeline-block:nth-child(even) .lecture-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .lecture-timeline-block:nth-child(even) .lecture-timeline-content .lecture-read-more {
    float: right;
  }
  .lecture-timeline-block:nth-child(even) .lecture-timeline-content .lecture-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .lecture-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .lecture-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: lecture-bounce-2 0.6s;
    -moz-animation: lecture-bounce-2 0.6s;
    animation: lecture-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .lecture-timeline-block:nth-child(even) .lecture-timeline-content.bounce-in {
    -webkit-animation: lecture-bounce-2-inverse 0.6s;
    -moz-animation: lecture-bounce-2-inverse 0.6s;
    animation: lecture-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes lecture-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes lecture-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes lecture-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes lecture-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes lecture-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes lecture-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

Волантеры

-------------------------------- */

.vv-info {
	display:flex;	
	text-align:center;
	padding:0;
	align-items: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
}	
.vv-scheme {
	vertical-align:top;
	display:inline-block;
	width:100%;	
	margin:20px 0 0 0;
	background:#F04941;
	background-size: 100% 100%;
	background-size: cover;
}


/* -------------------------------- 

Новости

-------------------------------- */
.news_content{
	max-width: 1220px;
	margin: 80px auto 30px auto;
	position:relative;
	display:flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: space-around;
}
}
.news_content p{
	padding:30px 0;	
}
.vk-post {
	width:45%;
	max-height: 300px;
	overflow:hidden;
    border: 2px solid #39577D;
    padding: 20px;
    margin: 10px;  
    background-color: #fff;
    transition: background-color 0.3s;
	-webkit-box-shadow: 8px 8px 0px rgba(1, 84, 216, 0.9);
    -moz-box-shadow: 8px 8px 0px rgba(1, 84, 216, 0.9);
    box-shadow: 8px 8px 0px rgba(1, 84, 216, 0.9);
}
.vk-post:hover {
    background-color: #f5f5f5;
}
.vk-post p {
    font: normal 16px "P-Regular";
	line-height:1.5em;
    color:#767575;
    max-height: 6.0em; /* 3 строки, учитывая размер шрифта и межстрочное расстояние */
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.vk-post img {
    max-width:300px; 
	max-height: 250px;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}
.vk-post img:hover {
    transform: scale(1.05);
}
.vk-post a {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    color: #fff;
    background-color: #4a76a8;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.vk-post a:hover {
    background-color: #3b5c8a;
}





.voprosy-caption{  
	display: block;
	position:absolute;	
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	-pie-box-shadow: 6px 6px 8px #7F7F7F;
	box-shadow: 6px 6px 8px rgba(0,0,0,0.5);
	text-align: center;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.8);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #383D40;
	opacity: 1;
	-webkit-transition: opacity 0.3s, background-color 0.3s;
	-moz-transition: opacity 0.3s, background-color 0.3s;
	transition: opacity 0.3s, background-color 0.3s;
	padding:40% 0;  
	font-family: 'P-Bold' , sans-serif;
}
.voprosy-content{
	display: block;
	position:relative;
	bottom: 0;
	left: 0;
	background:#fff;
	border-style: solid;
	border-width: 0 0 3px 0;
	border-color:transparent;
	padding:5px 10px;
	text-align:left;	
	
}	

.voprosy-content h4{
	display: block;
	padding:5px 10px;
	font-family: 'P-Bold', sans-serif;
	font-size: 30px;
	line-height: 32px;
	text-align:left;
	color:#324D6B;	
}	

.voprosy-content p{
	display: block;
	padding:5px 10px;
	font-family: 'P-Regular', sans-serif;
	font-size: 20px;
	line-height: 22px;
	text-align:left;	
}	

.voprosy-content.active {
	position:absolute;
	top:0;
}

@media only screen and (min-width: 1024px) {
	
	.voprosy-caption{
		display: none;
		height: 0;
	}
	.voprosy-content, .voprosy-content h4, .voprosy-content p {
		display: none;
		height: 0;
	}
	.voprosy-content.active {
		display: none;
		height: 0;
	}	
	
}
@media only screen and (max-width: 600px) {
	.order-form-red {
		display:none;
	}
	.order-all p {		
		font-size: 3.5rem;
		line-height: 4.0rem;		
	}
}
@media only screen and (max-width: 420px) {
	.voprosy-content p {		
		font-size: 16px;
		line-height: 18px;			
	}
	.vk-post {
		width: 90%;		
	}
	.vk-post:nth-child(3) {
		display:none;	
	}
	.vk-post:last-child {
		display:none;	
	}
	.vk-post img {
		max-width:150px;			
	}
	.news_content {
		margin-top: 10px;
	}	
	.lecture-timeline-content small {
		display:none;
	  }	
	.lecture-photo{
		bottom: -20px;
		right: 5px;
		left: auto;
		top: auto;
	}
	.lecture-timeline-content {
	    padding: 1em;
	}
		
}


/* -------------------------------- 

Карта

-------------------------------- */


#map {
    width:85%;
    height:650px;
   	position:relative;
	text-align:center;
	margin:0 auto;	
}
[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}
.map {
    width:90%;
    height:650px;
   	position:relative;
	text-align:center;
	margin:0 auto;	
	padding-top:30px;
}
.map-big {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}
.map-small{
	display:none;
	max-width:100%;
	height:auto;
	margin:0 auto;
}
/* Карта: секция растёт под картинку, ничего не обрезается по высоте */
.cd-section:nth-of-type(9){
	height:auto !important;
	max-height:none !important;
	padding-bottom:40px;
}
#section9 .map{
	height:auto;
}

@media only screen and (max-width: 768px) {
	 .cd-section:nth-of-type(9) { 
		height:900px;
		max-height: 1750px;
	 }
	 .map {
		width:95%;
	
		position:relative;
		text-align:center;
		margin:0 auto;	
	}
	.map-big {
		display:none;
	}
	.map-small {		
		display:block;		
	}
}
@media only screen and (max-width: 600px) {
	.cd-section:nth-of-type(9) { 
		height:1300px;
		
	 }
}
@media only screen and (max-width: 470px) {
	.cd-section:nth-of-type(9) { 
		height:1000px;
		
	 }
}
@media only screen and (max-width: 370px) {
	.cd-section:nth-of-type(9) { 
		height:800px;
		
	 }
}


/* -------------------------------- 

Контакты

-------------------------------- */


footer.ftr-all{
	position:relative;	
	margin: 0 auto;
	max-width: 1200px;
	border-style: solid;
    border-width: 4px 0 0 0;
    border-color: #394C4B;
}
footer ul.ftr-nav{
	margin:40px 0 0 0;	
}
footer ul.ftr-nav li{
	display: block;
	font-family: 'P-Regular', sans-serif;
	font-size: 20px;
	line-height: 32px;
	color:#1f153b;		
}
footer ul.ftr-nav li.ftr-adr{
	display: block;
	margin:20px 0 0 0;
	font-family: 'P-Regular', sans-serif;
	font-size: 20px;
	line-height: 24px;
}
footer .col{
	display: flex;
	flex-direction: column;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

footer .ftr-all-nav {	
	display: flex;	
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: space-around;
}
footer .ftr-all-nav span {
	font-family: 'Play', sans-serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #383D40;
}
footer .ftr-all-img{
	width:170px;	
}
footer .ftr-all-nav .col div{
	padding: 20px 0 0 0;			
}
footer .ftr-all-nav{	
	padding: 20px 0 40px 0;
	border-style: solid ;
	border-width: 0 0 3px 0;
	border-color:#D3D3D3;	
}
.contact_direction {
    width:95%;
    color:white;   
    margin: 0 auto;
	position:relative;	
	z-index:1;
}
.form_grey_bg{
     width:100%;
}
.snipet {    
    width:100%;
	padding:20px 0;
}
a.instagram {    
    display: inline-block;
    width:50px;
    height:50px;
    background:url('../img/instagram.png') center top no-repeat;
	-webkit-transition: all 0.15s ease-in-out ;
	-moz-transition:  all 0.15s ease-in-out;
	-o-transition:  all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
 } 
a.vk { 
    display: inline-block;
    width:50px;
    height:50px;
    background:url('../img/vk.png') center top no-repeat;
	-webkit-transition: all 0.15s ease-in-out ;
	-moz-transition:  all 0.15s ease-in-out;
	-o-transition:  all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
 } 
a.map {
    display: inline-block;
    width:50px;
    height:50px;    
    background:url('../img/map.png') center top no-repeat;
	-webkit-transition: all 0.15s ease-in-out ;
	-moz-transition:  all 0.15s ease-in-out;
	-o-transition:  all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
} 
a.tg {
    display: inline-block;
    width:50px;
    height:50px;    
    background:url('../img/telega.png') center top no-repeat;
	-webkit-transition: all 0.15s ease-in-out ;
	-moz-transition:  all 0.15s ease-in-out;
	-o-transition:  all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
} 
a.wa {
    display: inline-block;
    width:50px;
    height:50px;    
    background:url('../img/whatsapp.png') center top no-repeat;
	-webkit-transition: all 0.15s ease-in-out ;
	-moz-transition:  all 0.15s ease-in-out;
	-o-transition:  all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
} 
a.instagram:hover, a.vk:hover, a.map:hover{opacity:0.7;}

ul.social{
	display: flex;
    font-size: 0;
    line-height: 0;
    text-align: center;  
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 5rem;
}
ul.social li{
	display: inline-block;
	margin: 2% 0 0 2%;
	
}

ul.social li a{
	display: block;	
	width: 200px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	text-decoration: none;	
}

ul.social li:nth-child(1) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-20.png);
}
ul.social li:nth-child(2) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-22.png);
}
ul.social li:nth-child(3) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-6.png);
}
ul.social li:nth-child(4) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-19.png);	
}
ul.social li:nth-child(5) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-7.png);	
}
ul.social li:nth-child(6) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-3.png);	
}
ul.social li:nth-child(7) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-9.png);	
}
ul.social li:nth-child(8) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-21.png);	
}
ul.social li:nth-child(9) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-17.png);	
}
ul.social li:nth-child(10) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-16.png);	
}
ul.social li:nth-child(11) a{
	width: 110px;
	height: 110px;
	background-image: url(../img/sponsor-15.png);	
}



ul.social li a:hover{
	text-decoration: none;
	opacity: 0.8;
}
@media screen and (max-width: 960px){
	footer .ftr-all-nav {
		padding-bottom:80px;
		align-items: flex-start;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: flex-end;
	}
	footer .ftr-all-nav .col{
		width:100%;		
	}		
	footer .ftr-all-nav .col:first-child {
		padding: 0;		
		position:absolute;
		bottom:20px;
	}
	footer .ftr-all-nav .col:last-child {		 
		margin: 5px 0 0 0;
		padding: 20px 0;	
	}
	footer .ftr-all-nav .col img {		 
		display: none;		
	}
	footer .ftr-all-nav .col div{
		padding: 0;			
	}
	footer ul.ftr-nav{
		margin-top: 20px;
	}
	footer .ftr-all-nav .col div{
		
	}
}

@media screen and (max-width: 600px){
	footer ul.ftr-nav li{	
		font-size: 20px;
		line-height: 25px;			
	}
	footer ul.ftr-nav li.ftr-adr{		
		font-size: 16px;
		line-height: 20px;
	}

	.cd-section:nth-of-type(4) h1:before {
		background: url(../img/ss-ico-1.png) no-repeat;
		left:10%;
	}

	footer .ftr-all-nav {
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
	 }
	 footer .ftr-all-nav .col{
		width:100%;	
		text-align:center;		
	}	
	footer .ftr-all-nav .col:first-child {
		padding: 0;		
		position:relative;
		top:10px;
	}
}


/* -------------------------------- 

Партнеры

-------------------------------- */
.pt-section {
	position: relative;
	padding: 0 0 3em 0;
	overflow-x: hidden;
}
.pt-white{
	  background: #FFFFFF; /* Для старых браузеров - без градиента */
	  background: -moz-linear-gradient(top,  #FFFFFF 0%, #e7effb 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e7effb)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top,  #FFFFFF 0%,#e7effb 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top,  #FFFFFF 0%,#e7effb 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top,  #FFFFFF 0%,#e7effb 100%); /* IE10+ */
	  background: linear-gradient(90deg,  #FFFFFF 0%,#e7effb 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e7effb',GradientType=0 ); /* IE6-9 */
}
.pt-blue {
	background: #fff;
}

.pt-blue h3.pt-slogan  {
	text-align: center;
}
.pt-info {
    width:100%;	
	display:flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
	text-align:center;
	position:relative;
}	
.pt-guests{
	position:relative;
	padding:0px 0;	
    background: #fff;
	background: url(../img/menu-fon.png) no-repeat;
	display:flex;
	width:100%;	
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}	
h2.pt-text {	
	font-family: "Play", sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0.4em 0 0 0.4em;
	text-align:left;
}
.pt-txt {
	position:relative;
	margin: 0.3em 0;	
	padding: 1em 1em 1em 1em;
	text-align:left;
}
.pt-txt em, .pt-txt p  {		
	padding: 0 0 0.2em 0.2em;
	font-family: "Play", sans-serif;
	font-style: normal;	
	line-height: 1.3em;
}
.pt-txt p  {	
	font-size: 20px;
	font-weight: 400;	
}
.pt-txt em  {	
	font-size: 28px;
	font-weight: 700;
	background: -webkit-linear-gradient(#383c3b, #383c3b);
	background: linear-gradient(180deg, #383c3b 0%, #383c3b 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.pt-txt span  {	
	font-size: 17px;
	font-weight: 700;
	color:#383D40;	
}
h3.pt-slogan {
  	color: #383D40;
	font-family: "Play", sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0.5em auto 0.5em auto;	
}
.pt-soc {
	position:absolute;	
	bottom:-10px;
	right:25px;
    padding: 20px 0;  
}
.logo_sub {	
	display: inline-block;       		
}
.logo_sub img {
	display:block;
	float:right;
	width: 100%;
	max-height: 80%;
	right:5px;
	
}
.pt-info .cd-pricing-footer {
	background: #eff4fc!important;
	box-shadow: none;	
}
@media screen and (max-width: 960px){
	.pt-txt {
		position:relative;
		margin: 0.3em 3.3em 0 0;		
	}
	.pt-txt p, .pt-txt span  {		
		font-size: 1.1em;
	}
	.pt-txt em  {		
		font-size: 1.4em;
	}
	h2.pt-text {	
		font-size: 1.6em;
	}
	h3.pt-slogan {
		padding: 0 10px; 
		font-size: 1.6em;
	}
	.vv-info {
		display: flex;
		flex-direction: column-reverse;
		padding: 0 15px; 
	}
	.ss-descr {
		margin:0;
	}
	img.ss-scheme-img {
		display: block;
		padding: 0px;
		width: 50%;
		margin:0 auto;
	}
}
@media screen and (max-width: 770px){
	
	.order-form-box {
		display: flex;	
		flex-direction: column;
		align-content: space-around;
		justify-content: space-evenly;
		align-items: center;
	}
	.pt-info .order-form-txt{
		display: flex;	
	}
}

@media screen and (max-width: 600px){
	.pt-txt em, .pt-txt p  {		
		font-size: 1.0em;
	}
	h3.pt-slogan {
		padding: 0 10px; 
		font-size: 1.4em;
	}
	.pt-txt{
		margin:0;
		width: 100%;
	}
	.pt-guests {
		flex-direction: column-reverse;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-content: center;
		align-items: center;
	}
	.pt-info .cd-pricing-footer a {
		font-size: 1.1em!important;
	}
}

/* -------------------------------- 

Волантеры

-------------------------------- */


.vv-text {
    text-align:left;
	vertical-align:top;
	display:block;
	width:100%;
}
.vv-text p, .vv-text span {
	display:block;
	color:#000;
	font-family: 'Play' , sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.2;
	padding:15px 0;
	
}
.vv-text div {
	display:flex;
	height: 100%;
	width:100%;	
}
 .vv-text span{
	width:25%;
	padding:15px;
	margin:0 5px;
	background-color: rgba(167, 230, 0, 1);
 }	 
.vv_button {
	position:relative;
	text-align:left;
	margin:30px auto;
	padding:5px 20px;	
}
.vv-scheme {	
	display:flex;
	width:100%;	
	margin:20px 0 0 0;
}
img.vv-scheme-img {
	display:block;
	padding:0px;
	position:relative;
	max-width:93%;
	background-color: #B4E4FF;
	-webkit-box-shadow: 9px 0px 0px #B4E4FF;
	-moz-box-shadow: 9px 0px 0px #B4E4FF;
	box-shadow: 9px 0px 0px #B4E4FF;
}

.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left, #F04941);
  background-image: linear-gradient(to right, #F04941);
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right, #F04941);
  background-image: linear-gradient(to left, #F04941);
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #F04941;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #B4E4FF;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 2.0rem;
  padding-bottom: 15px;
  color: #fff;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #F04941;
  background-color: #F04941;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #B4E4FF;
  border-color: #B4E4FF;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #B4E4FF;
  border-color: #B4E4FF;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #B4E4FF;
}


@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}
@media only screen and (max-width: 640px) {

  .vv-scheme div:nth-child(2n){
	  display:none;
	}
	
	.vv-text div {		
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.vv-text span {
		width: 90%;
	}
	 h2.pt-text {
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 360px) {

  .vv-scheme div:nth-child(2),
  .vv-scheme div:nth-child(3),
  .vv-scheme div:nth-child(4) {
	  display:none;
	}
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px;
  width: 50px;
 
  border: 2px solid #F04941;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 100px;
  width: 30px;
  left: 60%;
  top: 75%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #F04941;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
 
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 1220px;
  padding:0 20px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h4 { 
  font-size: 2.6rem;
  font-family: "Play", serif;
  font-weight: 700;
  line-height: 1.2;
  color:#fff;
}
.cd-horizontal-timeline .events-content em {	
  display: block;
  font-family: "Play", serif;
  font-weight: 400;
 
  font-style: normal!important;
  margin: 10px auto;
    color:#fff;
}
.cd-horizontal-timeline .events-content em::before {
  content: '';
}
.cd-horizontal-timeline .events-content em p {
	display: inline-block;
	font-size: 1.7rem;
	font-style: italic;
	color:#fff;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.1;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h4 {
    font-size: 3rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 1.6rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}