/* font import */
@font-face{
    font-family: "GT-Walsheim-Ultra-Bold";
    src: url("../fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold.woff2") format("woff2"),
    url("../fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold.woff") format("woff"),
    url("../fonts/GT-Walsheim/GT-Walsheim-Ultra-Bold.ttf") format("truetype");
}

@font-face{
    font-family: "GT-Walsheim-Black";
    src: url("../fonts/GT-Walsheim/GT-Walsheim-Black.woff2") format("woff2"),
    url("../fonts/GT-Walsheim/GT-Walsheim-Black.woff") format("woff"),
    url("../fonts/GT-Walsheim/GT-Walsheim-Black.ttf") format("truetype");
}

@font-face{
    font-family: "GTWalsheim-CondensedUltraBold";
    src: url("../fonts/GT-Walsheim/GTWalsheim-CondensedUltraBold.woff") format("woff"),
    url("../fonts/GT-Walsheim/GTWalsheim-CondensedUltraBold.ttf") format("truetype");
}

@font-face{
    font-family: "GTWalsheim-CondensedRegular";
      src: url("../fonts/GT-Walsheim/GTWalsheim-CondensedRegular.woff") format("woff"),
           url("../fonts/GT-Walsheim/GTWalsheim-CondensedRegular.ttf") format("truetype");
}
  


/* GENERAL */
.site-main{
    background: url('../images/newhero.png'); 
    min-height: 100vh; 
    padding-left: 10%;
    padding-right: 10%;  
    padding-top: 65vw; 
    position: relative; 
    background-position: 50% -80px;
    background-repeat: no-repeat;
    background-size: 100%; 
    background-color: #030304;

    font-family: "GTWalsheim-CondensedRegular", "GT-Walsheim-Black", Arial, Helvetica, sans-serif;  
}
/* .site-main:after{
    content: ''; 
    width: 100%; 
    height: 50%; 
    background: url('../images/BURNWATCH\ RED_\ _d2264e.png'); 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    display: block; 
    background-size: 100% 100%; 
} */

.site-main:after{
    content: '';
    display: block;
    background: linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 5%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 70%,rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%);
    background-size: 100% 100%;
    width: 100%;
    height: 45%;
    position: absolute;
    top: 55vw;
    left: 0;
} 


h1{
    font-family: "GTWalsheim-CondensedUltraBold", "GT-Walsheim-Black", Arial, Helvetica, sans-serif;  
}
.hidden-desktop{
    display: none; 
}
/* @media screen and (max-width: 1600px){  
    .site-main:after{
        height: 65%; 
    }
} */
@media screen and (max-width: 991px){
    .hidden-desktop{
        display: block; 
    }
    .hidden-mobile{
        display: none; 
    }
    .site-main{
        background: #ff1b4e url('../images/newhero.png'); 
        background-size: 100%; 
        background-position: 50% 0;
        padding-top: 65vw; 
        background-repeat: no-repeat;
    }
    /* .site-main:after{
        height: 45%; 
    } */
}
.row{
    z-index: 2; 
    position: relative; 
}


/* SEC 1 */
.sec1 {
    padding-bottom: 80px; 
}
.sec1 h1{
    font-family: "GTWalsheim-CondensedUltraBold", "GT-Walsheim-Black", Arial, Helvetica, sans-serif;  
    color: #fff; 
    font-size: 70px; 
    line-height: 1; 
    max-width: 650px; 
}
.sec1 h1 span{
    color: #fff; 
}
.sec1 p{
    color: #fff; 
    font-size: 25px; 
    padding-left: 10%; 
}
.sec1 h1 img{
    max-width: 12px; 
    position: relative; 
    margin-left: 5px;  
}
.flameOuter{
    display: flex; 
    flex-wrap: wrap; 
}
.flamePeriod{
    display: flex; 
    align-items: baseline; 
    flex-wrap: nowrap; 
    margin-left: 7px; 
}
@media screen and (max-width: 1400px){
    .sec1 h1{ 
        font-size: 58px; 
    }
    .sec1 p{
        font-size: 22px; 
    }
}
@media screen and (max-width: 1200px){
    .sec1 h1{ 
        font-size: 48px; 
    }
    .sec1 p{
        font-size: 18px; 
    }
    .sec1 .separation{
        display: none; 
    }
}
@media screen and (max-width: 992px){
    .sec1 p{
        padding-left: 0; 
        margin-top: 10px; 
    }
    .sec1 h1{ 
        font-size: 40px; 
    }
    .sec1 h1 img{
        max-width: 8px; 
        margin-left: 5px;  
    }
}
@media screen and (max-width: 500px){
    .sec1 h1{ 
        font-size: 30px; 
    }
}

/* SEC2 */
.sec2{
    background: #fff; 
    border-radius: 42px; 
    padding: 50px 0 40px 50px; 
    margin-bottom: 80px; 
    position: relative; 
}
.sec2 h1{
    color: #F72C52; 
    font-size: 50px; 
}
.sec2 h1 span{
    display: block; 
    color: #F72C52; 
}
.sec2 p{
    color: #991135;
    font-size: 25px;
    line-height: 1.3;
}
.sec2 img{
    width: 100%; 
}
.sec2 .btn{
    background: #F72C52;
    color: #fff !important;
    font-family: "GTWalsheim-CondensedUltraBold", "GT-Walsheim-Black", Arial, Helvetica, sans-serif;
    border-radius: 0;
    padding: 10px 40px;
    font-size: 25px;
}
.sec2 .btn:hover{
    background: #222; 
    color: #fff !important;
}
.sec2 .btn:focus, .sec2 .btn:focus-visible{
    outline: 3px solid black; 
}
.sec2 > .col-12:nth-child(3){
    padding-right: 0; 
}
.sec2v1{
    padding: 0; 
    align-items: stretch; 
}
.sec2v1 > .col-lg-6:first-child{
    padding: 50px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sec2v1 > .col-lg-6:last-child{
    padding-right: 0;  
    padding-left: 0; 
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0 100%);
    -moz-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0 100%);
    border-top-right-radius: 42px;
    border-bottom-right-radius: 42px;
    overflow:hidden; 
}
.sec2v1 > .col-lg-6:last-child img{
    border-top-right-radius: 42px;
    border-bottom-right-radius: 42px;
    height: 100%; 
    position:relative;
    right: -1px; 
}

@media screen and (max-width: 1500px){
    .sec2 h1{
        font-size: 38px; 
    }
    .sec2 p{
        font-size: 20px; 
    }
}

@media screen and (max-width:1200px) and (min-width:992px){
    .sec2v1 > .col-lg-6:last-child img {
        width: 130%;
        left: -50%;
        transform: translate(16%, 0);
    }
    .sec2v1 > .col-lg-6:first-child{
        padding: 50px 60px; 
    }
}

@media screen and (max-width: 991px){
    .sec2 h1{
        font-size: 30px; 
    }
    .sec2 img{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .sec2v1 > .col-lg-6:last-child img{  
        -webkit-clip-path: none; 
        -moz-clip-path: none; 
        clip-path: none; 
        height: auto; 
        border-top-right-radius: 0;
        border-bottom-left-radius: 42px;
        width: 100%; 
        margin-bottom: 0; 
        margin-top: 10px; 
        right: 0; 
        transform: none; 
        position:static; 
    }
    .sec2v1 > .col-lg-6:last-child{
        padding-left: 0; 
        position: relative; 
        -webkit-clip-path: none; 
        -moz-clip-path: none; 
        clip-path: none; 
    }
    .sec2v1 > .col-lg-6:last-child:before{
        display: block;
        background: linear-gradient(0deg,transparent,#fff);
        content: "";
        position: absolute;
        top: 10px;
        width: 100%;
        height: 70%;
        z-index: 1; 
    }
    .sec2v1 > .col-lg-6:first-child{
        padding: 50px 40px; 
    }
}
@media screen and (max-width: 991px){
    .sec2v1 h1{
        font-size: 40px; 
    }
}



/* SEC3 */
.sec3 {
    margin-bottom: 80px; 
}
.sec3 .heading-area {
    padding-left: 0; 
}
.sec3 .heading-area h2{
    color: #F72C52;
    font-family: "GTWalsheim-CondensedUltraBold", "GT-Walsheim-Black", Arial, Helvetica, sans-serif;
    background: #fff; 
    display: inline-block;
    padding: 15px 30px;
    font-size: 25px;
    margin: 0;
}
.sec3 img{
    width: 100% ; 
}
.sec3 .video-container{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.sec3 .video-container iframe{
    width: 100% !important; 
    height: 700px !important; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/* .sec3 .video-container:after{
    content: ''; 
    width: calc(100% - 2*(calc(var(--bs-gutter-x) * .5))); 
    height: 100%; 
    display: block; 
    background: rgba(0,0,0,.5); 
    position: absolute; 
    top: 0; 
    left: calc(var(--bs-gutter-x) * .5); 
} */
/* @media screen and (max-width: 768px){
    .sec3 .video-container iframe{
        width: 100% !important; 
        height: 400px !important; 
    }
} */
@media screen and (max-width: 500px){
    .sec3 .heading-area h2{
        font-size: 19px; 
    }
}

/* SEC4 */
.sec4{
    margin-bottom: 150px; 
    padding: 50px; 
}
@media screen and (max-width: 991px){
    .sec4{
        padding: 50px 30px; 
    }
}

/* SEC5 */
.sec5{
    text-align: center; 
}
.sec5 p{
    color: #fff; 
    font-size: 25px; 
    margin-top: 80px; 
    margin-bottom: 80px; 
}
.sec5 .logo-list{
    padding-bottom: 100px; 
    display: flex;
    align-items: center;
}
.sec5 .logo-list a{
    flex: 0 0 21%; 
    display: flex;
    width:100%; 
    justify-content: center;
    align-items: center;
    height: 100%; 
}
.sec5 .logo-list a:nth-child(3){
    border-left: 1px solid #fee9ed; 
    max-height: 75%;
}
.sec5 .logo-list a:nth-child(4){
    flex: 0 0 16%; 
}
.sec5 .logo-list img{
    margin-left: 2%; 
    margin-right: 2%; 
    max-width:75%; 
}
.sec5 .logo{
    width: 100%; 
    max-width: 400px; 
}


/* aside */
.aside{
    background: #991135; 
    padding: 80px 10%; 
}
.aside img{
    margin-bottom: 50px; 
}
.aside h1{
    color: #fff; 
}
.aside h1 span{
    color: #F72C52; 
}
.aside p{
    color: #fff; 
}
.aside .btn{
    background: #F72C52;
    color: #fff !important;
    font-family: "GTWalsheim-CondensedUltraBold", "GT-Walsheim-Black", Arial, Helvetica, sans-serif;
    border-radius: 0;
    padding: 10px 40px;
    font-size: 20px;
    margin-top: 20px; 
}
.aside .btn:hover{
    background: #222; 
    color: #fff !important;
}
.aside .btn:focus, .aside .btn:focus-visible{
    outline: 3px solid #fff; 
}