/*     <-------- CSS/SLIDE.CSS -------->     */

/* Start Slideshow Container */
.anim-slider{
	background:transparent url("../images/slide/loading_spinner.gif");
	background-repeat:no-repeat;
    background-position:center; 
	list-style-type:none;
	position:relative;
	overflow:initial;
	text-align:center;
	width:80%;
    height:11.6667em;
	padding:0;
	margin:0 5%;
	font-size:48px;
}
/* End Slideshow Container */

/* Start Slides */
	.anim-slide{
		opacity:0;
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;}
	.anim-slide *{position:absolute;opacity:0;}
	.anim-slide-this{opacity:1;z-index:100;} 
	.anim-slide-this *{opacity:1;}
/* End Slides */

/* Start Background of each slide */
	li.anim-slide:nth-of-type(1){background:transparent url("../images/slide/1bg.jpg") no-repeat center center;}
	li.anim-slide:nth-of-type(2){background:transparent url("../images/slide/2bg.jpg") no-repeat center center;}
	li.anim-slide:nth-of-type(3){background:transparent url("../images/slide/3bg.jpg") no-repeat center center;}
	
	
	li.anim-slide:nth-of-type(1),li.anim-slide:nth-of-type(2),li.anim-slide:nth-of-type(3){
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}
		
	
/* End Background of each slide */

/* Start Slide Animated Elemtents */
#slide1-01, #slide2-01, #slide3-01 {
    color: #333333;
    width: 70%;
    margin: 0 auto;
    Top: 2.7083em;
    right: -10%;
    text-align: left;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.2;
}
#slide1-02, #slide2-02, #slide3-02 {
    color: #333333;
    font-weight: 700;
    width: 70%;
    margin: .2083em auto;
    top: 5.2em;
    right: -10%;
    text-align: left;
    font-size: .55em;
}
#slide1-03, #slide2-03, #slide3-03 {
    top: 3.8em;
    right: -10%;
    border-top: .1042em solid #333333;
    height: 0; 
    width: 70%;
}

/* End Slide Animated Elemtents */

/* Start Slide Button .sButton */
	li.anim-slide>button{
		display:inline-block;
		margin:240px -290px;
		border:none;
		background:transparent;}

	a.sButton{
	  display:inline-block;
	  font-family:Helvetica, sans-serif;
	  -webkit-font-smoothing:antialiased;
	  padding:.8em 2em .8em 0;
	  background:#de5b04;
	  border:none;
	  color:#FFF;
	  transition:.2s;
	  font-weight:bold;}
	a.sButton:after{
	  position:absolute;
	  top:-2px;
	  bottom:0;
	  right:0;
	  padding-top:inherit;
	  padding-bottom:inherit;
	  width:2.8em;
	  content:"\f054";
	  font-family:'FontAwesome';
	  font-size:1.2em;
	  text-align:center;
	  transition:.2s;}
	a.sButton:hover{color:#de5b04;background: #FFF;text-decoration: none;}
	a.sButton:active,
	a.sButton:focus{background:#FFFF;outline:none;}
	a.sButton{min-width:12em;}
	a.sButton:after{content:"\f061";}
	a.sButton:hover:after {
	  -webkit-animation: bounceright .3s alternate ease infinite;
	  animation: bounceright .3s alternate ease infinite;}
/* End Slide Button .sButton */

/* Start Slide Side Arrows */
  	nav.anim-arrows>span{
	  position:absolute;
	  bottom:0%;
	  z-index:2000;
	  opacity:1;
		font-size: 1.1em;
	  -webkit-transition:all .2s ease-in;
	  -moz-transition:all .2s ease-in;
	  -ms-transition:all .2s ease-in;
	  -o-transition:all .2s ease-in;
	  transition:all .2s ease-in;}
  nav.anim-arrows>span.anim-arrows-prev,
  nav.anim-arrows>span.anim-arrows-next{
		color: #333333;
		position: absolute;
		padding: .1042em 0.375em;
		background: rgba(255,255,255,1);
	}
	nav.anim-arrows>span.anim-arrows-prev:hover,
  nav.anim-arrows>span.anim-arrows-next:hover{
		color: #FFFFFF;
		background:#F08200;
	}
  nav.anim-arrows>span.anim-arrows-prev{right:5%;}
  nav.anim-arrows>span.anim-arrows-next{right:0%;}
  .anim-slider:hover>nav.anim-arrows>span{opacity:1;cursor: pointer;}
/* End Slide Side Arrows */

/* Start Slide Navigation Dots */
  .anim-dots{
	  display:none !important;
	  width:100%;
	  position:absolute;
	  text-align:center;
	  left:0px;
	  bottom:20px;
	  z-index:2000;}
  .anim-dots span{
	  display:inline-block;
	  position:relative;
	  width:14px;
	  height:14px;
	  margin:3px;
	  cursor:pointer;
	  box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);}
  
  .anim-dots span:after{
	  content:'';
	  width:10px;
	  height:10px;
	  position:absolute;
	  top:2px;
	  left:2px;
	  background:rgba(255,255,255,0.5);}
  
  .anim-dots span.anim-dots-this:after{
	  content:'';
	  width:10px;
	  height:10px;
	  position:absolute;
	  top:2px;
	  left:2px;
	  background: #fff;}
/* Start Slide Navigation Dots */

/* Start Slide Delay Definitions */
  .delay0-5s{-webkit-animation-delay:1s;animation-delay:.5s;}
  .delay1s{-webkit-animation-delay:1s;animation-delay:1s;}
  .delay1-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
  .delay2s{-webkit-animation-delay:2s;animation-delay:2s;}
  .delay2-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
  .delay3s{-webkit-animation-delay:3s;animation-delay:3s;}
  .delay3-5s{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
  .delay4s{-webkit-animation-delay:4s;animation-delay:4s;}
  .delay4-5s{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
  .delay5s{-webkit-animation-delay:5s;animation-delay:5s;}
  .delay5-5s{-webkit-animation-delay:5.5s;animation-delay:5.5s;}
  .delay6s{-webkit-animation-delay:6s;animation-delay:6s;}
  .delay6-5s{-webkit-animation-delay:6.5s;animation-delay:6.5s;}
/* Start Slide Delay Definitions */



/* Big Screens */
	@media screen and (min-width: 1920px) {  
	}
/* Big Screens */


/* Tablets y PC */
	@media screen and (max-width: 1280px) { 
		.anim-slider{font-size:45px;}
	}

	@media screen and (max-width: 1112px) {  
		.anim-slider{font-size:39px;}
	}

	@media screen and (max-width: 1049px) { 
		.anim-slider{font-size:37px;} 
	}

	@media screen and (max-width: 1024px) { 
		.anim-slider{font-size:34px;} 
	}

	@media screen and (max-width: 800px) {  
		.anim-slider{font-size:28px;}
	}

	@media screen and (max-width: 768px) {  
		.anim-slider{font-size:27px;}
	}
/* Tablets y PC */
	@media screen and (max-width: 767px) {  
		.anim-slider{font-size:27px;}
		.anim-dots,.anim-arrows{display: none;}
	}

/* Celu horizontal */
	@media screen and (max-width: 736px) {  
		.anim-slider{font-size:26px;}
	}

	@media screen and (max-width: 667px) {  
		.anim-slider{font-size:24px;}
	}

	@media screen and (max-width: 640px) {  
		.anim-slider{font-size:23px;}
	}

	@media screen and (max-width: 568px) {  
		.anim-slider{font-size:20px;}
	}
/* Celu horizontal */


/* Celu vertical */
	@media screen and (max-width: 480px) {  
		.anim-slider{font-size:17px;}
	}

	@media screen and (max-width: 414px) {  
		.anim-slider{font-size:14px;}
	}

	@media screen and (max-width: 375px) { 
		.anim-slider{font-size:13px;} 
	}

	@media screen and (max-width: 320px) { 
		.anim-slider{font-size:12px;} 
	}