@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,600i,700,700i,800,800i&subset=cyrillic');



html {
    font-size: 16px;
    line-height: 1.3;
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    background-color: #f5f5f5;
    height: 100% !important;
    font-weight: 400;
}


.font-os {
    font-family: 'Montserrat', sans-serif;
}

.font-arial {
    font-family: Arial;
} 


.canvas {
    max-width: 1920px; 
    background-color: #fff;
    min-height: calc(100% + 1px);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.front-screen {
    flex-grow: 2;
}


.dark-box, .dark-box a {
    color: #fff;
    font-weight: 400;
}

.container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 60px;
    position: relative;
}

.baseblock {
    padding: 20px;
}

.maroon, .maroon a:not(.btn) {
    color: #d20034;
}

.gray, .gray a {
    color: #888;
}

:focus {outline:none;}

* {
    box-sizing: border-box;
}

p {
    margin: 20px 0;
}

h1, h2, h3, h4, h5 {
    margin: 24px 0;
}

h1 {
    font-size: 40px;
    font-weight: 600;
}

h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

h3 {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.3;
    text-transform: uppercase;
}

h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
}

h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}

a {
    outline: none;
    color: #780818;
    text-decoration: none;
    transition: all .2s;
}

b, strong {
    font-weight: 600;
}

img {
    display: table;
    padding: 0;
    margin: 0;
    width: auto;
    max-width: 100%;
}

input, textarea {
    font-family: 'Montserrat', sans-serif;
    outline: none;
    height: 48px;
    width: 100%;
    transition: all .2s;
    font-size: 14px;
    font-weight: 400;
    background: #f8f8f8;
    border: 1px solid #ddd;
    color: #324c33;
    padding: 0 16px;
    display: block;
    border-radius: 3px;
}

input.error, textarea.error {
    color: #FF595A !important;
}

textarea {
    resize: none;
    height: auto;
    overflow: auto;
    padding: 12px 16px;
}


button {
    border: none;
    cursor: pointer;
    outline: none;
}

.btn {
    font-family: 'Montserrat', sans-serif;
    height: 32px;
    font-weight: 400;
    color: #fff !important;
    background-color: #ff5300;
    text-align: center;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0 24px;
    transition: all .3s;
    overflow: hidden;
    border-radius: 3px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
}

.btn:hover {
    background-color: #a90012;
}

.btn-small {
    height: 36px;
    font-size: 14px;
    padding: 0 16px;
}

.btn-big {
    height: 64px;
    padding: 0 64px;
    font-size: 24px;
    text-transform: uppercase;
}


a.btn-small, span.btn-small {
    padding-top: 10px;
}

.popup .btn {
    height: 48px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}




input::-webkit-input-placeholder {color:#777;}
input::-moz-placeholder          {color:#777;}
input:-moz-placeholder           {color:#777;}
input:-ms-input-placeholder      {color:#777;}

textarea::-webkit-input-placeholder {color:#777;}
textarea::-moz-placeholder          {color:#777;}
textarea:-moz-placeholder           {color:#777;}
textarea:-ms-input-placeholder      {color:#777;}


input[type=checkbox] {
    position: absolute;
    left: -9999px;
}

input[type=checkbox] + label {
    display: inline-block;
    padding-left: 48px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

input[type=checkbox] + label:before {
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 2px solid #8bd6dc;
}

input[type=checkbox]:checked + label:after {
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    background-image: url(../images/check-rs.svg);
    background-position: center;
    background-repeat: no-repeat;
}


ul {
    padding: 0;
    margin: 0;
    display: block;
    list-style:none;
}

li {display: block;
    padding: 0;
    margin: 0;
}

ol {
    padding: 0;
    margin: 24px 0;
    counter-reset: li;
    list-style: none;
}

ol > li {
    position: relative;
    padding-left: 40px;
}

ol > li:before {
    content: counter(li)'.';
    counter-increment: li;
    display: inline-block;
    color: #ffb834;
    position: absolute;
    font-weight: 400;
    top: 0;
    left: 0;
}

table {
    border-collapse: separate;
    border-collapse: collapse;
    width: 100%;
}

.form-box input, .form-box textarea {
    width: 100%;
}

.dashed-line {
    border-bottom: 1px dashed #93d1f9;
}

.dotted-line {
    border-bottom: 1px dotted #93d1f9;
}



a.solid-line, .solid-line a {
    border-bottom: 1px solid #a04f5a;
}

a.solid-line-hover, .solid-line-hover a {
    border-bottom: 1px solid rgba(0,0,0,0);
}

a.solid-line-hover:hover, .solid-line-hover a:hover {
    border-bottom: 1px solid #777;
}

a.green.solid-line, .green a.solid-line, .green.solid-line a {
    border-bottom: 1px solid #697b6a;
}

.dark-box a.solid-line {
    border-bottom: 1px solid rgba(255,255,255,.6);
}

.left {text-align: left;}
.ovh {overflow: hidden;}


.popup {display: none;}

.itl {
    font-style: italic;
}

.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs24 {font-size: 24px;}
.fs32 {font-size: 32px;}
.fs40 {font-size: 40px;}
.fs56 {font-size: 56px;}

.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}

.lh130 {line-height: 1.3;}

.ttr {text-transform: uppercase;}


.row > * {
    float: left
}

.row:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clrfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clr {
    clear: both;
}

.clr-left {
    clear: left;
}

.wdt100 {width: 100%;}
.wdt960 {max-width: 960px;}

.tbl {display: table;}

.fll {float: left;}
.flr {float: right;}

.center {text-align: center}
.thiscenter {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.aspan, .aspan span {
    display: block;
}

.aspan.row-t > span {
    display: table-cell;
}

.aspan.row-tt > span {
    display: table-cell;
}

.aspan span.btn {
    display: table;
} 

.row-t {
    display: table;
}

.row-t > * {
    display: table-cell;
    vertical-align: middle;
}

.row-tt {
    display: table;
}

.row-tt > * {
    display: table-cell;
    vertical-align: top;
}


.flex {
    display: flex;
}

.flex-list {
    display: flex;
    flex-flow: row wrap;
}

.flex-center {
    justify-content: center;
}

.flex-center-v {
    align-items: center;
}


.boxes-list {
    font-size: 0;
}

.boxes-list > * {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
}

.bxz, .bxz * {
    box-sizing: border-box;
}


.tb > *:first-child {margin-top: 0 !important;}
.tb > *:last-child {margin-bottom: 0 !important;}



.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}



/*==============================================*/


.stepv-0 > * {
    margin-top: 0px;
    margin-bottom: 0px;
}

.stepv-8 > * {
    margin-top: 8px;
    margin-bottom: 8px;
}

.stepv-16 > * {
    margin-top: 16px;
    margin-bottom: 16px;
}

.step-16 {
    margin: -16px;
}

.step-16 > * {
    margin: 16px;
}




.column2 > * {
    width: 50%;
}



.interval-10 {
    margin: -5px;
}

.interval-10 > * {
    padding: 5px;
}

.interval-16 {
    margin: -8px;
}

.interval-16 > * {
    padding: 8px;
}

.interval-20 {
    margin: -10px;
}

.interval-20 > * {
    padding: 10px;
}


.interval-40 {
    margin: -20px;
}

.interval-40 > * {
    padding: 20px;
}


.column-2 > * {
    width: 50%;
}

.column-3 > * {
    width: 33.33333333%;
}

.column-4 > * {
    width: 25%;
}

.column-5 > * {
    width: 20%;
}


.cnt-column-3 {
    column-count: 3;
}

.cnt-column-3 > * {
    page-break-inside: avoid;  
}



.mt40 {
    margin-top: 40px;
}

.mtp40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mtp20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtp0 {
    margin-top: 0;
    margin-bottom: 0;
}

.open-box {
    display: none;
}

img.cover {
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center;
}



style, script {
    display: none!important;
}

.mce-content-body {
    padding: 20px;
}

.mce-content-body > *:first-child {
    margin-top: 0 !important;
}