.jssorb21 {
    position: absolute;
    margin-bottom: 48px;
}

    .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
        position: absolute;
        width: 42px;
        height: 6px;

        text-align: center;
        line-height: 19px;
        color: white;
        font-size: 12px;
        background:no-repeat;
        

        overflow: hidden;
        cursor: pointer;
    }

    .jssorb21 div, .jssorb21 .av{
        background: url(/Images/carousel_pagination.png) no-repeat;
    }

    .jssorb21 div:hover, .jssorb21 .av:hover{
        background: url(/Images/carousel_pagination_over.png) no-repeat;
        -moz-animation-duration: 1s;
-o-animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
    -moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
    -moz-animation-name: wobble-horizontal;
-o-animation-name: wobble-horizontal;
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
    -moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
    }

    .jssorb21 div,.jssorb21 div:hover{
        background-position: -55px -5px;
    }
    .jssorb21 .av,.jssorb21 .av:hover{
        background-position: -5px -5px;
    }

/* jssor slider arrow navigator skin 21 css */
/*
            .jssora21l                  (normal)
            .jssora21r                  (normal)
            .jssora21l:hover            (normal mouseover)
            .jssora21r:hover            (normal mouseover)
            .jssora21l.jssora21ldn      (mousedown)
            .jssora21r.jssora21rdn      (mousedown)
            */
.jssora21l, .jssora21r {
    display: block !important;
    position: absolute;
    width: 32px;
    height: 113px;
    cursor: pointer;
    overflow: hidden;
	opacity:0.2;
}

.jssora21l {
    background-image:url(/Images/prev.png);
        background-repeat:no-repeat;
        background-position:center center;
}

.jssora21r {
    background-image:url(/Images/next.png);
        background-repeat:no-repeat;
        background-position:center center;
}


.jssora21l.jssora21ldn {
    background-position: -243px -33px;
}

.jssora21r.jssora21rdn {
    background-position: -303px -33px;
}

.carousel {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 1600px;
    height: 605px;
    overflow: hidden;

    margin-bottom:1%;
}

.carousel .slides {
	cursor: move;
	position: absolute;
	left: 0;
	top: 0;
	width: 1600px;
	height: 605px;
	overflow: hidden;
}
.carousel .container{
	overflow:hidden;
	text-align:center;
}

.carousel-caption{
    position:relative;
    margin-top:210px;    
}
.carousel .slides a:hover{
    opacity:1;
}
.carousel-caption h3{
    font-size: 51px;
    font-weight: 500;
    line-height: 50px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.59);
    color: #fff;
    letter-spacing: -1px;
}
.carousel-caption .text{
    font-size: 28px;
    line-height: 29px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
}
        .carousel-caption .button {
            border: 1px solid #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            display: block;
            font-size: 14px;
            font-weight: 700;
            margin: 30px auto 0;
            padding: 16px 0;
            text-transform: uppercase;
            width: 20%;
        }

/*.carousel-caption .button:hover{
    opacity:0.8;
}*/
@media only screen and (max-width : 1130px) {
	.carousel-caption{
       
    }
    
    .carousel-caption .text{
       font-size: 36px;
    	line-height: 45px;
    }
	.carousel-caption h3{
       font-size: 62px;
    }
    .carousel-caption .button{
        
    }
}

@media only screen and (max-width : 900px) {
	 .carousel-caption{
       
    }
    
    .carousel-caption .text{
        font-size: 30px;
    }
	.carousel-caption h3{
       
    }
    .carousel-caption .button{
        font-size: 22px;
    }
}

@media only screen and (max-width : 600px){
    .carousel-caption{
        margin-top: 212px;
    }
    .carousel-caption h3{
        font-size: 100px;
        line-height: 98px;
		text-align:center;
    }
    .carousel-caption .text{
        display:none;
    }
    .carousel-caption .button{
        font-size:55px;
        border:0;
        width:60%;
        color:#ced8e0;
}

}

@media only screen and (max-width : 350px) {
    .carousel-caption {
    margin-top: 95px;
}
    .carousel-caption h3 {
    font-size: 125px;
    line-height: 113px;
}
    .carousel-caption .button{
        font-size: 67px;
    }
}

.inPageCarousel {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom:50px;
}

    .inPageCarousel .slides {
        cursor: move;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 400px;
        overflow: hidden;
    }
    .inPageCarousel .jssora21l{
        top:0 !important;
        left:0 !important;
        background-color:#c4c4c4;
        height:100%;
        background-image:url(/Images/prev.png);
        background-repeat:no-repeat;
        background-position:center center;
    }
      
        .inPageCarousel .jssora21r{
        top:0 !important;
        right:0 !important;
        background-color:#c4c4c4;
        height:100%;
        background-image:url(/Images/next.png);
        background-repeat:no-repeat;
        background-position:center center;
    }

/**************/
.carousel .jssora21l, .carousel .jssora21r {
    cursor: pointer;
    height: 113px;
    position: absolute;
    text-indent: -4000px;
    top: 220px;
    width: 45px;
    z-index: 150;
}
.carousel .jssora21l {
    background: transparent url("/Images/Left-arrow.png") no-repeat scroll 0 0;
    left: 45px;
}
.carousel .jssora21r {
    background: transparent url("/Images/Reft-arrow.png") no-repeat scroll -36px 0;
    right: 45px;
}
.carousel .jssora21l:hover {
            -moz-animation-duration: 1s;
-o-animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
    -moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
    -moz-animation-name: wobble-horizontal;
-o-animation-name: wobble-horizontal;
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
    -moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
    background-position: -48px 0;
}
.carousel .jssora21r:hover {
            -moz-animation-duration: 1s;
-o-animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
    -moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
    -moz-animation-name: wobble-horizontal;
-o-animation-name: wobble-horizontal;
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
    -moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
    background-position: 12px 0;
}