.blue-background{
    float:left;
    width:100%;
    background: url("../img/panorama-background.png") repeat center;
    min-height: 500px;
    padding:30px 0px;
    box-sizing:border-box;
}
.panorama-title{
    float:left;
    width:100%;
    margin-bottom:20px;
}
.top-blue-links{
    float:left;
    width:100%;
    background:#0176C6;
    padding:10px;
    box-sizing:border-box;
    display:flex;
    gap:20px;
    margin-bottom:20px;
}
.top-blue-links .top-blue-link{
    color:#fff;
    font-size:16px;
    font-weight: 500;
    position:relative;
}
.top-blue-links .top-blue-link:before{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    height: 2px;
    background: #fff;
    width:0px;
    -webkit-transition:0.7s;
    transition:0.7s;
}
.top-blue-links .top-blue-link:hover:before{
    width:100%;
}
.top-blue-links .top-blue-link.active:before{
    width:100%;
}
.top-panorama-info{
    float:left;
    width:100%;
    display: flex;
    gap:20px;
}
.top-left-panorama-info{
    width:60%;
    float:left;
    flex-shrink:0;
}
.video-box{
    float:left;
    width:100%;
    position:relative;
}
/*.video-box:before{
    position:absolute;
    content:"";
    left:50%;
    top:50%;
    width:70px;
    height: 70px;
    background: url("../img/panorama-video.png") no-repeat center;
    background-size:100%;
    transform:translate(-50%, -50%);
}     */
.video-box:after{
    /* position:absolute; */
    content:"";
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: linear-gradient(359deg, #021733 11.23%, rgba(2, 23, 51, 0.20) 35.94%);
}
.video-box img{
    float:left;
    width:100%;
}
.video-title{
    position:absolute;
    bottom:20px;
    left:20px;
    z-index:999;
    color:#fff;
    font-size:20px;
    text-shadow: 1px 1px 1px #000;
}
.top-right-panorama-info{
    width:40%;
    float:left;
    position:relative;

}
.swiper-btns{
    width:85px;
    bottom:0;
    position:absolute;
    left:0%;
}
.swiper-btns-last{
   width:85px;
    bottom:40px;
    position:absolute;
    left:0%;
}
.swiper-button-next {
    position: absolute;
    width: 40px !important;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    margin-top: 0 !important;
    background: #0176C6 url(../img/arrow_prev_news_white.svg) no-repeat center !important;
    background-size: 20px !important;
    border-radius:100%;
    transform:rotate(180deg);
}
.swiper-button-next:hover{
   background: #ccc url(../img/arrow_prev_news_white.svg) no-repeat center !important;
    background-size: 20px !important;
    transform:rotate(180deg);
}
.swiper-button-prev {
    position: absolute;
    width: 40px !important;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    margin-top: 0 !important;
    background: #0176C6 url(../img/arrow_prev_news_white.svg) no-repeat center !important;
    background-size: 20px !important;
    border-radius:100%;
    /*transform:rotate(180deg);*/
}
.swiper-button-prev:hover{
   background: #ccc url(../img/arrow_prev_news_white.svg) no-repeat center !important;
    background-size: 20px !important;
    border-radius:100%;
    /*transform:rotate(180deg);*/
}
.top-right-panorama-info .title{
    float:left;
    width:100%;
    color:#fff;
    font-size:28px;
    margin-bottom:10px;
}
.right-slider{
    float:left;
    width:100%;
    height: 360px;
}
.right-slide{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.small-slider-box{
    float:left;
    width:100%;
    display:flex;
    gap:15px;
}
.small-slider-box .small-img{
    float:left;
    width:175px;
    flex-shrink:0;
}
.small-slider-box .small-img:hover img{
    opacity:0.7;
}
.small-slider-box .small-img img{
    width:100%;
}
.small-info{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.small-info .small-title{
    color:#fff;
    font-size:16px;
    line-height: 20px;
    font-weight: 600;
    max-height: 60px;
    overflow:hidden;
}
.small-info .small-title:hover{
    color: #E94812;
}
.small-info .panorama{
    color:#fff;
    padding-left:10px;
    box-sizing:border-box;
    position:relative;
    font-size:9px;
    font-weight: 700;
    text-transform: uppercase;
}
.small-info .panorama:before{
    position:absolute;
    content:"";
    left:0;
    top:3px;
    width:7px;
    height: 7px;
    background:#E94812 ;
}
.small-info .date{
   color:#fff;
   font-size:12px;
   font-weight: 400;
}
.last-transmissions{
    float:left;
    width:100%;
    margin-top:40px;
    padding-bottom:60px;
    box-sizing:border-box;
    position:relative;
}
.last-transmissions.listing{
    margin-top:0px;
}
.title-wrap{
    float:left;
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}
.title-wrap .title{
    color:#fff;
    font-size:28px;
}
.title-wrap .see-all{
    color:#fff;
    font-size:16px;
    position:relative;
    padding-right:15px;
    box-sizing:border-box;
}
.title-wrap .see-all:hover{
    font-weight: bold;
}
.title-wrap .see-all:after{
    position:absolute;
    content:"";
    right:0;
    top:3px;
    width:10px;
    height: 18px;
    background: url("../img/tr-see.svg") no-repeat center;
}
.title-wrap .see-all:hover:after{
    right:-2px;
}
.last-transmission-boxes{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
}
.last-transmission-boxes.is-listing{
    flex-wrap:wrap;
}
.last-transmission-box{
    width:calc(33.33% - 14px);
    float:left;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.last-transmission-box .image{
    float:left;
    width:100%;
    position:relative;
}
.last-transmission-box .image:before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    background: url(../img/panorama-video.png) no-repeat center;
    background-size: 100%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.last-transmission-box .image:hover img{
    opacity:0.7;
}
.last-transmission-box .image img{
    float:left;
    width:100%;
}
.big-panorama-container{
    float:left;
    width:100%;
    position:relative;
    background: url("../img/big-panorama.png") no-repeat center;
    background-size:cover;
    min-height: 500px;
    display:flex;
    align-items:flex-end;
    padding-bottom:40px;
    box-sizing:border-box;
}
.big-panorama-container:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: linear-gradient(0deg, #021733 28.47%, rgba(0, 0, 0, 0.20) 93.76%);
}
.info-panorama{
    position:absolute;
    bottom:70px;
    max-width: 600px;
}

.info-panorama .top{
    font-size:17px;
    color:#fff;
}
.info-panorama .info-news{
    font-size:28px;
    font-weight: 700;
    float:left;
    width:100%;
    margin-bottom:15px;
    color:#fff;
}
.info-panorama .txt{
    float:left;
    width:100%;
    color:#fff;
    font-size:18px;
    line-height: 22px;
}
.see-more{
    float:left;
    margin-top:20px;
    color:#fff;
    font-size:14px;
    padding-right:15px;
    box-sizing:border-box;
    position:relative;
}
.see-more:hover{
    font-weight: bold;
    color:#fff;
}
.see-more:after{
    position: absolute;
    content: "";
    right: 0;
    top: 1px;
    width: 10px;
    height: 18px;
    background: url(../img/tr-see.svg) no-repeat center;
}
.see-more:hover:after{
    right:-2px;
}
.blue-background.padd-none{
    padding:0px;
    box-sizing:border-box;
    min-height: 492px;
}
.two-part-section{
    display:flex;
    gap:30px;
    align-items:center;
    float:left;
    width:100%;
}
.left-section{
    float:left;
    width:50%;
    position:relative;
    flex-shrink:0;
}
.right-section{
    width:50%;
    float:left;
    display:flex;
    flex-direction:column;
    gap:15px;
}
.right-section .txt-contact{
    color:#fff;
    font-size:18px;
}
.left-section img{
    float:left;
    width:100%;
    min-height: 492px;
}
.left-section:before{
   position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    background: url(../img/panorama-video.png) no-repeat center;
    background-size: 100%;
    transform: translate(-50%, -50%);
    cursor:pointer;
}
.left-section.image:before{
    content:none;
}
.two-part-section .txt-part{
    max-width: 600px;
    margin:0 auto;
}
.two-part-section .txt-part .small-title{
    color:#fff;
    font-size:28px;
    float:left;
    width:100%;
    margin-bottom:15px;
    font-weight: 700;
}
.two-part-section .txt-part p{
    float:left;
    width:100%;
    color:#fff;
    font-size:18px;
    line-height: 22px;
    margin-bottom:20px;
}
.two-part-section .txt-part i{
    color:#fff;
    font-size:16px;
}
.two-part-section .txt-part .see-all{
    color:#fff;
    font-size:15px;
    padding-right:15px;
    position:relative;
    box-sizing:border-box;
}
.two-part-section .txt-part .see-all:hover{
    font-weight: bold;
}
.two-part-section .txt-part .see-all:after{
    position: absolute;
    content: "";
    right: 0;
    top: 1px;
    width: 10px;
    height: 18px;
    background: url(../img/tr-see.svg) no-repeat center;
}
.two-part-section .txt-part .see-all:hover:after{
    right:-2px;
}
.bottom-persons-wrap{
    float:left;
    width:100%;
    background: #021733;
    padding:40px 0px;
    box-sizing:border-box;
}
.two-txt-img-wrap{
    float:left;
    width:100%;
    display:flex;
    gap:30px;
    align-items:center;
}
.left-info{
    width:50%;
    float:left;
    flex-shrink:0;
}
.left-info .title{
    float:left;
    width:100%;
    color:#fff;
    font-size:22px;
    margin-bottom:10px;
}
.left-info p{
    float:left;
    width:100%;
    color:#fff;
    font-size:15px;
    line-height: 20px;
    margin-bottom:10px;
}
.left-info .see-all{
    color:#fff;
    font-size:16px;
    padding-right:15px;
    box-sizing:border-box;
    position:relative;
}
.left-info .see-all:hover{
    font-weight: bold;
}
.left-info .see-all:after{
    position: absolute;
    content: "";
    right: 0;
    top: 1px;
    width: 10px;
    height: 18px;
    background: url(../img/tr-see.svg) no-repeat center;
}
.left-info .see-all:hover:after{
    right:-2px;
}
.right-info{
    width:50%;
    float:left;
    flex-shrink:0;
}
.persons-slider{
    float:left;
    width:100%;
    display:flex;
}
.d-flex-wrap{
    display:flex;
    gap:20px;
}
.person-box{
    width:100%;
    float:left;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.person-box .image{
    float:left;
    width:100%;
}
.person-box .image:hover img{
    opacity:0.7;
}
.person-box .image img{
    float:left;
    width:100%;
    min-height: 350px;
    object-fit: cover;
}
.bottom-person-info{
    float:left;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.bottom-person-info .name{
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    padding-left:15px;
    box-sizing:border-box;
    position:relative;
    font-weight: 700;
}
.bottom-person-info .name:before{
    position:absolute;
    content:"";
    left:0;
    top:5px;
    width:10px;
    height: 10px;
    background: #E94812;
}
.bottom-person-info .job{
    float:left;
    width:100%;
    font-size:11px;
    color:#fff;
}
.panorama-title{
    font-size: 28px;
    color:#fff;
}
.top-panorama-teem{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    flex-direction:column;
}
.top-panorama-teem .top-trnsmission-section{
     height: 400px;
}
.top-panorama-teem .top-tr-box img{
    margin-top:-10px;
}
.top-box-teem{
    float:left;
    width:calc(50% - 20px);
    display:flex;
    flex-direction:column;
    gap:10px;
}
.top-box-teem .top-image{
    float:left;
    width:100%;
    position:relative;
}
.top-box-teem .top-image:hover{
    opacity:0.7;
}
.top-box-teem .top-image img{
    float:left;
    width:100%;
}
.top-box-teem .top-image .name{
    position:absolute;
    bottom:20px;
    left:20px;
    color:#fff;
    font-size:24px;
}
.top-txt{
    float:left;
    width:100%;
    color:#fff;
    font-size:15px;
    line-height: 20px;
}
.teem-title{
    float:left;
    width:100%;
    color:#fff;
    font-size:28px;
    margin-bottom:15px;
}
.all-teem{
    float:left;
    width:100%;
}
.all-teem .person-box{
    width:calc(33% - 10px);
}
.info-person{
    float:left;
    width:100%;
    color:#fff;
}
.info-person p{
    float:left;
    width:100%;
    font-size:15px;
    color:#fff;
    line-height: 18px;
    margin-bottom:10px;
}
.all-teem .d-flex-wrap{
    flex-wrap:wrap;
}
.top-trnsmission-section{
    float:left;
    width:100%;
    background: url("../img/top-tr-bg.png");
    background-size:cover;
    height: 360px;
    margin-top:30px;
    margin-bottom:100px;

}
.top-tr-boxes{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    align-items:center;
}
.top-tr-box{
    width:calc(50% - 20px);
}
.top-tr-box img{
    width:100%;
    float:left;
    margin-top: -40px;
}
.top-tr-box .small-title{
    float:left;
    width:100%;
    margin-top:10px;
    color:#fff;
    font-size:25px;
    margin-bottom:10px;
}
.top-tr-boxes.lead-part .top-tr-box .small-title{
    margin-top:50px;
}
.top-tr-box p{
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    line-height: 20px;
    margin-bottom:10px;
}
.small-container{
    width:1000px;
    margin:0 auto;
}
.text-part{
    float:left;
    width:100%;
}
.text-part .title{
    float:left;
    width:100%;
    color:#fff;
    font-size:28px;
    text-align:center;
    margin-bottom:20px;
}
.text-part p{
    float:left;
    width:100%;
    color:#fff;
    font-size:18px;
    line-height: 22px;
    margin-bottom:10px;
}
.panorama-images{
    float:left;
    width:100%;
    position:relative;
    margin-top:50px;
    padding-bottom:50px;
    box-sizing:border-box;
    margin-bottom:40px;
}
.panorama-images .swiper-btns{
    bottom:40px;
    left:50%;
    transform:translate(-50%, -50%);
}
.panorama-slider{
    float:left;
    width: 100%;
}
.panorama-slider img{
    float:left;
    width:100%;
    height: 235px;
    object-fit:cover;
}
.panorama-slider img:hover{
    opacity:0.7;
}

.bottom-blue-part{
    float:left;
    width:100%;
    background: #021733;
}
.panorama-studio-wrap{
    float:left;
    width:100%;
    display:flex;
    gap:20px;
    align-items:center;
}
.studio-box{
    width:calc(50% - 20px);
}
.studio-box .small-title{
    float:left;
    width:100%;
    color:#fff;
    font-size:25px;
    margin-bottom:10px;
}
.studio-box .txt{
    float:left;
    width:100%;
}
.studio-box .txt p{
    float:left;
    width:100%;
    color:#fff;
    font-size:16px;
    line-height: 20px;
}
.panorama-videos {
    float:left;
    width:100%;
    margin-top:40px;
    padding-bottom:50px;
    margin-bottom:40px;
    Position:relative;
}
.panorama-videos .swiper-btns {
    bottom:30px;
    transform:translate(-50%, -50%);
    left:50%;
}
.videos-p-slider {
    float:left;
    width:100%;
}
.videos-p-slider img {
    float:left;
    width:100%;
}
.videos-p-slider img:hover{
    opacity:0.7;
}
.mt40 {
    margin-top:40px;
}
.page-item.active .page-link{
    color:#fff;
}

.page-item:first-child {
    top: 0;
    left: 0;
    width: 35px;
    height: 30px;
    background: url(../img/arrow-white.svg) no-repeat center;
    background-size: 20px;
    margin-top: 3px;
}

.pagination .page-item:last-child .page-link {
    border: 1px solid #ccc;
    background: url(../img/show-more-btn.png) no-repeat center;
    background-size: 20px;
}

.page-item:last-child .page-link:hover {
    border: 1px solid #ccc;
    background: url(../img/arrow-white.svg) no-repeat center;
    background-size: 20px;
}
.lead-section{
    float:left;
    width:100%;
    background: url("../img/lead-section.png") no-repeat center;
    min-height: 400px;
    background-size:100%;
}
.lead-wrap{
    float:left;
    width:100%;
    display:flex;
    gap:30px;
    align-items:center;
}
.lead-wrap .left-info{
    width:50%;
}
.lead-wrap .right-info{
    width:50%;
}
.lead-wrap .right-info img{
    width:60%;
}
.scroll-for-mobile{
    float:left;
    width:100%;
}

.page-link{
    color:#8897a0;
}
@media screen and (max-width: 1200px) {
     .right-slider .swiper-wrapper{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        height: auto;
    }
    .right-slider{
        height: auto;
    }
    .slider-none {
        display:none;
    }
    .top-panorama-info {
        flex-wrap: wrap;
    }
    .top-left-panorama-info {
        width: 100%;
    }
    .top-right-panorama-info {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .two-txt-img-wrap{
        flex-wrap:wrap;
    }
    .left-info{
        width:100%;
    }
    .right-info{
        width:100%;
    }
    .small-container{
        width:100%;
    }
    .blue-background.padd-none{
        min-height: auto;
    }
    .two-part-section .txt-part {
        max-width: 450px;
    }
    .all-teem .person-box {
        width: calc(33% - 12px);
    }
}
@media screen and (max-width: 890px) {

    .row{
        margin-left:0px;
        margin-right:0px;
    }
    .two-part-section .txt-part{
        max-width:100%;
    }
    .lead-section{
        background-size:cover;
        min-height: auto;
        padding:20px;
        box-sizing:order-box;
    }
    .left-section img{
        min-height: auto;
    }
    .small-container{
        width:100%;
    }
    .top-tr-box .small-title{
        margin-top:50px;
    }
    .all-teem .person-box {
        width: calc(50% - 10px);
    }
    .all-teem .person-box .image img{
        max-height: 390px;
    }
   .top-panorama-info{
       flex-wrap:wrap;
   }
   .top-left-panorama-info{
       width:100%;
   }
   .top-right-panorama-info{
       width:100%;
   }
   .page-link{
       color: #8897a0;
   }
   .two-part-section{
       flex-wrap:wrap;
   }
   .left-section{
       width:100%;
   }
   .right-section{
       width:100%;
       padding-left:20px;
       box-sizing:border-box;
       padding-bottom:20px;
   }
   .two-txt-img-wrap{
       flex-wrap:wrap;
   }
   .left-info{
       width:100%;
   }
   .right-info{
       width:100%;
   }
}
@media screen and (max-width: 800px) {
    .top-box-teem .top-image .name{
        font-size:20px;
    }
   .last-transmission-boxes{
       flex-wrap:wrap;
   }
   .last-transmission-box{
       width:100%;
       flex-direction:row;
   }
   .last-transmission-box .image{
       width:175px;
       flex-shrink:0;
   }
}
@media screen and (max-width: 780px) {
    .top-tr-boxes{
        flex-wrap:wrap;
    }
    .top-tr-box{
        width:100%;
    }
    .top-tr-box img{
        margin-top:5px;
    }
    .top-trnsmission-section{
        min-height: 750px;
        margin-top:30px;
        margin-bottom:30px;
        height: 750px;
    }
    .top-trnsmission-section.min-h{
       min-height: 500px;
       height: 500px;
    }

    .panorama-studio-wrap{
        flex-wrap:wrap;
    }
    .studio-box{
        width:100%;
    }
    .top-tr-box .small-title{
        margin-top:10px;
    }
    .top-tr-box p{
        font-size:15px;
    }
}
@media screen and (max-width: 600px) {
    .person-box{
        width:100%;
    }
    .d-flex-wrap{
        flex-wrap:wrap;
    }
    /*.top-trnsmission-section{
        min-height: 400px;
    }  */
    .top-tr-box p, .studio-box .txt p{
        font-size:15px;
    }
    .all-teem .person-box{
        width:100%;
    }
    .right-section {
        gap:5px;
    }
    .left-section:before{
        width:45px;
        height: 45px;
    }
    .top-panorama-teem{
        flex-wrap:wrap;
    }
    .top-box-teem{
        width:100%;
        float:left;
    }
    .scroll-for-mobile {
        width:100%;
        overflow-x:scroll;
    }
    .top-blue-links{
        width: 600px;
    }
   .title-wrap .title,.studio-box .small-title,  .two-part-section .txt-part .small-title, .left-info .title, .info-panorama .info-news, .top-right-panorama-info .title, .teem-title{
       font-size:19px;
   }
   .panorama-title img{
       width:120px;
   }
   .small-info .small-title{
       font-size:14px;
   }
   .title-wrap .see-all, .two-part-section .txt-part .see-all, .left-info .see-all{
       font-size:14px;
   }
   .title-wrap .see-all:after , .two-part-section .txt-part .see-all:after, .left-info .see-all:after{
        position: absolute;
        content: "";
        right: 0;
        top: 3px;
        width: 5px;
        height: 15px;
        background: url(../img/tr-see.svg) no-repeat center;
   }
   .panorama-title{
       font-size:19px;
       margin-bottom:10px;
   }
   .top-tr-box .small-title{
       margin-top:15px;
       font-size:19px;
   }
   .text-part .title{
       font-size:19px;
   }
   .text-part p{
       font-size:16px;
   }
   .right-section .txt-contact{
       font-size:16px;
   }
}