/* VR EFFECT */



.wpw-vr{
    position: relative;
    height:100%;
    min-height: 51vw;
    width:100vw;
    background: #3d5cb0;
}

@media screen and (max-width: 768px) {
    .wpw-vr{
        display:none;
    }
}





.wpw-vr:after{
    display: block;
    height:30px;
    position: absolute;
    content:" ";
    width: 100%;
    bottom:0px;
    left:0px;
    z-index: 11;
    background: rgb(61,92,175);
    background: linear-gradient(0deg, rgba(61,92,175,1) 0%, rgba(0,212,255,0) 100%);
}

.vr-overlay{
    position: absolute;
    top:100%;
    height:auto;
    overflow: hidden;
}


.vr-window{
    position: relative;
    height: 71vh;
    width: 100vw;
}

.vr-window-mover{
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
}

.vr-crop{
    position: relative;
    overflow: hidden;
    width: 69vw;
    height: 36.5vw;
    left: 15vw;
    border-radius: 35px;
}

.vr-text{
    position: relative;
    height: 100%;
    z-index: 10;
}

.vr-text-content{
    width: 60vw;
    top: 8vw;
    left: 20vw;
    position: relative;
    text-align: right;
}


.vr-text-content h2{
    margin-bottom: 10px;
    font-weight: 200;
}

.vr-text-content h2 strong{
    font-weight: 400;
}

.vr-text-content div{
    font-size:20px;
    font-weight: 300;
}


@media screen and (max-width: 1400px) {
    .vr-text-content{
        font-size: 0.8em;
    }
}

@media screen and (max-width: 1300px) {
    .vr-text-content{
        font-size: 0.7em;
    }
}

@media screen and (max-width: 900px) {
    .vr-text-content{
        font-size: 0.6em;
    }
    .vr-text-content div{
        font-size: 1.5em;
    }
}


.wpw-vr-image-original, 
.wpw-vr-image-vr
{
    display: block;
    width:100vw;
    height: auto;
    position: relative;
    max-width: none !important;
    position: absolute;
}

.vr-scale{
    position: relative;
    width: 100%;
    height:100%;
}

.wpw-vr-image-vr{
    filter: saturate(1.3);
}

.wpw-vr-overlay{
    display: block;
    position: absolute;
    max-width: none !important;
    width: 100%;
    top: -8vw;
    left:0px;
}

@keyframes vr-window-animation {
    /* 0% {
        transform: translate(3px, 4px);
    }

    50% {
        transform: translate(-9px, 3px);
    }

    100% {
        transform: translate(3px, -4px);
    } */
}
  
.vr-window{
    animation-duration: 2s;
    animation-name: vr-window-animation;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes vr-window-img-animation {
    /* 0% {
        transform: translate(-3px, -5px);
    }

    50% {
        transform: translate(+10px, -3px);
    }

    100% {
        transform: translate(-3px, 4px);
    } */
}
  
.vr-scale{
    animation-duration: 2s;
    animation-name: vr-window-img-animation;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.sticky-helper div{
    position: relative;
    padding-top:53vw;
}

.sticky-helper{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:0;
}

@media screen and (max-width: 800px) {

    .wpw-vr-image-original, 
    .wpw-vr-image-vr
    {
    }
}

@font-face {
    font-family: "fontello";
    src: url("../fonts/fontello.eot?59204710");
    src: url("../fonts/fontello.eot?59204710#iefix") format("embedded-opentype"),
    url("../fonts/fontello.woff2?59204710") format("woff2"),
    url("../fonts/fontello.woff?59204710") format("woff"),
    url("../fonts/fontello.ttf?59204710") format("truetype"),
    url("../fonts/fontello.svg?59204710#fontello") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-googlemaps:before { content: "\e800"; } /* "" */
.icon-cog:before { content: "\e801"; } /* "" */
.icon-users:before { content: "\e802"; } /* "" */
.icon-wrench:before { content: "\e803"; } /* "" */
.icon-up-circled2:before { content: "\e804"; } /* "" */
.icon-down-circled2:before { content: "\e805"; } /* "" */
.icon-twitter:before { content: "\f099"; } /* "" */
.icon-facebook:before { content: "\f09a"; } /* "" */
.icon-youtube:before { content: "\f167"; } /* "" */
.icon-instagram:before { content: "\f16d"; } /* "" */
.icon-skype:before { content: "\f17e"; } /* "" */
.icon-right-circled2:before { content: "\f18e"; } /* "" */
.icon-left-circled2:before { content: "\f190"; } /* "" */
.icon-sliders:before { content: "\f1de"; } /* "" */
.icon-whatsapp:before { content: "\f232"; } /* "" */
.icon-tripadvisor:before { content: "\f262"; } /* "" */
.icon-vimeo:before { content: "\f27d"; } /* "" */