.slider-container {
    overflow: hidden;
    margin-top: 75px;
    height: 760px;
    background: #f1f2f5;
    position: relative;
    width: 100%;
}

.slider-container  .one-slide {
    display: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    padding-top: 200px;
}

.slider-nav {
    float: right;
    position: relative;
    z-index: 400;
    margin-top: 180px;
    display: none;
    margin-right: 20px;
}

.slider-nav  .up, .slider-nav  .down {
    width: 39px;
    height: 39px;
}

.slider-nav.dark  .up {
    background: url('/templates/frontend/images/up.png') no-repeat  center center;
}
.slider-nav.dark  .down {
    margin-top: 10px;
    background: url('/templates/frontend/images/down.png') no-repeat  center center;
}

.slider-nav.light  .up {
    background: url('/templates/frontend/images/up-white.png') no-repeat  center center;
}
.slider-nav.light   .down {
    margin-top: 10px;
    background: url('/templates/frontend/images/down-white.png') no-repeat  center center;
}

.slider-nav  .up:hover, .slider-nav  .down:hover {
    cursor: pointer;
}

.slider-nav .pages{

    font-size: 12px;
    color: #0f1e34;
    opacity: 0.5;
    position: absolute;
    margin-left: -25px;
    margin-top: -10px;
}

.slider-nav.light .pages {
    color: #fff;
}

.portfolio .slides {
    position: relative;
}
.portfolio .slides div {
    position: absolute;
}

.portfolio .slides div.shadow {
    opacity: 0;
}

.portfolio h2, .portfolio .sub,  .portfolio p, .portfolio .more {
    opacity: 0;
}
/*---portfolio block---*/



.slider-container a:hover {
    text-decoration: none;
}
.slide-bg-wrap {
    position: relative;
}

.portfolio-wrapper .portfolio {
    padding: 130px 30px 200px 30px;
}
.portfolio .sub {

    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 25px;
    color: #0f1e34;
    opacity: 0.5;
    margin-bottom: 24px;
    margin-top: -3px;
}

.portfolio p {
    color: #0f1e34;
    font-size: 16px;
    line-height: 24px;
}

.portfolio .more {

    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    color: #0f1e34;
    margin-top: 63px;
    margin-left: 3px;
    padding: 3px 0;
    width: 130px;
}

.portfolio .more.light {
    background: url('/templates/frontend/images/more-white.png') no-repeat  right center;
}
.portfolio .more.dark {
    background: url('/templates/frontend/images/more.png') no-repeat  right center;
}

.portfolio a {
    text-decoration: none;
}

.portfolio .sub, .portfolio p, .portfolio .more {
    position: relative;
    z-index: 10;
}


/*----slide1---*/
#slide1 {
    background:  url('/images/slider/slide1/bg.jpg') no-repeat  center;
    background-size: cover;
    z-index: 10;
}
/*commented default positions without animation*/

#slide1 .left-cloud {
    left: -600px;
    margin-top: -50px;
    width: 604px;
    height: 403px;
    background: url('/images/slider/slide1/left-cloud.png') no-repeat  center center;
    z-index: 10;
    opacity: 0;
}
#slide1  .right-cloud {
    right: -560px;
    margin-top: 110px;
    width: 623px;
    height: 403px;
    background: url('/images/slider/slide1/right-cloud.png') no-repeat  center center;
    z-index: 5;
    opacity: 0;
}

#slide1  .portfolio .col3 {
    position: relative;
    z-index: 99;
}
#slide1 .main {
    width: 854px;
    height: 432px;
    background: url('/images/slider/slide1/main.png') no-repeat  center center;
  /*  margin-top: 60px;   60+1130 = 1190 animation*/
     margin-top: -1130px;
    z-index: 6;
}
#slide1 .main-shadow {
    width: 970px;
    height: 504px;
    background: url('/images/slider/slide1/main-shadow.png') no-repeat  center center;
    margin-left: -50px;
    margin-top: 100px;
    z-index: 5;
}


#slide1 .air {
    width: 243px;
    height: 127px;
    background: url('/images/slider/slide1/air.png') no-repeat  center center;
   /* margin-top: 310px;    =1020 px animation*/
    margin-top: -710px;
    margin-left: 500px;
    z-index: 8;
}


#slide1 .air-shadow {
    width: 344px;
    height: 179px;
    background: url('/images/slider/slide1/air-shadow.png') no-repeat  center center;
    margin-top: 350px;
    margin-left: 470px;
    z-index: 7;
}


#slide1 .train {
    width: 245px;
    height: 127px;
    background: url('/images/slider/slide1/train.png') no-repeat  center center;
   /* margin-top: 295px;  =996 */
    margin-top: -695px;
    margin-left: 0;
    z-index: 15;
}


#slide1 .train-shadow {
    width: 330px;
    height: 194px;
    background: url('/images/slider/slide1/train-shadow.png') no-repeat  center center;
    margin-top: 315px;
    margin-left: -60px;
    z-index: 14;
}

#slide1 .map {
    width: 436px;
    height: 221px;
    background: url('/images/slider/slide1/map.png') no-repeat  center center;
    /*margin-top: 20px;   =820px */
    margin-top: -800px;
    margin-left: 240px;
    z-index: 19;
}


#slide1 .map-shadow {
    width: 528px;
    height: 287px;
    background: url('/images/slider/slide1/map-shadow.png') no-repeat  center center;
    margin-top: 60px;
    margin-left: 180px;
    z-index: 18;
}

#slide1 .customs {
    width: 243px;
    height: 127px;
    background: url('/images/slider/slide1/customs.png') no-repeat  center center;
   /* margin-top: 10px;  = 710*/
    margin-top: -700px;
    margin-left: 320px;
    z-index: 21;
}


#slide1 .customs-shadow {
    width: 338px;
    height: 186px;
    background: url('/images/slider/slide1/customs-shadow.png') no-repeat  center center;
    margin-top: 40px;
    margin-left: 260px;
    z-index: 20;
}

/*----slide2---*/
#slide2 {
    background:  url('/images/slider/slide2/bg.jpg') no-repeat  center;
    background-size: cover;
    z-index: 20;
}

#slide2 h2, #slide2 p, #slide2 .sub, #slide2 a, #slide2 .more {
    color: #fff;
    position: relative;
    z-index: 50;
}
#slide2 .col3 {
    padding-top: 40px;
}

#slide2 p {

}
#slide2 .main {
    width: 854px;
    height: 432px;
    background: url('/images/slider/slide2/main.png') no-repeat  center center;
    /*  margin-top: 60px;   60+630 = 1190 animation*/
    margin-top: -930px;
    z-index: 33;
}
#slide2 .main-shadow {
    width: 970px;
    height: 504px;
    background: url('/images/slider/slide2/main-shadow.png') no-repeat  center center;
    margin-left: -50px;
    margin-top: 100px;
    z-index: 32;
}

#slide2 .product {
    width: 471px;
    height: 243px;
    background: url('/images/slider/slide2/product.png') no-repeat  center center;
    /*  margin-top: 60px;   60+930 = 990 animation*/
    margin-left: 200px;
    margin-top: -930px;
    z-index: 38;
}
#slide2 .product-shadow {
    width: 597px;
    height: 339px;
    background: url('/images/slider/slide2/product-shadow.png') no-repeat  center center;
    margin-left: 130px;
    margin-top: 80px;
    z-index: 37;
}
#slide2 .map {
    width: 293px;
    height: 148px;
    background: url('/images/slider/slide2/map.png') no-repeat  center center;
    /*  margin-top: 35px;   =935 animation*/
    margin-top: -800px;
    margin-left: 400px;
    z-index: 40;
}
#slide2 .map-shadow {
    width: 359px;
    height: 214px;
    background: url('/images/slider/slide2/map-shadow.png') no-repeat  center center;
    margin-left: 350px;
    margin-top: 40px;
    z-index: 39;
}

/*----slide3---*/
#slide3 {
    z-index: 30;
    background:  url('/images/slider/slide3/bg.jpg') no-repeat  center;
    background-size: cover;
}

#slide3 h2, #slide3 p, #slide3 .sub, #slide3 a, #slide3 .more {
    color: #fff;
    position: relative;
    z-index: 60;
}


#slide3 p {
}
#slide3 .col3 {
    padding-top: 40px;
}

#slide3 .main {
    width: 855px;
    height: 429px;
    background: url('/images/slider/slide3/main.png') no-repeat  center center;
    /*  margin-top: 60px;   60+930 = 990 animation*/
    margin-top: -930px;
    z-index: 51;
}
#slide3 .main-shadow {
    width: 956px;
    height: 490px;
    background: url('/images/slider/slide3/main-shadow.png') no-repeat  center center;
    margin-left: -50px;
    margin-top: 100px;
    z-index: 50;
}

#slide3 .contact {
    width: 339px;
    height: 177px;
    background: url('/images/slider/slide3/contact.png') no-repeat  center center;
    /*  margin-top: 50px;   = 980 animation*/
    margin-left: 230px;
    margin-top: -930px;
    z-index: 54;
}
#slide3 .contact-shadow {
    width: 438px;
    height: 236px;
    background: url('/images/slider/slide3/contact-shadow.png') no-repeat  center center;
    margin-left: 220px;
    margin-top: 90px;
    z-index: 53;
}

/*----slide4---*/
#slide4 {
    background:  url('/images/slider/slide4/bg.jpg') no-repeat  center;
    background-size: cover;
    z-index: 40;
}

#slide4 h2, #slide4 p, #slide4 .sub, #slide4 a, #slide4 .more {
    color: #fff;
    position: relative;
    z-index: 70;
}
#slide4 .col3 {
    padding-top: 40px;
}

#slide4 .main {
    width: 919px;
    height: 463px;
    background: url('/images/slider/slide4/main.png') no-repeat  center center;
    margin-top: -930px;
    z-index: 61;
}
#slide4 .main-shadow {
    width: 996px;
    height: 529px;
    background: url('/images/slider/slide4/main-shadow.png') no-repeat  center center;
    margin-left: -50px;
    margin-top: 100px;
    z-index: 60;
}

#slide4 .product {
    width: 698px;
    height: 353px;
    background: url('/images/slider/slide4/product.png') no-repeat  center center;
    margin-left: 250px;
    margin-top: -930px;
    z-index: 64;
}
#slide4 .product-shadow {
    width: 776px;
    height: 449px;
    background: url('/images/slider/slide4/product-shadow.png') no-repeat  center center;
    margin-left: 180px;
    margin-top: 80px;
    z-index: 63;
}
#slide4 .contact {
    width: 444px;
    height: 224px;
    background: url('/images/slider/slide4/contact.png') no-repeat  center center;
    margin-top: -800px;
    margin-left: 200px;
    z-index: 66;
}
#slide4 .contact-shadow {
    width: 493px;
    height: 296px;
    background: url('/images/slider/slide4/contact-shadow.png') no-repeat  center center;
    margin-left: 150px;
    margin-top: 40px;
    z-index: 65;
}

@media all  and (max-width:1025px) {

    .portfolio .col3 {
        width: 99%;
    }
    #slide2 .col3, #slide3 .col3 {
        padding-top: 0;
    }

    .slider-container {
        height: 900px;
    }

    .portfolio .more {
        margin-top: 20px;
    }
    .slides {
        margin-top: -20px;
    }


    .portfolio-wrapper .portfolio {
        padding-top: 90px;
    }
}
@media all   and (min-width:481px) and (max-width:1025px) {
    .slider-container {
        margin-top: 0;
    }
    .portfolio .slider {
        margin-left: -250px;
    }

    .slider-nav {
        margin-top: 320px;
        margin-right: 20px;
    }

    .portfolio-wrapper .portfolio {
        padding-top: 65px;
    }
    .portfolio .col9 {
        height: 450px;
    }
}

@media all  and (max-width:600px) {
    .one-slide .slides {
        margin-left: -150px;
    }
}
@media all  and (max-width:480px) {

    .slider-container {
        margin-top: 35px;
    }

    .portfolio-wrapper {
        padding-top: 90px;
    }

    .portfolio p {
        font-size: 16px;
        line-height: 24px;
        max-width: 225px;
    }

    .portfolio .col9 {
        height: 450px;
    }
    .slider-nav {
        margin-top: 320px;
        margin-right: 20px;
    }

    .one-slide .slides {
        margin-left: -200px;
    }

    .portfolio-wrapper .portfolio {
        padding-top: 0;
    }

    .slider-container {
        height: 750px;
    }
}
/*------------------------------ mobile devices ----------------------------------------*/
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5)
{

    .portfolio .more.light {
        background: url('/templates/frontend/images/more-white-big.png') no-repeat  right center;
    }
    .portfolio .more.dark {
        background: url('/templates/frontend/images/more-big.png') no-repeat  right center;
    }

    .portfolio .more.light, .portfolio .more.dark {
        -webkit-background-size: 33px;
        -o-background-size: 33px;
        -moz-background-size: 33px;
        background-size: 33px;
    }

    .slider-nav.dark  .up {
        background: url('/templates/frontend/images/up-big.png') no-repeat  center center;
    }
    .slider-nav.dark  .down {
        margin-top: 10px;
        background: url('/templates/frontend/images/down-big.png') no-repeat  center center;
    }

    .slider-nav.light  .up {
        background: url('/templates/frontend/images/up-white-big.png') no-repeat  center center;
    }
    .slider-nav.light   .down {
        margin-top: 10px;
        background: url('/templates/frontend/images/down-white-big.png') no-repeat  center center;
    }

    .slider-nav.dark  .up,  .slider-nav.dark  .down, .slider-nav.light  .up,  .slider-nav.light   .down {
        -webkit-background-size: 39px;
        -o-background-size: 39px;
        -moz-background-size: 39px;
        background-size: 39px;
    }
}