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
}
ins {
	text-decoration: underline
}
del {
	text-decoration: line-through
}
mark {
	background: none
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted #ccc;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #000;
	margin: 1em 0;
	padding: 0
}
input,
select,
a img {
	vertical-align: middle
}
html,
body {
	height: 100%;
	min-height: 100%;
	width: 100%
}
html {
	font-family: "PFDinTextPro-Regular";
	font-size: 62.5%;
	line-height: 1.571
}




body
{
	background: none;

}

@font-face {
	font-family: "PFDinTextPro-Bold";
	src: url("/style/font/pfdintextpro-bold.otf") format("opentype"), /* Open Type Font */
	url("/style/font/pfdintextpro-bold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/style/font/pfdintextpro-bold.woff") format("woff"), /* Modern Browsers */
	url("/style/font/pfdintextpro-bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "PFDinTextPro-Italic";
	src: url("/style/font/pfdintextpro-italic.otf") format("opentype"), /* Open Type Font */
	url("/style/font/pfdintextpro-italic.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/style/font/pfdintextpro-italic.woff") format("woff"), /* Modern Browsers */
	url("/style/font/pfdintextpro-italic.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "PFDinTextPro-Regular";
	src: url("/style/font/pfdintextpro-regular.otf") format("opentype"), /* Open Type Font */
	url("/style/font/pfdintextpro-regular.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/style/font/pfdintextpro-regular.woff") format("woff"), /* Modern Browsers */
	url("/style/font/pfdintextpro-regular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "TTFirs-Black";
	src: url("/style/font/TTFirs-Black.otf") format("opentype"), /* Open Type Font */
	url("/style/font/TTFirs-Black.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/style/font/TTFirs-Black.woff") format("woff"), /* Modern Browsers */
	url("/style/font/TTFirs-Black.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "TTFirs-ExtraBold";
	src: url("/style/font/TTFirs-ExtraBold.otf") format("opentype"), /* Open Type Font */
	url("/style/font/TTFirs-ExtraBold.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/style/font/TTFirs-ExtraBold.woff") format("woff"), /* Modern Browsers */
	url("/style/font/TTFirs-ExtraBold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
#wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	overflow-x: visible;
	height: auto !important;
	text-align: left
}
#container {
	width: 100%;
	margin: 0;
	padding: 0;

}

header {
	margin: 0 auto;
	padding-top: 13px;
	width: 100%;
	max-width: 1366px;
	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
}
#cpn-head-register {
	position: absolute;
	right: 13px
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a:visited
{
	text-decoration:none;
}
.nice-button,
.wide-button {
	display: inline-block;
	vertical-align: top;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 0.5%;
	padding: 0 28px;
	height: 46px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 3.83333;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #000
}

.wide-button {
	font-family: "PFDinTextPro-Regular";
	padding: 0;
	width: 100%;
	height: 70px;
	font-size: 26px;
	font-size: 2.2rem;
	line-height: 4.24;
	background: #FF4D4D;


}

.nice-button
{
	font-family: "PFDinTextPro-Regular";
	width: 160px;
	padding: 0;
	height: auto;
	line-height: 3;
	font-size: 14px;
}
.whitebg
{
	background-color: #fff;
	color: #000;
}
.blackbg
{
	background-color: #000;
	color: #fff;
}
.black
{
	color: #000;
}
.redbg
{
	color: #fff;
	background-color: #FF4D4D
}
.greenbg
{
	color: #fff;
	background-color: #005434
}
.red
{
	color: #FF4D4D
}
.white
{
	color: #FFF;
}
.half-opacity
{
	opacity: 0.5;
}


#cpn-main
{
	font-size: 1.5rem;

	padding-top: 5%;
	padding-bottom: 2%;
}
#cpn-main .wrapper
{
	overflow: hidden;
	max-width: 1115px;
	margin: 0 auto;
}

#cpn-main .first, #cpn-main .second, #cpn-main .third, #cpn-main .fourth
{
	overflow: hidden;
	margin: 25px 0;
}
.second .right-half
{
	margin-top: 0.4vw;
}
#cpn-main .first_
{
	overflow: hidden;
}
#cpn-main .first_ .left-half, #cpn-main .first_ .right-half
{
	border-bottom: 0.4vw solid #000;

	height: 0.4vw;
}

#cpn-main .left-half
{
	width: 47.5%;
	float: left;
	margin-right: 2.5%;
	
}
#cpn-main .right-half
{
	width: 47.5%;
	float: left;
	margin-left: 2.5%;
}
p
{
	margin: 0 0 3% 0;
}

p:last-child {
	margin: 0;
}
.wide-button
{
	font-size: 1.6rem;
	line-height: 4.24;
	font-weight: normal;
}


.mobile{
	display: none;
}
.desktop{
	display: block;
}
#page-brand-pay #cpn-register h2
{
	color: #FFF;
	font-size: 5rem;
}	
#cpn-register h2
{
	color: #FFF;
	margin: 0;

	font-size: 40px;
	font-size: 4rem;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
}
#cpn-register
{
	background-color: #000;
	color: #FFF;
	padding-top: 5%;
	padding-bottom: 3%;
	text-align: center;
}
#cpn-register .wide-button .schedule
{
	background-color: #FFF;
	color: #000;
}
#page-brand-pay #cpn-register .schedule
{
	width: 48%;
	margin: 2% 0 0;
}
#page-brand-pay #cpn-register
{
	background: #000 url(/img/books/register-back.png) no-repeat center bottom;
	background-size: contain;
	background-position: 50% 45%;
	position: relative;
	background-origin: padding-box;
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;

}
#page-brand-pay #cpn-register .wrapper
{
	max-width: 1115px;
	margin: 0 auto;
}
button
{
	border: 0;
}
button:hover
{
	cursor:pointer;
}

/* The Modal (background) */
.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;
}

.thankyou-modal h3,
.register-modal h3
{
	text-align: center;
	font-size: 2.3rem;
	font-family: GothamProBlack;

	line-height: 1.3;
	margin-bottom: 3%;
	color: #FFF;
}

.thankyou-modal
{

	margin: 0 auto;

	background: #000;
	color: #FFF;
}
.register-modal
{

	margin: 0 auto;

	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: 4%;
	margin-bottom: 2%;
	font-size: 1.45rem;
}
.check
{
	margin-bottom: 3%;
}
.check img
{
	width: 3%;
}
#page-online .button-pay .nice-button
{
	margin-left: 0;
	margin-right: 0;
	width: 30.5%;
	padding: 0;
	line-height: 2.5;
	margin-bottom: 0.5%;
}
.button-register
{
	margin-top: 5%;
	text-align: center;
}
.method-pay-image img
{
	width: 40%;
}
.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;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: transparent;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: transparent;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: transparent;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: transparent;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: transparent;
}
.register-modal{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2147483650; /* Sit on top */
	/* 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 */
	/* 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;
}

#cpn-contact {
	position: relative;
	padding: 15px 0 15px;


}
#cpn-contact .wrapper {
	margin: 0 13px;

	font-size: 1.5rem;
	overflow: hidden;
}
#cpn-contact a
{
	color: #000;
}
.contact-bottom .left {
	width: 75%;
	float: left;
	margin-top: 0.6%;
}
.contact-bottom .right {
	width: 25%;
	float: left;
	text-align: right;
}
#page-brand .desktop 
{
	display: inline-block;
}
.image-messanger
{
	margin-right: 3%;
	width: 10%;
	display: inline-block;
}
.image-messanger img
{
	width: 100%;

}
.mobile {
	display: none;
}
.grey
{
	color: #7B7B7B;
}
#page-brand-pay .desktop 
{
	display: inline-block;
}
@media screen and (max-width: 1600px)
{
	#cpn-main
	{
		padding-top: 7%;
	}
}
@media screen and (max-width: 1366px)
{
	#cpn-main
	{
		padding-top: 5%;
		font-size: 1.4rem;
	}
	p
	{
		margin: 0 0 3% 0;
	}
	#cpn-main .wrapper
	{
		max-width: 950px;
	}

}
@media screen and (max-width: 1220px)
{
}
@media screen and (max-width: 1032px)
{
	#cpn-main .wrapper
	{
		max-width: 96%;
	}
	#cpn-main 
	{
		font-size: 1.4rem;
	}
	#page-brand-schedule .title-block h3
	{
		font-size: 4.8rem;
		font-weight: 800;
		margin: 0;
		line-height: 1.38;
	}
	#page-brand-schedule .title-block h3 
	{

    font-size: 4rem;

    line-height: 1.7;
}

}
@media screen and (max-width: 960px)
{
	#page-brand-schedule .title-block h3 {
		font-family: "TTFirs-Black";
		font-size: 3.9rem;
		font-weight: 800;
		margin: 0;
		line-height: 1.9;
	}
	.second .right-half
	{
		margin-top: 0;
	}
	.wide-button {
		font-size: 1.8rem;
		line-height: 3.74;
	}
	p
	{
		margin: 0 0 15px 0;
	}
	#cpn-head-register p
	{
		margin: 0 0 15px 0;
	}
	#cpn-main .first
	{
		margin-top: 0;
	}
	#cpn-main
	{
		padding-top: 0;
	}
	header
	{
		max-width: 96%;
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	header .logo
	{
		left: 0;
		right: 0;

		position: relative;
		background: url(/img/logo.png) no-repeat center top;
		background-size: contain;
		width: auto;
	}
	#cpn-head-register
	{
		margin-top: 20px;
		position: relative;
		right: 0;
		left: 0;
	}
	#page-brand-pay #cpn-register
	{
		background: #000;
		padding-bottom: 40px;
	}
	#cpn-head-register .nice-button
	{

		padding: 0;
		width: 100%;
	}
	.first .wide-button:last-child,
	.second .wide-button:last-child,
	.wide-button:nth-child(2)
	{
		margin-top: 0;
	}
	.black-button
	{
		background: #FFF;
		color: #000;
	}

	#cpn-main .wrapper,
	#page-brand-pay #cpn-register .wrapper
	{
		max-width: 96%;
	}
	#page-brand-pay #cpn-register .schedule
	{
		width: 100%;
	}
	#cpn-main .first_ .right-half
	{
		display: none;
	}

	#cpn-main .left-half, #cpn-main .right-half
	{
		width: 100%;
		float: none;
		margin: 0;
	}
	.wide-button
	{
		margin-top: 20px;
	}

	.black-button
	{
		margin-top: 25px;
	}
	.black-button:last-child
	{
		margin-top: 10px;
	}
}
@media screen and (max-width: 792px)
{
	.button-pay .nice-button 
	{
		width: 50%;
		display: block;
		margin: 0 auto 2%;
	}
	#cpn-contact .wrapper
	{
		text-align: center;
		line-height: 2;
	}
	.image-messanger 
	{
		margin-right: 1%;
		width: 5%;
	}
	.contact-bottom .right a:first-child
	{
		margin-bottom: 1%;
	}
	.contact-bottom .right
	{
		float: none;
		text-align: center;
	}
	.contact-bottom .left,
	.contact-bottom .right
	{
		width: 100%;
	}
	

	#page-brand .desktop
	{
		display: none;
	}
	.register-caption
	{
		margin-bottom: 5%;	
	}
	#cpn-main
	{
		font-size: 2rem;
	}
	#page-brand-pay #cpn-register h2
	{
		font-size: 3.8rem;
	}
}
@media screen and (max-width: 667px)
{
	#cpn-main 
	{
		font-size: 1.7rem;
	}
	#page-brand-pay #cpn-register h2
	{
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 575px)
{
	::-webkit-input-placeholder { /* WebKit browsers */
		color: #fff;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #fff;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #fff;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #fff;
	}

	textarea::-webkit-input-placeholder { /* WebKit browsers */
		color: #fff;
	}
	textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #fff;
	}
	textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #fff;
	}
	textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #fff;
	}
	input
	{
		width: 100%;
	}
	.block-register
	{
		width: 96%;
		padding: 0;
	}
	.row-register label
	{
		display: none;
	}
	.row-register label.checker
	{
		display: block;
	}
	.row-register label.label-checkbox 
	{
		display: block;
	}
	#page-brand-pay #cpn-register h2
	{
		font-size: 1.8rem;
	}
	#cpn-main
	{
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 500px)
{
	.nice-button
	{
		padding: 0 12px;
		height: 40px;

		font-size: 12px;
		font-size: 1rem;
		line-height: 3.93333;
	}
	#cpn-main 
	{
		font-size: 1.2rem;
	}
	.wide-button {
		font-size: 1.5rem;
		line-height: 4.44;
	}
}
@media screen and (max-width: 400px)
{
	#cpn-main 
	{
		font-size: 1rem;
	}
	#page-brand-pay #cpn-register h2
	{
		font-size: 1.7rem;
	}
	.wide-button {
		font-size: 1.4rem;
		line-height: 4.84;
	}
}
@media screen and (max-width: 365px)
{
	#cpn-main 
	{
		font-size: 1rem;
	}
	.wide-button {
		font-size: 1.4rem;
		line-height: 4.84;
	}
	#page-brand-pay #cpn-register .schedule
	{
		height: 60px;
		font-size: 1.4rem;
		line-height: 4.84;
	}
}