#myVideo {
                                                position: relative;
                                                min-width: 100%; 
                                                min-height: 100%;
                                            }
                                            
                                            .tp-leftarrow.tparrows{
                                                display: none;
                                            }
                                            .tp-rightarrow.tparrows{
                                                display: none;
                                            }
                                            
                                            
                                                    .play-btn {
                                                        background: #fff;
                                                        border-radius: 50%;
                                                        text-align: center;
                                                        line-height: 108px;
                                                        animation: animate 2s linear infinite;
                                                        cursor: pointer;
                                                        width: 100px;
                                                        height: 100px;
                                                        position: absolute;
                                                        bottom:0%;
                                                        right: 0%;
                                                        margin: 40px;
                                                    }
                                                    .play-btn1 {
                                                        background: #fff;
                                                        border-radius: 50%;
                                                        text-align: center;
                                                        line-height: 108px;
                                                        animation: animate 2s linear infinite;
                                                        cursor: pointer;
                                                        width: 100px;
                                                        height: 100px;
                                                        position: absolute;
                                                        left: 50%;
                                                        top: 50%;
                                                        transform: translate(-50%,-50%);
                                                    }
                                                    .play-btn i {
                                                        color: #ffc107;
                                                        font-size: 102px;
                                                    }
                                                    .play-btn1 i {
                                                        color: #ffc107;
                                                        font-size: 102px;
                                                    }
                                                    @keyframes animate{
                                                      0%{
                                                        box-shadow: 0 0 0 0 rgba(255,193,7,0.7);
                                                      }
                                                      40%{
                                                        box-shadow: 0 0 0 50px rgba(255,193,7,0);
                                                      }
                                                      80%{
                                                        box-shadow: 0 0 0 50px rgba(255,193,7,0);
                                                      }
                                                      100%{
                                                        box-shadow: 0 0 0 rgba(255,193,7,0);
                                                      }
                                                    }
                                                    .ul-home{
                                                        margin:0;
                                                    }
                                                    .logo-com{
                                                        display:flex;
                                                        align-items:center;
                                                        
                                                    }
                                                    .logo-com img{
                                                        width:400px;
                                                        
                                                    }
                                                    .logo-com1 img{
                                                        width:60px !important;
                                                        
                                                    }
                                                    .logo-com h1{
                                                        margin:0;
                                                        color: #3B7DBD;
                                                        font-family: 'Ubuntu', sans-serif;
                                                    }
                                                    .card-pos{
                                                        position:relative;
                                                       
                                                    }
embed, iframe, object, video{
    margin-bottom:0;
}
                                                    
                                                    
.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content{
    color:#000;
}
.dropdown-content a {
    color: black!important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.card-dey:nth-child(-n+3) {
    border-bottom: 1px solid #f5f5f5;
}
.card-dey:nth-child(1), .card-dey:nth-child(2), .card-dey:nth-child(4), .card-dey:nth-child(5){
    border-right: 1px solid #f5f5f5;
}
.car_itm1 .owl-item{
    margin-right: 5px !important;
    width: 395px !important;
}
.car_itm_indef .owl-item{
    height:180px;
}
.block-in-hist{
        display:flex;
}
@media screen and (max-width: 1199px) {
    .logo-com img {
        width: 260px;
    }
    .bl-histoy-h3{
        left: 8%!important;
    }
    .bl-histoy-p{
        left: 36%!important;
    }
}
@media screen and (max-width: 991px) {
    body.page #main-content {
        padding-top: 0px;
    }
    .bl-histoy-h3{
        font-size: 1.9em !important;
    }
    .bl-histoy-p{
        font-size: 40px !important;
    }
    #featured-title {
        padding-top: 0px !important;
    }
}
@media screen and (max-width: 767px) {
    .block-history {
        display:block !important;
    }
    .bl-histoy-p{
        right: 0%!important;
        left: 40%!important;
    }
}
@media screen and (max-width: 670px) {
    .block-in-hist{
        display:block !important;
    }
    .bl-histoy-p{
        left:18% !important;
        top: 25%;
    }
    .bl-histoy-h3{
        left: 25%!important;
        top: 25%;
    }
    .bl-back-sl{
        border-bottom: 130px solid #9494949e !important; 
        border-left: 130px solid transparent !important;
    }
    .play-btn{
        width: 40px;
        height: 40px;
        margin: 20px;
        line-height: 0;
    }
    .play-btn i{
        font-size:40px;
    }
}
@media screen and (max-width: 465px) {
    .bl-histoy-p{
        left:8% !important;
         font-size: 25px !important;
    }
    .bl-histoy-h3{
        left: 20%!important;
        font-size: 1.5em !important;
    }
}
@media screen and (max-width: 385px) {
    .logo-com img {
        width: 250px;
    }
}
.inner_in{
    border: 1px solid #f5f5f5cc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 14%);
}
.text-event{
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
}
/* Style the tab content */
.tabcontent {
    color: #555;
    display: none;
    padding: 10px;
    min-height:140px;
    text-align: center;
    background: rgb(250, 250, 251);
    box-shadow: rgb(0 0 0 / 3%) 4px 4px 10px 0px;
    border-bottom: 3px solid #9a9a9a;
        border-top: 1px solid rgb(242, 242, 242);
    border-right: 1px solid rgb(242, 242, 242);
    border-left: 1px solid rgb(242, 242, 242);
}

.class-font p{
      font-size:16px;
}
.head-info{
    font-size:16px;
    font-weight:700;
}
.card-history{
               background: linear-gradient( 
180deg , #ffffff00 0%, rgb(122 122 125) 11.2%, rgb(95 94 94) 90.08%, #ffffff 100%);
    padding-top: 20px;
    /*position: absolute;*/
    width: 100%;
    /* bottom: -18%; */
    /*margin-top: -19px;*/
}
.in-card-main{
    position: relative;
}
.card-about{
    /*margin-top:133px;*/
}
.text-2line{
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-2linep {
    height: 5em;
    overflow: hidden;
}
.in-inner-t{
    font-size:16px;
}
.text-h5{
    font-size: 16px;
    line-height: 26px;
    color: #222;
    font-weight: 600;
    margin: 0px;
}
.how-img{
    transition:all 0.3s ease;
}
.how-img:hover{
    opacity: 0.9;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
}



/************* **/

  .slideshow{
            
    
  
        }
        .mySlides {display: none;}
        .mySlides{
            animation: slideUp 1s forwards;
  color: #555;
    padding: 10px;
    min-height: 140px;
    text-align: center;
    background: rgb(250, 250, 251);
    box-shadow: rgb(0 0 0 / 3%) 4px 4px 10px 0px;
    border-bottom: 3px solid #9a9a9a;
    border-top: 1px solid rgb(242, 242, 242);
    border-right: 1px solid rgb(242, 242, 242);
    border-left: 1px solid rgb(242, 242, 242);
        }
        
        /* Number text (1/3 etc) */
        
        /* The dots/bullets/indicators */
        
        /* Fading animation */
        .fade1 {
          -webkit-animation-name: fade;
          -webkit-animation-duration: 1.5s;
          animation-name: fade;
          animation-duration: 1.5s;
        }
        
        @-webkit-keyframes fade {
          from {opacity: .4} 
          to {opacity: 1}
        }
        
        @keyframes fade {
          from {opacity: .4} 
          to {opacity: 1}
        } 

.numbertext{
  color: #555;
    padding: 10px;
    min-height: 140px;
    text-align: center;
    background: rgb(250, 250, 251);
    box-shadow: rgb(0 0 0 / 3%) 4px 4px 10px 0px;
    border-bottom: 3px solid #9a9a9a;
    border-top: 1px solid rgb(242, 242, 242);
    border-right: 1px solid rgb(242, 242, 242);
    border-left: 1px solid rgb(242, 242, 242);
}
.numbertext h5 {
  animation: slideUp 1s forwards;
  transform: translateY(150%);
}


.numbertext p{
  animation: slideUp 1s forwards;
  transform: translateY(150%);
}

@keyframes slideUp {
  0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0%);
  }
}
.back-card{
        background-image: url(/assets/img/DSC1.jpg);
    background-position: bottom;
    position: relative;
        background-size: cover;
    background-repeat: no-repeat;
}
.back-card:before{
        position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    background-image: -ms-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,18,52,0.95) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,18,52,0.95)), color-stop(100, rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(to right, rgb(6 67 93) 0%, rgba(255,255,255,0) 100%);
        background-image: linear-gradient(to right, rgb(6 67 93) 0%, rgba(255,255,255,0) 100%);

    z-index: 0;
}
.text-in-p p{
    text-align: justify;
}
.card-m {
    /*background:#EBEBEB;
    border-radius:4px;
    padding:15px;*/
}
.card-m a{
    
    margin:0;
}
.card-m a:hover h5{
     color: #000;
}
.card-m .active h5{
    color: #000!important;
}
.card-m h5{
    margin:0;
    padding:10px 0px;
    color: #5e5e5e;
    border-bottom:1px solid #D5D5D5;
}