@media (max-width:768px){
    .menu{
        display:block
    }
    .menu__title{
        display:block
    }
    .menu__brands{
        margin:30px 0 10px 0
    }
    .menu__brandsItem{
        margin:0 15px 0 0
    }
}
.section--mainSlider{
    background-color:#f2f3f5
}
@media (max-width:1250px){
    .section--mainSlider{
        padding:0;
        text-align:center
    }
    .section--mainSlider .container{
        padding-right:0;
        padding-left:0
    }
}
.mainSlider{
    width:100%;
    max-width:1220px;
    vertical-align:top;
    display:inline-block;
    position:relative;
    z-index:1;
	margin: 15px 0px 10px;
}
.mainSlider__box{
    width:100%;
    max-width:1220px;
    padding-top:126px;
    background-color:#f9fafc;
    border-radius:5px;
    box-shadow:0 1px 1px rgba(0,0,0,.2);
    vertical-align:top;
    display:inline-block;
    position:relative;
    transform:translate3d(0,0,0);
    -webkit-perspective:500px;
    -moz-perspective:500px;
    perspective:500px;
    will-change:contents;
    overflow:hidden;
    z-index:1
}
.mainSlider__slide{
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    vertical-align:top;
    display:inline-block;
    opacity:0;
    z-index:1;
    transform:translate3d(0,0,-30px) scale(1.1);
    transition:transform .25s 0s ease,z-index 0s .25s ease,opacity .3s 0s ease
}
.mainSlider__slide.active{
    opacity:1;
    z-index:2;
    transform:translate3d(0,0,0) scale(1);
    transition:transform .25s 0s ease,z-index 0s 0s ease,opacity .3s 0s ease
}
.mainSlider__img{
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    min-width:100%;
    min-height:100%;
    margin:auto;
    position:absolute;
    border-radius:5px
}
.mainSlider__pag{
    left:0;
    right:0;
    bottom:10px;
    width:100%;
    height:20px;
    text-align:center;
    position:absolute;
    transition:opacity .2s ease-in;
    z-index:3
}
.mainSlider__pagProgress{
    width:100%;
    height:20px;
    background-color:#bdc0c5;
    transition:background-color .2s ease-in;
    position:relative;
    pointer-events:none
}
.mainSlider__pagItem{
    width:20px;
    height:20px;
    margin:0 10px 0 0;
    background-color:#bdc0c5;
    border-radius:50%;
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    cursor:pointer
}
.mainSlider__pagItem.active .mainSlider__pagProgress{
    background-color:#1ab1f1
}
.mainSlider__pagItem.active .mainSlider__pagProgress::before{
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#1793c8;
    transform:translate3d(-100%,0,0);
    position:absolute;
    z-index:1;
    animation-name:progress;
    animation-fill-mode:both;
    animation-duration:5s
}
.mainSlider__pagItem:hover .mainSlider__pagProgress{
    background-color:#1ab1f1
}
.mainSlider__pagItem:active{
    background:0 0
}
.mainSlider__pagItem:last-child{
    margin-right:0
}
.mainSlider__controlsBtn{
    top:50%;
    width:40px;
    height:40px;
    margin-top:-20px;
    border:0;
    opacity:.8;
    line-height:12px;
    background-color:#f0f2f4;
    transition:opacity .2s ease-out;
    vertical-align:top;
    display:inline-block;
    position:absolute;
    z-index:2
}
.mainSlider__controlsBtn--prev{
    left:0;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px
}
.mainSlider__controlsBtn--prev path{
    fill:#45576b
}
.mainSlider__controlsBtn--next{
    right:0;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px
}
.mainSlider__controlsBtn--next path{
    fill:#45576b
}
.mainSlider__controlsBtn:hover{
    opacity:1
}
.mainSlider__controlsBtn:active{
    transform:translateY(2px)
}
.mainSlider.loading .mainSlider__pag{
    opacity:0
}
.mainSlider.pause .mainSlider__pagProgress::before{
    animation-duration:0s
}
@keyframes progress{
    to{
        transform:translate3d(0,0,0)
    }
}
@media (max-width:768px){
    .mainSlider{
        margin:0
    }
    .mainSlider__box{
        border-radius:0
    }
    .mainSlider__img{
        border-radius:0
    }
    .mainSlider__pag{
        display:none
    }
}
@media (max-width:425px){
    .mainSlider__img{
        max-width:100%;
        width:100%;
        height:auto
    }
}
@media (min-width:1024px){
    .mainSlider{
        animation-fill-mode:both;
        animation-duration:.25s;
        animation-name:slideUp
    }
}