a:link {text-decoration: underline; color: #7C7C7C;}
a:visited {text-decoration: underline; color: #7C7C7C;}
a:hover {text-decoration: underline; color: #7C7C7C;}
a:active {text-decoration: underline; color: #7C7C7C;}

::-webkit-scrollbar {
  width: 1px;
}
 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: #FFB039;
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

@font-face {
    font-family: "LatoRegular";
    src: url("/fonts/LatoRegular.eot");
    src: url("/fonts/LatoRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoRegular.woff") format("woff"),
    url("/fonts/LatoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "LatoBold";
    src: url("/fonts/LatoBold.eot");
    src: url("/fonts/LatoBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoBold.woff") format("woff"),
    url("/fonts/LatoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "LatoItalic";
    src: url("/fonts/LatoItalic.eot");
    src: url("/fonts/LatoItalic.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoItalic.woff") format("woff"),
    url("/fonts/LatoItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "LatoLight";
    src: url("/fonts/LatoLight.eot");
    src: url("/fonts/LatoLight.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoLight.woff") format("woff"),
    url("/fonts/LatoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "LatoBoldItalic";
    src: url("/fonts/LatoBoldItalic.eot");
    src: url("/fonts/LatoBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoBoldItalic.woff") format("woff"),
    url("/fonts/LatoBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "LatoLightItalic";
    src: url("/fonts/LatoLightItalic.eot");
    src: url("/fonts/LatoLightItalic.eot?#iefix")format("embedded-opentype"),
    url("/fonts/LatoLightItalic.woff") format("woff"),
    url("/fonts/LatoLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'made_tommylight';
    src: url('/fonts/made_tommy_light-webfont.eot');
    src: url('/fonts/made_tommy_light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/made_tommy_light-webfont.woff2') format('woff2'),
    url('/fonts/made_tommy_light-webfont.woff') format('woff'),
    url('/fonts/made_tommy_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'made_tommymedium';
    src: url('/fonts/made_tommy_medium-webfont.eot');
    src: url('/fonts/made_tommy_medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/made_tommy_medium-webfont.woff2') format('woff2'),
    url('/fonts/made_tommy_medium-webfont.woff') format('woff'),
    url('/fonts/made_tommy_medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'made_tommyregular';
    src: url('/fonts/made_tommy_regular-webfont.eot');
    src: url('/fonts/made_tommy_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/made_tommy_regular-webfont.woff2') format('woff2'),
    url('/fonts/made_tommy_regular-webfont.woff') format('woff'),
    url('/fonts/made_tommy_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'made_tommythin';
    src: url('/fonts/made_tommy_thin-webfont.eot');
    src: url('/fonts/made_tommy_thin-webfont.eot?#iefix') format('embedded-opentype'),
     url('/fonts/made_tommy_thin-webfont.woff2') format('woff2'),
     url('/fonts/made_tommy_thin-webfont.woff') format('woff'),
     url('/fonts/made_tommy_thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


html * {max-height:1000000px;}

::-webkit-input-placeholder {color:#5b5b5b;}
::-moz-placeholder          {color:#5b5b5b;}/* Firefox 19+ */
:-moz-placeholder           {color:#5b5b5b;}/* Firefox 18- */
:-ms-input-placeholder      {color:#5b5b5b;}

html {height: 100%; max-height: 100000000px !important;}

body {
    background: #000000;
    font-family: 'LatoLight', sans-serif,  Tahoma, Arial;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    height: 100%;    
}
p {margin: 15px 0px;}

.clear {clear: both;}
.title {font-family: 'made_tommythin'; color: #D0D0D0; text-align: center; font-size: 51px; letter-spacing: 0.53em; line-height: 63px; margin-bottom: 35px; text-transform: uppercase;}
.subtitle {font-family: 'LatoLight'; color: #D0D0D0; text-align: center; font-size: 22px; letter-spacing: 0.04em; line-height: 26px; margin-bottom: 35px;}
.box {
    width: 100%;
    position: relative;
}
.box.header {
    padding-top: 40.60%;
}
.content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}
.content_header{
    background: url('/img/header_bg.jpg?2');
    background-size: cover;
}
.logo {
    width: 46%;
    position: absolute;
    top: 58%;
    left: 50%;
    margin-left: -23%;
}
.header_buttons {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 93%;
    left: 0%;
}
.header_buttons img {margin: 0px 10px;}
.header_text {
    width: 47%;
    position: absolute;
    text-align: center;
    top: 79.5%;
    left: 50%;
    margin-left: -23.5%;
    line-height: 20px;
    font-family: 'LatoLight';
    color: #CCC;
    letter-spacing: 0.04em;
    font-size: 26px;
    text-transform: uppercase;
}
.video_wrap {font-size: 0px;}
.box.video {
    /*padding-top: 39.27%;*/
    padding-top: 56.25%;
}
.video_before, .video_after {max-width: 1920px; margin: 0px auto; height: auto; font-size: 0px; text-align: center;}
.video_before img, .video_after img {width: 100%; height: auto; max-width: 1920px;}
.content_video {
    /*background: url('/img/video_bg.jpg?2');
    background-size: cover;*/
}
.content_video .play {
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    background: #4D5567;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
}
.content_video .play img {vertical-align: middle; margin-left: 7px;}

.box.text {
}
.content_text {
    padding: 60px 0px 0px 0px;
    background: url('/img/text_bg.jpg?2');
    background-position: left bottom;
    background-repeat: no-repeat;
}
.content_text .text {
    width: 45%;
    margin: 0px auto;
    text-align: center;
    font-family: 'LatoLight';
    font-size: 18px;
    color: #CCC;
    letter-spacing: 0.04em;
    line-height: 24px;
    margin-bottom: 94px;
}
.content_text .texts {
    width: 85%;
    margin: 0px auto;
    line-height: 24px;
    font-family: 'LatoLight';
    color: #CCC;
    letter-spacing: 0.04em;
    font-size: 0px;
    background: url('/img/vertical_line.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;    
}
.content_text .texts .elem_wrap {
    width: 45%;
    padding: 50px 60px;
    box-sizing: border-box;
}
.content_text .texts .elem {
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.04em;
}
.content_text .texts .elem_wrap:nth-child(2n-1) p {
    text-align: right;
}
.content_text .texts .elem_wrap:nth-child(2n) p {
    text-align: left;
}
.content_text .texts .elem p {
    text-align: center;
    margin-top: 0px !important;
    line-height: 24px;
}
.content_text .texts .elem p.title {
    line-height: 53px;
    margin: 0px 0px 25px 0px;
    letter-spacing: 0.04em;
}
.media {
    text-align: center;
    margin-top: 115px;
    margin-bottom: 170px;    
}
.media .imgs {
    width: 85%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.media .imgs .elem {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
}
.media img {width: 100%; height: auto;}
.box.subscribe {
    width: 100%;
    height: auto;
    background: url('/img/subscribe_bg.jpg?5');
    background-size: initial;
    background-position: left center;
    background-repeat: no-repeat;
}
.content_subscribe {
    width: 1300px;
    height: auto;
    position: relative;
    margin: 0px auto;
    padding-bottom: 00px;
}
.subscribe  {
    display: block;
    width: 72%;
    height: auto;
    text-align: left;
    color: #d7d7d7;
    margin: 0px auto;
}
.content_subscribe .title {margin-top: 0px; margin-bottom: 37px;}
.content_subscribe .subtitle {margin-top: 0px; margin-bottom: 95px;}
.subscribe  label {
    display: block;
    margin-bottom: 40px;
    letter-spacing: 0.04em;
    line-height: 21px;
}
.fields {margin-bottom: 70px; text-align: center;}
.fields .mc-field-group {margin-bottom: 0px !important;}
.fields input {
    width: 100%; 
    line-height: 44px;
    height: 46px;
    background: #000;
    border: 0px;
    color:  #515151;
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 25px;
    font-size: 22px;
    padding: 0px 25px !important;
}
.fields .field {
    width: 31% !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0.5%;
    box-sizing: border-box;
    height: 46px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #3a3b3b, #cdcdcd);
    padding: 2px;
}
#mc_embed_signup .mc-field-group {padding-bottom: 0% !important; margin-bottom: 50px;}
#mc_embed_signup .mc-field-group label {color: #d7d7d7; font-size: 16px; line-height: 21px;}

.fields .field:nth-child(3n) {margin-right: 0px;}
.fields .field:nth-child(3n-2) {margin-left: 0px;}
.email::-webkit-input-placeholder::first-letter {color:red;}
.email::-moz-placeholder::first-letter          {color:red;}/* Firefox 19+ */
.email:-moz-placeholder::first-letter           {color:red;}/* Firefox 18- */
.email:-ms-input-placeholder::first-letter      {color:red;}

.subscribe_form {width: 85%; margin: 0px auto; padding: 0px !important;}
.subscribe_form button {padding: 0px; margin: 0px !important; background: none; border: 0px; cursor: pointer; margin-top: 50px;}
.subscribe_form label input {margin-left: -25px; margin-right: 12px !important;}
.checkbox_group label {padding-left: 30px;}
.checkbox_group button {margin-left: 0px; margin: 0px auto !important;}


.notification {width: 85%; margin: 0px auto; padding: 215px 0px 115px 0px; box-sizing: border-box; padding-left: 37px;text-align: left; line-height: 21px;}
.notification strong {color: #FFB039; font-size: 22px;}
.after_form {width: 85%; margin: 0px auto; box-sizing: border-box; padding-left: 0px; text-align: center;}
.after_form .social_icons {margin-top: 60px; text-align: center;}
.after_form .social_icons img {margin-right: 19px; margin-left: 19px; margin-bottom: 50px; opacity: 0.8;}
.after_form .ppolicy {font-size: 22px; font-family: 'made_tommythin'; line-height: 27px; letter-spacing: 0.05em;}
.after_form .ppolicy, .after_form  .pkit {color: #DDD; font-size: 22px;}

#mc_embed_signup .subscribe_form .mc-field-group {width: 100%;}

.content_subscribe .logos { width: 80%; margin: 150px auto 60px auto; text-align: right; display: flex; align-items: center; justify-content: space-between;}
.content_subscribe .logos .img {display: block; padding: 0px 2%;}
.content_subscribe .logos .img img {max-width: 100%; height: auto;}

.pp_wrap {width: 1220px; min-height: 100%; height: 100%; margin: 0px auto; padding: 70px 0px; box-sizing: border-box;}
.pp_wrap .title {line-height: 60px; margin-bottom: 100px;}
.pp_left {float: left; width: 25%; padding-right: 35px; border-right: 1px solid #FFB039; box-sizing: border-box; height: calc(100% - 175px); overflow-y: scroll; color: #7C7C7C; font-family: 'LatoBold'; font-size: 18px; line-height: 22px;}
.pp_left::-webkit-scrollbar {width: 0;}
.pp_left a {text-decoration: none; display: block; margin-bottom: 20px; color: #7C7C7C;}
.pp_left a:hover {color: #d9d9d9;}
.pp_right {width: 95%; margin: 0px auto; box-sizing: border-box; height: calc(100% - 175px); overflow-y: scroll; color: #7C7C7C; line-height: 19px;}
/*.pp_right a {text-decoration: none !important; font-size: 18px; font-family: 'LatoBold'; display: block; text-transform: uppercase; margin-bottom: 25px;}*/

.fancybox-type-iframe .fancybox-close {width: 41px; height: 40px; background: url('/img/close.svg'); top: 95px; right: 60px;}

footer {
    text-align: center;
    background: #282828;
    color: #C3C3C3;
    line-height: 62px;
    letter-spacing: 0.05em;
}
.end {height: 0px;}


/* Landscape - телефоны */
@media (max-width: 480px) { 
    body {font-size: 13px;}
    .logo {width: 80%; margin-left: -40%;}
    .title {font-size: 25px;}
    .subtitle {font-size: 16px;}    
    .box.header {margin-bottom: 120px;}
    .box.video {
        padding-top: 56.25%;
    }    
    .header_text {
        font-size: 14px;
        top: 100%;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .header_buttons {
        top: 125%;
    }
    .header_buttons img{
        width: 140px;
    }

    .content_video .play {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin-left: -27.5px;
        margin-top: -27.5px;
    }
    .content_video .play img {
        width: 18px;
    }

    .content_text .text {
        width: 90%;
        margin-bottom: 40px;
        font-size: 16px;
    }
    .content_text .texts {
        width: 95%;
        background: none;
    }
    .content_text .texts .elem {
        font-size: 14px;
    }
    .content_text .texts .elem_wrap {
        width: 90%;
        padding: 10px;
    }
    .content_text .texts .elem_wrap p {
        text-align: center !important;
    }    
    .content_text .texts .elem_wrap p br {
        display: none;
    }
    .content_text .texts .elem p.title {
        font-size: 25px;
        line-height: 26px;
    }

    .media {
        margin-top: 55px;
        margin-bottom: 60px;
    }
    .media .imgs {
        width: 95%;
    }
    .media .imgs .elem {
        padding: 10px;
    }

    .content_subscribe {
        width: 90%;
    }       
    .content_subscribe .title {
        line-height: 26px;
    }
    .content_subscribe .subscribe_form  {
        width: 100%;
    }
    .content_subscribe .subscribe_form  .email {
        width: 100%;
    }
    .box.subscribe {background-position: -55% 0%;}
    .content_subscribe .subscribe_form  label input {margin-left: 0px; margin-right: 10px;}
    .social_icons {text-align: center; margin-top: 40px;}
    .social_icons img {margin: 0px 10px; margin-bottom: 25px; width: 40px;}
    .content_subscribe .subscribe_form  label {margin-bottom: 20px;}
    .content_subscribe .subscribe_form  .email {margin-bottom: 30px;}
    .content_subscribe .subscribe_form  button {display: block; margin-left: auto !important; margin-right: auto !important; margin-top: 50px !important;}
    .content_subscribe .subscribe_form  .pkit, .content_subscribe .subscribe_form  .ppolicy {display: block; text-align: center;}
    .content_subscribe .subtitle {margin-bottom: 35px;}
    .content_subscribe .logos { width: 100%; margin: 50px auto 30px auto;}

    #mc_embed_signup .mc-field-group {margin-bottom: 30px;}
    #mc_embed_signup .mc-field-group label {font-size: 12px;}

    .submit {text-align: center;}

    .checkbox_group label {padding-left: 0px;}
    .checkbox_group label input {margin-left: 0px; margin-right: 15px;}
    .notification {width: 85%; text-align: center; padding-left: 0px;}
    .after_form {width: 85%; padding-left: 0px; text-align: center;}

    .fields {margin-bottom: 45px;}
    .subscribe_form .fields .field.email {display: block; width: 97.3% !important; margin: 0px auto 22px auto !important;}

    .fields .field {margin: 0 1.5%; width: 47% !important;}
    .fields .field:nth-child(2n) {margin-left: 0;}
    .fields input {font-size: 18px; padding: 0 16px;}

    footer {line-height: 30px; padding: 20px 40px;}
    .end {height: 0px;}

    .after_form .ppolicy, .after_form  .pkit {font-size: 18px;}
    
    .pp_wrap {width: 95%; padding: 20px 0px;}
    .pp_wrap .title {line-height: 40px; margin-top: 60px; margin-bottom: 30px; font-size: 25px;}
    .pp_left {display: none;}
    .pp_right {float: none;}
    .fancybox-type-iframe .fancybox-close {width: 30px; height: 30px; background: url('/img/close.svg'); background-size: cover; top: 20px; right: 20px;}
}

/* От ландшафтного экрана телефона до потретного планшета */
@media (min-width: 481px) and (max-width: 767px) {
    body {font-size: 14px;}
    .title {font-size: 35px;}
    .subtitle {font-size: 18px;}    
    .box.video {
        padding-top: 56.25%;
    }    
    .header_text {
        font-size: 14px;
    }
    .header_buttons img{
        width: 140px;
    }

    .content_text .text {
        width: 90%;
        margin-bottom: 50px;
        font-size: 16px;
    }
    .content_text .texts {
        width: 95%;
    }
    .content_text .texts .elem {
        font-size: 14px;
    }
    .content_text .texts .elem p.title {
        font-size: 25px;
        line-height: 35px;
    }
    .content_text .texts .elem_wrap {
        padding: 25px;
    }    

    .content_text .texts .elem_wrap:nth-child(2n) {
        padding-right: 0px;
    }
    .content_text .texts .elem_wrap:nth-child(2n-1) {
        padding-left: 0px;
    }    

    .media {
        margin-top: 75px;
        margin-bottom: 110px;
    }
    .media .imgs {
        width: 95%;
    }

    .content_subscribe {
        width: 95%;
    } 

    .subscribe_form .fields .field.email {display: block; width: 97.3% !important; margin: 0px auto 22px auto !important;}
    .fields .field {margin: 0 1.5%; width: 47% !important;}
    .fields .field:nth-child(2n) {margin-left: 0;}

    .subscribe_form  { width: 90%} ;
    .content_subscribe .subscribe_form  label input {margin-left: 0px; margin-right: 10px;}
    .social_icons img {margin-right: 20px; margin-bottom: 25px;}

    .checkbox_group label {padding-left: 0px;}
    .checkbox_group label input {margin-left: 0px; margin-right: 10px !important;}
    .checkbox_group button {margin-left: 0px !important;}
    .notification {width: 85%; text-align: center; padding-left: 0px;}
    .after_form {width: 85%; padding-left: 0px;}    

    #mc_embed_signup .mc-field-group label {font-size: 14px; line-height: 19px;}

    .content_subscribe .logos { width: 100%; margin: 100px auto 30px auto;}

    .pp_wrap {width: 95%; padding: 40px 0px;}
    .pp_wrap .title {line-height: 40px; margin-bottom: 60px; font-size: 35px;}
    .pp_left {padding-right: 15px; height: calc(100% - 115px);}
    .pp_right {height: calc(100% - 115px);}
    .fancybox-type-iframe .fancybox-close {width: 30px; height: 30px; background: url('/img/close.svg'); background-size: cover; top: 60px; right: 20px;}
}

/* От портретного планшета до ландшафтного экрана и настольных дисплеев */
@media (min-width: 768px) and (max-width: 979px) {
    body {font-size: 14px;}
    .title {font-size: 35px;}
    .subtitle {font-size: 18px;}    
    .box.video {
        padding-top: 56.25%;
    }    
    .header_text {
        font-size: 20px;
    }
    .header_buttons img{
        width: 150px;
    }


    .content_text {
        padding-top: 40px;
    }
    .content_text .text {
        width: 90%;
        margin-bottom: 60px;
    }  
    .content_text .texts {
        width: 95%;
    }     
    .content_text .texts .elem {
        font-size: 14px;
    }
    .content_text .texts .elem_wrap {
        padding: 30px;
    }



    .media {
        margin-top: 90px;
        margin-bottom: 130px;
    }
    .media .imgs {
        width: 95%;
    }    

    .content_subscribe {
        width: 95%;
    }    
    .content_text .texts .elem p.title {
        font-size: 35px;
        line-height: 43px;
    }    
    .subscribe_form .fields .field.email {display: block; width: 97.3% !important; margin: 0px auto 22px auto !important;}
    .fields .field {margin: 0 1.5%; width: 47% !important;}
    .fields .field:nth-child(2n) {margin-left: 0;}
    .subscribe_form { width: 85%} ;
    .subscribe_form label input {margin-left: 0px; margin-right: 10px;}

    .checkbox_group label {padding-left: 0px;}
    .checkbox_group label input {margin-left: 0px; margin-right: 10px !important;}
    .checkbox_group button {}
    .notification {width: 85%; text-align: center; padding-left: 0px;}
    .after_form {width: 85%; padding-left: 0px;}    

    #mc_embed_signup .mc-field-group label {font-size: 14px; line-height: 19px;}

    .content_subscribe .logos {width: 90%; margin: 120px auto 40px auto;}

    .pp_wrap {width: 95%; padding: 40px 0px;}
    .pp_wrap .title {line-height: 40px; margin-bottom: 60px;}
    .pp_left {padding-right: 15px; height: calc(100% - 115px);}
    .pp_right {padding: 0 20px; height: calc(100% - 115px);}    
    .fancybox-type-iframe .fancybox-close {width: 30px; height: 30px; background: url('/img/close.svg'); background-size: cover; top: 60px; right: 25px;}
}

/* Средний дисплей */
@media (min-width: 980px) and (max-width: 1370px) { 
    .title {font-size: 44px;}
    .subtitle {font-size: 20px;}

    .header_text {
        font-size: 23px;
    }

    .header_buttons img{
        width: 180px;
    }

    .content_text .text {
        width: 70%;
        margin-bottom: 75px;
    }            
    .content_text .texts .elem_wrap {
        padding: 40px;
    }
    .content_text .texts .elem {
    }
    .content_text .texts .elem p.title {
        font-size: 38px;
        line-height: 45px;
    }

    .content_subscribe {
        width: 90%;
    }
    .pp_wrap {width: 95%; padding: 40px 0px;}    
    .subscribe_form  { width: 85%} ;
    .pp_wrap {width: 90%;}

}

@media  (min-width: 1371px) and (max-width: 1600px) { 
    .content_text .text {
        width: 55%;
    }    
}