@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-Light.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-LightItalic.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro.woff) format("woff"), url(../../fonts/GothamPro/GothamPro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-Italic.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-Medium.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-MediumItalic.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-Bold.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-BoldItalic.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-Black.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GothamPro;
    src: url(../../fonts/GothamPro/GothamPro-BlackItalic.woff) format("woff"), url(../../fonts/GothamPro/GothamPro-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

*, :after, :before {
    box-sizing: border-box
}

body, html {
    min-height: 100% !important
}

body {
    font: 400 16px/1.9 GothamPro, sans-serif;
    background: #fff;
    color: #000;

    --border-radius-main: 6px;
}

a {
    color: #000;
    outline: 0
}

a:active, a:hover {
    text-decoration: none
}

p {
    margin: 0 0 20px
}

img {
    display: block;
    max-width: 100%
}

em, i {
    font-style: italic
}

b, strong {
    font-weight: 700
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: GothamPro, sans-serif;
    color: #000;
    margin: 0 0 20px;
    line-height: normal;
    font-weight: 700
}

.h1, h1 {
    font-size: 52px
}

.h2, h2 {
    font-size: 48px
}

.h3, h3 {
    font-size: 44px
}

.h4, h4 {
    font-size: 40px
}

.h5, h5 {
    font-size: 36px
}

.h6, h6 {
    font-size: 32px
}

ol, ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

ol.marker li, ul.unordered li, ul.marker li, .post-container .marker li {
    position: relative;
    padding-left: 15px;
    margin-top: 5px
}

ol.marker li:first-child, ul.unordered li:first-child, ul.marker li:first-child {
    margin-top: 0
}

ul.unordered li:before, ul.marker li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0;
    top: 14px;
    background: #000;
    border-radius: 50%
}

ol.marker li {
    counter-increment: step-counter
}

ol.marker li:before {
    content: counter(step-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    color: #000;
    font-weight: 500
}

q {
    display: block;
    margin: 0 0 20px
}

small {
    font-size: 80%
}

svg {
    display: block;
    overflow: hidden
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #000;
    opacity: 1
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #000;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

input::-ms-clear {
    display: none
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.cover {
    padding: 0 15px;
    margin: 0 auto;
    min-width: 320px
}

body.no-scroll {
    overflow: hidden
}

.slick-slider .slick-list {
    width: 100%
}

.slick-slider .slick-slide {
    outline: 0
}

.tariffs .slick-list.draggable {
    overflow: visible
}

@media screen and (min-width: 600px) {
    .cover {
        max-width: 570px
    }
}

@media screen and (min-width: 768px) {
    .cover {
        max-width: 730px
    }
}

@media screen and (min-width: 990px) {
    .cover {
        max-width: 970px
    }
}

@media screen and (min-width: 1200px) {
    .cover {
        max-width: 1170px
    }

    body.no-scroll {
        overflow: visible
    }
}

@media screen and (min-width: 1360px) {
    .cover {
        max-width: 1250px
    }
}
