html, body { height: 100%; color:#fff !important; }
body { overflow-y: hidden; }
@font-face {
    font-family: 'LhSansThin';
    src: url('../fonts/lh-line1-sans-thin-webfont.eot');
    src: url('../fonts/lh-line1-sans-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lh-line1-sans-thin-webfont.woff') format('woff'),
    url('../fonts/lh-line1-sans-thin-webfont.ttf') format('truetype'),
    url('../fonts/lh-line1-sans-thin-webfont.svg#LhSansThin') format('svg');
}

@font-face {
    font-family: 'bpreplayregular';
    src: url('../fonts/bpreplay-webfont.eot');
    src: url('../fonts/bpreplay-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bpreplay-webfont.woff2') format('woff2'),
    url('../fonts/bpreplay-webfont.woff') format('woff'),
    url('../fonts/bpreplay-webfont.ttf') format('truetype'),
    url('../fonts/bpreplay-webfont.svg#bpreplayregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

}

video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}


#side-ps {
    display:none;
    cursor:pointer;
    height:100%;
    text-align: center;
    padding:6% 10% 0 14%;
    background-color:rgba(0,0,0,0.7);
}

#side-ps img { width:50%; }
#side-ps p { font-family: 'bpreplayregular', Arial;  font-size:20px;line-height: 1.3; margin:50px 0 0 0;}
#side-ps-description-fr { font-size:15px !important; margin-bottom:70px !important; font-style: italic;}
#side-r4w-description-fr { font-size:15px !important; margin-bottom:70px !important; font-style: italic;}

#side-r4w-logo.bounceInDown {  -webkit-animation-delay: .0s; }
#side-r4w-description.bounceInUp {  -webkit-animation-delay: .1s; }
#side-r4w-description-fr.bounceInUp {  -webkit-animation-delay: .2s; }
#side-r4w-btn.zoomIn {  -webkit-animation-delay: .3s; }
#side-ps-logo.bounceInDown {  -webkit-animation-delay: .4s; }
#side-ps-description.bounceInUp {  -webkit-animation-delay: .5s; }
#side-ps-description-fr.bounceInUp {  -webkit-animation-delay: .6s; }
#side-ps-btn.zoomIn {  -webkit-animation-delay: .7s; }

#side-r4w-logo.bounceOutUp {  -webkit-animation-delay: .7s; }
#side-r4w-description.bounceOutDown {  -webkit-animation-delay: .6s; }
#side-r4w-description-fr.bounceOutDown {  -webkit-animation-delay: .5s; }
#side-r4w-btn.zoomOut {  -webkit-animation-delay: .4s; }
#side-ps-logo.bounceOutUp {  -webkit-animation-delay: .3s; }
#side-ps-description.bounceOutDown {  -webkit-animation-delay: .2s; }
#side-ps-description-fr.bounceOutDown {  -webkit-animation-delay: .1s; }
#side-ps-btn.zoomOut {  -webkit-animation-delay: .0s; }


#side-ps-btn { display: inline; background-color: #64CBE8; background-color: rgba(100, 203, 232, 0.5); border: 1px solid #64CBE8; color: #fff; padding:10px 30px; }
#side-ps-btn:hover { cursor:pointer; color:#fff; background-color: #000;}

#side-r4w {
    display:none;
    cursor:pointer;
    height:100%;
    text-align: center;
    padding:10% 2% 0 6%;
    background-color:rgba(0,0,0,0.7);
}

#side-r4w img { width:80%; }
#side-r4w p { font-family: 'LhSansThin'; font-size:21px;line-height: 1.3; margin:50px 0 0 0;}
#side-r4w-btn { display: inline; background-color: #64CBE8; background-color: rgba(100, 203, 232, 0.5); border: 1px solid #64CBE8; color: #fff; padding:10px 30px;}
#side-r4w-btn:hover { cursor:pointer; color:#fff; background-color: #000;}
#split-line {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    z-index: 9; background:#fff;height:200%;width:2px;position:absolute;left:-200px; top:-100px; }


/* large desktop
----------------------------------------------------------- */

@media (min-width: 1200px) {
}


/* small desktop
------------------------------------------------------------ */

@media (min-width: 993px) and (max-width: 1199px) {
}


/* tablet
------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 992px) {
    body { overflow-y: inherit; }
    #side-r4w { height: auto; padding:50px 50px 100px 50px; display:block;}
    #side-ps { border-top:2px solid #fff; height: auto; padding:100px 50px 50px 50px; display:block;}
    #side-r4w img { width:50%; }
    #side-ps img { width:40%; }
}


/* Smartphone
------------------------------------------------------------ */

@media (max-width: 767px) {
    body { overflow-y: inherit; }
    #side-r4w { height: auto; padding:50px 50px 100px 50px; display:block;}
    #side-ps { border-top:2px solid #fff; height: auto; padding:100px 50px 50px 50px; display:block;}
    #side-r4w img { width:70%; }
    #side-ps img { width:60%; }

}