@charset "UTF-8";
/*
Template Name: SEGERA TAYANG
Theme URI: http://themes.crunchyresource.com/segeratayang
Author: Irawan Setiadi
Author URI: https://themeforest.net/user/sinzo
Description: SEGERA TAYANG - Coming soon HTML template
Version: 1.0

Last change: May 26 2017
Support: https://themeforest.net/user/sinzo
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
TABLE ON CONTENTS
––––––––––––––––––––––––––––––––––––––––––––––––––––– 
01. Base
02. Typography
03. Preloader
04. Button and Form
05. Share it
06. Main Menu
07. Modal Overlay
08. Countdown
09. Addons
    - Vegas
    - YTPlayer
–––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
01. Base
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@import url("https://fonts.googleapis.com/css?family=Montserrat|Arvo");

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

html {
    font-size: 100%;
}

body {
    background-color: #000000;
    font-family: 'Arvo', serif;
    font-weight: normal;
    line-height: 1.8;
    color: #ffffff;
    background-size: cover;
}

.logo {
    position: absolute;
    left: 30px;
    top: 30px;
    max-width: 180px;
}

.logo > img {
    max-width: 100%;
}

@media (max-width: 767px) {
    .logo {
        left: 20px;
        top: 20px;
        max-width: 150px;
    }
}

.main-section {
    position: relative;
    z-index: 5;
    height: 100vh;
}

.main-section p {
    margin-bottom: 20px;
}

.main-section .form-control {
    min-width: 320px;
}

.main-section .col-md-12 {
    height: 100vh;
}

.main-section .content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
}

.main-section #subscribeMail label {
    min-width: 320px;
}

#trigger-overlay {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 30px;
    top: 30px;
    overflow: hidden;
    border: none;
    background: url(../images/menu.svg) no-repeat 0 0;
    text-indent: -9999px;
    z-index: 50;
}

@media (max-width: 767px) {
    #trigger-overlay {
        right: 10px;
        top: 20px;
    }
}

.menu-overlay {
    position: fixed;
    z-index: 800;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    background: rgba(16, 16, 16, 0.75);
}

.menu-overlay .overlay-close,
.close-panel {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 40px;
    top: 30px;
    overflow: hidden;
    border: none;
    outline: none;
    background: url(../images/close.svg) no-repeat 0px 0;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 250ms ease-out 0s;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    transition: -webkit-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s, -webkit-transform 250ms ease-out 0s;
}

.menu-overlay .overlay-close:hover,
.close-panel:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .menu-overlay .overlay-close,
  .close-panel {
        right: 20px;
        top: 20px;
    }
}

.about,
.contact {
    position: fixed;
    z-index: 900;
    width: 50%;
    height: 100%;
    top: 0;
    right: -50%;
    overflow: auto;
    background: rgba(16, 16, 16, 0.95);
}

.about .content,
.contact .content {
    padding: 50px;
}

@media (max-width: 991px) {
    .about,
  .contact {
        width: 100%;
        right: -100%;
    }
}

@media (max-width: 767px) {
    .about .padding,
  .contact .padding {
        padding: 20px;
    }
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
02. Typography
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Montserrat', serif;
    text-transform: capitalize;
}

h1, .h1 {
    font-size: 60px;
}

h1 span, .h1 span {
    display: block;
    font-size: 50%;
    font-family: 'Georgia', serif;
    font-style: italic;
}

@media (max-width: 767px) {
    h1, .h1 {
        font-size: 45px;
    }

    h1 span, .h1 span {
        font-size: 40%;
    }
}

h2, .h2 {
    font-size: 30px;
}

h2 span, .h2 span {
    display: block;
    font-size: 70%;
    font-family: 'Georgia', serif;
}

h3, .h3 {
    font-size: 20px;
}

h3 span, .h3 span {
    display: block;
    font-size: 70%;
    color: #00a9ef;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 16px;
}

h6, .h6 {
    font-size: 14px;
}

p {
    margin-bottom: 30px;
}

strong {
    font-weight: bold;
}

em {
    font-weight: bold;
}

a {
    color: #00a9ef;
    -webkit-transition: all 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}

a:hover {
    color: #000000;
}

.font-italic {
    font-style: italic;
}

small {
    font-size: 14px;
}

blockquote {
    border-color: #00a9ef;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
03. Preloader
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    z-index: 99999;
}

#status {
    width: 15px;
    height: 15px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin: -7px 0 -4px 7px;
}

.ball-scale-multiple > div {
    background-color: #00a9ef;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
04. Button and Form
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn-primary,
.btn-default {
    background: #00a9ef;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    padding: 10px 40px;
    font-family: 'Montserrat', serif;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus,
.btn-default:hover,
.btn-default:focus {
    background: #00a9ef;
    color: #ffffff;
    outline: none;
}

.btn-primary.full-width,
.btn-default.full-width {
    width: 100%;
}

.form-control {
    height: 45px;
}

.form-control,
.alert {
    border-radius: 0;
}

#form-messages {
    margin-top: 20px;
}

input[type='text'],
input[type='email'],
textarea {
    box-shadow: none;
}

.alert-success {
    background: #70c640;
    color: #ffffff;
}

label.error {
    background: #ff4a57;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

label.error.valid {
    background: #70c640;
    color: #ffffff;
}

label.valid {
    background: #70c640;
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.arrow-right {
    position: relative;
    overflow: hidden;
}

.arrow-right:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    position: absolute;
    height: 100%;
    font-size: 125%;
    line-height: 2;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    left: 85%;
    opacity: 0;
    top: 0;
}

.arrow-right:active {
    color: #17954c;
    outline: none;
}

.arrow-right:hover:before {
    left: 90%;
    opacity: 1;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
05. Share it
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.share-it {
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 18px;
    padding-bottom: 20px;
    z-index: 5;
    padding: 20px;
}

.share-it [class*="st_"] {
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
}

.share-it [class*="st_"]:hover {
    color: #00a9ef;
}

@media (max-height: 479px) {
    .share-it {
        display: none;
        position: relative;
    }
}

@media (max-width: 767px) {
    .share-it {
        text-align: center;
    }

    .share-it .copyright {
        text-align: center;
        padding: 10px 30px;
    }

    .share-it [class*="st_"]:last-child {
        margin-right: 0;
    }
}

.copyright {
    font-size: 12px;
    padding-top: 10px;
    opacity: 0.6;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
06. Main Menu
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    font-size: 35px;
    font-family: "Arvo", sans-serif;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
}

.menu-overlay ul li {
    display: block;
    min-height: 54px;
    line-height: 50px;
    margin-bottom: 0px;
}

.menu-overlay ul li:after {
    display: block;
    content: '';
    border-bottom: 1px solid #00a9ef;
    margin: 0 auto;
    width: 50px;
}

.menu-overlay ul li:last-child:after {
    display: none;
}

.menu-overlay ul li a {
    font-weight: 300;
    display: block;
    text-decoration: none;
    color: #fff;
    line-height: 80px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.menu-overlay ul li a:hover {
    color: #00a9ef;
}

.menu-overlay ul li a:hover,
.menu-overlay ul li a:focus {
    color: #00a9ef;
}

/****************************************** 
    Main Menu Effects 
******************************************/
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.3s;
    transition: opacity 0.5s, visibility 0s 0.3s;
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.overlay-hugeinc nav {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.overlay-hugeinc nav ul {
    opacity: 0.4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.overlay-hugeinc.open nav ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
    .menu-overlay nav {
        height: 70%;
        font-size: 34px;
    }

    .menu-overlay ul li {
        min-height: 34px;
    }
}

@media (max-width: 767px) {
    .menu-overlay nav {
        top: 20%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .menu-overlay .bottomlinks {
        display: none;
    }

    .menu-overlay ul li a {
        line-height: 60px;
    }
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
07. Modal Overlay
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal-content {
    border-radius: 0;
    background: #000;
    box-shadow: none;
    padding: 20px 40px;
    border: 4px solid #fff;
}

@media (max-width: 767px) {
    .modal-content {
        padding: 20px;
    }
}

.modal-dialog {
    width: 400px;
    margin: 10% auto auto;
}

@media (max-width: 767px) {
    .modal-dialog {
        width: 100%;
        padding: 20px;
    }
}

#subscribeMail label {
    display: none;
    font-size: 12px;
    font-weight: normal;
}

#subscribeMail label.error, #subscribeMail label.valid {
    width: 100%;
}

.background-slideshow,
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: #101010;
    background-color: rgba(16, 16, 16, 0.5);
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
08. Countdown
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#countdown {
    font-family: 'Montserrat', serif;
    font-size: 30px;
    padding-bottom: 30px;
}

#countdown span {
    margin: 0 10px;
    display: inline-block;
}

#countdown span small {
    font-size: 12px;
    display: block;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
09. Addons
    - Vegas
    - YTPlayer
    - Preloader animation
––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer, .vegas-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
}

.vegas-overlay {
    opacity: .5;
    background: url(overlays/02.png) center center;
}

.vegas-timer {
    top: auto;
    bottom: 0;
    height: 2px;
}

.vegas-timer-progress {
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-transition: width ease-out;
    transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
    width: 100%;
}

.vegas-slide, .vegas-slide-inner {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    margin: 0;
    padding: 0;
    background: center center no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

body .vegas-container {
    overflow: hidden !important;
    position: relative;
}

.vegas-video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

body.vegas-container {
    overflow: auto;
    position: static;
    z-index: -2;
}

body.vegas-container > .vegas-overlay, body.vegas-container > .vegas-slide, body.vegas-container > .vegas-timer {
    position: fixed;
    z-index: -1;
}

:root body.vegas-container > .vegas-overlay, :root body.vegas-container > .vegas-slide, _::full-page-media, _:future {
    bottom: -76px;
}

.vegas-transition-fade, .vegas-transition-fade2 {
    opacity: 0;
}

.vegas-transition-fade-in, .vegas-transition-fade2-in {
    opacity: 1;
}

.vegas-transition-fade2-out {
    opacity: 0;
}

.vegas-transition-blur, .vegas-transition-blur2 {
    opacity: 0;
    -webkit-filter: blur(32px);
    filter: blur(32px);
}

.vegas-transition-blur-in, .vegas-transition-blur2-in {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.vegas-transition-blur2-out {
    opacity: 0;
}

.vegas-transition-flash, .vegas-transition-flash2 {
    opacity: 0;
    -webkit-filter: brightness(25);
    filter: brightness(25);
}

.vegas-transition-flash-in, .vegas-transition-flash2-in {
    opacity: 1;
    -webkit-filter: brightness(1);
    filter: brightness(1);
}

.vegas-transition-flash2-out {
    opacity: 0;
    -webkit-filter: brightness(25);
    filter: brightness(25);
}

.vegas-transition-negative, .vegas-transition-negative2 {
    opacity: 0;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.vegas-transition-negative-in, .vegas-transition-negative2-in {
    opacity: 1;
    -webkit-filter: invert(0);
    filter: invert(0);
}

.vegas-transition-negative2-out {
    opacity: 0;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.vegas-transition-burn, .vegas-transition-burn2 {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
    filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in, .vegas-transition-burn2-in {
    opacity: 1;
    -webkit-filter: contrast(100%) saturate(100%);
    filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
    opacity: 0;
    -webkit-filter: contrast(1000%) saturate(1000%);
    filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-slideLeft, .vegas-transition-slideLeft2 {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.vegas-transition-slideLeft-in, .vegas-transition-slideLeft2-in {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.vegas-transition-slideLeft2-out, .vegas-transition-slideRight, .vegas-transition-slideRight2 {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.vegas-transition-slideRight-in, .vegas-transition-slideRight2-in {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.vegas-transition-slideRight2-out {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.vegas-transition-slideUp, .vegas-transition-slideUp2 {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.vegas-transition-slideUp-in, .vegas-transition-slideUp2-in {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.vegas-transition-slideDown, .vegas-transition-slideDown2, .vegas-transition-slideUp2-out {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.vegas-transition-slideDown-in, .vegas-transition-slideDown2-in {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.vegas-transition-slideDown2-out {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.vegas-transition-zoomIn, .vegas-transition-zoomIn2 {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.vegas-transition-zoomIn-in, .vegas-transition-zoomIn2-in {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.vegas-transition-zoomIn2-out, .vegas-transition-zoomOut, .vegas-transition-zoomOut2 {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
}

.vegas-transition-zoomOut-in, .vegas-transition-zoomOut2-in {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.vegas-transition-zoomOut2-out {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.vegas-transition-swirlLeft, .vegas-transition-swirlLeft2 {
    -webkit-transform: scale(2) rotate(35deg);
    -ms-transform: scale(2) rotate(35deg);
    transform: scale(2) rotate(35deg);
    opacity: 0;
}

.vegas-transition-swirlLeft-in, .vegas-transition-swirlLeft2-in {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

.vegas-transition-swirlLeft2-out, .vegas-transition-swirlRight, .vegas-transition-swirlRight2 {
    -webkit-transform: scale(2) rotate(-35deg);
    -ms-transform: scale(2) rotate(-35deg);
    transform: scale(2) rotate(-35deg);
    opacity: 0;
}

.vegas-transition-swirlRight-in, .vegas-transition-swirlRight2-in {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

.vegas-transition-swirlRight2-out {
    -webkit-transform: scale(2) rotate(35deg);
    -ms-transform: scale(2) rotate(35deg);
    transform: scale(2) rotate(35deg);
    opacity: 0;
}

.vegas-animation-kenburns {
    -webkit-animation: kenburns ease-out;
    animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes kenburns {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.vegas-animation-kenburnsUp {
    -webkit-animation: kenburnsUp ease-out;
    animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
        transform: scale(1.5) translate(0, 10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUp {
    0% {
        -webkit-transform: scale(1.5) translate(0, 10%);
        transform: scale(1.5) translate(0, 10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsDown {
    -webkit-animation: kenburnsDown ease-out;
    animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
    0% {
        -webkit-transform: scale(1.5) translate(0, -10%);
        transform: scale(1.5) translate(0, -10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDown {
    0% {
        -webkit-transform: scale(1.5) translate(0, -10%);
        transform: scale(1.5) translate(0, -10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsLeft {
    -webkit-animation: kenburnsLeft ease-out;
    animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 0);
        transform: scale(1.5) translate(10%, 0);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 0);
        transform: scale(1.5) translate(10%, 0);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsRight {
    -webkit-animation: kenburnsRight ease-out;
    animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 0);
        transform: scale(1.5) translate(-10%, 0);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 0);
        transform: scale(1.5) translate(-10%, 0);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsUpLeft {
    -webkit-animation: kenburnsUpLeft ease-out;
    animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 10%);
        transform: scale(1.5) translate(10%, 10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUpLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, 10%);
        transform: scale(1.5) translate(10%, 10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsUpRight {
    -webkit-animation: kenburnsUpRight ease-out;
    animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 10%);
        transform: scale(1.5) translate(-10%, 10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsUpRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, 10%);
        transform: scale(1.5) translate(-10%, 10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsDownLeft {
    -webkit-animation: kenburnsDownLeft ease-out;
    animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, -10%);
        transform: scale(1.5) translate(10%, -10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDownLeft {
    0% {
        -webkit-transform: scale(1.5) translate(10%, -10%);
        transform: scale(1.5) translate(10%, -10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

.vegas-animation-kenburnsDownRight {
    -webkit-animation: kenburnsDownRight ease-out;
    animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, -10%);
        transform: scale(1.5) translate(-10%, -10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@keyframes kenburnsDownRight {
    0% {
        -webkit-transform: scale(1.5) translate(-10%, -10%);
        transform: scale(1.5) translate(-10%, -10%);
    }

    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
    }
}

@font-face {
    font-family: 'ytpregular';
  src: url("../fonts/ytp-regular.eot");
}

@font-face {
    font-family: 'ytpregular';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url("../fonts/ytp-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mb_YTPlayer:focus {
    outline: 0;
}

.mbYTP_wrapper {
    display: block;
    -webkit-transform: translateZ(0) translate3d(0, 0, 0);
    transform: translateZ(0) translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

.mb_YTPlayer .loading {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.51);
    text-align: center;
    padding: 2px 4px;
    border-radius: 5px;
    font-family: "Droid Sans", sans-serif;
    -webkit-animation: fade .1s infinite alternate;
  /* Chrome, Safari, Opera */
    animation: fade .1s infinite alternate;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fade {
    0% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes fade {
    0% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.fullscreen {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
    opacity: 1;
}

.mbYTP_wrapper iframe {
    max-width: 4000px;
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.5);
}

.inline_YTPlayer img {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/*CONTROL BAR*/
.mb_YTPBar .ytpicon {
    font-size: 20px;
    font-family: 'ytpregular';
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 30px;
}

.mb_YTPBar {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    display: block;
    width: 100%;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: white;
    opacity: .1;
    box-sizing: border-box;
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
    opacity: 1;
}

.mb_YTPBar .buttonBar {
    -webkit-transition: all .5s;
    transition: all .5s;
    background: transparent;
    font: 12px/14px Calibri;
    position: absolute;
    top: -30px;
    left: 0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.mb_YTPBar:hover .buttonBar {
    background: rgba(0, 0, 0, 0.4);
}

.mb_YTPBar span {
    display: inline-block;
    font: 16px/20px Calibri, sans-serif;
    position: relative;
    width: 30px;
    height: 25px;
    vertical-align: middle;
}

.mb_YTPBar span.mb_YTPTime {
    width: 130px;
}

.mb_YTPBar span.mb_YTPUrl,
.mb_YTPBar span.mb_OnlyYT {
    position: absolute;
    width: auto;
    display: block;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.mb_YTPBar span.mb_YTPUrl img {
    width: 60px;
}

.mb_YTPBar span.mb_OnlyYT {
    left: 300px;
    right: auto;
}

.mb_YTPBar span.mb_OnlyYT img {
    width: 25px;
}

.mb_YTPBar span.mb_YTPUrl a {
    color: white;
}

.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
    cursor: pointer;
}

.mb_YTPBar .mb_YTPMuteUnmute {
    cursor: pointer;
}

/*PROGRESS BAR*/
.mb_YTPBar .mb_YTPProgress {
    height: 10px;
    width: 100%;
    background: #222;
    bottom: 0;
    left: 0;
}

.mb_YTPBar .mb_YTPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    left: 0;
}

.mb_YTPBar .mb_YTPseekbar {
    height: 10px;
    width: 0;
    background: #bb110e;
    bottom: 0;
    left: 0;
    box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px;
}

.mb_YTPBar .YTPOverlay {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: "flat";
    box-sizing: border-box;
}

/*RASTER OVERLAY*/
.YTPOverlay.raster {
    background: url("../images/raster.png");
}

.YTPOverlay.raster.retina {
    background: url("../images/raster@2x.png");
}

.YTPOverlay.raster-dot {
    background: url("../images/raster_dot.png");
}

.YTPOverlay.raster-dot.retina {
    background: url("../images/raster_dot@2x.png");
}

/*VOLUME SLIDER*/
.mb_YTPBar .simpleSlider {
    position: relative;
    width: 100px;
    height: 10px;
    border: 1px solid #fff;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px;
}

.mb_YTPBar.compact .simpleSlider {
    width: 40px;
}

.mb_YTPBar .simpleSlider.muted {
    opacity: .3;
}

.mb_YTPBar .level {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
}

.mb_YTPBar .level.horizontal {
    height: 100%;
    width: 0;
}

.mb_YTPBar .level.vertical {
    height: auto;
    width: 100%;
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}

.ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.ball-scale-multiple > div {
    background-color: #00a9ef;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite;
}