@font-face {
    font-family: LE_SILENCE_DES_CAFARDS;
    src: url('../fonts/LE_SILENCE_DES_CAFARDS.ttf');
}

@font-face {
    font-family: cabin-regular;
    src: url('../fonts/Cabin-Regular.ttf');
}

@font-face {
    font-family: cabin-italic;
    src: url('../fonts/Cabin-Italic.ttf');
}

@font-face {
    font-family: cabin-bold;
    src: url('../fonts/Cabin-Bold.ttf');
}

@font-face {
    font-family: cabin-bold-italic;
    src: url('../fonts/Cabin-BoldItalic.ttf');
}

*{
	padding:0;
	margin:0;
}


.tab{
    position:absolute;
    width:97%;
    height:83%;
    border-radius:15px;
    display:none;
    overflow:hidden;
	background-size:cover !important;
}


#tab_1{
	background-image:url("../img/bg_4_1.png");
	display:block;
}

#tab_2{
	background-image:url("../img/bg_4_2.png");
}


#tab_3{
	background-image:url("../img/bg_4_3.png");
}


#tab_4{
	background-image:url("../img/bg_4_4.png");
}


.tab_nav{
	position:absolute;
	bottom:0;
	width:16%;
	height:9.5%;
	left: 42%;
	z-index:1;
}

.tab_nav div{
	display:inline-block;
	float:left;
	height:100%;
}

.btn_next:first-of-type{
	border-radius:10px 10px 0 0;
}

.btn_home:last-of-type{
	border-radius:0 10px 0 0;
}

.btn_home:first-of-type{
	border-radius:10px 0 0 0;
}



.custom_btn{
	width: 33.3%;
	height:100%;
	background: #EB7F26;
	color:#FFF;
	font-size:3em;
	text-align:center;
	border-bottom:solid 6px #89380F;
	bottom:0;
	position:absolute;
}

.custom_btn:hover{
	cursor:pointer;
	background:#EA9D63;
}

.custom_btn:active{
	transform:scaleY(0.8);
	background:#89380F;
}

.btn_close{
	position:absolute;
	width:6%;
	top:17%;
	right:9%;
	z-index:7;
}

.btn_close:hover{
	cursor:pointer;
	transform:scale(1.1);
	opacity:0.85;
}

.btn_close:active{
	transform:scale(0.95);
	opacity:1;
}

.btn_previous{
	border-radius:10px 0 0 0;
	left:1%;
}

.btn_home{
	border-radius:0;
	right:33%;
}

.btn_next{
	border-radius:0px 10px 0 0;
	right:0;
}

.header p{
	margin:0;
	padding:0.1% 2%;
	color:white;
	font-family:'cabin-regular';
	font-size: 2.2em;
	text-align:right;
	border-radius:15px 15px 0 0;
	text-align:center;
}

.btn_play{
	position:absolute;
	width:15%;
	left:42.5%;
	top:50%;
	transform:translateY(-50%);
}

.btn_play:hover{
	transform:translateY(-50%) scale(1.1);
	cursor:pointer;
	opacity:0.85;	
}

.btn_play:active{
	transform:translateY(-50%) scale(0.95);
	opacity:1;
}

.table{
    position:absolute;
    width:40%;
    display:flex;
    flex-direction:row;
    box-sizing:border-box;
    border:solid 1px #000000;
    z-index:10;
    left:58%;
    top: 18%;
}

.column{
    width:50%;
}

.column > div{
    background: #0DB690;
    box-sizing:border-box;
    border:solid 1px #000000;
}
.column h3{
    text-align:center;
    color:#FFFFFF;
}

.column p{
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
    color:#FFFFFF;
    font-size:1.5em;
    line-height:0.8em;
}

.column select{
    border:none;
    width:100%;
    padding-left:9px;
    outline:none;
    box-sizing:border-box;
    background:transparent;
    padding-top:5px;
    padding-bottom:5px;
    color:#FFFFFF;
    font-size:1.2em;
}

.column select option{
	color:#000000;
}

.column > div:first-of-type{
    background: #B6380D;
}