.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:992px) {
    .container {
        padding-left: 30px;
        padding-right: 30px
    }
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}


.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-ms-1,
.col-ms-10,
.col-ms-11,
.col-ms-12,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9 {
    float: left
}

.col-ms-12 {
    width: 100%
}

.col-ms-11 {
    width: 91.66666666666666%
}

.col-ms-10 {
    width: 83.33333333333334%
}

.col-ms-9 {
    width: 75%
}

.col-ms-8 {
    width: 66.66666666666666%
}

.col-ms-7 {
    width: 58.333333333333336%
}

.col-ms-6 {
    width: 50%
}

.col-ms-5 {
    width: 41.66666666666667%
}

.col-ms-4 {
    width: 33.33333333333333%
}

.col-ms-3 {
    width: 25%
}

.col-ms-2 {
    width: 16.666666666666664%
}

.col-ms-1 {
    width: 8.333333333333332%
}

html {
    cursor: default;
    font-size: 87.5%;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:768px) {
    html {
        font-size: 93.75%
    }
    
}

@media (min-width:1200px) {
    html {
        font-size: 100%
    }
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.625rem;
}

h3 { 
    font-size: 1.375rem
}

h1,
h2,
h3 {
    color: inherit;
    margin-top: 32px;
    margin-bottom: 16px;
    color: var(--main-color);
}

b, 
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

p {
    margin-bottom: 15px;
    line-height: 30px;
}

.preclearfix {
    clear: both;
    content: "";
    display: block
}

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

#container div.container {
    background: #fff
}

#container div.container {
    padding-top: 128px;
    padding-bottom: 96px;
}

@media (min-width:992px) {
    #container div.container {
        padding-bottom: 150px;
        padding-top: 150px
    }
}