/*     <-------- 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:hidden;
	text-align:center;
	width:100%;
	font-size: 100px;
    height:5.72em;
	padding:0;
	margin:0;}
/* 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")100%/cover;}
	li.anim-slide:nth-of-type(2){background:transparent url("../images/slide/2bg.jpg")100%/cover;}
	li.anim-slide:nth-of-type(3){background:transparent url("../images/slide/3bg.jpg")100%/cover;}
	li.anim-slide:nth-of-type(4){background:transparent url("../images/slide/4bg.jpg")100%/cover;}
/* End Background of each slide */

/* Start Slide Animated Elemtents */

	#slide1-01,#slide2-01,#slide3-01,#slide4-01{
		background: #ec641d;
		color:#FFF;
		 width: 50%; 
		margin: 0 auto;
		padding: .2em 0 .2em 2em;
		bottom: 8%;
		text-transform: uppercase;
		left: -.2em;
		text-align:left;
		font-size:.42em;
        height:3em;
		line-height:1.2;
		font-weight:700;
		letter-spacing:1px;}
    
   
	#slide1-01:before,
    #slide2-01:before,
    #slide3-01:before,
    #slide4-01:before {
content: "";
position: absolute;
width: 0;
height: 0;
right: -2.620em;
bottom: 0;
border-style: solid;
border-width: 3em 0 0 2.625em;
border-color: transparent transparent transparent #ec641d;}
    
    	#slide1-01 h4,
    	#slide1-01 h2,
        #slide2-01 h4,
    	#slide2-01 h2,
        #slide3-01 h4,
    	#slide3-01 h2,
        #slide4-01 h4,
    	#slide4-01 h2{
            position:relative;
            margin:0;
            padding:0;
            line-height:1,33;}
            
        #slide1-01 h4{
            font-size: .65em;
            font-weight: 100;}
        #slide1-01 h2{
            font-size: .45em;
            font-weight: 700;}
            
            
        #slide2-01 h4{
            font-size: .5em;
            font-weight: 100;}
    	#slide2-01 h2{
            font-size: .8em;
            font-weight: 700;}
            
            
        #slide3-01 h4{
            font-size: .4em;
            font-weight: 100;}
    	#slide3-01 h2{
            font-size: .9em;
            font-weight: 700;}
            
        #slide4-01 h4{
            font-size: .35em;
            font-weight: 100;}
        #slide4-01 h2{
            font-size: .9em;
            font-weight: 700;}
	
/*	
	#slide1-01::first-line,
	#slide2-01::first-line,
	#slide3-01::first-line{
		color:#329244 !important;
	}
*/
/* End Slide Animated Elemtents */


/* Start Slide Side Arrows */
  	nav.anim-arrows>span{
	  position:absolute;
	  top:48%;
		font-size:.36em;
	  z-index:2000;
	  opacity:0;
	  -webkit-transition:opacity .4s ease-in;
	  -moz-transition:opacity .4s ease-in;
	  -ms-transition:opacity .4s ease-in;
	  -o-transition:opacity .4s ease-in;
	  transition:opacity .4s ease-in;}
  nav.anim-arrows>span.anim-arrows-prev,
  nav.anim-arrows>span.anim-arrows-next{color: #fff;position: absolute;padding: 2px 10px;}
  nav.anim-arrows>span.anim-arrows-prev{left:1%;}
  nav.anim-arrows>span.anim-arrows-next{right:1%;}
  .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:94px;}
	}

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

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

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

	@media screen and (max-width: 800px) {  
		.anim-slider{font-size:59px;}
        	#slide1-01,#slide2-01,#slide3-01,#slide4-01{height:4em;}
    
   
    #slide1-01:before,
    #slide2-01:before,
    #slide3-01:before,
    #slide4-01:before {border-width: 4em 0 0 2.625em;}
    
    }

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

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

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

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

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


/* Celu vertical */
	@media screen and (max-width: 480px) {  
		.anim-slider{font-size:40px;}
        	#slide1-01,#slide2-01,#slide3-01,#slide4-01{height:5em;}
    
   
    #slide1-01:before,
    #slide2-01:before,
    #slide3-01:before,
    #slide4-01:before {border-width: 5em 0 0 2.625em;}
	}

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

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

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