.container{
    margin-top:20px
}
.carousel-indicators .active{
    background-color:#2980b9
}
.carousel-control{
    width:0
}
.carousel-control.left,.carousel-control.right{
    opacity:1;
    background-image:none;
    background-repeat:no-repeat;
    text-shadow:none
}
.carousel-control.left span{
    padding:15px
}
.carousel-control.right span{
    padding:15px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:45%;
    z-index:5;
    display:inline-block
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
    left:0
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
    right:0
}
.carousel-control.left span,.carousel-control.right span{
    background-color:#000
}
.carousel-control.left span:hover,.carousel-control.right span:hover{
    opacity:.7
}
.header-text{
    position:absolute;
    top:20%;
    left:1.8%;
    right:auto;
    width:96.66666666666666%;
    color:#fff
}
.header-text h2{
    font-size:40px
}
.header-text h2 span{
    background-color:#2980b9;
    padding:10px
}
.header-text h3 span{
    background-color:#000;
    padding:15px
}
.btn-min-block{
    min-width:170px;
    line-height:26px
}
.btn-theme{
    color:#fff;
    background-color:transparent;
    border:2px solid #fff;
    margin-right:15px
}
.btn-theme:hover{
    color:#000;
    background-color:#fff;
    border-color:#fff
}
.carousel{
    position:relative
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner>.item{
    position:relative;
    display:none;
    -webkit-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    display:block;
    height:auto;
    max-width:100%;
    line-height:1
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
    display:block
}
.carousel-inner>.active{
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev{
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next{
    left:100%
}
.carousel-inner>.prev{
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right{
    left:0
}
.carousel-inner>.active.left{
    left:-100%
}
.carousel-inner>.active.right{
    left:100%
}
.carousel-control{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:15%;
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    opacity:.5
}
.carousel-control.left{
    background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));
    background-image:-moz-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-repeat:repeat-x
}
.carousel-control.right{
    right:0;
    left:auto;
    background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
    background-image:-moz-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-repeat:repeat-x
}
.carousel-control:focus,.carousel-control:hover{
    color:#fff;
    text-decoration:none;
    opacity:.9
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:50%;
    left:50%;
    z-index:5;
    display:inline-block
}
.carousel-control .icon-next,.carousel-control .icon-prev{
    width:20px;
    height:20px;
    margin-top:-10px;
    margin-left:-10px;
    font-family:serif
}
.carousel-control .icon-prev:before{
    content:"\2039"
}
.carousel-control .icon-next:before{
    content:"\203a"
}
.carousel-indicators{
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none
}
.carousel-indicators li{
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    cursor:pointer;
    border:1px solid #fff;
    border-radius:10px
}
.carousel-indicators .active{
    width:12px;
    height:12px;
    margin:0;
    background-color:#fff
}
.carousel-caption{
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn{
    text-shadow:none
}
@media screen and (min-width:375px){
    .carousel-inner>.item>a>img,.carousel-inner>.item>img{
        display:block;
        max-width:100%;
        object-fit:cover;
        line-height:1;
        min-height:450px
    }
    @media screen and (min-width:768px){
        .carousel-control .icon-next,.carousel-control .icon-prev{
            width:30px;
            height:30px;
            margin-top:-15px;
            margin-left:-15px;
            font-size:30px
        }
        .carousel-caption{
            right:20%;
            left:20%;
            padding-bottom:30px
        }
        .carousel-indicators{
            bottom:20px
        }
    }
    .container{
        padding-right:15px;
        padding-left:15px;
        margin-right:auto;
        margin-left:auto
    }
    .container:after,.container:before{
        display:table;
        content:" "
    }
    .container:after{
        clear:both
    }
    .container:after,.container:before{
        display:table;
        content:" "
    }
    .container:after{
        clear:both
    }
    .row{
        margin-right:-15px;
        margin-left:-15px
    }
    .row:after,.row:before{
        display:table;
        content:" "
    }
    .row:after{
        clear:both
    }
    .row:after,.row:before{
        display:table;
        content:" "
    }
    .row:after{
        clear:both
    }
}
@media screen and (max-width:375px){
    .carousel-inner>.item>a>img,.carousel-inner>.item>img{
        display:block;
        max-width:100%;
        line-height:1;
        padding-top: 30px;
        min-height:200px!important
    }
}
@media screen and (max-width:767px){
    .carousel-inner>.item>a>img,.carousel-inner>.item>img{
        display: block;
        max-width: 100%;
        line-height: 1;
        padding-top: 30px;
        min-height: 400px!important;
    }
}
 /* #myModal  */
 @media (max-width: 767px){
    .carousel-indicators {
        position: absolute;
        bottom: -10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none;
    }
}