@charset "utf-8";

/*  --------------------------------
        START - reset all styles
    --------------------------------*/
.zuperSlider,
.zuperSlider * {
    margin:0;
    padding:0;
    border: medium none;
    font: normal 12px/18px Arial,Verdana;
}

.zuperSlider *:focus{outline:none}

.zuperSlider *::-moz-focus-inner {
    border:medium none;
}

.zuperSlider ul, 
.zuperSlider ul li {
    list-style-type:none;
}
/*  --------------------------------
        END - reset all styles
    --------------------------------*/


/*  --------------------------------
        START - general properties
    --------------------------------*/
/* slider width and height is done with config option from zuperSlider plugin) */
.zuperSlider {
     margin: 0pt auto;
     position: relative;
     width: 100%;
	 min-width:900px;
}

/* hide all children of slider (used for loading screen)*/
.zuperSlider>* {
    visibility: hidden;
}

/* loading screen image and size*/
.zuperSliderLoader {
     background: url("../images/loader.gif") no-repeat scroll center center transparent;
     width:100%;
     height:100%;
}

.zuperSlider img {
     display: block;
}
/*  --------------------------------
        END - general properties
    --------------------------------*/


/*  --------------------------------
        START - container properties
    --------------------------------*/
.zuperSlider>.container {
    position:absolute;   
    overflow: hidden;
    z-index: 1;     
    
    /* change container size here */
    width:100%;
    height:100%;
}

/* set container dimension */
.zuperSlider>.container>ul {
    position: absolute;    
    width:100%;
    height:100%;      
}

/* style <li> of container */ 
.zuperSlider>.container>ul>li {
    position: absolute;
    visibility: hidden;
    display: block;
    left: 0pt;
    top: 0pt;
    width:100%;
    height:100%;     
}

/* first child will be above all children */
.zuperSlider>.container>ul>li:nth-child(1) {
     z-index: 2;
}

/* slide active will have class 'active3' */
.zuperSlider>.container>ul>li.active3 {
    visibility: visible;
    overflow: hidden;
    z-index: 4;
}

/* slide animated will have class 'active2' */
.zuperSlider>.container>ul>li.active2 {
     visibility: visible;
     overflow: hidden;
     z-index: 3;
}
/*  --------------------------------
        END - container properties
    --------------------------------*/


/*  --------------------------------
        START - direction navigation - arrows (next, prev)
    --------------------------------*/
.zuperSlider>.arrow {
    position: absolute;
    z-index:20;
    cursor: pointer;  
    
    /* change arrows size here */
    height:67px;
    width:29px;    
}

/* right arrow image */
.zuperSlider>.next {
     background: url("../images/sprite.png") no-repeat scroll -140px -69px transparent;
}

.zuperSlider>.next:hover {
     background: url("../images/sprite.png") no-repeat scroll -140px 0 transparent;    
}

/* left arrow  image */
.zuperSlider>.prev:hover {
     background: url("../images/sprite.png") no-repeat scroll -111px 0 transparent;
}

.zuperSlider>.prev {
     background: url("../images/sprite.png") no-repeat scroll -111px -69px transparent;
}
/*  --------------------------------
        END - arrow buttons (next, prev)
    --------------------------------*/


/*  --------------------------------
        START - alternative navigation (bullets, numbers or images)
    --------------------------------*/
.zuperSlider>ul.nav,
.zuperSlider>ul.nav_num,
.zuperSlider>ul.nav_img {
     position: absolute;
     z-index: 21;    
}

/* bullets navigation */
.zuperSlider>ul.nav>li {
    background: url("../images/sprite.png") no-repeat scroll -36px -49px transparent;
    cursor: pointer;
    float: left;
    margin: 0 2px;
    
    /* change alternative navigation size here (bullets)*/
    width:14px;
    height:14px;    
}

/* 'bullets navigation' that is active */
.zuperSlider>ul.nav>li.active {
     background: url("../images/sprite.png") no-repeat scroll -36px -33px transparent;
}

/* numbers navigation */
.zuperSlider>ul.nav_num>li {
    background: url("../images/sprite.png") no-repeat scroll -50px -70px transparent;
    color: #09BBBB;
    cursor: pointer;
    float: left;
    font: italic 20px/36px Georgia,Arial,Verdana;
    margin: 0 2px;
    text-align: center;
    
    /* change alternative navigation size here (numbers)*/
    height: 42px;    
    width: 42px;
}

/* 'numbers navigation' that is active */
.zuperSlider>ul.nav_num>li.active {
    background: url("../images/sprite.png") no-repeat scroll -3px -70px transparent;
     color:#fff;
}

/* images navigation (set size with config option from zuperSlider plugin)*/
.zuperSlider>ul.nav_img>li {
    cursor: pointer;
    float: left;
    margin: 2px;
    opacity: 0.7;
    filter: alpha(opacity = 0);
    overflow: hidden;
    position: relative;
    border:3px solid #fff;
}

/* 'images navigation' that is active */
.zuperSlider>ul.nav_img>li.active {
    opacity: 1;
    filter: alpha(opacity = 100);
    border:3px solid #09bbbb;
}

/* if 'images navigation' has content style it */
.zuperSlider>ul.nav_img>li>div {
    position:absolute;
    top: 5px;
    left: 5px;
}

/* navigation with thumbs (set size with config option from zuperSlider plugin) */
.zuperSlider .nav_thumb {
     background: url("../images/thumbs_arrow.png") no-repeat scroll center bottom transparent;
     padding-bottom: 3px;
     position: absolute;
}

.zuperSlider .nav_thumb>div {
     overflow:hidden;
     border:3px solid #fff;
}
/*  --------------------------------
        END - alternative navigation
    --------------------------------*/


/*  --------------------------------
        START - auto (slideshow)
    --------------------------------*/
/* circular type */
.zuperSlider>.circular {
    background: url("../images/sprite.png") no-repeat scroll 0 0 transparent;
    position:absolute;
    z-index:17;
    
    /* change circular size here */
    width:30px;
    height:30px;    
}
.zuperSlider>.circular>.circularWrap {    
    cursor:pointer;
    position:absolute;
    
    /* change circular clip property here */
    clip: rect(0 30px 30px 15px);
    
    /* change circular container size here */
    height:30px;
    width:30px;    
}

.zuperSlider>.circular>.circularWrap>.circularRight, 
.zuperSlider>.circular>.circularWrap>.circularLeft {
    position:absolute;
    top:0;
    left:0;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    
    /* change circular elements size here */
    width:30px;
    height:30px;    
}

/* circular left element */
.zuperSlider>.circular>.circularWrap>.circularLeft {
    background: url("../images/sprite.png") no-repeat scroll -31px 0 transparent;
    display:none;
}

/* circular right element */
.zuperSlider>.circular>.circularWrap>.circularRight {
    background: url("../images/sprite.png") no-repeat scroll -61px 0 transparent;
}

/* numbers type */
.zuperSlider>.numbers {
     color: #fff;
     font: italic 26px Georgia,Arial,Verdana;
     position: absolute;
     z-index: 17;
}

/* line type */
.zuperSlider>.wrapTimer {
    position: absolute;
    z-index: 17;    
    overflow: hidden;
    
    /* change line width here (for responsive to work you must insert values in %)*/
    width:80%;
}

.zuperSlider>.wrapTimer>.timer {
     background: #fff;
     
     /* change line height here */
     height: 2px;
}

/* play/pause button */
.zuperSlider>.playPause {
     cursor: pointer;     
     position: absolute;     
     z-index: 18;
     
    /* change play/pause size here */
    width: 13px;
    height: 13px;
}

/* play is visible */
.zuperSlider>.play {
     background: url("../images/sprite.png") no-repeat scroll -1px -34px transparent;
}

.zuperSlider>.play:hover {
     background: url("../images/sprite.png") no-repeat scroll -1px -50px transparent;
}

/* pause is visible */
.zuperSlider>.pause {
     background: url("../images/sprite.png") no-repeat scroll -18px -33px transparent;
}

.zuperSlider>.pause:hover {
     background: url("../images/sprite.png") no-repeat scroll -18px -50px transparent;
}

/*  --------------------------------
        END - auto (slideshow)
    --------------------------------*/


/*  --------------------------------
        START - caption
    --------------------------------*/
.zuperSlider .caption {
     position: absolute;
     z-index: 2;
     opacity: 0;
     filter: alpha(opacity = 0);
}

/* start - captions style*/
.zuperSlider .caption1,
.zuperSlider .caption3 {
    background: #000;
    background: rgba(255, 255, 255, 0.8);
    left: 0px;
    padding: 26px 28px;
    top: 170px;
    width: 400px;
    color:#fff;      
}

.zuperSlider .caption3 {
    top: 255px;
}

.zuperSlider .caption1 h1,
.zuperSlider .caption3 h1 {
    color: #233C55;
    font: 14px Arial,Verdana;
    color:#000;
    margin-bottom:10px;
}

.zuperSlider .caption1 p,
.zuperSlider .caption3 p {
    color:#000;
}

.zuperSlider .caption2 {
    left: 0px;
    top: 251px;
	background:#000;
	background: rgba(0, 0, 0, 0.8);
	padding:10px;
}
.zuperSlider .caption2 h1 {
    color: #eee;
    font: 14px Arial,Verdana;, Arial,Verdana;
}
/* end - captions style*/

/*  --------------------------------
        END - caption
    --------------------------------*/

/*  --------------------------------
        START - square effect // internal needs (please do not modify)
    --------------------------------*/
.zuperSlider>.container>ul>.block {
     overflow: hidden;
     position: absolute;
     z-index: 5;
}

.zuperSlider>.container>ul>.block>li {
    display: block;
    visibility: visible;
    overflow:visible;
    position:absolute;
    width:100%;
    height:100%; 
}
/*  --------------------------------
        END - square effect
    --------------------------------*/

/*  --------------------------------
        START - used by touch navigation // internal needs (please do not modify)
    --------------------------------*/
.zuperSlider .grab * {
    cursor:url(../images/grab.cur), move;
    cursor: grab;
    cursor:-moz-grab;
}

.zuperSlider .grabbing * {
    cursor:url(../images/grabbing.cur), move !important;
    cursor: grabbing !important;
    cursor:-moz-grabbing !important;
}

.zuperSlider .nonGrab {
    cursor:auto;
}
/*  --------------------------------
        END - used by touch navigation
    --------------------------------*/
	
	
/*  --------------------------------
        START - content style
    --------------------------------*/	
.topfeatures {
     position: absolute;
     right: 5%;
     top: 20%;
}

.topfeatures h3 {
     color: #7B3E3E;
     font: bold 15px Arial,Verdana;
     margin-bottom: 6px;
}

.topfeatures li {
     color: #392E2E;
     font: bold 12px/19px arial,Verdana;
     list-style-type: circle ! important;
     margin-left: 38px;
}

/*  --------------------------------
        END - content style
    --------------------------------*/