/* =========================
    Main Menu
   =========================
   ================================================== */
.main-slider {overflow: hidden;}
.main-slider .carousel-inner .item figure { margin: 0 }

.carousel-control.left,
.carousel-control.right { background: none }
.carousel-indicators{
    z-index:1;
}
.carousel {
    z-index: 0;
}
.carousel-control {
    border:2px solid rgba(255,255,255,.5);
    bottom: auto;
    height: 60px;
    margin-top: -30px;
    text-shadow: none;
    top: 50%;
    width: 60px;
    border-radius:100%;
    color: #fff;
}
.carousel-control .iconfont{font: 30px/60px "";}
.carousel-control.left {
    left: -100px;
    opacity: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #8fc31f;
    border-color: #8fc31f;
}
.carousel-control.right {
    right: -100px;
    opacity: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
}
.main-slider:hover .carousel-control.left {
    left: 30px;
    opacity: 1;
}
.main-slider:hover .carousel-control.right {
    right: 30px;
    opacity: 1;
}



.main-nav nav {
    margin-bottom: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}
.main-slider .carousel-inner .item figure { position: relative }

.main-slider .carousel-indicators li {
    margin:5px 0;
    height: 5px;
    width:6%;
    border-radius:20px;
    background:rgba(255,255,255,.5);
    border: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.main-slider .carousel-indicators li:hover { background: #8fc31f }
.main-slider .carousel-indicators .active {
    background-color: #8fc31f;width:10%;
    /*height: 5px;*/
    /*margin: 0;*/
    /*width: 50px;*/
}

.white{color: #fff;}
.green{color:#8fc31f; }
.red{color:#d63523}
.block{color: #000;}
.carousel-indicators {bottom:0; margin-bottom: 0;}






@media (min-width:1440px) and (max-width:991px) {
    .main-slider img {
        height:700px;
    }
}
@media (max-width:800px){


}

@media (max-width: 768px) {

    .carousel-control {height: 50px;width: 50px;}
    .carousel-control .iconfont {font:26px/50px "";}

}

@media (max-width: 640px) {

    .main-slider .carousel-indicators .active {height:3px; width:10%}
    .main-slider .carousel-indicators li{height: 3px; width:5%;margin:0;}
}

@media (max-width: 480px) {



}