body { overflow:hidden }
.container{width: 100%;}
a:hover{text-decoration:none;color: #ffc700;}

html, body {
    position: relative;
    height: 100%;
}
.main-swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.main-swiper-container .main-swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #ffffff;
}
.button-next{
    animation: button-next-ani 1s ease-in-out infinite alternate;
    -moz-animation: button-next-ani 1s ease-in-out infinite alternate;
    -webkit-animation: button-next-ani 1s ease-in-out infinite alternate;
    -o-animation: button-next-ani 1s ease-in-out infinite alternate;
}
@keyframes button-next-ani { from {bottom: 20px;opacity: 1;} to {bottom: 30px; opacity: 0.5;} }
@-moz-keyframes button-next-ani { from {bottom: 20px;opacity: 1;} to {bottom: 30px; opacity: 0.5;} }
@-webkit-keyframes button-next-ani { from {bottom: 20px;opacity: 1;} to {bottom: 30px; opacity: 0.5;} }
@-o-keyframes button-next-ani { from {bottom: 20px;opacity: 1;} to {bottom: 30px; opacity: 0.5;} }


.main-swiper-container .main-swiper-slide > .background {
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-1 > .item-1-background {
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-size: cover;
}



.item-1-ani { position: absolute;top: 0;
    right: -100%;
    transition:  right 10s linear;
    -moz-transition:  right 10s linear;
    -webkit-transition:  right 10s linear;
    -o-transition:  right 10s linear;
}
.item-1-ani-start { left: 0; right: auto;}
.item-1-ani-move {  right: 0;  }






.btn-yellow{background-color: #ffc700;color: #595959; border-radius: 10px;}




.item-4 .background{ text-align: center;}
.item-4 .row > p{color: #595959;}


.item-5 .row{     display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-5 a { width: 100%; height: 100%; color: #595959;}
.item-5 a:hover{color: #ffc700}


.item-6 .background{ text-align: center;}
.item-6 .row > p{color: #595959;}

@media (min-width: 375px){

    .item-1 .left-content{background: url("../img/index_1/2.png") no-repeat left top;height: 112%;width: 136%;margin-top: 16%;background-size: 100%;margin-left: -132px;}

    .item-1 .left-content > img {position:relative;left: 140px;top: 50px;width: 60%;}



    .item-3 .item-3-background,
    .item-4 .row ,
    .item-5 .row ,
    .item-6 .row{
        padding-top:66px;
    }


    .item-2 .row { padding-top:0;}
    .item-2 .row > .col-md-7  > img{  float: right;  width: 100%;  }
    .item-2 .jumbotron{  padding-top: 0;  padding-left: 3%;  padding-right: 3%; text-align: center; }
    .item-2 .jumbotron img{width: 100px;}
    .item-2 .content{font-size: 12px;padding: 10px 0 10px 0;line-height: 1.5;}
    .item-2 .btn-yellow {padding: 8px 40px;font-size: 12px; border-radius: 10px;}




    .item-4 .row > img{width: 180px;padding-top: 20px;}
    .item-4 .row > p{font-size: 14px;padding-top: 10%;}
    .item-4 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}


    .item-5 .row{ }
    .item-5 .row .col-md-12 img{width: 180px;padding-bottom: 20px;padding-top: 20px;}
    .item-5 a { width: 100%;height: 100%;}
    .item-5 .col-md-4 { width: 100%; padding: 20px 80px; margin-bottom: 10px; text-align: center;}
    .item-5 .col-md-4 h5{font-size: 30px;color: #ffffff;text-shadow: 5px 5px 5px #000000;}


    .item-6 .row > img{width: 180px;padding-top: 20px;}
    .item-6 .row > p{font-size: 14px;padding-top: 10%;}
    .item-6 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}

}

@media (min-width: 414px){

    .item-1 .left-content{background: url("../img/index_1/2.png") no-repeat left top;height: 112%;width: 136%;margin-top: 16%;background-size: 100%;margin-left: -132px;}

    .item-1 .left-content > img {position:relative;left: 140px;top: 50px;width: 60%;}



    .item-3 .item-3-background,
    .item-4 .row ,
    .item-5 .row ,
    .item-6 .row{
        padding-top:66px;
    }


    .item-2 .row { padding-top:0;}
    .item-2 .row > .col-md-7  > img{  float: right;  width: 100%;  }
    .item-2 .jumbotron{  padding-top: 0;  padding-left: 3%;  padding-right: 3%; text-align: center; }
    .item-2 .jumbotron img{width: 100px;}
    .item-2 .content{font-size: 12px;padding: 10px 0 10px 0;line-height: 1.5;}
    .item-2 .btn-yellow {padding: 8px 40px;font-size: 12px; border-radius: 10px;}




    .item-4 .row > img{width: 180px;padding-top: 20px;}
    .item-4 .row > p{font-size: 14px;padding-top: 0.5%;}
    .item-4 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}


    .item-5 .row{ }
    .item-5 .row .col-md-12 img{width: 180px;padding-bottom: 20px;padding-top: 20px;}
    .item-5 a { width: 100%;height: 100%;}
    .item-5 .col-md-4 { width: 100%; padding: 20px 80px; margin-bottom: 10px; text-align: center;}
    .item-5 .col-md-4 h5{font-size: 30px;color: #ffffff;text-shadow: 5px 5px 5px #000000;}


    .item-6 .row > img{width: 180px;padding-top: 20px;}
    .item-6 .row > p{font-size: 14px;padding-top: 0.5%;}
    .item-6 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}

}

@media (min-width: 768px){

    .item-1 .left-content{background: url("../img/index_1/2.png") no-repeat left top;height: 100%;width: 100%;margin-top: 5%;background-size: 100%;margin-left: -25%;}

    .item-1 .left-content > img {position:relative;left: 20px;top: 98px;width: 62%;}



    .item-3 .item-3-background,
    .item-4 .row ,
    .item-5 .row ,
    .item-6 .row{
        padding-top:90px;
    }


    .item-2 .row { padding-top:0;}
    .item-2 .row > .col-md-7  > img{  float: right;  width: 100%;  }
    .item-2 .jumbotron{  padding-top: 0;  padding-left: 3%;  padding-right: 3%; text-align: center; }
    .item-2 .jumbotron img{width: 150px;}
    .item-2 .content{font-size: 14px;padding: 10px 0 30px 0;line-height: 1.5;}
    .item-2 .btn-yellow {padding: 8px 40px;font-size: 12px; border-radius: 10px;}




    .item-4 .row > img{width: 180px;padding-top: 20px;}
    .item-4 .row > p{font-size: 14px;padding-top: 0.5%;}
    .item-4 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}


    .item-5 .row{ }
    .item-5 .row .col-md-12 img{width: 180px;padding-bottom: 20px;padding-top: 20px;}
    .item-5 a { width: 100%;height: 100%;}
    .item-5 .col-md-4 {width: 100%;padding: 40px 120px;margin-bottom: 10px;text-align: center;}
    .item-5 .col-md-4 h5{font-size: 30px;color: #ffffff;text-shadow: 5px 5px 5px #000000;}


    .item-6 .row > img{width: 180px;padding-top: 20px;}
    .item-6 .row > p{font-size: 14px;padding-top: 0.5%;}
    .item-6 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}

}

@media (min-width: 1000px){

    .item-1 .left-content{background: url("../img/index_1/2.png") no-repeat left top;height: 100%;width: 100%;margin-top: 5%;background-size: 100%;margin-left: -25%;}

    .item-1 .left-content > img {position:relative;left: 20px;top: 98px;width: 62%;}



    .item-3 .item-3-background,
    .item-4 .row ,
    .item-5 .row ,
    .item-6 .row{
        padding-top:90px;
    }


    .item-2 .row { padding-top:120px;}
    .item-2 .row > .col-md-7  > img{  float: right;  width: 100%;  }
    .item-2 .jumbotron{  padding-top: 0;  padding-left: 3%;  padding-right: 3%; text-align: center; }
    .item-2 .jumbotron img{width: 150px;}
    .item-2 .content{font-size: 14px;padding: 10px 0 30px 0;line-height: 1.5;}
    .item-2 .btn-yellow {padding: 8px 40px;font-size: 12px; border-radius: 10px;}

    .item-2 .col-md-5 ,.item-2 .col-md-7 {     right: auto; left: auto;
        width: auto;}


    .item-4 .row > img{width: 180px;padding-top: 20px;}
    .item-4 .row > p{font-size: 14px;padding-top: 0.5%;}
    .item-4 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}


    .item-5 .row{ }
    .item-5 .row .col-md-12 img{width: 180px;padding-bottom: 20px;padding-top: 20px;}
    .item-5 a { width: 100%;height: 100%;}
    .item-5 .col-md-4 {width: 100%;padding: 40px 120px;margin-bottom: 10px;text-align: center;}
    .item-5 .col-md-4 h5{font-size: 30px;color: #ffffff;text-shadow: 5px 5px 5px #000000;}


    .item-6 .row > img{width: 180px;padding-top: 20px;}
    .item-6 .row > p{font-size: 14px;padding-top: 0.5%;}
    .item-6 .row > .btn{margin-top: 25%; padding: 8px 40px;font-size: 12px;border-radius: 10px;}

}