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
{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section,
blockquote
{
	display: block;
}
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 #000;
	cursor: help;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
hr
{
	border: 0;
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}
input,
select,
a img
{
	vertical-align: middle;
}
html,
body
{
	font-family: 'pfdintextpro';
	height: 100%;
	width: 100%;
	font-size: 12px;
}
#wrapper
{
	height: auto !important;
	margin: 0 auto;
	min-height: 100%;
	overflow-x: visible;
	position: relative;
	text-align: left;
	width: 100%;
}
#container
{
	margin: 0;
	padding: 0;
	width: 100%;
}
::-webkit-input-placeholder
{ /* WebKit browsers */
	color: #000;
}
:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
	color: #000;
}
::-moz-placeholder
{ /* Mozilla Firefox 19+ */
	color: #000;
}
:-ms-input-placeholder
{ /* Internet Explorer 10+ */
	color: #000;
}
.row-register-required input[type="text"]::-webkit-input-placeholder
{ /* WebKit browsers */
	color: #c63e34;
}
.row-register-required input[type="text"]:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
	color: #c63e34;
}
.row-register-required input[type="text"]::-moz-placeholder
{ /* Mozilla Firefox 19+ */
	color: #c63e34;
}
.row-register-required input[type="text"]:-ms-input-placeholder
{ /* Internet Explorer 10+ */
	color: #c63e34;
}
.row-register-required input[type="tel"]::-webkit-input-placeholder
{ /* WebKit browsers */
	color: #c63e34;
}
.row-register-required input[type="tel"]:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
	color: #c63e34;
}
.row-register-required input[type="tel"]::-moz-placeholder
{ /* Mozilla Firefox 19+ */
	color: #c63e34;
}
.row-register-required input[type="tel"]:-ms-input-placeholder
{ /* Internet Explorer 10+ */
	color: #c63e34;
}
textarea::-webkit-input-placeholder
{ /* WebKit browsers */
	color: #000;
}
textarea:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
	color: #000;
}
textarea::-moz-placeholder
{ /* Mozilla Firefox 19+ */
	color: #000;
}
textarea:-ms-input-placeholder
{ /* Internet Explorer 10+ */
	color: #000;
}
.footer-placeholder
{
	_height: 60px;
	min-height: 60px;
}

#footer
{
	height: 60px;
	margin: 0;
	position: relative;
	text-align: left;
	width: 100%;
}

.clearer
{
	clear: both;
	display: block;
	float: none !important;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	width: 0;
}
* html .clearer
{
	display: inline;
}
@font-face {
	font-family: 'ttfirs-black';
	src: url("fonts/ttfirs-black.woff2") format("woff2"), url("fonts/ttfirs-black.woff") format("woff"), url("fonts/ttfirs-black.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "pfdintextpro";
	src: url("/style/fonts/pfdintextpro-regular.eot"); /* IE9 Compat Modes */
	src: url("/style/fonts/pfdintextpro-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("/style/fonts/pfdintextpro-regular.otf") format("opentype"), /* Open Type Font */
	url("/style/fonts/pfdintextpro-regular.svg") format("svg"), /* Legacy iOS */
	url("/style/fonts/pfdintextpro-regular.ttf") format("truetype"), /* Safari, Android, iOS */
	url("/style/fonts/pfdintextpro-regular.woff") format("woff"), /* Modern Browsers */
	url("/style/fonts/pfdintextpro-regular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
header
{
	background: #fff;
	height: 50px;
	left: 0;
	margin: 0 auto;
	max-width: 100%;
	padding-top: 40px;
	position: relative;
	right: 0;
	width: 100%;
	z-index: 1;
}

.head-section {
	max-width: 89%;
	margin: 0 auto;
}
#bgvideo
{

	margin: 0 auto;

}
header .logo
{
	background: url(/img/logo.png) no-repeat left top;
	background-size: contain;
	height: 50px;
	left: 50%;
	margin: 0 0 0 -100px;
	moz-background-size: contain;
	o-background-size: contain;
	position: absolute;
	webkit-background-size: contain;
	width: 200px;
}
header .logo a
{
	display: block;
	height: 100%;
	width: 100%;
}
header .logo span
{
	display: none;
}

header .nice-button
{
	padding: 0 2vw;
	font-size: 20px;
	line-height: 2.5;
}
.animate
{
	max-width: 1115px;
	margin: 0 auto;
}
.st1
{
	fill:none;
	stroke:#7F7F7F;
	stroke-miterlimit:10; 
	stroke-dasharray: 53;
	stroke-dashoffset: 53;
} 
.st0
{
	fill:none;
	stroke:#7F7F7F;
	stroke-miterlimit:10;
	stroke-dasharray: 680;
	stroke-dashoffset: 680;
} 
#cpn-courses
{
	position: relative;
}

#cpn-courses .wrapper
{

	overflow: hidden;
	max-width: 1115px;
	margin: 0 auto;
	text-align: center;
}
.course
{
	display: inline-block;
	width: 16.35%;


}
.course img
{
	width: 100%;
}
.course1
{
	display: none;
}
.course2
{
	display: none;
}
.course3
{
	display: none;
}

#cpn-main
{
	position: relative;
}
#cpn-main .wrapper
{
	overflow: hidden;
	max-width: 1115px;
	margin: 0 auto;
	color: #000
}
.nice-button
{
	cursor: pointer;
	background-color: #000;
	color: #fff;
	display: inline;
	display: inline-block;
	text-transform: uppercase;
	font-family: pfdintextpro;
	font-size: 1.3rem;

	line-height: 2.8;
	margin-bottom: 3px;
	padding: 0 3vw;
	text-align: center;
	text-decoration: none;
	vertical-align: auto;
	vertical-align: top;
	zoom: 1;
}

.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"]
{
	color: #c63e34;
	border-bottom: 1px solid #c63e34;
}
.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;
}

h3
{
	text-align: center;
	font-size: 2.3rem;
	font-family: ttfirs-black, Arial, Helvetica, Tahoma, sans-serif;
	font-weight: 100;
	line-height: 1.3;
	margin-bottom: 15px;
	color: #000;
}

.thank-you-text
{
	font-size: 1.25rem;
}





.register .wrapper
{

	padding: 25px 0 70px;


	margin: 0 auto;
	color: #FFF;
}
#cpn-how-to-pay .nice-button
{
	width: 49.6%;
	padding: 0;
}
.text-pay
{
	margin-top: 4%;
	margin-bottom: 0%;
	font-size: 1.45rem;
}
.method-pay-image
{
	margin-top: 3%;
}
.check
{
	margin-bottom: 3%;
}
.check img
{
	width: 3%;
}

.button-register
{
	margin-top: 5%;
	text-align: center;
}
.method-pay-image img
{
	width: 40%;
}
.row-register
{
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}

input
{
	font-size: 1.25rem;
	font-family: pfdintextpro;

	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #7F7F7F;
	
	color: #000;
	float: left;
	text-align: center;
}

input:focus
{
	outline: none;
}
input.checkbox
{
	width: auto;
}

#trigger
{
	display: none;
}
.checker
{
	background-image: url(/files/image/singup/checkbox.png);
	background-position: left center;
	background-size: auto 100%;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}
#trigger:checked + .checker,
#trigger1:checked + .checker,
#trigger2:checked + .checker,
#trigger3:checked + .checker,
#trigger4:checked + .checker,
#trigger5:checked + .checker,
#trigger6:checked + .checker

{
	background-position: right center;
}
#trigger1, #trigger2, #trigger3, #trigger4, #trigger5, #trigger6
{
	display: none;
}
.checker
{
	background-image: url(/files/image/singup/checkbox.png);
	background-position: left center;
	background-size: auto 100%;
	width: 17px;
	height: 14px;

	background-repeat: no-repeat;
}

#text
{

	text-align: center;
	width:100%;
	overflow:hidden;
	resize:none;
	line-height:32px;
	padding-bottom:34px;
	background-color: #FF6F61;
	background-image:url('/files/image/politpr/linetextarea.png');
	background-repeat:repeat-y, repeat;
	border: none;
	color: #FFF;
}
label
{
	font-size: 1.25rem;
	color: #000;
	float: left;
	
	width: 35%;
}
.label-area
{
	float: none;
}
.label-checkbox
{
	width: 94%;
	opacity: 1;
	display: block;
	margin-top: 0px;
}
.label-checkbox.last
{
	margin-top: -2px;
}
textarea
{
	font-size: 12px;
	float: none;
	outline: none;

}

.register
{
	margin: 0 auto;
	left: 0;
	top: 0;
	max-width: 50%; 
	height: 100%;
	overflow: auto;

}

.block-register 
{

	margin: auto;
	padding-top: 25%;

}

.close 
{
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.thankyou-modal{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 20; /* Sit on top */
	padding-top: 3%; /* 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.8); /* Black w/ opacity */
}

.thankyou-modal
{

	margin: 0 auto;
	
}
.thankyou-modal .wrapper
{
	max-width: 550px;
	margin: 0 auto;
	border: 25px solid;
	padding: 70px 0;
	text-align: center;
	background-color: #FFF;
}
footer
{
	display: none;
	height: 0;
}

.animate
{
	display: block;
}
.animate-mobile
{
	display: none;
}
@media screen and (max-width: 1600px)
{
	.block-register 
	{

		padding-top: 20%;
	}
}
@media screen and (max-width: 1440px)
{
	.label-checkbox
	{

		margin-top: 1px;
	}
	.label-checkbox.last
	{
		margin-top: -1px;
	}
}
@media screen and (max-width: 1366px)
{
	.block-register 
	{

		padding-top: 15%;
	}
	.label-checkbox
	{

		margin-top: 3px;
	}
	.label-checkbox.last
	{
		margin-top: 1px;
	}
}
@media screen and (max-width: 1280px)
{
	.block-register 
	{

		padding-top: 30%;
	}
}
@media screen and (max-width: 1115px)
{
		.block-register 
	{

		padding-top: 25%;
	}
	#cpn-courses .wrapper,
	.register, .animate
	{
		max-width: 96%;
	}
	
}
@media screen and (max-width: 1024px)
{
	.label-checkbox
	{
		line-height: 1.2;
	}
		.block-register 
	{

		padding-top: 10%;
	}
}
@media screen and (max-width: 960px)
{

	
		.block-register 
	{

		padding-top: 20px;
	}
	.course
	{
		width: 16.25%;
	}
	.thankyou-modal
	{
		top: 0;
	}
}
@media screen and (max-width: 792px)
{
	.thankyou-modal
	{
		max-width: 96%;
		margin: 0 auto;
	}
	.thankyou-modal .wrapper
	{
		border: 10px solid;
	}
	#bgvideo
	{
		max-width: 100%;
		width: 100%;
	}
	.course
	{
		width: 16.15%;
	}
}
@media screen and (max-width: 667px)
{
		.nice-button
	{
		padding: 0 10vw;
	}
	.label-checkbox.last
	{
		margin-top: 4px;
	}
	.st1
	{
		fill:none;
		stroke:#7F7F7F;
		stroke-miterlimit:10; 
		stroke-dasharray: 83;
		stroke-dashoffset: 83;
	} 
	.animate
	{
		display: none;
	}
	.animate-mobile
	{
		display: block;
	}
	.course
	{
		width: 49%;
	}
	.course img
	{
		width: 100%;
	}
}
@media screen and (max-width: 500px)
{
	label
	{
		font-size: 0.9rem;
	}
	.label-checkbox {
    margin-top: 2px;
}
	input
	{
		font-size: 0.9rem;
	}
}
@media screen and (max-width: 335px)
{
	h3
	{
		font-size: 1.8rem;
	}
	.label-checkbox 
	{
		width: 90%;
	}
}