*{
    margin:0px;
    padding:0px;
    border: 0px;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 27, 2021 */
@font-face {
    font-family: 'carrois_gothic_scregular';
    src: url('../fonts/carrois-gothicsc/carroisgothicsc-regular-webfont.woff2') format('woff2'),
         url('../fonts/carrois-gothicsc/carroisgothicsc-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'letter_gothic_regular';
    src: url('../fonts/letter-gothic/letter-gothic-webfont.woff2') format('woff2'),
         url('../fonts/letter-gothic/letter-gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    background-image: url('../images/main-bg-2552.jpg');
    background-position: 0px 48px;
    height: 100vh;
    min-height: 2542px;
    background-position:center center;
    background-repeat: no-repeat;
    background-size:cover;                        
    color: #FFF;
    font-size: 13px;
    font-family: 'carrois_gothic_scregular', Arial, sans-serif;
    line-height: 22px;
}
img{
    border:0px;
}
a {
    color:#fff;
    text-decoration: none;
}
a:hover {
    color:#ffecba;
}
.d-inline-block{
    display: inline-block;
}
.text-right{
    text-align: right;
}
.p-relative{
    position: relative;
}
.p-absolute{
    position: absolute;
}
.poster-main .poster-img{
    width: 100%;
    height: auto;
}
.red-badge-main{
    position: absolute;
    top: 0;
    left: 5.7%;
    width: 8%;
}
.red-badge-main .red-badge-img{
    width: 100%;
}
.content-main{
    width: 38%;
    bottom: 0px;
    right: 0px;
    padding-bottom:1%;
    padding-right:4.1%;
}
.announcement-bar {
    background-color: #33de73;
    z-index: 10;
    position: relative;
    text-align: center;    
    display: block;
}
.announcement-bar__message {
    color: #ffffff;
    display: block;
    padding: 13px 22px;
    font-size: 16px;
}
.content-main .title-img{
    width: 100%;
    float: right;
    padding-bottom: 2%;
}
.content-main .text-main{
    padding-bottom: 5%;
    font-family: 'carrois_gothic_scregular', Arial, sans-serif;
    font-size: 19px;
    line-height: 1.3em;
}
.content-main .link{
    font-family: 'letter_gothic_regular', Arial, sans-serif;
    font-size:17px;
    line-height: 1.3em;
}

.content-main .tubes-img{
    width: 100%;
    float: right;
}
@media (max-width: 2047.98px) {
    body{
        background-image: url('../images/main-bg-1060.jpg');
        height: 100vh;
        min-height: 1050px;
    }
}
@media (max-width: 1679.98px) {
    body{
        background-image: url('../images/main-bg-900.jpg');
        height: 100vh;
        min-height: 100vh;
    }
}
@media (max-width: 1439.98px) {
    body{
        background-image: url('../images/main-bg-768.jpg');
        height: 100vh;
        min-height: 100vh;
    }
}
@media (max-width: 1279.98px){
    body{
        background-image: url('../images/main-bg-1024.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .content-main .text-main{
        font-size: 17px;
    }    
    .content-main .link{
        font-size: 16px;
    }    
}
@media (max-width: 1279.98px) and (orientation: portrait) {
    .content-main{
        width: 50%;
    }
}
@media (max-width: 991.98px) {
    body{
        background-image: url('../images/main-bg-1024.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .content-main .text-main{
        font-size: 16px;
    }    
    .content-main .link{
        font-size: 15px;
    }    
}
@media (max-width: 991.98px) and (orientation: portrait) {
    body{
        background-image: url('../images/main-bg-1280.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .content-main{
        width: 70%;
    }
}
@media (max-width: 767.98px) {
    body{
        background-image: url('../images/main-bg-1024.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .content-main{
        width: 50%;
    }
    .content-main .text-main{
        font-size: 16px;
    }    
    .content-main .link{
        font-size: 15px;
    }    
}
@media (max-width: 767.98px) and (orientation: portrait) {
    body{
        background-image: url('../images/main-bg-600-1024.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .content-main{
        width: 90%;
    }
}
@media (max-width: 575.98px) {
    body{
        background-image: url('../images/main-bg-575.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .red-badge-main{
        width: 11%;
    }
    .content-main .text-main{
        font-size: 15px;
    }    
    .content-main .link{
        font-size: 14px;
    }    
}
@media (max-width: 575.98px) and (orientation: portrait) {
    body{
        background-image: url('../images/main-bg-375-667.jpg');
        height: 100vh;
        min-height: 100vh;
    }
    .content-main{
        width: 95%;
    }
}
