/* CSS used here will be applied after bootstrap.css */
.row{
    margin-right: auto; 
    margin-left: auto; 
}
.lyto-line-separator{
    background-color: #0072bb;
    height: 55px;
}
.lyto-video{
    width: 100%;
    height: 100%;    
}
.lyto-game{
    padding-top: 60px;
}
.lyto-content-right{
    float: right;
}
.lyto-content-left{
    float: left;
}
.lyto-games-split{
    padding-right: 0; 
    padding-left: 0; 
}
.lyto-games-banner-big{
    height: 33vw;
    background-size: 100% 100% !important;
    padding: 0;
}
.lyto-games-banner-full{
    /*height: 41.1vw;*/
    height: 44.5vw;
    /*height: 640px;*/
    background-size: 100% 100% !important;
    padding: 0;
}
.lyto-games-banner-half{
    height: 26vw;
    background-size: 100% 100% !important;
    padding: 0;
}
.lyto-games-banner-med{
    /*background: url(/images/layout/home/rfc-bg-big.jpg) no-repeat;*/
    height: 16.5vw;
    background-size: 100% 100% !important;
    padding: 0;
}
.lyto-games-desc{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+18,0.51+30,0.56+37,0.64+50,0.69+60,0.7+68,0.74+82,0.78+95,0.9+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 24%, rgba(0,0,0,0.51) 30%, rgba(0,0,0,0.56) 37%, rgba(0,0,0,0.64) 50%, rgba(0,0,0,0.69) 60%, rgba(0,0,0,0.7) 68%, rgba(0,0,0,0.78) 78%, rgba(0,0,0,0.88) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 24%,rgba(0,0,0,0.51) 30%,rgba(0,0,0,0.56) 37%,rgba(0,0,0,0.64) 50%,rgba(0,0,0,0.69) 60%,rgba(0,0,0,0.7) 68%,rgba(0,0,0,0.78) 78%,rgba(0,0,0,0.88) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 24%,rgba(0,0,0,0.51) 30%,rgba(0,0,0,0.56) 37%,rgba(0,0,0,0.64) 50%,rgba(0,0,0,0.69) 60%,rgba(0,0,0,0.7) 68%,rgba(0,0,0,0.78) 78%,rgba(0,0,0,0.88) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    height: 10vw;
    position: absolute;
    bottom: 0;
    padding: 4vw 15px 0;
    width: 100%;
}
.lyto-games-desc p{
    width: 85%;
    text-align: justify;
    font-size: 14px;
}
.lyto-games-text-right{
    text-align: right !important;
    float: right;
}
.lyto-games-text-left{
    text-align: left;
}
.lyto-games-os{
    position: absolute;
}
.lyto-games-os-position-left{
    left: .75vw;
    bottom: 1vw;
}
.lyto-games-os-position-right{
    right: .75vw;
    bottom: 1vw;
}
.lyto-games-pull-right{
    float: right;
}
.lyto-games-pull-left{
    float: left;
}
.lyto-games-os-windows{
    background: transparent url(/images/layout/global/icon-os.png) no-repeat -149px 0;
    height: 110px;
    width: 91px;
    margin: 0 5px;
}
.lyto-games-os-android{
    background: transparent url(/images/layout/global/icon-os.png) no-repeat -69px 0;
    height: 110px;
    width: 79px;
    margin: 0 5px;
}
.lyto-games-os-ios{
    background: transparent url(/images/layout/global/icon-os.png) no-repeat 0 0;
    height: 110px;
    width: 68px;
    margin: 0 5px;
}
/*.lyto-games-split #lyto-games-video{
    margin: 0 auto;
    position: relative;
    padding-bottom: 44.85%;
    padding-top: 25px;
}
#lyto-games-video{
    margin: 0 auto;
    position: relative;
    padding-bottom: 47.45%;
    padding-top: 25px;
}*/
#lyto-games-video video,
#lyto-games-video iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    /*-o-object-fit: fill;*/
    object-fit: fill;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in;
}
@media(max-width: 1440px){
    .lyto-games-desc{
        padding: 2.2vw 15px 0;
    }
}
@media(max-width: 1366px){
    .lyto-games-desc p{
        font-size: 12px;
    }
}
@media(max-width: 1280px){
    .lyto-games-desc p{
        font-size: 12px;
    }
}
@media(max-width: 768px){
    .lyto-game{
        padding-top: 68px;
    }
    .lyto-line-separator{
        background-color: #0072bb;
        height: 15px;
    }
    .lyto-games-banner-big{
        height: 51vw;
    }
    .lyto-games-banner-med{
        height: 51vw;
    }
    .lyto-games-banner-full{
        height: 51vw;
    }
    .lyto-games-os-windows{
        background: transparent url(/images/layout/global/icon-os.png) no-repeat -81px 0;        
        height: 68px;
        width: 49px;
        background-size: 130px;
        margin: 0 7.5px;
    }
    .lyto-games-os-android{
        background: transparent url(/images/layout/global/icon-os.png) no-repeat -37px 0;
        height: 68px;
        width: 43px;
        background-size: 130px;
        margin: 0 7.5px;
    }
    .lyto-games-os-ios{
        background: transparent url(/images/layout/global/icon-os.png) no-repeat 0 0;
        height: 68px;
        width: 37px;
        background-size: 130px;
        margin: 0 7.5px;
    }
    .lyto-games-desc{
        height: 26.5vw;
    }
    /*.lyto-games-desc p{
        display: none;
    }*/
    .lyto-content-right{
        float: unset;
    }
    .lyto-content-left{
        float: unset;
    }
    #lyto-games-video{
        display: none;
    }
}