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

:root{
    --blue: #158df7;
    --silver: #F6F6F6;
    --violet: #ee2455;
    --grey: #a3a3a3;
    --darkgrey: #868e96;
    --green: #62cb85f7;
    --greenHover: #0ead43;
    --red: #e97480;
}

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

html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body{

    font-family: 'Cera Pro';
    font-size: 16px;
    font-weight: 100;
    background: #f2f3f5;
    line-height: 1.5;
    color: #333;
    display: flex;
    flex-direction: column;
}

.container{
    padding: 0 15px;
    width: 100%;
    margin-top: 60px;
}

.row{
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col{
    padding-left: 15px;
    padding-right: 15px;
}
.col-1,.col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    width: 100%;
}

/* Main */
.main{
    flex: 1 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}








/*Top menu*/
.top-menu{}
.top-menu__callback-button{
    
    font-weight: 100;
    /*font-size: 14px;*/
    color: #fff;
    background: #000;
    border: 1px solid #000;
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 5px 15px;
}

@media (min-width: 1160px) {
    
    .col-1 {
        width: 8.333333%;
    }
    .col-2 {
        width: 16.666667%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.3333333333%;
    }
    .col-5 {
        width: 41.666667%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.333333%;
    }
    .col-8 {
        width: 66.6666666667%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.333333%;
    }
    .col-11 {
        width: 91.666667%;
    }
    .col-12 {
        width: 100%;
    }
    .container{
        width: 1140px;
    }

    .main{
        margin-top: 30px;
        /*margin: 0;*/
    }

    .top-menu__callback-button{
        display: none;
    }

}

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

}


@media (min-width: 1366px) {
    
    .container{
        width: 1300px;
    }

}


@media (min-width: 1440px) {
    
    .container{
        width: 1400px;
    }

}