/* reboot css */
*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
* {font-family: MuseoSansCyr;}
.center {text-align: center;}
.placeholder {display: block; width: 100%;}
ul {-webkit-padding-start: 0; list-style: none;}
label.error{
    display: none!important;
}
/* fonts */
  @font-face {
    font-family: "MuseoSansCyr";
    src:url("../fonts/MuseoSansCyr_100.eot");
    src:url("../fonts/MuseoSansCyr_100.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MuseoSansCyr_100.woff") format("woff"),
        url("../fonts/MuseoSansCyr_100.ttf") format("truetype"),
        url("../fonts/MuseoSansCyr_100.svg#MuseoSansCyr_100") format("svg");
    font-weight: 100;
    font-style: normal;
    }
  @font-face {
    font-family: "MuseoSansCyr";
    src:url("../fonts/MuseoSansCyr_300.eot");
    src:url("../fonts/MuseoSansCyr_300.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MuseoSansCyr_300.woff") format("woff"),
        url("../fonts/MuseoSansCyr_300.ttf") format("truetype"),
        url("../fonts/MuseoSansCyr_300.svg#MuseoSansCyr_300") format("svg");
    font-weight: 300;
    font-style: normal;
    }
  @font-face {
    font-family: "MuseoSansCyr";
    src:url("../fonts/MuseoSansCyr_500.eot");
    src:url("../fonts/MuseoSansCyr_500.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MuseoSansCyr_500.woff") format("woff"),
        url("../fonts/MuseoSansCyr_500.ttf") format("truetype"),
        url("../fonts/MuseoSansCyr_500.svg#MuseoSansCyr_500") format("svg");
    font-weight: 500;
    font-style: normal;
    }
  @font-face {
    font-family: "MuseoSansCyr";
    src:url("../fonts/MuseoSansCyr_700.eot");
    src:url("../fonts/MuseoSansCyr_700.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MuseoSansCyr_700.woff") format("woff"),
        url("../fonts/MuseoSansCyr_700.ttf") format("truetype"),
        url("../fonts/MuseoSansCyr_700.svg#MuseoSansCyr_700") format("svg");
    font-weight: 700;
    font-style: normal;
    }
  @font-face {
    font-family: "MuseoSansCyr";
    src:url("../fonts/MuseoSansCyr_900.eot");
    src:url("../fonts/MuseoSansCyr_900.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MuseoSansCyr_900.woff") format("woff"),
        url("../fonts/MuseoSansCyr_900.ttf") format("truetype"),
        url("../fonts/MuseoSansCyr_900.svg#MuseoSansCyr_900") format("svg");
    font-weight: 900;
    font-style: normal;
    }

/* Section 1 */
  .block-1 {padding: 0 0 115px 0; background: linear-gradient(0deg, #EAEFF5 , #fff);}
  .block-1 .placeholder.first {height: 15px}
  .block-1 .placeholder.second {height: 55px}
  .top.logo {float: left; background: #000; border-right: 1px solid; border-radius: 50%;}
  .top.logo-desc {display: block; float: left; margin: 10px 0 0 15px; font-size: 15px; font-weight: 300;}
  .email-top {margin-top: 20px; font-size: 15px;}
  .email-top span a {color: #D62B21; border-bottom: solid 1px;}
  .email-top span a:hover {border-bottom: dashed 1px; text-decoration: none;}
  .contacts-top {text-align: right; margin-top: 10px;}
  .contacts-top span {display: block}
  .contacts-top span:nth-child(1) {font-size: 15px}
  .contacts-top span:nth-child(2) {font-size: 20px; font-weight: 900}
  .contacts-top span:nth-child(3) {font-size: 13px; opacity: .8;}
  hr.top {margin: 30px 0 50px;}
  .table-img {width: 100%}
  .table-title {font-size: 34px; font-weight: 900; margin: 15px 0;}
  .table-desc {font-size: 20px; line-height: 50px; margin-left: 30px;}
  .table-desc li::before {content: ''; width: 10px; height: 10px; position: absolute;
    background: #D82F20; line-height: 50px; margin: 20px 0 20px -30px;}
  .form-block {border: 8px solid #FFEF04; padding: 40px 25px 60px;
    background: linear-gradient(to bottom, #D62B21 0%, #A41B14 100%);}
  .form-title {text-align: center; font-size: 32px; font-weight: 900; color: #fff; margin-bottom: 40px;}
  input.input {width: 100%; padding: 30px 20px; font-size: 18px; outline: none;}
  button.button {padding: 35px 0 30px; width: 100%; background: linear-gradient(to bottom, #fe0 0%, #FAD000);
    border: 0; border-bottom: 5px solid #A49300; border-radius: 5px; box-shadow: 0 2px 25px 0 rgba(254, 232, 0, 0.42);
    font-weight: 900; text-transform: uppercase; font-size: 14px; cursor: pointer;}
  button.button:hover {background: linear-gradient(to bottom, #FAD000 0%, #fe0);}
  button.button:active {border: 0; outline: none; box-shadow: none; padding: 38px 0 32px;}

/* Section 2 */
  .block-2 .placeholder.first {height: 100px}
  .block-2 .block-title {font-size: 40px; line-height: 48px; font-weight: 900}
  .block-2 .block-desc {font-size: 24px; line-height: 29px; margin: 40px 0; font-weight: 300}
  .block-2 .block-video {margin-bottom: 40px;}
  .block-2 .form-block {padding: 40px 25px}
  hr.second {margin: 85px 0 110px}

/* Section 3 */
  .block-3 .block-title {font-size: 40px; line-height: 48px; font-weight: 900}
  .block-3 .placeholder.first {height: 50px}
  .block-3 .placeholder.second {height: 30px}
  .block-3 .placeholder.third {height: 90px}
  .block-3 .table-title {font-size: 30px}
  .block-3 .block-cost {font-size: 24px; font-weight: 700}
  .block-3 .block-price div {font-size: 16px}
  .block-3 .block-price div span {background: #A41B14; padding: 5px 10px; color: #fff;}
  .block-3 .block-date {font-size: 16px; font-weight: 900; margin-top: 20px}
  .block-3 .gray-bg {background: #E8E8E8; padding: 0; margin: 0 15px;}
  .block-3 .gray-block {padding: 140px 0 0 50px;}
  .block-3 button.button {margin-top: 30px;}
  .form-desc-title {font-size: 28px; font-weight: 900; margin-bottom: 30px;}
  ul.form-desc {font-weight: 300; font-size: 18px;}

/* Section 4 */
  .block-4 {background: url(../img/4/bg.jpg) top center no-repeat; padding: 100px 0; margin: 130px 0 80px; background-size: 100% 100%;}
  .block-4 .block-title {font-size: 40px; font-weight: 900; color: #fff;}
  .block-4 .placeholder.first {height: 65px}
  .block-4 .adv-title {font-size: 24px; font-weight: 900; color: #fff; margin: 35px 0 15px;}
  .block-4 .adv-desc {font-size: 21px; font-weight: 300; color: #fff;}

/* Section 5 */
  .block-5 .block-title {font-size: 40px; line-height: 48px; font-weight: 900}
  .clients-logo {margin: 30px 0 80px;}
  .clients-logo img {padding: 0 15px;}

/* Section 6 */
  .block-6 img.table-img {width: 100%}
  .block-6 {padding: 110px 0; background: linear-gradient(180deg, #fff004 50%, #FFB404);}
  .block-6 .block-title {font-size: 40px; line-height: 48px; font-weight: 900}
  .block-6 .placeholder.first {height: 65px}
  .block-6 .placeholder.second {height: 65px}
  .rutube-popup {cursor: pointer;}
  .rutube-desc {font-size: 18px; letter-spacing: 3px}
  .block-6 .form-block {box-shadow: 0 0 100px rgba(0,0,0,.15); margin: 100px 0 0 0;}

/* Section 7 */
  #map {width: 100%; height: 750px;}
  .contact-block {padding: 40px 30px; background: linear-gradient(180deg, #D62B21 50%, #A41B14);
    border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,.15); color: #fff;
    position: absolute; z-index: 1; top: 140px;}
  .contact-title {font-size: 26px; font-weight: 900; margin-bottom: 15px;}
  .contact-adress {font-size: 18px; font-weight: 300px; margin-bottom: 20px;}
  .contact-phone-label, .contact-email-lable {font-size: 18px; margin-bottom: 15px;}
  .contact-phone, .contact-email {font-size: 24px; font-weight: 700; margin-bottom: 20px;}
  .contact-requisites {font-size: 16px; font-weight: 100;}

/* Section 8 */
  .block-8 .placeholder.first {height: 65px}
  .block-8 .footer {margin: 30px 0;}
  .block-8 .contacts-top {text-align: left;}
  .block-8 button.button {padding: 30px 0 25px;}
  .dev-block {margin-top: 20px;}
  .dev-link {color: #212529; border-bottom: 1px solid;}
  .dev-link:hover {color: #212529; border-bottom: 1px dashed; text-decoration: none}

/* Popup */
  #popup-callback{background: linear-gradient(180deg, #D62B21 50%, #A41B14); text-align: right;}
  .popup-title{font-size: 32px; font-weight: 900; color: #fff;}
  .popup-close:hover {cursor: pointer; transition: all .3s; transform: rotate(180deg);}

/* Popup thanks */
  #thanks-block{background: linear-gradient(180deg, #D62B21 50%, #A41B14); text-align: right;}
  #thanks-block div img {margin: 30px 0;}
  .popup-title{font-size: 32px; font-weight: 900; color: #fff; margin-bottom: 30px}
  .popup-desc{color: #fff; margin-bottom: 30px;}
  .popup-close:hover {cursor: pointer; transition: all .3s; transform: rotate(180deg);}

#rutube_popup_container .fancybox-close-small:after {
    right: 0;
    top: 0;
}
.rutube_popup_container_video iframe {
    max-width: 100%;
}

body.fancybox-active {
    overflow: auto !important;
}

.fancybox-inner {
    overflow: hidden;
    zoom:1;
}

@media (max-width: 700px) {
    .rutube_popup_container_video iframe {
        height: 54vw;
    }

}

@media (max-width: 450px) {
    .top.logo {margin-left: 70px;}
    .email-top, .contacts-top {text-align: center;}
    .table-title {font-size: 24px;}
    .table-desc {font-size: 18px; line-height: 30px;}
    .table-desc li::before {margin: 8px 0 20px -30px;}
    .form-title {font-size: 22px; font-weight: 900; line-height: 25px;}
    input.input {padding: 10px; margin-bottom: 5px;}
    button.button {padding: 20px 0 15px;}
    .block-2 .block-title, .block-3 .block-title, .block-4 .block-title, .block-5 .block-title
    {font-size: 24px; line-height: 30px; font-weight: 900;}
    .block-2 .block-desc {font-size: 16px;}
    .block-3 .block-price div {margin-bottom: 15px;}
    .block-3 .gray-block {padding: 10px 30px;}
    .block-3 button.button {margin-top: 0px;}
    .block-4 .adv-desc {margin-bottom: 50px;}
    .clients-logo img {padding: 15px;}
    .block-6 img.table-img {width: 90%; margin-left: 5%;}
    .contact-block {position: initial; top: 0; margin: 30px 0;}
    #map {height: 350px;}
    .block-8 .contacts-top {text-align: center}
    .block-8 button.button {margin: 30px 0;}
  }

  @media (max-width: 360px) {
    .top.logo {margin-left: 50px;}
  }