@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*/
}

*{
    margin:0;
    padding:0;
}

.tab{
    position:absolute;
    width:97%;
    height:83%;
    border-radius:15px;
    overflow:hidden;
}

#tab_1{
    background-image:url('../img/bg_1_1.png');
    background-color:#A1DBD6;
    background-size:cover;
    overflow:hidden;
}

.video{
    position:absolute;
}

.video video{
    width:100%;
    height:100%;
    display:none;
    border:none;
    background:black;
}

#tab_1 .video{
    left: 18.75%;
    top: 19%;
    width: 61.5%;
    height: 74%;
    border-radius:15px;
    box-sizing:border-box;
    border:solid 14px #272E2B;
    background: #768473;/* Old browsers */
    background: 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    -moz-linear-gradient(-45deg, #768473 0%, #768473 50%, #667663 50%, #667663 100%);/* FF3.6+ */
    background: 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    -webkit-gradient(linear, left top, right bottom, color-stop(0%,#768473), color-stop(50%,#768473), color-stop(50%,#667663), color-stop(100%,#667663));/* Chrome,Safari4+ */
    background: 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    -webkit-linear-gradient(-45deg, #768473 0%,#768473 50%,#667663 50%,#667663 100%);/* Chrome10+,Safari5.1+ */
    background: 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    -o-linear-gradient(-45deg, #768473 0%,#768473 50%,#667663 50%,#667663 100%);/* Opera 11.10+ */
    background: 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    -ms-linear-gradient(-45deg, #768473 0%,#768473 50%,#667663 50%,#667663 100%);/* IE10+ */
    background: linear-gradient(155deg, #768473 0%,#768473 50%,#667663 50%,#667663 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768473', endColorstr='#667663',GradientType=1 );/* IE6-9 fallback on horizontal gradient */
}

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

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

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