/*#b99269*/

 body{
    margin: 0;
}
video{
    position: relative;
    width: 100%;
}

.video-js{
    width: 100%;
    height: unset;
    /*max-width: 1000px;*/
    margin: 0 auto;
    background: transparent;
}
.video-js.vertical{
    width: unset !important;
    height: 100% !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.video-js.fixed{
        position: relative;
}
.video-js .vjs-tech{
    position: relative;
}
/*.video-js .vjs-big-play-button{
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 3em;
    height: 3em;
    border-radius: 3em;
}*/
.vjs-icon-play::before {
    content: "\f101";
    font-size: 60px !important;
    line-height: 80px;
}
.vjs-poster{
        background-size: cover;
        /*top: -28px;*/
}
.video-js .vjs-big-play-button{
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 3em;
    height: 3em;
    border-radius: 3em;
    border:2px solid rgba(255,255,255,1);
    background: transparent;
}
.video-js.fixed .vjs-tech{
    top: 0px;
}
.video-js .vjs-big-play-button:hover,.video-js .vjs-big-play-button.over,.video-js .vjs-big-play-button.touched{
    /*background: #15a056;*/
    border:2px solid rgba(255,255,255,0);
    background: #b99269;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter{
    /*display: none;*/
}

.video-js .vjs-big-play-button .vjs-icon-play:before{
    content: "";
    font-size: 70px;
    line-height: 85px;
}
.video-js .vjs-big-play-button:before{
    font-family: VideoJS;
    content: "\f101";
    font-size: 70px;
    line-height: 85px;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
    content: "";
}
.video-js .vjs-play-control .vjs-icon-placeholder:before{

}
.video-js.nofixed .vjs-control-bar,.video-js.nofixed .vjs-has-started .vjs-control-bar{
    bottom: 110px;
    max-width: 80%;
    position: relative;
    margin: 0 auto;
    left: 0;
    background: transparent;
    width: 60%;
}
.video-js.fixed .vjs-control-bar,.video-js.fixed .vjs-has-started .vjs-control-bar{
    bottom: 60px;
    max-width: 80%;
    position: fixed;
    margin: 0 auto;
    left: 0;
    background: transparent;
    width: 60%;
}

.video-js .vjs-slider{
    background-color: rgba(255, 255,255, 1);
    /*box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.50);*/
}

.video-js .vjs-load-progress div {
    /*background: rgba(185,146,105,1);*/
    /*background-color: rgba(255, 255,255, 1);*/
    background: rgba(185,146,105,.25);
}
.video-js .vjs-load-progress{
    /*background-color: rgba(255, 255,255, 1);*/
    background: rgba(185,146,105,.25);
}
.video-js .vjs-play-progress{
    background: rgba(185,146,105,1);
}
.video-js button.vjs-play-control{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    top: -5px;
    border:2px solid rgba(255,255,255,1);
    background: transparent;
}
.video-js button.vjs-play-control:hover{
    /*background: #15a056;*/
    border:2px solid rgba(255,255,255,0);
    background: #b99269;
}
.video-js button.vjs-play-control  > .vjs-icon-placeholder:before{
   /* line-height: 36px;
    font-size: 2.5em;*/
    line-height: 36px;
    font-size: 20px;
}
/*.video-js .vjs-progress-control .vjs-progress-holder{
    height: 10px;
}*/
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
    opacity: 1;
}

@media (min-width: 550) {
    .vjs-control-bar, .vjs-has-started .vjs-control-bar {
        bottom: 110px;
        width: 65%;
        position: relative;
        margin: 0 auto;
        /* left: -55px; */
    }
}
@media (max-aspect-ratio: 14/9) {
   .vjs-control-bar, .vjs-has-started .vjs-control-bar{
        bottom: 60px;
    }
}
@media (max-aspect-ratio: 14/9) {
   .video-js    .vjs-control-bar, .vjs-has-started .vjs-control-bar{
        bottom: -20px;
    }
}


@media (min-aspect-ratio: 17/9) {
    .vjs-control-bar, .vjs-has-started .vjs-control-bar {
        position: relative;
        bottom: 65px;
        bottom: 30px;
    }

}


@media (max-aspect-ratio: 14/9) {
    .video-js.fixed{
        position: relative;
        height: 100%;
    }
    .video-js.fixed .vjs-tech{
        width: unset;
        height: 100%;
            position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

}
@media (max-aspect-ratio: 70/9) {
    .video-js-pano.fixed{
        position: relative;
        height: 100%;
    }
    .video-js-pano.fixed .vjs-tech{
        width: unset;
        height: 100%;
            position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media (max-width: 450px) {
    /*
    .video-js.fixed button.vjs-play-control{
        top: 40px;
        left: 40%;
    }
    .video-js.fixed .vjs-fullscreen-control{
        position: absolute;
        left: 70%;
        top: 45px;
    }
    .video-js.fixed .vjs-volume-panel,.video-js.fixed .vjs-volume-panel,.video-js.fixed .vjs-time-control{
        display: none;
    }
    .video-js.fixed .vjs-control-bar, .video-js.fixed .vjs-has-started .vjs-control-bar{
        position: fixed;
        max-width: 95%;
        bottom: 90px;
    }
    */
    .video-js.fixed button.vjs-play-control{
        
        
    }
    .video-js.fixed .vjs-control-bar,.video-js.fixed .vjs-has-started .vjs-control-bar{
        width: 50%;
        /*right: -30px;*/
        bottom: 30px;
    }
    /*.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
            width: 50%;
            right: -30px;
            bottom: 30px;
    }*/

    .video-js.fixed .vjs-volume-panel,.video-js.fixed .vjs-time-control{
        display: none;
    }
    .interiorweb.fixed .share{
        left:1px;
    }
}

 .video-js.fixed .vjs-fullscreen-control .vjs-icon-placeholder::before{
    /*font-size: 3em;
    line-height: .9em;*/
    font-size: 30px;
    line-height: 30px;
}
.video-js.fixed .vjs-fullscreen-control:hover .vjs-icon-placeholder::before{
    /*font-size: 3em;
    line-height: .9em;*/
    font-size: 30px;
    line-height: 30px;
    color: rgba(185,146,105,1);
}