@charset "utf-8";

/*  ---------------------------------------------
				reset all styles
    --------------------------------------------- */

/* @SLIDER */
.contentSlider{ width: 100%; float: left; clear: both; display: block; position: relative; padding:0; background: #333; overflow: hidden; }

.content-slider{  display: block; float: left; clear: both; width: 100%; position: relative; margin: 0px; padding: 0;}

.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;
    text-align: center;
}
/*	END - reset all styles */


/*  ---------------------------------------------
				general properties
    --------------------------------------------- */
/* container used for responsive feature. 
Set here the width and height of slider (for responsive use max-width and min-width; height must have numeric values)
For full screen with responsive feature set:     
	height: 100%;
	width:100%; 
	min-width: 640px; // your min-width value for slider
	position: fixed;
 */
.zuperWrap {	
    height: 450px;
	width: 100%;    
	min-width: 1000px;
	max-width: 2600px;
    position: relative;
    text-align: center;
    /* box-shadow: 0 5px 15px rgba(0, 0, 0, .1); */
}

/* do not modify. To change the slider width and height please modify zuperWrap class */
.zuperSlider {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
} 

/* 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;
}

.zuperSlider img {
     display: block;
     margin: 0 auto;
}
/*  END - properties */

/*  ---------------------------------------------
				container properties
    --------------------------------------------- */
.zuperSlider > .container {
    position: absolute;   
    overflow: hidden;
    z-index: 1;     
    
    /* change container size here */
    width: 100%!important;
    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: 0;
    top: 0;
    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 */


/*  ---------------------------------------------
    direction navigation - arrows (next, prev)
    --------------------------------------------- */
.zuperSlider > .arrow {position: absolute;z-index: 20;cursor: pointer;}

/* left arrow  image */
.zuperSlider > .prev{background: url("../images/sprite.png") no-repeat 0px 0px;top:135px;left:40px;width: 66px;height: 66px;}
.zuperSlider > .prev:hover{background-position: 0px 0px;}

/* right arrow image */
.zuperSlider > .next{background: url("../images/sprite.png") no-repeat 0px -66px;position:absolute;top:238px;left:40px;width: 66px;height: 66px;}
.zuperSlider > .next:hover{background-position: 0px -66px;}


/*  END - arrow buttons (next, prev) */

/*  ---------------------------------------------
    alternative navigation (bullets, numbers or images)
    --------------------------------------------- */
.zuperSlider > .zuperNav {
    position: absolute;
    z-index: 2000001;
	
	
}

/* bullets navigation */
.zuperSlider > .zuperNav{position:absolute;top:470px;left:0;width: 100%;clear:both;overflow:hidden;z-index:9999;text-align:center;}

.zuperSlider > .zuperNav > ul.nav > li {
    background: url("../images/sprite.png") no-repeat scroll 0px 0px transparent;
    cursor: pointer;
    display:inline-block;
    margin: 0;
    
    /* change alternative navigation size here (bullets)*/
    width: 9px;
    height: 9px;    
}

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

/* numbers navigation */
.zuperSlider > .zuperNav > 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 > .zuperNav > 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 > .zuperNav > ul.nav_img > li {
    cursor: pointer;
    float: left;
    margin: 2px;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    overflow: hidden;
    position: relative;
    border: 3px solid #fff;

}

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

/* if 'images navigation' has content style it */
.zuperSlider > .zuperNav > 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 (bullets, numbers or images) */


/*  ---------------------------------------------
				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) */


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

/* start - captions style */
.captionH1Slide1 {
	left: 669px;
}

.captionH2Slide1 {
    left: 482px;
}

.captionH1Slide2 {
    left: 620px;
}

.captionH2Slide2 {
    left: 648px;
}

.captionH1Slide3 {
    left: 557px;
}

.captionH2Slide3 {
    left: 808px;
}

.captionH1Slide4 {
    left: 704px;
}

.captionH2Slide4 {
    left: 729px;
}

.captionH1Slide1,
.captionH1Slide2,
.captionH1Slide3,
.captionH1Slide4 {
    color: #FEFEFF;
    font: 700 60px 'Rokkitt', serif, Arial;
    top: 148px;
}

.captionH2Slide1,
.captionH2Slide2,
.captionH2Slide3,
.captionH2Slide4 {
    color: #FEFEFF;
    font: 700 41px 'Rokkitt', serif, Arial;
    top: 201px;
}
/*	END - caption */


/*  ---------------------------------------------
    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 */


/*  ---------------------------------------------
	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 */	
	
	
/*  ---------------------------------------------
				content style
    --------------------------------------------- */	


/*  END - content style */	


/*@ wrap-slider-clientes */
.wrap-slider-clientes{clear: both;background-color: #011521;overflow: hidden;-webkit-transition: all 0.3s;height: 0;-moz-transition: all 0.3s;
 transition: all 0.3s;}
.shrink{height: 390px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.wrap-slider-clientes .zuperWrap{margin: 0;padding: 0;height: 390px;}

/* left arrow  image */
.wrap-slider-clientes  .zuperSlider > .prev{top:85px;}

/* right arrow image */
.wrap-slider-clientes  .zuperSlider > .next{top:188px;}

/*--------------------------------------- Portrait tablet to landscape and desktop ---------------------------------------*/


@media (min-width: 768px) and (max-width: 979px) {
	
	.zuperWrap{height: 400px;}
	
	/* left arrow  image */
	.zuperSlider > .prev{top:105px;}
	
	/* right arrow image */
	.zuperSlider > .next{top:208px;}
	
	/*@ wrap-slider-clientes */
	.wrap-slider-clientes .zuperWrap{height: 300px;}
	.shrink{height: 300px;}
	.wrap-slider-clientes  .zuperSlider > .prev{top:45px;}
	.wrap-slider-clientes  .zuperSlider > .next{top:148px;}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 490px) and (max-width: 767px) {
	
	.zuperWrap{height: 300px;}
	
	/* left arrow  image */
	.zuperSlider > .prev{background: url("../images/sprite.png") no-repeat -162px -290px;top:39%;left:15px;width: 37px;height: 55px;}
	.zuperSlider > .prev:hover{background-position: -235px -290px;}
	
	/* right arrow image */
	.zuperSlider > .next{background: url("../images/sprite.png") no-repeat -199px -290px;position:absolute;top:39%;left:auto;right:15px;width: 36px;height: 54px;}
	.zuperSlider > .next:hover{background-position: -272px -290px;}
	
	/*@ wrap-slider-clientes */
	.wrap-slider-clientes .zuperWrap{height: 250px;}
	.shrink{height: 250px;}
	.wrap-slider-clientes  .zuperSlider > .prev{top:38%;}
	.wrap-slider-clientes  .zuperSlider > .next{top:38%;}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {

	.zuperWrap {height: 180px;}
	
	/* left arrow  image */
	.zuperSlider > .prev{background: url("../images/sprite.png") no-repeat -162px -290px;top:39%;left:15px;width: 37px;height: 55px;}
	.zuperSlider > .prev:hover{background-position: -235px -290px;}
	
	/* right arrow image */
	.zuperSlider > .next{background: url("../images/sprite.png") no-repeat -199px -290px;position:absolute;top:39%;left:auto;right:15px;width: 36px;height: 54px;}
	.zuperSlider > .next:hover{background-position: -272px -290px;}
	
	/*@ wrap-slider-clientes */
	.wrap-slider-clientes .zuperWrap{height: 200px;}
	.shrink{height: 200px;}
	.wrap-slider-clientes  .zuperSlider > .prev{top:38%;}
	.wrap-slider-clientes  .zuperSlider > .next{top:38%;}

}