html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
audio,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent
}
article,
aside,
dialog,
figure,
header,
hgroup,
nav,
section,
blockquote {
	display: block
}
footer
{
	display: none;
}
ol {
	list-style: decimal;
	padding-bottom: 20px
}
ul {
	list-style: disc;
	padding-bottom: 20px
}
ul ul,
ul ol {
	list-style: circle;
	padding-top: 20px
}
nav ul {
	list-style: none;
	padding: 0
}
nav li {
	margin: 0
}
blockquote,
q {
	quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}
a
{
	text-decoration: none;
}
ins {
	text-decoration: underline
}
del {
	text-decoration: line-through
}
mark {
	background: none
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input,
select,
a img {
	vertical-align: middle
}
html,
body {
	height: 100%;
	min-height: 100%;
	width: 100%
}
html {
	font-family: GothamProRegular, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.571
}




body
{
	background-color: #F7F7F7;
}




@font-face {
	font-family: 'GothamProBlack';
	src: url("fonts/ttfirs-bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}


@font-face {
	font-family: 'GothamProRegular';
	src:  url("fonts/ttfirs-regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'GothamProMedium';
	src:  url("fonts/ttfirs-medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

header {
	margin: 0 auto;
	padding-top: 13px;
	width: 100%;

	height: 47px
}
header .logo {
	position: absolute;
	left: 13px;
	margin: 0;
	width: 187px;
	height: 46px;
	background: url(/img/logo.png) no-repeat left top;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain
}
header .logo a {
	display: block;
	height: 100%
}
header .logo span {
	display: none
}
.row-register {
	display: block;
	position: relative;
	margin-bottom: 15px;
}
.row-register-required input[type="text"],
.row-register-required input[type="checkbox"],
.row-register-required input[type="tel"],
.row-register-required input[type="email"] {
	border-color: #f45a57;
}
.row-register-required  {
	color: #c63e34;
}
.row-register-required .label-checkbox
{
	color: #c63e34;
}
.some-form__hint {
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -6px;
	padding: 0 12px;
	width: 100%;
	background: #f45a57;
	color: #fff;
	font-size: 12px;
	line-height: 1.333333;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.row-register-required .some-form__hint_checkbox {
	opacity: 1;
	z-index: auto;
}
.some-form__hint_checkbox {
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 0px;
	padding: 0 12px;
	width: 100%;
	background: #f45a57;
	color: #fff;
	font-size: 12px;
	line-height: 1.333333;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#cpn-head-register {
	position: absolute;
	right: 13px
}
#page-ru #cpn-head-register {
	position: absolute;
	right: 12px
}
.nice-button,
.wide-button {
	display: inline-block;
	vertical-align: top;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 1%;
	padding: 0 28px;
	height: 46px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 3.83333;

	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #000;

}

#cpn-plashki
{
	display: none;
}
.nice-button
{

	font-family: 'GothamProRegular';
	background: #c63e34;
	font-size: 1.45rem;
	line-height: 3.3;
	height: 46px;
	cursor: pointer;
	font-family: 'GothamProRegular';

}
.nice-button:first-child
{
	margin-right: 1%;
}

.wide-button {
	font-family: 'GothamProRegular';
	padding: 0;
	width: 100%;
	height: 60px;
	font-size: 26px;
	font-size: 2.2rem;
	line-height: 2.84;
	background: #000;
	letter-spacing: 2.4px;
	cursor: pointer;

}
.red
{
	color: #c63e34;
}

.redbg, .rredbg
{
	background-color: #c63e34;
}
.white
{
	color: #FFF;
}
.grey
{
	color: #7F7F7F;
}


header
{
	position: relative;
	z-index: 1;
}
#cpn-top
{
	background-color: #f7f7f7;
	margin-top: -70px;
	position: relative;
	overflow: hidden;
	
}
#cpn-top .wrapper
{

	max-width: 1115px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	
}
#cpn-top .nice-button
{
	height: 2.5rem;
	line-height: 2.23333;
	font-family: 'GothamProRegular';
}

#cpn-top img
{
	width: 100%;
}
#cpn-top .left
{
	float: left;
	width: 60%;
}
#cpn-top .right
{
	float: right;
	width: 40%;
	text-align: right;
	margin-top: 1.5rem;
}

.left-half, .right-half
{
	width: 45%;
	float: left;
}

.left-half
{
	margin-right: 5%;
}
button
{
	border: 0;
}
button:hover
{
	cursor:pointer;
}
#cpn-pay .right-half
{
	margin-top: 4%;
}
.right-half
{
	text-align: center;
	margin-left: 5%;
}

.first
{
	width: 100%;
	overflow: hidden;

}
.five
{
	font-family: 'GothamProBlack';
	font-size: 10rem;
	float: left;
	line-height: 1;
	margin-right: 1%;
}
.five-description
{
	float: left;
	font-size: 1.9rem;
	line-height: 1.5;
	margin-top: 1.2rem;
	font-family: GothamProRegular;
	text-transform: uppercase;
}

.title
{
	overflow: hidden;
	width: 100%;
}
.title p
{
	font-family: 'GothamProMedium';
	font-size: 1.45rem;
	padding-bottom: 12px;
	text-align: left;
}
p.date-time 
{
	padding-bottom: 16px;
}
.title img
{
	width: 2.2%;
}
.title img:first-child
{
	margin-right: 0.25%;
}

.title img:second-child
{
	margin: 0 auto;
}

#cpn-top .right-half 
{
	line-height: 0;
}
.right-half img
{
	width: 77%;
	margin-top: -15%;
}

#cpn-button
{
	display: none;
}
#cpn-lowland
{	
	background-color: #000;	
	position: relative;
	color: #FFF;

}

#cpn-lowland .wrapper
{
	margin: 0 auto;

	padding: 50px 0;
	width: 1115px;

}

#cpn-lowland .first
{
	margin-bottom: 0;
}


h1
{
	font-family: 'GothamProBlack';
	line-height: 1.1;
	font-size: 3.25rem;
	text-align: left;
	margin-bottom: 12px;
}

h3
{
	font-size: 2.3rem;
	font-family: GothamProBlack;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 3%;
}
.thankyou-modal h3,
.register-modal h3
{
	text-align: center;
}
#cpn-lowland p,
#cpn-lowland ul,
#cpn-programm-description ul
{
	font-family: 'GothamProRegular';
	font-size: 1.4rem;
	text-align: left;
	padding-bottom: 11px;
}
#cpn-lowland ul li
{
	list-style-type: none; /* Прячем исходные маркеры */
}
#cpn-lowland li:before
{
	color: #c63e34;
	content: "■"; 
	padding-right: 1%;

}


#cpn-programm-description ul li
{	
	list-style-image: url(/files/image/new/p5-bullet.png);

}


#cpn-pay
{
	background-color: #FFFFFF;
}
#cpn-contact
{
	background-color: #000;
	color: #FFF;
}

#cpn-pay .wrapper
{
	max-width: 1115px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}
#cpn-pay h3
{
	margin-bottom: 8%;
}
.first-line-image a:first-child
{
	margin-left: 0;
}
.first-line-image a
{
	margin-left: 5.6%;
}
.first-line-image img {
	width: 15%;

}
.second-line-image a:first-child
{
	margin-left: 0;
}
.second-line-image a
{

	margin-left: 4.4%;
}
.second-line-image img
{
	width: 30%;
}
#cpn-contact
{
	position: relative;
	padding: 35px 0 25px;
}
#cpn-contact .wrapper
{
	margin: 0 13px;
	font-family: 'GothamProBlack';
	font-size:	1.5rem;
	overflow: hidden;
}


.contact-bottom .left
{
	width: 75%;
	float: left;
}

.contact-bottom .right
{

	width: 25%;
	float: left;
	text-align: right;
}

#cpn-contact a
{
	color: #fff;
	text-decoration: none;
}
#cpn-contact a:hover {
	color: #fff;
	text-decoration: none
}

.mobile
{
	display: none;
}
#cpn-programm
{
	background-color: #FFF;
	color: #000;
}
.programm-wrapper
{
	max-width: 1115px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0;
}

.lessons
{
	max-width: 1115px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}
.list-theme
{
	display: inline-block;
}
.top
{
	overflow: hidden;
}
.bottom
{
	margin-top: -20px;
	overflow: hidden;
	margin-left: 30%;
}
.bottom ul
{
	margin-left: 2%;
	width: 46%;
	float: left;
}
.bottom ul:last-child
{
	margin-left: 5%;
}
.title-plashka
{
	width: 100%;
	overflow: hidden;
}
.plashka
{
	font-size: 1.45rem;
	line-height: 2.23333;
	font-family: 'GothamProRegular';

	width: 19.5%;
	margin-left: 0.25%;
	margin-right: 0.25%;
	float: left;
	text-align: center;
}

.plashka:first-child
{
	margin-left: 0;
}
.plashka:last-child
{
	margin-right: 0;
}
.plashka-name
{
	background-color: #000;
	cursor: pointer;
	color: #FFF;
}
.plashka-name.active
{
	background-color: #c63e34;
	color: #FFF;
}
#cpn-programm-description
{
	background: #000;
	color: #FFF;
}
.lessons-number
{
	width: 13%;
	float: left;
	margin-top: 3%;
}
.lessons-date,
.lessons-time
{
	color: #808080;
	display: none;
}
.title-lesson h3
{
	margin-top: 3%;
	font-family: GothamProRegular;
	font-weight: 100;
}
.photo
{
	width: 17%;
	float: left;
	text-align: center;
}
.teacher-photo
{
	width: 60%;
}
.lesson-description
{
	display: none;
}

.lesson-description.active
{
	display: block;
}
#cpn-FAQ
{
	background-color: #000;
	color: #FFF;
	font-size: 1.45rem;
	font-family: 'GothamProRegular';
	overflow: hidden;
	padding-bottom: 25px;

}
#cpn-FAQ .wrapper
{

	
	padding: 50px 0;
}
.faq-block
{
	margin: 0 auto;
	max-width: 1115px;
}
.title-block
{
	width: 30%;
	float: left;
}
.questions
{
	margin-top: 0.6%;
	width: 70%;
	float: left;
}
.answer
{
	color: #808080;
	display: none;
	font-weight: bold;
}
.question
{
	float: left;
	width: 100%;
	padding-bottom: 25px;
}
.question.active
{

}
.button-answer
{
	float: right;
	width: 25px;
	height: 25px;
	background: url("/files/image/new/plus.png");
	background-size: cover;
}
.question.active .button-answer
{
	background: url("/files/image/new/minus.png");
	background-size: cover;
}

.closed .plus {
	transition: all 0.5s ease-in-out;
	transform: rotate(-90deg);
}
.closed 	.minus {
	transition: all 0.5s ease-in-out;
	transform: rotate(-90deg);
	opacity: 1;
}




.opened 	.plus {
	opacity: 1;
	transition: all 0.5s ease-in-out;
	transform: rotate(90deg);
}
.opened 	.minus {
	opacity: 1;
	transition: all 0.5s ease-in-out;
	transform: rotate(90deg);
	opacity: 0;
	
}

.circle-plus {

	font-size: 1em;
	opacity: .7;
	float: right;
}

.circle-plus .circle {
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	border: solid 2px #808080;
}
.circle-plus .circle .minus {
	position: absolute;
	background-color: #808080;
	width: 11px;
	height: 2px;
	left: 50%;
	margin-left: -5px;
	top: 50%;
	margin-top: -2.5px;
}
.circle-plus .circle .plus {
	position: absolute;
	background-color: #808080;
	width: 2px;
	height: 10px;
	left: 50%;
	margin-left: -0.5px;
	top: 50%;
	margin-top: -6px;
}
#cpn-section-photo p{
	margin: 0;
	font-size: 0;
}
#cpn-section-photo .block
{
	width: 20%;
	float: left;
	line-height: 0;
}
#cpn-section-photo
{
	overflow: hidden;
}
#cpn-section-photo .block img
{
	width: 100%;
	height: auto;    
	filter: grayscale(100%);
}

#cpn-section-photo .block img:hover
{
	filter: grayscale(0%);
}
#cpn-copyright {
	position: relative;
	padding: 25px 0;
	color: #999;
	font-size: 5px;
	font-size: 0.5rem;
	text-transform: uppercase;
}
#cpn-copyright .div-left, #cpn-copyright .div-left a, #cpn-copyright .div-right, #cpn-copyright .div-right a {
	color: #999;
	font-size: 5px;
	font-size: 0.5rem;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
}
#cpn-copyright .div-left {
	transform: rotate(-90deg);
	transform-origin: left;
	margin: 0px 0 0 20px;
}
.div-left {
	float: left;
}
#cpn-copyright .div-left, #cpn-copyright .div-left a, #cpn-copyright .div-right, #cpn-copyright .div-right a {
	color: #999;
	font-size: 5px;
	font-size: 0.5rem;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
}
#cpn-copyright .div-right {
	transform: rotate(90deg);
	transform-origin: right;
	margin: 0px 20px 0 0;
}
.div-right {
	float: right;
}

.thankyou-modal
{

	margin: 0 auto;
	padding: 3% 0 2%;
	background: #000;
	color: #FFF;
}
.register-modal
{

	margin: 0 auto;
	padding: 3% 0 2%;
	background: #000;
	color: #FFF;
}
.thankyou-modal .wrapper
{
	padding: 50px 0;
	max-width: 700px;
	background-color: #000;
	margin: 0 auto;
	text-align: center;
}
.register-modal .wrapper
{
	padding: 25px 0;
	max-width: 700px;
	background-color: #000;
	margin: 0 auto;
}
.text-pay
{
	margin-top: 2%;
	margin-bottom: 2%;
	font-size: 1.45rem;
}
.check
{
	margin-bottom: 3%;
}
.check img
{
	width: 3%;
}
.button-pay .nice-button
{
	margin-left: 0;
	margin-right: 0;
	width: 30.5%;
	padding: 0;
}
.title h3
{
	margin-bottom: 0;
}
.button-register
{
	margin-top: 3%;
	text-align: center;
}
.method-pay-image.mybrand img
{
	width: 20%;
	margin: 0;
}

.method-pay-image img
{
	width: 7%;
	margin-left: 1%;
	margin-right: 1%;
}
.method-pay-image img:first-child
{
	margin-left: 0;
	margin-right: 1%;
}
.method-pay-image img:last-child
{
	margin-right: 0%;
	margin-left: 1%;
}

.row-register
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
label
{
	font-size: 1.25rem;
	color: #808080;
	float: left;

	width: 35%;

}
input {
	font-size: 14px;

	display: block;
	width: 64%;
	border: none;
	border-bottom: 1px solid #808080;
	background-color: #000;
	color: #FFF;
	float: left;
	text-align: center;
}
input:focus {
	outline: none;
}
input.checkbox
{
	width: auto;
}

#trigger {
	display: none;
}
.checker {
	background-image: url(/files/image/new/checkbox1.png);
	background-position: left center;
	background-size: auto 100%;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
#trigger:checked + .checker {
	background-position: right center;
}
#trigger1 {
	display: none;
}
.checker {
	background-image: url(/files/image/new/checkbox1.png);
	background-position: left center;
	background-size: auto 100%;
	width: 20px;
	height: 20px;
	margin-top: -6px;
	background-repeat: no-repeat;
}
#trigger1:checked + .checker {
	background-position: right center;
}
#text {

	text-align: center;
	width:100%;
	overflow:hidden;
	resize:none;
	line-height:32px;
	padding-bottom:34px;
	background-color: #000;
	background-image:url('/files/image/new/linetextarea.png');
	background-repeat:repeat-y, repeat;
	border: none;
	color: #FFF;
}
.label-area
{
	float: none;
}
.label-checkbox
{
	width: 94%;
}
textarea
{
	font: 1.45rem 'GothamProRegular' ;
	float: none;
	outline: none;
}

#cpn-video-block
{
	height: 80%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.bgvideo
{
	bottom: 0;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	right: 0;

}
/* The Modal (background) */
.register-modal{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2147483650; /* Sit on top */
	padding-top: 0%; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(255,255,255,0.4); /* Black w/ opacity */
}
.thankyou-modal{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2147483650; /* Sit on top */
	padding-top: 5%; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(255,255,255,0.4); /* Black w/ opacity */
}

/* Modal Content */
.block-register {
	background-color: #000;
	margin: auto;
	padding: 20px;

	width: 65%;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}





@media screen and (max-width: 1366px)
{
	
	.thankyou-modal
	{
		padding-top: 8%;
	}

}
@media screen and (max-width: 1115px)
{	
	.programm-wrapper,
	.lessons,
	#cpn-lowland .wrapper
	{
		max-width: 96%;
		margin: 0 auto;
	}
	#cpn-copyright .wrapper
	{
		max-width: 96%;
		margin: 0 auto;
	}
	#cpn-copyright .div-left, #cpn-copyright .div-right
	{
		transform: none;
		margin: 0;
	}
	#cpn-lowland .wrapper
	{
		margin: 0 auto;
		width: 100%;
	}
	#cpn-top .wrapper,
	
	#cpn-pay .wrapper,
	#cpn-programm .wrapper,
	#cpn-FAQ .wrapper,
	#cpn-contact .wrapper
	{
		max-width: 96%;
		width: 96%;
		margin: 0 auto;
	}
	
	#cpn-top .left
	{
		width: 55%;
	}
	#cpn-top .right
	{
		width: 45%;
	}
	.five
	{
		font-size: 8rem;
	}
	.five-description
	{
		font-size: 1.7rem;
		margin-top: 0.9rem;
	}
	#cpn-top .nice-button
	{
		padding: 0 7px;
	}
	h1
	{
		font-size: 3.05rem;
	}
	
}
@media screen and (max-width: 1024px)
{
	
	h1
	{
		font-size: 2.75rem;
	}
	h3
	{
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 960px)
{
	h1
	{
		font-size: 2.55rem;
	}
	h3
	{
		font-size: 2rem;
	}
	.title p
	{
		font-size: 1.35rem;
	}
	#cpn-lowland p, #cpn-lowland ul, #cpn-programm-description ul
	{
		font-size: 1.25rem;
	}
	#cpn-top .nice-button
	{
		font-size: 1rem;
		line-height: 2.53;
	}
}

@media screen and (max-width: 900px)
{
	.five 
	{
		font-size: 6rem;
	}
	.five-description 
	{
		font-size: 1.2rem;
		margin-top: 0.7rem;
	}
	h1 
	{
		font-size: 1.95rem;
	}
	h3 
	{
		font-size: 1.8rem;
		text-align: left;
	}
	.title p 
	{
		font-size: 1.15rem;
	}
	
	.right-half img 
	{
		width: 85%;
	}
	#cpn-top .right
	{
		margin: 0.8rem 0 0 0;
	}
}

@media screen and (max-width: 792px)
{
	.nice-button
	{
		height: 31px;
		line-height: 2.4;

	}
	.block-register
	{
		padding: 0;
		margin: 0 auto;
		width: 96%;
	}
	#cpn-button .nice-button, .wide-button
	{
		margin-bottom: 0;
	}
	.programm-wrapper, .lessons, #cpn-lowland .wrapper
	{
		max-width: 100%;
	}
	#cpn-lowland p, #cpn-lowland ul, #cpn-programm-description ul
	{
		font-size: 1.55rem;
	}
	#cpn-lowland .wrapper
	{
		max-width: 100%;
		width: 100%;
	}
	.title-plashka
	{
		padding-top: 3%;
	}
	.programm-wrapper
	{
		padding: 25px 0 25vh 0;
	}
	.lessons
	{
		padding: 25px 0;
	}
	h3
	{
		font-size: 1.3rem;
	}
	.lessons-date
	{
		color: #c63e34;
	}
	.bottom
	{
		margin-top: 0;
		margin-left: 5%;
	}
	#cpn-programm-description ul
	{
		padding-bottom: 0;
	}
	.bottom ul, .bottom ul:last-child
	{
		width: 94%;
		margin-left: 8%;
		padding-bottom: 0;
	}
	.title-lesson
	{
		overflow: hidden;
		width: 95%;
		margin-left: 5%;
	}

	.lessons-number
	{
		margin-top: 0;
		width: 74%;
		float: right;
	}
	.photo
	{
		width: 25%
	}
	#cpn-programm-description
	{
		background-color: #FFF;
		color: #000;
	}
	#cpn-programm-description .wrapper
	{
		overflow: hidden;
	}
	#cpn-programm
	{
		padding-left: 2%;
		background-color: #000;
		color: #FFF;
		width: 38%;
		float: left;
	}
	.lessons
	{
		width: 58%;
		float: left;
	}
	.title-block
	{
		width: 100%;
		text-align: center;
	}
	.plashka
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.title p
	{
		font-size: 1.25rem;
		margin-bottom: 1%;
	}
	.title img 
	{
		width: 1.3rem;
	}
	#cpn-contact br.mobile
	{
		display: none;
	}
	#cpn-contact .wrapper
	{
		font-size: 1.8rem;
	}
	#cpn-pay .wrapper
	
	{
		padding: 25px 0 0 0;
	}
	#cpn-lowland .wrapper
	{
		padding: 0;
	}
	#cpn-pay .left-half
	{
		padding-bottom: 25px;
	}
	#cpn-lowland p:last-child
	{
		padding-bottom: 0;
	}

	#cpn-plashki
	{
		display: block;
	}

	#cpn-button
	{
		display: block;
		position: relative;
		z-index: 2;
	}
	#cpn-button .wrapper
	{
		margin: 0;
	}
	#cpn-button a
	{
		width: 100%;

	}
	#cpn-top .wide-button
	{
		display: none;
	}
	h1
	{
		margin-bottom: 5%;
	}

	h3
	{
		font-size: 2.5rem;
	}
	.mobile
	{
		display: block;
	}
	.desktop
	{
		display: none;
	}
	#cpn-plashki
	{
		position: absolute;
		right: 34vw;
		top: 19px;
	}
	#cpn-plashki .nice-button
	{
		height: 21px;
		line-height: 1.83333;
	}
	.nice-button:first-child
	{
		margin: 0;
	}
	.nice-button:last-child
	{
		margin: 0;
	}

	#cpn-top .wrapper
	{
		max-width: 100%;
		width: 100%;
		margin-left: 0%;
		padding: 60px 0 0;
	}
	#cpn-top .right
	{
		display: none;
	}
	#cpn-top .left-half
	{
		width: 65%;
		margin: 0;
	}

	#cpn-top .right-half
	{
		position: relative;
		z-index: 1;
		text-align: right;
		width: 35%;
		margin: 0;
	}
	p.date-time 
	{
		padding-bottom: 20px;
		font-weight: bold;
		font-size: 1.8rem;
	}
	.right-half img
	{
		width: 140%;
		margin-top: -20%;
		left: 0;
		position: absolute;
	}
	#cpn-top .left
	{
		width: 100%;
	}
	.five
	{
		font-size: 15rem;
	}
	.five-description
	{
		font-size: 2.8rem;
		margin-top: 1.6rem;
		margin-left: 1.5%;
	}
	.reg-button
	{
		position: relative;
		z-index: 2;
	}
	#cpn-lowland .left-half
	{
		width: 96%;
		margin: 3% auto 3%;
		float: none;

	}
	#cpn-lowland .right-half
	{
		margin: 0 auto;
		padding: 3% 0 3% 2%;

		width: 100%;
		background-color: #FFF;
		color: #000;
	}
	#cpn-lowland .list-block,
	#cpn-lowland .price-block
	{
		width: 96%;
	}
	#cpn-pay .wrapper
	{
		max-width: 100%;
		width: 100%;	
	}
	#cpn-pay .left-half
	{
		width: 96%;
		margin: 0 2%;
	}
	#cpn-pay .right-half
	{
		width: 100%;
		margin: 0 auto;
	}
	.contact-bottom .left,
	.contact-bottom .right
	{
		width: 100%;
		text-align: center;
	}
	.first-line-image a
	{
		margin-left: 5.3%;
	}
	.second-line-image a
	{
		margin-left: 4.1%;
	}
	.questions
	{
		width: 100%;
	}
	.answer
	{
		width: 100%;
	}
	.answer span,
	.question span
	{
		width: 90%;
		display: block;
		float: left;
	}

}
@media screen and (max-width: 667px)
{
	.nice-button
	{
		line-height: 2.2;
	}
	#cpn-contact br.mobile
	{
		display: block;
	}
	#cpn-plashki
	{
		right: 2%;
	}
	header .logo
	{
		width: 160px;
	}
	#cpn-plashki
	{
		top: 17px;
	}
	h1
	{
		font-size: 1.8rem;
	}
	h3
	{
		font-size: 2.3rem;
	}
	.title img
	{
		width: 1.5rem;
	}

	.title p
	{
		font-size: 1.35rem;
	}
	p.date-time
	{
		font-size: 2rem;

	}
	.five
	{
		font-size: 10rem;
	}
	.five-description 
	{
		font-size: 2rem;
		margin-top: 1.1rem;
		line-height: 1.35;
	}
	#cpn-contact .wrapper
	{
		font-size: 2.4rem;
	}

}
@media screen and (max-width: 580px)
{
	.right-half img
	{
		margin-top: -10%;
	}
	.title p
	{
		font-size: 1.15rem;
	}
	.title img 
	{
		width: 1.3rem;
	}
	p.date-time 
	{
		font-size: 1.8rem;
	}
	h1
	{
		font-size: 1.6rem;
	}
	h3
	{
		font-size: 1.6rem;
	}
	#cpn-contact .wrapper
	{
		font-size: 2.3rem;
	}

}
@media screen and (max-width: 500px)
{
	.title img {
		width: 1rem;
	}
	h1
	{
		font-size: 1.25rem;
	}
	h3
	{
		font-size: 1.5rem;
	}
	.title p
	{
		font-size: 0.95rem;
	}
	p.date-time
	{
		font-size: 1.4rem;
	}
	.right-half img
	{
		width: 160%;
	}
	#cpn-contact .wrapper
	{
		font-size: 1.9rem;
	}
}
@media screen and (max-width: 400px)
{
	#cpn-lowland p, #cpn-lowland ul, #cpn-programm-description ul
	{
		font-size: 1rem;
	}
	.title img 
	{
		width: 1rem;
	}
	#cpn-contact .wrapper
	{
		font-size: 1.8rem;
	}
	header .logo 
	{
		width: 130px;
	}
	#cpn-plashki
	{
		top: 14px;
		right: 2%;
	}	
	h1
	{
		font-size: 1.15rem;
	}
	h3
	{
		font-size: 1.3rem;
	}
	#cpn-top
	{
		margin-top: -40px;
		position: relative;
	}
	#cpn-top .wrapper
	{
		max-width: 96%;
		margin: 0 auto;
		overflow: hidden;
		padding-top: 40px;
	}
	.left-half
	{
		width: 55%;
	}
	.right-half
	{
		width: 35%;
	}
	.right-half img
	{
		width: 150%;
	}
	#cpn-top .left 
	{
		float: left;
		width: 100%;
	}
	#cpn-top .right 
	{
		float: right;
		width: 100%;
		text-align: left;
		margin-top: 0.5rem;
	}
	#cpn-plashki .nice-button
	{
		font-size: 1rem;
		line-height: 2.3;
	}
	.five
	{
		font-size: 8rem;
	}
	.five-description 
	{
		font-size: 1.4rem;
		margin-top: 0.9rem;
		line-height: 1.6;
	}

	.title p
	{
		font-size: 0.85rem;

	}
	p.date-time
	{
		font-size: 1.25rem;
	}


	#cpn-button a
	{
		width: 100%;

	}
}

@media screen and (max-width: 365px)
{
	#cpn-contact .wrapper
	{
		font-size: 1.7rem;
	}
	header .logo 
	{
		width: 130px;
	}
	#cpn-plashki
	{
		top: 14px;
		right: 2%;
	}	
	h1
	{
		font-size: 1.15rem;
	}
	h3
	{
		font-size: 1.4rem;
	}
	#cpn-top
	{
		margin-top: -40px;
		position: relative;
	}
	#cpn-top .wrapper
	{
		max-width: 96%;
		margin: 0 auto;
		overflow: hidden;
		padding-top: 40px;
	}
	.left-half
	{
		width: 55%;
	}
	.right-half
	{
		width: 35%;
	}
	.right-half img
	{
		width: 150%;
	}
	#cpn-top .left 
	{
		float: left;
		width: 100%;
	}
	#cpn-top .right 
	{
		float: right;
		width: 100%;
		text-align: left;
		margin-top: 0.5rem;
	}
	.nice-button
	{
		font-size: 1rem;
		line-height: 3;
	}
	.programm-wrapper
	{
		padding: 50px 0;
	}
	.label-checkbox
	{
		width: 92%;
	}
	#cpn-copyright .div-left, #cpn-copyright .div-left a, #cpn-copyright .div-right, #cpn-copyright .div-right a
	{
		font-size: 0.4rem;
	}
	.five
	{
		font-size: 8rem;
	}
	.five-description 
	{
		font-size: 1.4rem;
		margin-top: 0.9rem;
		line-height: 1.6;
	}
	.title img 
	{
		width: 1rem;
	}

	.title p
	{
		font-size: 0.85rem;

	}
	p.date-time
	{
		font-size: 1.25rem;
	}



	#cpn-button a
	{
		width: 100%;

	}
}
@media screen and (max-width: 300px)
{
	#cpn-copyright .div-left, #cpn-copyright .div-left a, #cpn-copyright .div-right, #cpn-copyright .div-right a
	{
		font-size: 0.3rem;
	}
}