/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */


.loading {
	background: url('../img/punto1/ico_loading.gif') no-repeat center center;
}


.bcg {
	 background-attachment: fixed;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 85% auto;
    height: 760px;
    width: 100%;
}

.hsContainer {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hsContent {
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    top: -3% !important;
    width: 850px;
}

.hsContent2 {
 	background-color: rgba(0, 0, 0, 0.7);
    float: right;
    height: 100%;
    padding: 40px 40px 70px 50px;
    text-align: left;
    width: 470px;
}


	.hsContent h2  {
		color: #fff8de;
		margin: 0 !important;
	}
	
.hsContent3 {
	 float: left;
    margin: 5.5% 0 0 8%;
    width: 33% !important;
	
	}
	
	.hsContent3 p{ text-align:right !important;
	}
	
.hsContent4 {
    background: rgba(0,0,0, .7);
    float: right;
    padding: 2% 5%;
    width: 38%;
	height:100%;
}
		
		.hsContent4 p{ 
			text-align: left !important;
			}

	
	.hsContent, .hsContent3 p, .hsContent4 p {
	color: #fff;
    font-size: .95rem;
    font-weight: 300;
    line-height: 1.4em;
    max-width: 100%;
	text-align: justify;
	letter-spacing:0.01em;
    
	}
	
	

.col1 {
 border-bottom: 1px solid #c79d47;
    border-top: 1px solid #c79d47;
    float: left;
    height: 35%;
    margin: 20% 2% 20% 5%;
    text-align: right;
    vertical-align: bottom;
    width: 24% !important;
}

	.col1 h2 {
		font-family: "Crete Round",serif;
		font-size: 4em;
    	font-weight: 400;
    	line-height: 0.9;
		color: #c79d47;
		
		}

.col2 {
    float: left;
    margin: 0 2% 0 5%;
    max-width: 28%;
    text-align: left;
	height:92%;
	padding-top: 16%;
}

	

.col3 {
    float: left;
    margin: 0 2%;
    max-width: 30%;
    text-align: left;
	height:92%;
}


.col2 > h3, .col3 > h3 {
    color:#C79D47;
	}
	
.col2 p , .col3 p {
    color:#fff;
	}

	

.credito1 {
    color: #fff;
    float: left;
    margin: 36% 0 0;
}



.comilla-lat { 	
font-size: 0.9em !important;
    line-height: 1.4em;
    margin-left: 7% !important;
	padding: 3% 0;
    text-align: right;
	
}

.comilla-cen { 	
    font-size: 0.9em !important;
    line-height: 1.4em;
    margin: 4% 7%;
    text-align: left;
	
}

.comilla-cen-col2 {
    font-size: 0.9em !important;
    line-height: 1.8em;
    margin: 4% 0;
    padding: 3% 0;
    text-align: left;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    
    -webkit-column-gap: 4rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 4rem; /* Firefox */
    column-gap: 4rem;

	
}

.comilla-cen-col3 {
	border-bottom: 1px solid #C79D47;
    border-top: 1px solid #C79D47;
    font-family: "Crete Round",serif;
    font-size: 0.9em !important;
    font-style: italic;
    line-height: 1.4em;
    margin: 4% 0;
    padding: 3% 0;
    text-align: left;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    
    -webkit-column-gap: 4rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 4rem; /* Firefox */
    column-gap: 4rem;

	
}



/* ==========================================================================
   Historia 1
   ========================================================================== */

/* Slide 0 */
#slide-0 .bcg { background-image:url('../img/punto1/pt1_ft0.jpg'); background-size: calc(); height:760px;}
#slide-0 .hsContent {
	align-items: center;
    margin-top: -2%;
}

#slide-0 .hsContainer {
    float: left;
    padding: 5%;
    position: relative;
}



/* Slide 1 */
#slide-1 .bcg { background-color:#000; height:860px;}





.hsContainer i {
    color:rgb(199,157,71);
    font-weight: bold;
}

/* Slide 2 */
#slide-2 .bcg {background-image:url('../img/punto1/pt1_ft2.jpg');}
#slide-2 .hsContent {
	margin-left: -450px;
	bottom: 200px;
	top: auto;
}

/* Slide 3 */
#slide-3 .bcg { background-image: url("../img/punto1/pt1_ft3.jpg"); 
    background-position: right top;
    background-size: calc();}
	
#slide-3 p { 
max-width:100%; margin:0;
 text-align: right; font-size:1em; color:#fff;
	}
	

/* Slide 4 */
#slide-4 .bcg { background-color:#000; height:750px; }

#slide-4 .hsContent {
	align-items: center;
    margin-top: 4%;
	width: 83%;
	padding-right:0;
}

#slide-4 .comilla-cen { line-height:1.6em !important;}

#slide-42 .bcg { background-color:#000; height:790px;}



 

	
/* Slide 5 */
#slide-5 .bcg {background-image:url('../img/punto1/bcg_slide-3.jpg'); height:880px;}
#slide-5 .hsContent {
	margin-left: -450px; 
}

#slide-5 .hsContainer{
	height:100% !important;  
}


/* ==========================================================================
   Historia 2
   ========================================================================== */

/* Slide 0 */
#slide-0-p2 .bcg { height:310px; background-color:#000;}
#slide-00-p2 .bcg {height:1000px; padding-top:5%;}

#slide-0-p2 .hsContent {
	align-items: center;
    margin-top: -2%;
	vertical-align:text-bottom;
}

	#slide-0-p2  h2 {
	color:#C79D47;
    font-family: "Crete Round",serif;
    font-size: 3em !important;
	line-height:1em;
    margin-top: 5% !important;
    text-align: center;
	padding:0 !important;
	
	}


	#slide-0-p2 .header-title__part {
		text-align:center !important;
		font-size:1em !important;
		text-transform: uppercase;
		padding:0!important;
		}
			
	

/* Slide 1 */
#slide-1-p2 .bcg {background-image:url('../img/punto1/bcg_slide-4.jpg');  }
#slide-1-p2 .hsContent {
    float: left;
    margin: 4% 3% 0 3%;
    text-align: right;
    width: 30% !important;
}

#slide-1-p2 .ampliar-lb {
    margin-bottom: 64px;
}

.hsContainer i {
    color:rgb(199,157,71);
    font-weight: bold;
}

/* Slide 2 */
#slide-2-p2 .bcg {background-image:url('../img/punto2/Julirianalu_JesusAbadColorado.jpg'); }
#slide-2 .hsContent {
	margin-left: -450px;
	bottom: 200px;
	top: auto;
}

/* ==========================================================================
   Historia 3
   ========================================================================== */
   
/* Slide 0-p3 */
#slide-0-p3 .bcg { background-image:url('../img/punto3/Pantu_MariaMoreno.jpg'); background-size: calc(); background-position: right bottom;}
#slide-0-p3 .hsContent {
	align-items: center;
    margin-top: -2%;
}


/* Slide 4-p3 */
#slide-4-p3 .bcg { background-color:#000; height:330px;   padding: 4% 0;}

#slide-4-p3 h2 {
	color:#C79D47;
    float: left;
    font-family: "Crete Round",serif;
    font-size: 2.3em;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-align: center;
    width: 100%;
	border-bottom:#C79D47 solid 1px;
	padding-bottom:3%;
}

#slide-4-p3 .link-intro {
    float: left;
    margin: 0 35%;
    position: relative;
    width: 36%;
}



/* ==========================================================================
   Historia 4
   ========================================================================== */

/* Slide 0-p4 */
#slide-0-p4 .bcg { background-image:url('../img/punto4/Jepira1_JesusAbadColorado.jpg'); background-size: cover;}




/* Slide 2-p4 */
#slide-2-p4 .bcg {background-image:url('../img/punto4/Jepira6_MariaMoreno.jpg'); background-position:right bottom;}
#slide-2-p4 .hsPie {
	right: 464px;
    top: 725px;
    width: 245px !important;
}

#slide-2-p4 .hsContainer {
    height: 760px;
}

/* Slide 3-p4 */
#slide-3-p4 .bcg { background-image:url('../img/punto4/Jepira4_JesusAbadColorado.jpg'); }
#slide-3-p4 .hsContent {
    padding-top: 4%;
}


/* Slide 4-p4 */
#slide-4-p4 .bcg { background-color:#000; height:510px;}
#slide-4-p4 .hsContent {
	align-items: center;
    margin-top: 5%;
}

#slide-4-p4 .hsContent2{
    height: 100%;
    margin: 0 auto;
    padding: 8% 8%  0 8%;
    text-align: center;
    width: 100%;
}

#slide-4-p4 .hsContent2 > p {
    padding: 0 6%;
    text-align: justify;
}


#slide-4-p4 .cont-lightbox {
	max-width: 100%;
	margin: 2% 0 0 0 !important;
}

#slide-4-p4 #lightbox {
    max-width: 955px !important;
}

#slide-4-p4 .ul {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#slide-4-p4 .ul li {
    width: 33% !important;
}


/* ==========================================================================
    Historia 5
   ========================================================================== */

/* Slide 0-p5 */
#slide-0-p5 .bcg { background-image:url('../img/punto5/BahiaHonda1_JesusAbadColorado.jpg'); background-size:calc();}
#slide-0-p5 .hsContent {
	align-items: center;
    margin-top: -2%;
}


/* Slide 1-p5 */
#slide-1-p5 .bcg {background-image:url('../img/punto1/bcg_slide-4.jpg'); height: 950px;}
#slide-1-p5 .hsContent {
    float: right;
    margin: 3% 3% 0 0;
    text-align: right;
    width: 30% !important;
}


#slide-1-p5 .comilla-cen {
   border-bottom: 1px solid #c79d47;
    border-top: 1px solid #c79d47;
    font-family: "Crete Round",serif;
    font-size: 0.9em !important;
    font-style: italic;
    line-height: 1.4em;
    margin: 0 12%;
	padding: 2% 0;
    text-align: center;
    width: 75%;
}

#slide-1-p5 p{
float: left;
    padding: 2% 9.5%;
    text-align: justify;
    width: 100%;
}


/* Slide 4-p5 */
#slide-4-p5 .bcg { background-color:#000; height:250px;}

#slide-4-p5 .hsContainer {
    padding: 5%;
}

/* Slide 2-p5 */
#slide-2-p5 .bcg {background-image:url('../img/punto5/BahiaHonda2_JesusAbadColorado.jpg');}
#slide2-2-p5 .bcg {background-image:url('../img/punto5/BahiaHonda3_JesusAbadColorado.jpg');}
#slide2-22-p5 .bcg { background-color:#000; height:180px !important;}
#slide3-2-p5 .bcg {background-image:url('../img/punto5/BahiaHonda4_JorgeMarioMunera.jpg');}
#slide4-2-p5 .bcg {background-image:url('../img/punto5/BahiaHonda5_JorgeMarioMunera.jpg'); }
#slide2-4-p5 .bcg {background-color:#000; height: 535px;  }

#slide2-22-p5 .bcg p{
  background: #000 none repeat scroll 0 0;
    font-weight: 300;
    letter-spacing: 0.02em;
    padding: 5% 15%;
    position: relative;
    text-align: justify;
}


/* ==========================================================================
    Historia 6
   ========================================================================== */
 
 /* Slide 0-p6 */
   #slide-0-p6 .bcg { background-image:url('../img/punto6/CerroLuma_MariaMoreno.jpg'); background-size: contain;}
   
   #slide-0-p6 .hsContent {
	align-items: center;
    margin-top: -2%;
}
/* Slide 1-p6 */
#slide-1-p6 .bcg {height: 530px;  }

.img-der {
    float: left;
    height: auto;
    margin: 7% 0 0 3%;
    max-width: 48%;
}

.img-cen {
    float: right;
    height: auto;
    margin: 0;
    max-width: 100%;
}


.img-der img, .img-cen img{
  width: 100%; height:auto;
}

.img-der figcaption::before, .img-cen figcaption::before {
    color: #ceb366;
    content: "\f030";
    display: inline-block;
    font-family: FontAwesome;
    padding-right: 8px;
    vertical-align: top;
	font-size:.9em;
}



.hsContainer i {
    color:rgb(199,157,71);
    font-weight: bold;
}

/* Slide2 0-p6 */
 #slide2-0-p6 .bcg { background-image:url("../img/punto6/EntradaMakuira_JesusAbadColorado.jpg"); background-size: calc();}
   #slide2-0-p6 .hsContainer {
    background: rgba(91, 89, 105, 0.6) none repeat scroll 0 0;
    color: #fff;
    left: 950px;
    margin: 3% 0;
    padding: 1% 2%;
    position: absolute;
    width: 31%;
}

 
/* Slide 2-p6 */
#slide3-0-p6 .bcg {background-image:url('../img/punto6/Iitujolu_JesusAbadColorado.jpg'); }
#slide4-0-p6 .bcg {background-image:url('../img/punto6/TestigosJehova_PilarRiano.jpg'); background-size:contain; }

 
/* Slide 3-p6 */
#slide-3-p6 .bcg { background-image: url("../img/punto6/EntradaMakuira_JesusAbadColorado.jpg");  height: 885px;}

#slide-3-p6 .comilla-lat {
    margin-left: 0% !important;
	margin-right:7% !important;
    padding: 3% 0;
    text-align: left;
}

	
#slide-3-p6 .hsContent2 {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    float: right;
    height: 885px !important;
    padding: 4% 6% 0 3% !important;
    text-align: left;
    width: 37%;
}


/* Slide 4-p6 */
#slide-4-p6 .bcg { background-color:#000; height:870px;}
#slide-4-p6 .hsContent {
	align-items: center;
    margin-top: 4%;
}


#slide-4-p6 .hsContent2 > p {
    padding: 0 6%;
    text-align: justify;
}


#slide-4-p6 .cont-lightbox {
	max-width: 100%;
	margin: 0!important;
}

#slide-4-p6 #lightbox {
    max-width: 955px !important;
}

#slide-4-p6 .ul {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#slide-4-p6 .ul li {
    width: 50% !important;
}


/* ==========================================================================
    Historia 7
   ========================================================================== */
   
/* Slide 0-p7 */
#slide-00-p7 .bcg { background-color:#000; height:450px;} #slide-00-p7 h2{ color:#C79D47;}

#slide-0-p7 .bcg { background-color:#000; height:860px;}

#slide2-0-p7 .bcg { background-color:#000; height:1050px;  }

#slide-0-p7 .hsContent {
	align-items: center;
    margin-top: 6%;
	vertical-align:text-bottom;
}

	#slide-0-p7 .header-title__part {
		text-align:center !important;
		font-size:1em !important;
		text-transform: uppercase;
		padding:0!important;
		}
		
#slide-0-p7  .cont-lightbox, #slide2-0-p7 .cont-lightbox {
	max-width: 100%;
	margin:0 !important;
}

#slide-0-p7 #lightbox {
    max-width: 955px !important;
}

#slide-0-p7 .ul {
     float: left;
    overflow: hidden;
    position: relative;
}

#slide-0-p7 .ul li {
    width: 50% !important;
}

.li-first{ margin-bottom:2%; }

#slide-0-p7 .ampliar-lb {
    height: 25px;
    margin: 20px 0 40px 10px;
    padding: 1% 0 4%;
    text-align: left;
    width: 100%;
}	
	
#slide-0-p7 .link-intro { margin-left:30%; text-transform:uppercase !important;}
#slide-0-p7 .modal-content h4 {text-align:left !important; line-height:1em;}

.hsContainer i {
    color:rgb(199,157,71);
    font-weight: bold;
}

/* Slide 2 */
#slide-2-p7 .bcg {background-image:url('../img/punto7/Wolinka1_JesusAbadColorado.jpg');}
#slide2-2-p7 .bcg {background-image:url('../img/punto7/Wolinka2_JesusAbadColorado.jpg');}
#slide3-2-p7 .bcg {background-image:url('../img/punto7/Wolinka3_JesusAbadColorado.jpg');}
#slide4-2-p7 .bcg {background-image:url('../img/punto7/Wolinka4_JesusAbadColorado.jpg');}

#slide-2-p7 .hsContent {
	margin-left: -450px;
	bottom: 200px;
	top: auto;
}
   
 

/* ==========================================================================
    Historia 8
   ========================================================================== */
 
 /* Slide 0-p8 */
#slide-0-p8 .bcg { background-image:url('../img/punto8/CerroPolojolii_JesusAbadColorado.jpg'); background-size: calc();}
#slide-0-p8 h2 {
    margin-top:0 !important;
}


/* ==========================================================================
    Historia 9
   ========================================================================== */
 
 /* Slide 0-p9 */
#slide-0-p9 .bcg { background: #000 none repeat scroll 0 0; height: 990px; border-top: 5px solid #C79D47;}
#slide-0-p9 .p-entrada { margin-bottom:0 !important;}
#slide-0-p9 .tit-entrada::before { margin-left:-4%;}


 /* Slide 2-p9 */
#slide-2-p9 .bcg { background-color:#000; height: 600px;}

#slide-2-p9 .hsContent {
	top: auto;
}

#slide-0-p9 .hsContainer {
    background-color: rgba(0, 0, 0, 0.6);
    left: 841px;
    margin-top: 520px;
    position: absolute;
    width: 41%;
}


#slide-2-p9 #lightbox {
    margin: 0;
	padding-bottom:4%;
}

#slide-2-p9 .ul {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#slide-2-p9 .ul li {
    width: 50% !important;
}

 
/* Slide 3-p9 */
#slide-3-p9 .bcg { background-image: url("../img/punto9/PiedraAlaasu_JesusAbadColorado.jpg");}

#slide-3-p9 .comilla-lat {
    margin-left: 0% !important;
	margin-right:7% !important;
    padding: 3% 0;
    text-align: left;
}

	
#slide-3-p9 .hsContent2 {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    float: right;
    height: 760px !important;
    padding: 4% 6% 0 3% !important;
    text-align: left;
    width: 37%;
}


/* Slide2 0-p9 */
#slide2-0-p9 .bcg {background-color: #000;
    height: 2460px;}

#slide2-0-p9 .hsContent {
	align-items: center;
    margin-top: -2%;
	vertical-align:text-bottom;
}

#slide2-0-p9 .hsContainer {
    padding-top: 10%;
}
		
#slide2-0-p9  .cont-lightbox {
	max-width: 100%;
	margin:5% 0 0 0  !important;
}

#slide2-0-p9 #lightbox {
    max-width: 955px !important;
}

#slide2-0-p9 .ul {
     float: left;
    overflow: hidden;
    position: relative;
}

#slide2-0-p9 .ul li {
    width: 50% !important;
}

#slide2-0-p9 .ampliar-lb {
    height: 25px;
    margin: 20px 0 40px 10px;
    padding: 1% 0 4%;
    text-align: left;
    width: 100%;
}

#slide2-0-p9 h2 {
    color: #c79d47;
    float: left;
    font-family: "Crete Round",serif;
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.3em;
    position: relative;
    text-align: center;
    width: 100%;
	margin-top:5% !important;
	padding-bottom:.5em;
	border-bottom:#C79D47 solid 1px;
	
}




/* ==========================================================================
    Historia 10
   ========================================================================== */
/* Slide 0-p10 */
#slide-0-p10 .bcg { background-image:url('../img/punto10/Kusina_JesusAbadColorado.jpg'); background-size: calc();}

#slide-0-p10 .hsContent {
	align-items: center;
    margin-top: -2%;
	vertical-align:text-bottom;
}

	#slide-0-p10  h2 {
    margin-top: 0 !important;
	
	}

/* Slide 3-p10 */
#slide-3-p10 .hsPie {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    float: right;
    font-size: 0.75em;
    line-height: 0.9em;
    padding: 1em;
    position: absolute;
    right: 0;
    text-align: left;
    top: 726px;
    width: 24% !important;
}


/* Slide 4-p10 */
#slide-4-p10 .bcg {background-color: #000;
    height: 300px;
    padding: 5%;}

#slide-3-p10 .bcg {background-image:url('../img/punto10/Kusina_MariaMoreno.jpg');  }


/* ==========================================================================
    Historia 10
   ========================================================================== */
/* Slide 0-p11 */
#slide-0-p11 .bcg { background-image:url('../img/punto11/Wososopo_JesusAbadColorado.jpg'); background-size: calc();}

#slide-0-p11 .hsContent {
	align-items: center;
    margin-top: -2%;
	vertical-align:text-bottom;
}

	#slide-0-p11  h2 {
    margin-top: 0 !important;
	
	}



/* Slide 2-p11 */
#slide-2-p11 .bcg { background-color:#000; height:470px;}

#slide-2-p11 .hsContent {
	align-items: center;
	padding-top:5%;
	vertical-align:text-bottom;
}

	#slide-2-p11  h2 {
	color: rgba(132, 137, 144, 1) !important;
    font-family: "Crete Round",serif;
    font-size: 3em !important;
	line-height:1em;
    margin-top: 100px !important;
    text-align: center;
	padding:0 !important;
	
	}


/* Slide 3-p11 */
#slide-3-p11 .bcg {background-image:url('../img/punto11/CerrodelaTeta_JesusAbadColorado.jpg'); height:767px;   }


/* ==========================================================================
   Tooltip
   ========================================================================== */

.homeSlide ul {
    height: 30px;
    list-style: outside none none;
    padding: 0;
    text-align: center;
    width: 30px;
	float:left;
	 margin: -5% 26.3% !important;
}

.homeSlide ul li {
	display: inline-block;
    position: relative;
}

.homeSlide ul li a {
	color: #c79d47;
    font-size: 0.7em;
    font-weight: bold;
    line-height: 0.4em;
    padding: 0.15em 0.25em 0;
    text-decoration: none;
    transition: color 0.3s ease 0s;
}

.homeSlide figcaption {
    color: #fff;
    font-size: 0.8em;
    text-align: right;
	margin-bottom: 20px;
}


 
@import url(http://fonts.googleapis.com/css?family=Satisfy);
.tooltip {
	display: inline;
	position: relative;
	z-index: 2;
}

/* Gap filler */
.tooltip::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 300px;
	left: 50%;
	bottom: 100%;
	text-align: left;
background: transparent;
	opacity: 0;
	margin: 0 0 20px -150px;
	cursor: default;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.tooltip:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.tooltip-content span {
	display: block;
}

.tooltip-text {
	font-size: 12px;
	line-height: 14px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #fff;
	border-bottom: 3px solid #c79d47;
	font-style:italic;
	overflow: hidden;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}

.tooltip:hover .tooltip-text {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.tooltip-inner {
	background: rgba(199,157,71, 1);
	padding: 10px;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.tooltip:hover .tooltip-inner {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Arrow */

.tooltip-content::after {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #c79d47 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0;
}





/* ==========================================================================
   TOOL TIP BOX
   ========================================================================== */

.box {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.box-item {
	color: #b8860b;
	cursor: pointer;
	z-index: 100;
	position: relative;
	display: inline-block;
	font-weight: 700;
	-webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, color 0.3s, transform 0.3s;
}

.box:hover .box-item {
	color: #fff;
	-webkit-transform: translate3d(0,-0.5em,0);
	transform: translate3d(0,-0.5em,0);
}

/* Tooltip */

.box-content {
	position: absolute;
	z-index: 99;
	width: 680px;
	left: 50%;
	margin-left: -400px;
	bottom: -5px;
	text-align: left;
	background: #333;
	opacity: 0;
	font-size: 0.75em;
	line-height: 1.5;
	padding: 1.5em;
	color: #fff;
	border-bottom: 50px solid #b8860b;
	cursor: default;
	pointer-events: none;
	-webkit-transform: translate3d(0,-0.5em,0);
	transform: translate3d(0,-0.5em,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.box-content a {
	color: #32434f;
}

.box-text {
	opacity: 0;
	-webkit-transform: translate3d(0,1.5em,0);
	transform: translate3d(0,1.5em,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.box:hover .box-content,
.box:hover .box-text {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



/* ==========================================================================
 TABLE
   ========================================================================== */

.tbl th h1 {
	  font-weight: bold;
	  font-size: 1em;
  text-align: center;
  color: #FFF;
}

.tbl td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 1px 0px 0px #C79D47;
	   -moz-box-shadow: 0 1px 0px 0px #C79D47;
	        box-shadow: 0 1px 0px 0px #C79D47;
}

.tbl {
	  text-align: left;
	  overflow: hidden;
	  width: 100%;
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
}

.tbl img {
    width: 85%;
}

.tbl td{
	 font-size: 0.9em;
    line-height: 1.5em;
    padding-bottom: 1%;
    padding-left: 2%;
    padding-top: 2%;
    text-align: center;
}

.tbl th {
	background-color: background-color: rgba(255, 255, 255, 0.2);
    font-size: 0.9em;
}

/* Background-color of the odd rows */
.tbl tr:nth-child(odd) {
	background-color:#000;
}

/* Background-color of the even rows */
.tbl tr:nth-child(even) {
	 background-color:#000;
}


@media (max-width: 800px) {
.tbl td:nth-child(4),
.tbl th:nth-child(4) { display: none; }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

}