/*-------------------------------------------------*/
/* =  8.SLIDER
/*-------------------------------------------------*/
 .slider-arr{
     color: #fff;
     position: absolute;
     font-size: 18px;
     top: 50%;
     width: 50px;
     height: 50px;
     background: #000000;
     padding: 17px;
     border-radius: 50px;
}
 .slider-con{
}
 .slider-con h2{
     font-size: 50px;
     text-transform: uppercase;
     line-height: 50px;
}
 .slider-con h2 span{
     font-size: 50px;
     text-transform: uppercase;
     font-weight: 700;
     line-height: 28px;
     color: #e66030;
}
 .slider-con p{
     font-size: 20px;
     color: #fff;
     margin-bottom: 40px;
     margin-top: 30px;
     line-height: 30px;
     font-weight: 300;
}
 .slider-con a{
    /* color: #fff;
     */
     padding: 14px 45px;
     line-height: 45px;
     border-radius: 3px;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     height: 45px;
     text-align: center;
     margin:0px 10px;
}
 .bann-btn-1{
     background: #f36b3b;
     background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);
     background: linear-gradient(to top, #ef612f, #f36b3b);
     color: #fff;
     border: 1px solid #f36b3b;
}
 .bann-btn-1:hover{
     border: 1px solid #fff;
     background:#fff;
     color:#333;
}
 .bann-btn-2{
     border: 1px solid #002972;
     color: #002972;
}
 .bann-btn-2:hover{
     border: 1px solid #fff;
     background:#fff;
     color:#333;
}
 .item{
}
 .item img{
     width:100%;
}
 .top-revi{
     float: left;
     position: relative;
     overflow: hidden;
     padding: 5px 5px 5px 5px;
     width: 20%;
}
 .top-revi img{
     width: 50px;
     height: 50px;
     float: left;
     margin-right: 10px;
     border-radius: 5px;
}
 .top-revi h4{
     float: left;
     display: block;
}
 .top-revi p{
    /* line-height: 5px;
     */
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     float: left;
     margin-bottom: 0px;
     font-size: 12px;
     width: 70%;
}
 .top-star-rat{
     margin-bottom: 0px;
     line-height: 10px;
     float: left;
     display: block;
}
 .top-star-rat i{
     font-size: 10px;
}
 .top-logo{
     padding: 12px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition:all 1s ease;
}
 .pop-form{
}
 .pop-form input{
     font-size: 16px;
}
 .ff3{
     border: 1px solid #c3c3c3;
     padding: 25px;
     border-top: 0px;
}
 .ff3 h3{
}
 .ff3 p{
}
 .pop-close{
}

 .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;
     -o-transition: .6s ease-in-out left;
     transition: .6s ease-in-out left;
}
 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
     line-height: 1;
}
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-inner > .item {
         -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition: -o-transform .6s ease-in-out;
         transition: transform .6s ease-in-out;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-perspective: 1000px;
         perspective: 1000px;
    }
     .carousel-inner > .item.next, .carousel-inner > .item.active.right {
         left: 0;
         -webkit-transform: translate3d(100%, 0, 0);
         transform: translate3d(100%, 0, 0);
    }
     .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
         left: 0;
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
    }
     .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
         left: 0;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .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);
     background-color: rgba(0, 0, 0, 0);
     filter: alpha(opacity=50);
     opacity: .5;
}
 .carousel-control.left {
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
     background-repeat: repeat-x;
}
 .carousel-control.right {
     right: 0;
     left: auto;
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
     background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
     background-repeat: repeat-x;
}
 .carousel-control:hover, .carousel-control:focus {
     color: #fff;
     text-decoration: none;
     filter: alpha(opacity=90);
     outline: 0;
     opacity: .9;
}
 .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
     position: absolute;
     top: 50%;
     z-index: 5;
     display: inline-block;
     margin-top: -10px;
}
 .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
     left: 50%;
     margin-left: -10px;
}
 .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
     right: 50%;
     margin-right: -10px;
}
 .carousel-control .icon-prev, .carousel-control .icon-next {
     width: 20px;
     height: 20px;
     font-family: serif;
     line-height: 1;
}
 .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;
     background-color: #000 \9;
     background-color: rgba(0, 0, 0, 0);
     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%;
     top: 22%;
     left: 15%;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
}
 .carousel-caption .btn {
     text-shadow: none;
}
 @media screen and (min-width: 768px) {
     .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
         width: 30px;
         height: 30px;
         margin-top: -10px;
         font-size: 30px;
    }
     .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
         margin-left: -10px;
    }
     .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
         margin-right: -10px;
    }
     .carousel-caption {
         right: 20%;
         left: 20%;
         padding-bottom: 30px;
    }
     .carousel-indicators {
         bottom: 20px;
    }
}