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

/* Start Slideshow Container */
.anim-slider{
	background:transparent url("../images/slide/bg.jpg");
	background-repeat:no-repeat;
    background-position:center; 
	list-style-type:none;
	position:relative;
	overflow:hidden;
	text-align:center;
	width:100%;
	font-size: 100px;
    height: 6.25em;
	padding:0;
	margin:0;
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;}
/* End Slideshow Container */



/* Start Slides */
	.anim-slide{
		font-size: inherit;
		opacity:0;
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;}
	.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 */
/* End Background of each slide */

/* Start Slide Animated Elemtents */

	#slide0-01,#slide0-02,#slide0-03,
	#slide1-01,#slide1-02,
    #slide2-01,#slide2-02,
    #slide3-01,#slide3-02,
    #slide4-01,#slide4-02	{
   		text-transform: uppercase;
        font-weight:90%;
        right: 10%;
        width: 45%;
		color: #0d7a0f;
		text-shadow: 0 0 4px rgba(255,255,255,0.3);
		letter-spacing:2px;
		line-height: 1.2;
		text-align: right;
		margin: 0 auto;}


#slide0-01 {
        width: 65%;}
        
    #slide0-01,
    #slide1-01,
    #slide2-01,
    #slide3-01,
    #slide4-01	{
    font-size:.48em;
   		top:5em;}
        
    #slide0-02,
    #slide1-02,
    #slide2-02,
    #slide3-02,
    #slide4-02	{
    font-size:.24em;
   		top:13em;}

#slide0-03 {
bottom: 16em;
    font-size:.24em;
}

#slide0-04 {
bottom: 7em;
right: 10%;
font-size: .2em;
}
        
.homeBannerImage {
position: absolute;
z-index: 1039;
width: 2.6em;
top: -.5em;
}
	

    #slideFixedText {
    font-size: 2em;
    position: absolute;
    width: 60%;
    left: 0%;
    top: 4em;
    z-index: 1039;
    padding: 2.2em 0;}
    
    #slideFixedText h2,
    #slideFixedText h3,
    #slideFixedText h4 {
		    position: relative;
			text-align: center;
			color: #000;
			text-shadow: 0 0 1px #fff;
			font-size: 1em;
			margin: 0;
			padding: 0 30% 0 10%;
			line-height: 1.5em;}
    #slideFixedText h2 {}
	#slideFixedText h3 {}
	#slideFixedText h4 {}



/* End Slide Animated Elemtents */

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

	a.sButton{
		text-transform:uppercase;
	  display:inline-block;
	  font-family: 'Open Sans', sans-serif;
	  -webkit-font-smoothing:antialiased;
	  padding:.8em 1em .8em 1em;
	  background:transparent;
	  font-weight:bold;
	  border:1px solid #fff;
	  background:#0d7a0f;
	  color:#FFF;
	  transition:.2s;
	  min-width:35%;
}
	  
	a.sButton:hover,
	a.sButton:active,
	a.sButton:focus{background:#FFFF;color:#4fa733;border:1px solid #fff;outline:none;text-decoration: none;}
/* End Slide Button .sButton */

/* Start Slide Side Arrows */
  	nav.anim-arrows>span{
	  position:absolute;
	  top:45%;
	  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;
     font-size: 0.6em !important;}
  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{
	  width:100%;
	  position:absolute;
	  text-align:center;
	  left:0px;
	  bottom:0;
	  padding: 0;
	  margin: 0;
	  font-size: .2em;
	  z-index:1020;}
  .anim-dots span{
	  display:inline-block;
	  position:relative;
	  width:14px;
	  height:14px;
	  border-radius:50%;
	  margin:3px;
	  cursor:pointer;}
  
  .anim-dots span:after{
	  content:'';
	  width:10px;
	  height:10px;
	  border-radius:50%;
	  position:absolute;
	  top:2px;
	  left:2px;
	  background:rgba(255,255,255,0.35);}
  
  .anim-dots span.anim-dots-this:after{
	  content:'';
	  width:10px;
	  height:10px;
	  border-radius:50%;
	  position:absolute;
	  top:2px;
	  left:2px;
	  background: #ffcc33;}
/* 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;}
	}

	@media screen and (max-width: 768px) {  
		.anim-slider{font-size:56px;}
		#slideFixedText {
top: 3em;
}
		#slideFixedText h2, #slideFixedText h3, #slideFixedText h4 {
font-size: .7em;
}
	}
/* 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;}
		#slideFixedText h2, #slideFixedText h3, #slideFixedText h4 {
font-size: .5em;
}
	}

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

	@media screen and (max-width: 568px) {  
		.anim-slider{font-size:42px;}
		#slideFixedText h2, #slideFixedText h3, #slideFixedText h4 {
font-size: .4em;
}
	}
/* Celu horizontal */


/* Celu vertical */
	@media screen and (max-width: 480px) {  
		.anim-slider{font-size:40px;height: 360px;}
		#slideFixedText {font-size: 3.5em;padding: 2.5em 0;}
		#slideFixedText h2, #slideFixedText h3, #slideFixedText h4 {
font-size: .3em;
}
		#slideFixedText {
top: 0;
}
	}

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

	@media screen and (max-width: 375px) { 
		.anim-slider{font-size:32px;} 
		#slideFixedText h2, #slideFixedText h3, #slideFixedText h4 {
font-size: .25em;
}
	}

	@media screen and (max-width: 320px) { 
		.anim-slider{font-size:29px;} 
		#slideFixedText h2, #slideFixedText h3, #slideFixedText h4 {
font-size: .2em;
}
	}


