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,
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 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input,
select,
a img {
    vertical-align: middle
}
html
{
    height: 100%;
    width: 100%;
    font-size:1.4rem;
    font-weight: normal;
}
body {
    height: 100%;
    width: 100%;
    font-size:1.4rem;
    font-weight: normal;
    background: #09090B;
    color: #FFF;
}
img
{
    width: 100%;
}
html
{
    font-family: 'PFDinTextPro-Regular', Arial, Helvetica, Tahoma, sans-serif;
    font-size: 62.5%;
    line-height: 1.571
}
h1,h2,h3
{
    font-family: TTFirs-Black;
}
.nice-button
{
    cursor: pointer;
    display: inline-block;
    font-family: PFDinTextPro-Regular;
    padding: 0 28px;
    font-size: 1.4rem;
    line-height: 3;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    border-radius: 5px;
}
.redbg
{
    background-color: #FF5D57;
}
.red
{
    color: #FF5D57;
}
.whitebg
{
    background-color: #FFffff;
}
.white
{
    color: #FFFFFF;
}

.blackbg
{
    background-color: #000;
}

header
{
    position: fixed;
    z-index: 100;
    background: #fff;
    margin: 0 auto;
    padding-top: 30px;
    width: 100%;
    background: #09090B;
    color: #FFF;
    height: 100px;
}


header .logo {
    position: absolute;
    left: 13px;
    margin: 0;
    top: 43px;
    width: 187px;
    height: 46px;
    background: url(/img/dramacomedy/logo_white.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%;
    width: 100%;
}
header .logo span
{
    display: none;
}

header .nice-button
{
    width: 155px;
}
header .nice-button:hover
{
    color: #000;
}
a, a:hover, a:visited
{
    text-decoration: none;
}
@font-face {
    font-family: "TTFirs-Bold";
    src: url("/style/font/TTFirs-Bold.otf") format("opentype"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PFDinTextPro-Regular";
    src: /* Open Type Font */
    url("/style/font/pfdintextpro-regular.ttf") format("truetype"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@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: "TTFirs-ExtraBold";
    src: url("/style/font/TTFirs-ExtraBold.otf") format("opentype"); /* 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-Medium';
    src: local('TT Firs Medium'), local('TTFirs-Medium'),
    url('/style/font/TTFirs-Medium.woff2') format('woff2'),
    url('/style/font/TTFirs-Medium.woff') format('woff'),
    url('/style/font/TTFirs-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#cpn-head-menu,
#cpn-head-main-menu
{
    float: right;
    margin-right: 3.4vw;
    padding-top: 20px;
}
#cpn-head-menu li:first-child
{
    margin-left: 0;
}
#cpn-head-menu li
{

}
#cpn-head-menu li:first-child
{
    margin-left: 0;
}
#cpn-head-menu li:last-child
{
    border:none;
    margin-right: 0;
}
#cpn-head-menu li,
#cpn-head-main-menu li
{
    display: inline;
    display: inline-block;
    font-family: PFDinTextPro-Regular, Arial, Helvetica, Tahoma, sans-serif;
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    vertical-align: auto;
    vertical-align: middle;
    zoom: 1;
}
.level1 span::after
{
    content: "\0399";
    padding: 0 8px;
    color: #000;
}
.level1.last span::after
{
    content: none;
    padding: 0 8px;
}
#cpn-head-menu a,
#cpn-head-main-menu a,
#cpn-head-menu strong,
#cpn-head-main-menu strong
{
    color: #fff;
    display: block;
    font-weight: normal;
    text-decoration: none;
}
#cpn-head-menu a:hover,
#cpn-head-main-menu a:hover,
#cpn-head-menu strong:hover,
#cpn-head-main-menu strong:hover
{
    color: #FF5D57;
}
#cpn-head-menu strong,
#cpn-head-main-menu strong
{
    border-bottom-color: transparent;
    color: #FF5D57;
}
#cpn-head-main-menu
{
    float: none;
    margin: 0;
    position: absolute;
    right: 60%;
}
#cpn-head-register
{
    float: right;

    margin-top: 11px;
    margin-right: 13px;
}
#cpn-head-register .wrapper
{
    padding: 0;
}
#cpn-top

{
    position: relative;
    margin: 0 auto;
    padding: 130px 0 0;
}
#cpn-top .wrapper
{
    max-width: 1115px;
    margin: 25px auto 0;
    overflow: hidden;
}

h1
{
    margin-top: 5%;
    font-size: 39px;
    font-family: TTFirs-ExtraBold;
    line-height: 1.3;
}
h2
{
    padding-bottom: 25px;
    font-size: 40px;
    font-family: 'TTFirs-ExtraBold';
    line-height: 1.3;

}
h3
{
    font-size: 40px;
    font-family: 'TTFirs-ExtraBold';
    line-height: 1.3;
    padding: 25px 0;
}
.caption-list-4
{

    font-size: 40px;
    font-family: 'TTFirs-ExtraBold';
    line-height: 1.1;
    padding-bottom: 25px;
}
.description
{
    margin-top: 5%;
}

.image-description
{
    display: inline;
    margin-right: 4%;
    font-size: 1.2rem;
    text-transform: lowercase;
}
.image-description .text
{
    display: inline-block;
}
.image-description:nth-child(4)
{
    margin-right: 0;
}
.image-description img
{
    width: 5%;
    vertical-align: middle;
    padding-right: 1%;
    display: inline-block;
}

.top img
{
    width: 70%;
}
.top.desktop
{
    text-align: center;
}
.plashka
{
    margin-bottom: 5%;
}
.plashka span
{
    border: 2px solid #FFF;
    border-radius: 5px;
    padding: 10px 25px;
    color: #FFffff;

}
#cpn-list-4 .wrapper,
#cpn-about-course .wrapper,
#cpn-program-course .wrapper,
#cpn-poloska .wrapper,
#cpn-poloska-dramacomedy-image .wrapper,
#cpn-poloska-a .wrapper,
#cpn-poloska-b .wrapper,
#cpn-poloska-c .wrapper,
#cpn-how-to-pay .wrapper,
#cpn-speakers .wrapper,
#cpn-FAQ .wrapper,
#cpn-main .wrapper,
#cpn-for-whom .wrapper,
#cpn-contact-question .wrapper,
#cpn-poloska-image-only .wrapper,
#cpn-similar-program .wrapper
{
    max-width: 1115px;
    margin: 0 auto;
    overflow: hidden;
}
#cpn-for-whom .wrapper
{
    padding-top: 25px;
}
#cpn-for-whom .col-lg-8
{
    display: inline-flex;
}
#cpn-for-whom .col-lg-5
{
    padding-right: 0;
}
.col-lg-12.image-certificate {
    margin-top: 10%;
}
.title-for-whom
{
    font-family: 'TTFirs-Black';
    text-transform: uppercase;
    font-size: 40px;
    color: #FF5D57;
    margin-right: 20px;
    line-height: 1;
    padding-bottom: 15px;
}
.title-text-for-whom
{
    font-family: 'TTFirs-ExtraBold';
    padding-top: 5px;
    line-height: 1.2;
    font-size: 14px;
}
#cpn-poloska-dramacomedy-image
{
    padding: 20px 0;
    background: #e1e1e1;
}
#cpn-poloska,
#cpn-poloska-a,
#cpn-poloska-b
{
    background: #e1e1e1;
}
.polosa-books
{
    font-size: 0;
    cursor: pointer;
}

#cpn-poloska-c
{

    background: #ff5d57;
}
#cpn-poloska-image-only
{
    background: #E1E1E1;
    font-size: 0;
}
.image-for-whom
{

}
#cpn-about-course h3
{

}
#cpn-programa-format-rezultat .wrapper
{
    max-width: 1115px;
    margin: 0 auto;
}


#cpn-programa-format-rezultat,
#cpn-list-4,
#cpn-about-course,
#cpn-program-course,
#cpn-speakers
{
    position: relative;
    margin: 0 auto;
    padding: 50px 0;
}
#cpn-how-to-pay
{
    padding: 50px 0 50px;
}
#cpn-how-to-pay h3
{
    padding: 0 0 25px
}
#cpn-about-course
{
    padding: 50px 0 50px;
}
#cpn-poloska .col-lg-2:nth-child(1),
#cpn-poloska-a .col-lg-2:nth-child(1),
#cpn-poloska-b .col-lg-2:nth-child(1)
{
    font-size: 0;
}



.poloska-caption
{
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 3%;
    margin-bottom: 0%;
}

#cpn-poloska .nice-button,
#cpn-poloska-a .nice-button,
#cpn-poloska-b .nice-button
{
    width: 100%;
    margin-top: 15%;
}
#cpn-poloska-c .nice-button
{
    width: 100%;
    margin-top: 12%;
}
#cpn-poloska-dramacomedy-image .nice-button
{
    width: 100%;
    margin-top: 13%;
}
#cpn-poloska-c .text
{
    margin-bottom: 3%;
}

#listen, #example-video2
{
    cursor: pointer;
}
.example-video
{
    margin-top: -10%;
}
#cpn-poloska-a .poloska-caption
{
    margin-top: 2%;
}
.poloska-a-arrow
{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 125%;
    text-align: center;
}
.poloska-a-bracket
{
    width: 4%;
    display: inline-block;
    vertical-align: middle;
}
.text-listen
{
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 1%;
    cursor:pointer;
}

.text-listen p
{
    display: inline-block;
    vertical-align: middle;
}
.text-video
{
    line-height: 1.2;
}

.text-video p
{
    margin-bottom: 10px;
}
.bold
{
    font-family: 'PFDinTextPro-Bold';
}
.bgvideo
{
    width: 99%;
    height: auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);

}


.caption-format
{
    font-family: 'TTFirs-ExtraBold';
    color: #FF5D57;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 17px;
}

.example
{
    font-size: 3.4rem;
    font-family: TTFirs-Black;
    line-height: 1;
    padding: 0 0 17px;
}

.plashka-example
{
    font-family: 'TTFirs-ExtraBold';
    color: #FF5D57;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 17px;
}
#cpn-poloska-a,
#cpn-poloska-b
{
    z-index: 5;
    position: relative;
}
#cpn-program-course
{
    padding-bottom: 25px;
    padding-top: 125px;
    margin-top: -75px;
    z-index: 4;
}
#cpn-speakers
{
    z-index: 3;
}
.caption-block
{
    width: 100%;
    overflow: hidden;
}
.caption-block h3
{
    float: left;

    padding: 0 0 25px;
}
.caption-block .nice-button
{
    float: right;
    border: 2px solid #FF5D57;
    border-radius: 5px;
    margin-top: 5px;
    color: #FF5D57;
}
.caption-block .nice-button:hover
{
    color: #FF5D57;

}

.section
{
    border-top: 1px solid #fff;
    padding: 15px 0;
}
.section:last-child
{
    border-bottom: 1px solid #000;
    padding: 15px 0 0;
}
.section-caption
{
    width: 100%;
    overflow: hidden;


}

.section ul
{
    padding: 0;
    list-style: no;
    list-style-type: "\2015";
    margin-left: 15px;
}
.section ul li
{
    padding-left: 3px;
}
.section .caption
{
    font-family: 'TTFirs-ExtraBold';
    font-size: 14px;
    color: #fff;
    float: left;
    transition: 0.3s;
}
.section.active .caption
{
    font-size: 1.8rem;
    color: #FF5D57;
    float: left;
    transition: 0.3s;
    cursor: pointer;
}
#page-copyright-program .section .caption
{
    color: #000;
}
#page-copyright-program .section {
    border-top: 1px solid #000;
    padding: 15px 0;
}

#page-copyright-program .section.active .caption
{
    color: #FF5D57;
}
.symbols
{

    float: right;
    font-size: 25px;
    line-height: 25px;
    font-family: 'TTFirs-ExtraBold';
    transition: 0.3s;
    transform: rotate(540deg);
    cursor: pointer;
}
.symbols.active
{
    transform: rotate(225deg);
    transition: 0.3s;
    color: #FF5D57;
}
.section-text
{
    display: none;
}
#cpn-speakers
{
    padding: 120px 0 0;
    margin-top: -120px;
}
.desc {
    width: 80%;
    margin: 0 auto;
}
.cpn-sections-caption
{
    text-align: center;
}
#cpn-speakers .image img
{
    width: 98px;
    height: 98px;
}

#cpn-speakers .block
{
    vertical-align: top;
    width: 24.5%;
    margin: 0 0.5% 0 0;
    display: inline-block;
}
#cpn-speakers h4
{
    font-family: 'TTFirs-ExtraBold';
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
}
#cpn-how-to-pay h4
{
    font-family: 'TTFirs-ExtraBold';
    text-transform: uppercase;
    padding: 15px 0;
    color: #000;
    font-size: 20px;
}
#cpn-how-to-pay .register-block
{
    color: #fff;
}
#cpn-speakers .block
{
    text-align: center;
    margin-bottom: 25px;
}
.register-image-block,
.register-block
{
    border-radius: 20px;
    border: 2px solid #FFF;
    padding: 20px;
}
.register-image-block
{
    background: #FFF;
}



.caption-pay
{
    font-family: 'TTFirs-ExtraBold';
    text-transform: uppercase;
    padding: 11px 0 2px;

    font-size: 20px;
    color: #ff5d57;
}
.nice-button.redbg.red a
{
    color: #ff5d57;
}
.nice-button.whitebg.white a
{
    color: #FFF;60
}
.text-pay
{
    font-size: 2rem;
}

.description-register ul li
{
    list-style-type: none;
    display: inline-block;
    font-family: TTFirs-Black;
    font-size: 2rem;
}

.description-register ul li:after
{
    content: "|";
    padding: 0 8px;
    color: #FF5D57;
    font-family: PFDinTextPro-Regular;
}

li.last:after
{
    display: none;
}
.button-register
{
    margin-top: 36px;
    text-align: center;
}
.button-register .nice-button
{
    width: 160px;
    padding: 0;
}
#cpn-how-to-pay .button-register .nice-button
{
    width: calc((100% - 12px)/ 3);
    background: none;
    padding: 0;
    border-radius: 5px;
    border: 2px solid;
}
.button-register .nice-button:hover:nth-child(2)
{
    color: #FF5D57;
}
.button-register .nice-button:hover:nth-child(1),
.button-register .nice-button:hover:nth-child(3)
{
    color: #ffffff;
}


#cpn-feedback-slider-new
{
    position: relative;


    width: 100%;

    overflow: hidden;

    color: #fff;

}
#page-copyright-program #cpn-feedback-slider-new
{
    color: #000;
}
.feedback-author
{
    font-family: PFDinTextPro-Regular;
}
.feedback-author-work
{
    font-family: PFDinTextPro-Regular;
    font-style: italic;
}
#cpn-feedback-slider-new .wrapper
{
    max-width: 1115px;
    margin: 0 auto;

}
.title-logo
{
    text-align: center;
    margin-bottom: 25px;
    font-family: stampbor_rounded, Arial, Helvetica, Tahoma, sans-serif;
}
.feedback-class
{
    max-width: calc(100% - 50px);
    margin: 0 auto;
}
.feedback-wrapper
{
    width: 90%;
    margin: 0 auto;
}
.feedback
{
    padding-bottom: 15px;
}
.feedback-text
{
    font-size: 1.3rem;
}
.feedback-photo
{
    margin: 0;
    float: right;
}
.feedback-image
{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.feedback-photo img
{
    height: 90px;
    width: auto;
}
img.scale-fb
{
    width: auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);

}
img.scale-fb:hover
{
    width: auto;
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);


}
#cpn-feedback-slider .cpn-slider__caption
{
    text-align: center;
}
.feedback:nth-child(1)
{
    margin-left: 0;
}
.feedback:nth-child(4)
{
    margin-right: 0;
}
.feedback
{
    float: left;

    margin: 0 1.5%;
    text-align: left;
    width: 22%;
}
.feedback-author
{
    font-size: 18px;
    margin-top: 5%;
    font-family: stampbor_rounded, Arial, Helvetica, Tahoma, sans-serif;
}
.feedback-text
{
    line-height: 1.4
}
.feedback-author-work
{
    font-size: 12px;

    font-weight: 100;
    opacity: 0.5;
    line-height: 1.4;
    min-height: 42px;
}
img.scale-fb
{
    right: 0;
    bottom: 0;
    position: absolute;
}
.scale-fb
{
    transition: all .2s ease-in-out;
}
.feedback-photo
{

}
.feedback-photo img
{
    height: 98px;
}

#cpn-FAQ
{
    position: relative;
    padding: 25px 0;
}


#cpn-section-photo
{
    padding: 50px 0 25px;
    overflow: hidden;
}
#cpn-section-photo .block
{
    width: 20%;
    float: left;
    line-height: 0;
}

#cpn-section-photo .block img
{
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: 0.25s;
}
#cpn-section-photo .block img:hover
{
    transition: 0.5s;
    filter: grayscale(0%);
}
#cpn-contact-question
{
    position: relative;
    margin: 0 auto;
    padding: 25px 0 50px;
}
#cpn-contact-question .nice-button,
#cpn-similar-program .nice-button
{
    background: none;
    border-radius: 5px;
    border: 2px solid #FF5D57;
    color: #FF5D57;
}
#cpn-similar-program .nice-button
{
    width: 100%;
}
#cpn-similar-program .nice-button a
{
    color: #FF5D57;
}
#cpn-contact-question h3
{
    line-height: 1.1;
}
.row.copyright
{
    margin-top: -1.5%;
}
contact-info
{
    margin-top: 15px;
}
.phone-number a:hover
{
    color: #FF5D57;
}
.phone-number a
{
    color: #fff;
}
#page-copyright-program .phone-number a
{
    color: #000;
}
#page-copyright-program .phone-number a:hover
{
    color: #FF5D57;
}
#page-copyright-program .email a:hover
{
    color: #000;
}
.email
{
    margin-top: 15px;
}
.email a
{
    color: #FF5D57;
}
.email a:hover
{
    color: #fff;
}
.contact-image
{
    margin-top: 15px;
}
.contact-image img
{
    width: 7%;
    margin-right: 5%;
}
input:focus {
    outline: none;
}
input.checkbox
{
    width: auto;
}
input
{

    font-size: 14px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #000000;
    background-color: #FFF;
    color: #000;
    float: left;
    text-align: center;
}
.question-text p
{
    padding-bottom: 15px;
}
#page-copyright-program  .question-text input[type="text"]
{
    border-bottom: 1px solid #000;
}
.question-text input[type="text"]
{
    background: none;
    border: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 14px;
    font-family: PFDinTextPro-Regular;
    float: none;
    margin-bottom: 15px;
    color: #fff;
}
#page-copyright-program .question-text input[type="text"]
{
    color: #000;
}
.question-button
{
    margin-top: 50px;
}


#cpn-video
{
    position: relative;
    margin: 0 auto;
    padding: 50px 0;
}
#cpn-time
{
    position: relative;
    margin: 0 auto;
    padding: 0;
}
#cpn-time .wrapper
{
    overflow: hidden;
    max-width: 1115px;
    margin: 0 auto;
    text-align: center;
}
#cpn-video .wrapper
{
    overflow: hidden;
    max-width: 1115px;
    margin: 0 auto;

}

#cpn-schedule-image
{
    position: relative;
    margin: 0 auto;
    padding: 0px 0 0;
}

#cpn-schedule-image .wrapper
{
    overflow: hidden;
    max-width: 1115px;
    margin: 0 auto;
}

.schedule-button
{
    padding: 25px 0 25px;
    text-align: center;
}
.schedule-button.second
{
    padding: 25px 0 0;
}

/* The Modal (background) */
#register-modal .title
{
    text-align: center;
    padding-top: 25px;
}
.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: #FF5D57;
}

.row-register-required input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FF5D57;
    opacity: 1; /* Firefox */
}

.row-register-required input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FF5D57;
}

.row-register-required input::-ms-input-placeholder { /* Microsoft Edge */
    color: #FF5D57;
}

.row-register-required  {
    color: #FF5D57;
}
.row-register-required .label-checkbox
{
    color: #FF5D57;
}
.some-form__hint {
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -6px;
    padding: 0 12px;
    width: 100%;
    background: #FF5D57;
    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: #FF5D57;
    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
{

    margin: 0 auto;
    padding: 3% 0 2%;
    background: #000;
    color: #FFF;
}
.thankyou-modal p
{
    margin: 0 0 14px 0;
    line-height: 1.2;
    font-size: 1.7rem;
}
#thankyou-modal h4
{
    margin-bottom: 35px;
}

.thank-text
{
    margin-bottom: 15px;
    color: #000;
    padding: 0 150px;
}
#video-example .thankyou-modal .wrapper
{
    width: 600px;
}
#video-example .thank-text
{
    padding: 0;
    text-align: left;
}
#video-example .row {
    padding: 0 60px;
}
#video-example .close
{
    margin-top: -5%;
}
#video-example .button-pay
{
    text-align: left;
}
#video-example a.nice-button.redbg.white
{
    margin-top: 15%;
}
#thankyou-modal .button-pay a:first-child
{
    margin: 35px auto 4px;
}
#thankyou-modal .button-pay a
{
    display: block;
    width: 30%;
    margin: 0 auto 4px;
}

.button-pay .contact-image
{
    margin-top: 5%;
}
.button-pay .contact-image a:nth-child(3) img
{
    margin-right: 0;
}
.register-modal
{

    margin: 0 auto;
    padding: 3% 0 2%;
    background: #fff;
    color: #000;
}
.thankyou-modal .wrapper
{
    padding: 50px 0;
    max-width: 700px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
}
#listen-example.thankyou-modal .wrapper
{
    background-color: transparent;
}
.register-modal .wrapper
{
    padding: 0 0 25px;
    max-width: 700px;
    background-color: #fff;
    margin: 0 auto;
}
.text-pay
{
    margin-top: 4%;
    margin-bottom: 0%;
    font-size: 1.45rem;
}
.check
{
    margin-bottom: 3%;
}
.check img
{
    width: 80%;
}
#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%;
}
#register-modal .button-register
{
    margin-top: 5%;
    text-align: center;
}
.method-pay-image img
{
    width: 40%;
}
.row-register
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.row-register:nth-child(8) {

    margin: 0;
}
.row-register-2
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: "PFDinTextPro-Bold";
}
label
{
    font-size: 1.25rem;
    color: #000000;
    float: left;

    width: 35%;

}
input {
    font-size: 14px;

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

#trigger, #trigger2, #trigger3 {
    display: none;
}
.checker {
    background-image: url(/img/copyright/checkbox1.png);
    background-position: left center;
    background-size: auto 100%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
#trigger2:checked + .checker {
    background-position: right center;
}
#trigger3:checked + .checker {
    background-position: right center;
}
#trigger:checked + .checker {
    background-position: right center;
}
#trigger1 {
    display: none;
}
.checker {
    background-image: url(/img/copyright/checkbox1.png);
    background-position: left center;
    background-size: auto 100%;
    width: 20px;
    height: 20px;

    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: #fff;
    background-image:url('/img/copyright/linetextarea.png');
    background-repeat:repeat-y, repeat;
    border: none;
    color: #000;
}
.label-area
{
    float: none;
    width: 100%;
}
.label-checkbox
{
    width: 94%;
    padding-top: 6px;
}
textarea
{
    font: 1.45rem 'GothamProRegular' ;
    float: none;
    outline: none;
}

.register-modal{
    /* Hidden by default */
    display: none;
    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 */
}
.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: #FFF;
    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;
}


.modal
{
    display: none;
    position: fixed;
    z-index: 102;

    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-video
{
    display: none;
    position: fixed;
    z-index: 102;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.modal-content-video
{
    margin: auto;
    max-width: 1115px;
    text-align: center;
}
.modal-content
{
    margin: auto;
    max-width: 1115px;
    text-align: center;

}


.close {
    color: #FF5D57;

    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 14px;
}

.close:hover,
.close:focus {
    color: #FF5D57;
    opacity: 0.5;
    text-decoration: none;
    cursor: pointer;
}
.button-paya.nice-button.redbg.white:hover
{
    color: #000;
}
.button-paya.nice-button.blackbg.white:hover
{
    color: #FF5D57;
}

#thankyou-modal h4
{
    font-family: TTFirs-Black;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 3%;
}


#video-example h4
{
    font-family: TTFirs-Black;
    font-size: 3rem;
    text-align: left;

    margin-bottom: 10%;
}
#cpn-main
{
    position: relative;
    margin: 0 auto;
    padding: 100px 0 50px;
}
#cpn-main p
{
    margin-bottom: 10px;
}
#cpn-main .nice-button
{
    width: 100%;
    margin-bottom: 3px;
    line-height: 3.83;
}
.cons-text
{
    width: 55%;
    margin-right: 3%;
    float: left;
}

.cons-image
{
    width: 37%;
    float: left;
}
.cons-image img
{
    width: 15.5%;
    margin-right: 12%;
    margin-top: 4%;
}
.bottom-line
{
    border-bottom: 1px solid #000;
    padding: 50px 0;
}
.row.bottom-line:nth-child(3)
{

    border:none;
}
#cpn-logo-slider
{
    position: relative;
    margin: 0 auto;
    padding: 50px 0;
    overflow: hidden;
}

#cpn-logo-slider .wrapper
{
    max-width: 1115px;
    margin: 0 auto;

}

.nice-button.redbg:hover
{
    color: #000;
}

.nice-button.blackbg:hover,
.nice-button.whitebg:hover
{
    color: #FF5D57;
}
.videoWrapper {
    height: 0;
    padding-top: 25px;
    position: relative;
    padding: 0;
}
.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#player
{
    max-width: 100%;
}
.mobile
{
    display: none;
}
#cpn-poloska .col-lg-2.desktop1024,
#cpn-poloska-a .col-lg-2.desktop1024,
#cpn-poloska-b .col-lg-2.desktop1024
{
    font-size: 0;
}
#cpn-similar-program h3
{
    text-align: center;
}
#cpn-similar-program .title-program
{
    font-family: 'TTFirs-ExtraBold';
    color: #FF5D57;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.text-program
{
    padding-bottom: 15px;
}
.about-program
{
    font-family: 'TTFirs-ExtraBold';
    padding-bottom: 15px;
}

#page-copyright-program
{
    color: #000;
    background: #fff;
}
#page-copyright-program header {
    color: #000;
    background: #FFF;
}
#page-copyright-program header .logo
{
    position: absolute;
    left: 13px;
    margin: 0;
    top: 43px;
    width: 187px;
    height: 46px;
    background: url(/img/dramacomedy/logo-ukr.png) no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}
#page-copyright-program #cpn-head-menu a, #page-copyright-program #cpn-head-main-menu a,#page-copyright-program  #cpn-head-menu strong,#page-copyright-program #cpn-head-main-menu strong
{
    color: #000;
}
#page-copyright-program #cpn-head-menu a:hover, #page-copyright-program #cpn-head-main-menu a:hover, #page-copyright-program #cpn-head-menu strong:hover, #page-copyright-program #cpn-head-main-menu strong:hover {
    color: #FF5D57;
}
#page-copyright-program #cpn-head-menu li.level1.oneof5.incrumb1.active strong
{
    color: #FF5D57;
}
@media screen and (max-width: 1200px)
{

    #cpn-top .wrapper,
    #cpn-list-4 .wrapper,
    #cpn-about-course .wrapper,
    #cpn-program-course .wrapper,
    #cpn-how-to-pay .wrapper,
    #cpn-speakers .wrapper,
    #cpn-FAQ .wrapper,
    #cpn-main .wrapper,
    #cpn-contact-question .wrapper,
    #cpn-programa-format-rezultat .wrapper,
    #cpn-feedback-slider-new .wrapper,
    #cpn-video .wrapper,
    #cpn-time .wrapper,
    #cpn-schedule-image .wrapper,
    #cpn-for-whom .wrapper,
    #cpn-list-4 .wrapper, #cpn-about-course .wrapper, #cpn-program-course .wrapper, #cpn-poloska .wrapper, #cpn-poloska-dramacomedy-image .wrapper, #cpn-poloska-a .wrapper, #cpn-poloska-b .wrapper, #cpn-poloska-c .wrapper, #cpn-how-to-pay .wrapper, #cpn-speakers .wrapper, #cpn-FAQ .wrapper, #cpn-main .wrapper, #cpn-for-whom .wrapper, #cpn-contact-question .wrapper, #cpn-poloska-image-only .wrapper, #cpn-similar-program .wrapper
    {
        max-width: 96%;
    }
    #cpn-poloska .wrapper,
    #cpn-poloska-a .wrapper,
    #cpn-poloska-b .wrapper,
    #cpn-poloska-c .wrapper
    {
        width: 96%;
    }
    #cpn-poloska-c .col-lg-8
    {
        max-width: 96%;
        margin: 0 auto;

    }
    .poloska-caption
    {
        font-size: 1.7rem;
    }
    .poloska-a-arrow
    {
        width: 35px;
        margin-top: 133%;
    }
    #listen
    {
        font-size: 0;
    }

}
@media screen and (max-width: 1115px)
{
    html, body
    {
        font-size: 12px;
    }
    .image-description .text
    {
        font-size: 10px;
    }
}
.mobile1024
{
    display: none;
}
@media screen and (max-width: 1024px)
{

    #cpn-poloska-dramacomedy-image
    {
        padding: 0;
    }
    #cpn-poloska .wrapper, #cpn-poloska-a .wrapper, #cpn-poloska-b .wrapper, #cpn-poloska-c .wrapper,  #cpn-poloska-dramacomedy-image .wrapper
    {
        width: 100%;
        max-width: 100%;
    }
    #cpn-poloska-dramacomedy-image .nice-button, #cpn-poloska-a .nice-button, #cpn-poloska .nice-button, #cpn-poloska-a .nice-button, #cpn-poloska-b .nice-button, #cpn-poloska-c .nice-button, #cpn-polosa-books-image .nice-button
    {
        border-radius: 0;
        background: #FF5D57;
        color: #000;
        margin-top: 0;
    }
    #cpn-poloska-c .nice-button
    {
        background: #000;
        color: #FF5D57;
    }
    .desktop1024
    {
        display: none;
    }
    .mobile1024
    {
        display: block;
    }

    #cpn-poloska-a .mobile1024,
    #cpn-poloska .mobile1024,
    #cpn-poloska-b .mobile1024,
    #cpn-poloska-c .mobile1024,
    #cpn-poloska-dramacomedy-image .mobile1024
    {
        font-size: 0;
        margin: 0 auto;
        text-align: center;
    }
    #cpn-poloska-a .mobile1024 img,
    #cpn-poloska-b .mobile1024 img,
    #cpn-poloska .mobile1024 img,
    #cpn-poloska-c .mobile1024 img,
    #cpn-poloska-dramacomedy-image .mobile1024 img,
    #cpn-poloska-image-only img
    {
        max-width: 75%;

    }
    #cpn-poloska-a,
    #cpn-poloska-b,
    #cpn-poloska,
    #cpn-poloska-c,
    #cpn-poloska-dramacomedy-image,
    #cpn-poloska-image-only
    {
        text-align: center;
    }
    .full1024
    {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }
}
@media screen and (max-width: 991px)
{
    .top img {
        width: 82%;
    }
    .text-video p
    {
        font-size: 10px;
    }
    .row.bottom-line:nth-child(3)
    {
        margin-bottom: 0;
        padding: 50px 0 0;
    }
    .register-image-block
    {
        margin-bottom: 25px;
    }
    #cpn-speakers .block {
        vertical-align: top;
        width: 32.8%;
    }
    h1
    {
        font-size: 30px;
    }
    .plashka {
        margin-bottom: 10%;
    }
    #cpn-list-4
    {
        padding: 50px 0 25px;
    }
    h3
    {
        font-size: 3rem;
    }
    .caption-format
    {
        font-size: 1.4rem;
    }
    #cpn-about-course .wrapper
    {
        padding: 25px 0 25px;
    }
    .title-for-whom
    {

    }
    #cpn-section-photo
    {
        padding: 25px 0;
    }
    #cpn-how-to-pay {
        padding: 25px 0 25px;
    }
    #cpn-how-to-pay h3 {
        padding: 25px 0 25px;
    }

    #cpn-time
    {
        padding: 0;
    }
    #cpn-time img
    {
        width: 70%;
    }
    .videoWrapper
    {
        padding-top: 25px;
    }
    .button-register .nice-button
    {
        width: calc(33% - 40px);

    }
    .block-register
    {
        width: 96%;
    }
}
@media screen and (max-width: 960px)
{
    #cpn-schedule-image
    {
        padding: 50px 0 25px;
    }
    .schedule-button
    {
        padding: 25px 0;
    }
    .col-lg-12.image-certificate {
        margin-top: 0%;
        margin-bottom: 5%;
    }
    .cons-text
    {
        width: 100%;
    }
    .cons-image
    {
        width: 100%;
        margin-bottom: 3%;
    }
    .cons-image img
    {
        width: 10%;
        margin-right: 5%;
        margin-top: 0;

    }
    body
    {
        font-size: 1.2rem;
    }
    #cpn-head-menu, #cpn-head-main-menu
    {
        padding-top: 23px;
    }

    #cpn-head-menu li, #cpn-head-main-menu li
    {
        font-size: 1.2rem;
    }

    .level1 span::after
    {
        padding: 0 4px;
    }
    #cpn-head-register
    {
        margin-top: 14px;
    }
    header .nice-button
    {
        width: auto;
    }
    .nice-button
    {
        font-size: 1.2rem;
        padding: 0 20px;
    }
    .button-register .nice-button
    {
        line-height: 3.5;
    }
    h1, .caption-list-4
    {
        margin-top: 0;
        font-size: 2.2rem;
    }

    #cpn-top,
    #cpn-video
    {
        padding: 100px 0 0;
    }
    #cpn-about-course
    {
        padding: 0;
    }


    #cpn-poloska .wrapper,
    #cpn-poloska-a .wrapper,
    #cpn-poloska-b .wrapper,
    #cpn-poloska-c .wrapper
    {
        width: 100%;
    }

    .description
    {
        margin: 2% 0 0;
    }
    .image-description
    {
        width: 50%;
        margin: 0 0 3%;
        display: block;
        float: left;
    }
    .image-description img
    {
        width: 15%;
        padding-right: 3%;
    }

    #cpn-poloska img
    {
        width: 100%;
    }
    .poloska-caption
    {
        font-size: 2.8rem;
        margin-top: 1%;
        margin-bottom: 0%;
    }
    #cpn-poloska .text,
    #cpn-poloska-a .text,
    #cpn-poloska-b .text,
    #cpn-poloska-c .text
    {

    }


    #cpn-contact-question
    {
        padding: 0 0 25px;
    }
    .row.copyright
    {
        margin-top: -2%;
    }
}

@media screen and (max-width: 767px) {
    header {
        padding-top: 15px;
    }

    header .logo {
        top: 30px;
    }
    #page-copyright-program header .logo
    {
        top: 30px;
    }
    .title-text-for-whom
    {
        margin-top: 14px;
    }
    .title-for-whom

    {
        padding-top: 15px;
    }

    #cpn-head-menu li, #cpn-head-main-menu li
    {
        font-size: 10px;
    }
    .second-program
    {
        margin-bottom: 25px;
    }
    #cpn-head-menu, #cpn-head-main-menu {
        padding-top: 10px;
    }
    .top img {
        width: 100%;
    }
    #cpn-schedule-image
    {
        padding: 25px 0;
    }
    #cpn-logo-slider
    {
        padding: 0;
    }
    .thank-text
    {
        margin: 0 auto;
        max-width: 80%;
        padding: 0;
    }
    #video-example .thank-text
    {
        width: 100%;
        max-width: 100%;
    }
    .cons-image img
    {
        width: 35px;
        margin-right: 3%;
    }
    .contact-image img
    {
        width: 35px;
    }
    .desktop
    {
        display: none;
    }
    .mobile
    {
        display: block;
    }
    header
    {
        height: 125px;
    }
    #cpn-head-menu, #cpn-head-main-menu
    {
        width: 100%;
        margin: 0;
        text-align: center;

    }
    #cpn-video
    {
        padding: 130px 0 0;
    }
    .top
    {
        margin: 3% 0;

    }
    .image-description
    {
        width: 25%;
    }
    h1, .caption-list-4
    {
        font-size: 3.4rem;
    }
    #cpn-poloska,
    #cpn-poloska-a,
    #cpn-poloska-b,
    #cpn-poloska-c
    {
        margin-bottom: 25px;
    }

    .plashka
    {
        margin-bottom: 3%;
    }
    #cpn-programa-format-rezultat, #cpn-list-4
    {
        padding: 25px 0;
    }
    #cpn-program-course, #cpn-speakers
    {
        padding: 125px 0 25px;
        margin-top: -100px;
    }
    #cpn-list-4 .text
    {
        margin-bottom: 3%;
    }
    #cpn-about-course
    {
        padding: 0 0 25px;
    }

    .bgvideo
    {
        margin-bottom: 25px;
    }
    #cpn-programa-format-rezultat .text
    {
        margin-bottom: 3%;
    }
    #example-video2
    {
        margin-top: 25px;
    }
    #cpn-speakers .block
    {
        width: 49%;
    }
}


@media screen and (max-width: 576px)
{
    .section:first-child
    {
        border:none;
    }
    .plashka {
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .desc {
        width: 95%;
        margin: 0 auto;
    }
    #cpn-how-to-pay .button-register .nice-button
    {
        width: 100%;
    }
    .button-register .nice-button
    {
        margin: 0 auto;
        display: block;
    }
    .contact-info
    {
        padding: 25px 0 0;
    }
    .section .caption
    {
        max-width: 96%;

    }
    .symbols
    {
        margin-top: -1%;
    }
    .button-register .nice-button
    {

    }
    .description-register ul li
    {

        font-size: 1.2rem;
    }
    .question-button {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .row.copyright
    {
        margin-top: 0%;
    }
    .button-register .nice-button
    {
        width: calc(100% - 40px);
        margin-bottom: 3px;

    }
    .button-register .nice-button:hover:nth-child(1), .button-register .nice-button:hover:nth-child(3)
    {
        color: #FF5D57;
    }
    .button-register .nice-button:nth-child(2)
    {
        background-color: #FF5D57;
    }
    .button-register .nice-button:nth-child(2):hover
    {
        color: #000;
    }
}

@media screen and (max-width: 500px)
{
    .section.first
    {
        border: none;
    }
    #video-example h4
    {
        margin-bottom: 3%;
    }
    #modal-btn-5
    {

        width: 100%;

    }
    #video-example .row
    {
        padding: 0 25px;
    }
    .caption-format
    {
        font-size: 1.5rem;
    }
    .button-register .nice-button
    {


    }
    .caption-block .nice-button
    {
        width: 100%;
        margin-bottom: 0;
    }
    .description-register ul li
    {
        font-size: 1.6rem;
    }
    .row.copyright
    {

    }
    .image-description
    {
        width: 25%;
        text-align: center;
    }
    .image-description img
    {
        width: 40%;
        padding-right: 0;
        margin-bottom: 5%;
    }
    .image-description:nth-child(4)
    {
        margin-right: 0;
    }
    .image-description .text
    {
        display: block;
    }
    h3
    {
        font-size: 2.7rem;
    }
}
@media screen and (max-width: 400px)
{

    .image-description
    {
        width: 25%;
        text-align: left;
    }
    .image-description img
    {
        width: 25%;
    }
    .image-description .text
    {
        width: 65%;
        line-height: 1.2;
    }
    .button-register .nice-button
    {

    }
    .description-register ul li
    {
        font-size: 1.2rem;
    }
    .contact-image img
    {
        width: 10%;
    }

    .row.copyright
    {

    }
}