/* This stylesheet generated by Transfonter (https://transfonter.org) on October 3, 2017 10:05 PM */

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.eot');
    src: local('Montserrat Light'), local('Montserrat-Light'), url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-MediumItalic.eot');
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-MediumItalic.woff') format('woff'), url('fonts/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.eot');
    src: local('Montserrat Thin'), local('Montserrat-Thin'), url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Thin.woff') format('woff'), url('fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLightItalic.eot');
    src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BoldItalic.eot');
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-BoldItalic.woff') format('woff'), url('fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-SemiBold.woff') format('woff'), url('fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLight.eot');
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-ExtraLight.woff') format('woff'), url('fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBoldItalic.eot');
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic.eot');
    src: local('Montserrat Italic'), local('Montserrat-Italic'), url('fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Italic.woff') format('woff'), url('fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-LightItalic.eot');
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-LightItalic.woff') format('woff'), url('fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BlackItalic.eot');
    src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-BlackItalic.woff') format('woff'), url('fonts/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBoldItalic.eot');
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

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

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.eot');
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Medium.woff') format('woff'), url('fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-ExtraBold.woff') format('woff'), url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.eot');
    src: local('Montserrat Black'), local('Montserrat-Black'), url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Black.woff') format('woff'), url('fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ThinItalic.eot');
    src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-ThinItalic.woff') format('woff'), url('fonts/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

body {
    font-family: 'Montserrat';
}

a {
    text-decoration: none;
}

.slider-header {
    max-width: 100%;
    font-weight: bold;
    font-size: 28px;
    color: #333333;
margin-top:40px;
    margin-bottom: 40px;
}

.slider-montage {
    max-width: 1210px;
    margin: 0 auto;
}

.slider-montage-btn {
    border-radius: 4px;
    background-color: #2680df;
    color: #fff;
	cursor:pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 23px 33px;
    display: block;
    width: max-content;
    margin: 0 auto;
}

.slider-msi-item {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: center;
    width: 130px;
  
  
}

.slider-msi-item-end {
    padding-left: 20px;
    padding-top: 11px;
}

.slider-msi-separator-end {
    background: url(img/line-arrow.png) no-repeat;
    width: 48px;
    height: 12px;
    margin: 36px 0px 0px 0px;
}

.slider-msi-separator {
    background: url(img/line.png) no-repeat;
    width: 40px;
    height: 3px;
    margin: 40px 0px 0px 0px;
   

}

.swiper-slide-img {
    overflow: hidden;

    border-radius: 9px;
}

.slider-msi-item-desc {
    color: #333333;
    margin-top: 15px;
    
}

.slider-msi-item-img {
    height: 72px;
}



.slider-msi-section {
    display: flex;
}


.slider-msi-item:nth-child(6)::after {
    content: '';
}

.slider-montage-steps {
    margin-bottom: 36px;
    margin-top: 60px;
}

.slider-msi-text {
    font-size: 23px;
    text-align: left;
    font-weight: bold;
    color: #333333;
    width: 290px;
}

.slider-msi-left {
    display: flex;
}


/* Slider */

.swiper {
    width: 100%;
   
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
   
    object-fit: cover;
}

.swiper-slide-item-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.swiper-slide-time::before {
    content: url(img/time.png);
    margin-right: 10px;
}

.swiper-slide-item {
    width: 100%;
}

.swiper-slide-item img {
    height: 270px;
    width: auto;
}

.swiper-slide-desc {
    max-width: 240px;
    text-align: left;
}

.swiper-wrapper {
    align-items: baseline;
}

.swiper-slide-item-bottom {
    font-weight: 600;
    font-size: 16px;
}

.swiper-button-next,
.swiper-button-prev {
    position: static;
}

.swiper-navigation {
    display: flex;
    margin-top: 68px;
}

.slider-header-out {
    display: flex;
    justify-content: space-between;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: url(img/arrow-right.png);
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: url(img/arrow-left.png);
}

.swiper-button-prev {
    padding-right: 20px;
}

.swiper-pagination {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding-right: 25px;
    top: -12px;
}

/* Adaptive */

@media (max-width: 1200px) {

    .slider-msi-separator {
        display: none;
    }
    .slider-msi-separator-end {
        display: none;
    }
    .slider-msi-item-end {
        padding: 0px;
        width: 100%;
        order: 1;
        text-align: center;
    }
    .slider-msi-left {
        order: 2;
        width: 100%;
        justify-content: space-between;
    }
    .slider-msi-section {
        flex-wrap: wrap;
        width: 100%;
    justify-content: center;
    
    }
    .slider-msi-text {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    .slider-montage {
        padding-left: 20px;
        padding-right: 20px;
    }
    .swiper-navigation {
        margin-top: 50px;
    }
}

@media (max-width: 768px) {
    .slider-header-out {
        display: block;
    }
    .swiper-navigation {
        margin-top: 40px;
        width: 145px;
        margin-bottom: 50px;
    }
    .slider-msi-left {
        justify-content: center;
        flex-wrap: wrap;
   
    }
    .slider-msi-item {
        margin: 20px;
    }
    .slider-montage {
        padding-left: 0px;
        padding-right: 0px;
    }
    .swiper-main-slider {
        padding-left: 50px;
        padding-right: 50px;
    }
    .swiper-slide-img img {
        margin: 0 auto;
        width: 100%;
        height: 269px;
    }
}