/*

 * jQuery Nivo Slider v3.2

 * http://nivo.dev7studios.com

 *


 */

/* The Nivo Slider styles */

/* #container {

    width:100%;

    height:100%;

    overflow:hidden;

    position:fixed;

    top:0px;

    left:0px;

}

.nivoSlider {

    position:fixed;

    top:-16px;

    left:0px;

}

.nivoSlider img {position:absolute;

    top:0px;

    left:0px;

} */

.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }

/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }

/* Caption styles */
.nivo-caption { text-align: center; position: absolute; left: 0px; bottom: 0px; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-html-caption { display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; width:60px;text-align: center;color:#FFF;background-color: rgba(0,0,0,0.5);border-radius: 50%;padding:0 !important;height:60px }
.nivo-directionNav a:hover{background-color: rgba(0,0,0,0.3);color:#FFF}
.nivo-prevNav { left: 5px; }
.nivo-nextNav { right: 5px; }
.nivo-directionNav a i{font-size: 24px !important;line-height: 60px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding:  0; }
.nivo-controlNav a { cursor: pointer; font-size: 40px; }
.nivo-controlNav a.active { font-weight: bold; }

/* ------------------------------

Default Theme

---------------------------------*/
.slider-direction { position: absolute; left: 0; top: 0; width: 100%; background: none; color: #fff; font-size: 16px; z-index: 999; display: none; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }

/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
.nivo-caption { position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; z-index: 6; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
@-webkit-keyframes myfirst {
	from { width: 0; }
	to { width: 100%; }
}
@keyframes myfirst {
	from { width: 0; }
	to { width: 100%; }
}
.slider-progress.pos_hover { -webkit-animation-play-state: paused; animation-play-state: paused; }

/* ------------------------------

custom slider

---------------------------------*/
.slider-progress { position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, .7); height: 5px; -webkit-animation: myfirst 5000ms ease-in-out; -moz-animation: myfirst 5000ms ease-in-out; -ms-animation: myfirst 5000ms ease-in-out; animation: myfirst 5000ms ease-in-out; }
.s-tb { display: table; height: 100%; width: 100%; float: left; }
.s-tb-c { display: table-cell; vertical-align: middle; }
.t-cn { text-align: center }
.t-lft { text-align: left }
.t-lfr { text-align: right }

/* ------------------------------

slider animation

---------------------------------*/