body {
    float:left;
    width:100%;
    background:#0F131C;
    color:#fff;
    font-size:16px;
}

.top-part-image {
    float:left;
    width:100%;
    position:relative;
}
.top-links {
    position:absolute;
    bottom:140px;
    width:100%;
    left:0;
    background: rgba(15, 19, 28, 0.80) ;
}
.top-links-section {
    float:left;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100px ;
    gap:30px;
}
.top-link {
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    position:relative;
    -webkit-transition:0.7s;
    transition:0.7s;
    
}
.top-link:before {
    position:absolute;
    content:"";
    left:0;
    bottom:-3px;
    height: 4px;
    background:#FD0000;
    width:0px;
}
.top-link:hover {
    color:#fff;
}
.top-link:hover:before {
    width:100%;
}
.top-link.active:before {
    width:100%;
}
.top-part-image img{
    float:left;
    width:100%;
}
.black-backgorund {
    float:left;
    width:100%;
    background: #0F131C;
    position:relative;
}
.right-image {
    position:absolute;
    right:0px;
}
.right-bg-position {
    float:left;
    width:100%;
}
.text-part {
    float:left;
    width:100%;
}
.top-logo-part {
    float:left;
    width:100%;
    text-align:center;
    margin-top:30px;
}
.bnt-logo {
    float:left;
    width:100%;
}
.bnt-logo img {
    width:230px;
}
.img-title-small {
    float:left;
    width:100%;
    text-align:center;
}
.img-title-small img{ width:200px;}
.top-part-text {
    float:left;
    width:100%;
    display:flex;
}
.left-txt {
    width:50%;
    border-right:1px solid #FD0000;
}
.left-txt p {
    float:left;
    width:100%;
    padding-right:50px;
    box-sizing:border-box;
    font-size:16px;
    color:#fff;
}
.right-txt {
    width:50%;
    padding-left:50px;
    box-sizing:border-box;
}
.sub-txt {
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}
.small-txt {
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    margin-bottom:10px;
}
.small {
    float:left;
    width:100%;
    font-size:16px;
    margin-top:10px;
}
.l-item {
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    padding-left:10px;
    box-sizing:border-box;
    position:relative;
}
.l-item:before {
    position:absolute;
    content:"";
    left:0;
    top:9px;
    width:4px;
    height: 4px;
    background: #FD0000;
}
section {
    float:left;
    width:100%;
}
.image-txt-wrap {
    float:left;
    width:100%;
    /*position:relative;*/
    display:flex;
    align-items:center;
    margin-top:40px;
    margin-bottom:40px;
}
.img-wrap {
    width:60%;
}
.img-wrap img {
    float:left;
    width:100%;
}
.text-wrap {
    width:60%;
    background:rgba(15, 19, 28, 0.80);
    border-top: 8px solid #FD0000;
}
.image-txt-wrap.img-left .text-wrap {
    position:absolute;
    right:0;
    padding:60px;
    box-sizing:border-box;
}
.image-txt-wrap.img-left .text-wrap .img-title-small{
    text-align: left;
}
.image-txt-wrap.img-left .text-wrap .sub-txt {
    text-align:left;
}
.big-title {
    float:left;
    width:100%;
    font-size:30px;
    font-weight: 700;
}
.txt {
    float:left;
    width:100%;
    font-style:italic;
    margin-top:30px;
}
.image-txt-wrap.img-right .text-wrap {
    left:0;
    padding:60px;
    box-sizing:border-box;
}
.image-txt-wrap.img-right .text-wrap .img-title-small{
    text-align: left;
}
.image-txt-wrap.img-right .text-wrap .sub-txt {
    text-align:left;
}
.campaign-faces .big-title {
    text-align:center;
}
.all-faces {
    float:left;
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    display:flex;
    gap:20px;
}
.colum-f {
    width:25%;
    float:left;
    display:flex;
    flex-direction:column;
    gap:5px;
}
.white-bg {
    float:left;
    width:100%;
    background: #fff;
    margin-top:30px;
    margin-bottom:30px;
    padding:15px 0px;
    box-sizing:border-box;
}
.all-logos {
    float:left;
    width:100%;
    display:flex;
    gap:40px;
    min-height: 100px;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}
.logo {
    margin-left:0px;
    margin-top:0px;
    width:auto;
}
.all-videos {
    float:left;
    width:100%;
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}
.video-wrap {
    width:32%;
    float:left;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.video-img {
    float:left;
    width:100%;
}
.video-img img {
    float:left;
    width:100%;
}
.video-title {
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
}
.video-title:hover {
    color:#FD0000;
}

.image-txt-wrap.img-right .img-wrap {
    position:absolute;
    right:0;
    z-index:-1;
}
.image-txt-wrap.img-right {
    margin-top:140px;
    margin-bottom:150px;
}
.campaign-faces {
    float:left;
    width:100%;
    margin-top:10px;
}
.red-line {
    float:left;
    width:100%;
    height: 4px;
    background:#FD0000;
}
@media screen and (max-width: 1180px){
    .image-txt-wrap.img-left .text-wrap, .image-txt-wrap.img-right .text-wrap {
        padding:20px;
    }
    .top-links-section {
        display:none;
    }
    .video-wrap {
        width:31%;
    }
}
@media screen and (max-width: 930px){
    .right-image {
        z-index:-1;
    }
    .top-part-text {
        flex-wrap:wrap;
    }
    .left-txt {
        width:100%;
        float:left;
        border-right:none;
        padding-right:0px;
    } 
    .right-txt {
        float:left;
        width:100%;
        padding-left:0px;
    }
    .image-txt-wrap {
        flex-wrap:wrap;
    }
    .text-wrap {
        position: inherit;
        width:100%;
        float:left;
    }
    .img-wrap {
        position: inherit;
        float:left;
        width:100%;
    }
    .image-txt-wrap.img-right .img-wrap {
        position:inherit;
    }
    .image-txt-wrap.img-left .text-wrap {
        position: inherit;
    }
    .image-txt-wrap.img-right {
        margin-top:20px;
    }
    .all-faces {
        flex-wrap:wrap;
    }
    .colum-f {
        width:48%;
    }
    .video-wrap {
        width:48%;
    }
}
@media screen and (max-width: 550px){
    .big-title {
        font-size:23px;
    }
    .image-txt-wrap.img-left .text-wrap, .image-txt-wrap.img-right .text-wrap {
        padding:10px;
        box-sizing:border-box;
    }
    .colum-f {
        width:100%;
    }
    .video-wrap {
        width:100%;
    }
}
.logo-p {
    width:15%;
    float:left;
}
.logo-p img{
    float:left;
    width:100%;
}