@font-face{
	font-family: 'cabin-regular'; /*a name to be used later*/
    src: url('../fonts/Cabin-Regular.ttf'); /*URL to font*/
}

@font-face{
	font-family: 'cabin-italic'; /*a name to be used later*/
    src: url('../fonts/Cabin-Italic.ttf'); /*URL to font*/
}

@font-face{
	font-family: 'cabin-bold-italic'; /*a name to be used later*/
    src: url('../fonts/Cabin-BoldItalic.ttf'); /*URL to font*/
}

@font-face{
	font-family: 'big-noodle'; /*a name to be used later*/
    src: url('../fonts/big_noodle_titling.ttf'); /*URL to font*/
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar:hover{
    cursor:pointer;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(76, 75, 73, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(76, 75, 73, 1);
}

.tab{
    position:absolute;
    width:97%;
    height:83%;
    background-size:cover !important;
    border-radius:15px;
    overflow:hidden;
    display:none;
}

#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_nav{
    position:absolute;
    bottom:0;
    width: 100%;
    height:9.5%;
    left: 0;
    z-index:1;
}

.tab_nav div{
    display:inline-block;
    float:left;
    height:100%;
}

.custom_btn{
    width: 5.3%;
    height:100%;
    background: #EB7F26;
    color:#FFF;
    font-size:3em;
    text-align:center;
    border-bottom:solid 6px #89380F;
    bottom:0;
    position:absolute;
    border-radius:10px 10px 0 0;
}

.custom_btn:hover{
    cursor:pointer;
    background:#EA9D63;
}

.custom_btn:active{
    transform:scaleY(0.8);
    background:#89380F;
}

.btn_previous{
    left:1%;
}

.btn_home{
    right:33%;
}

.btn_next{
    right: 1%;
}