/* Add here all your CSS customizations */

.photo-news-prev {
    position: relative;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo-news-prev .to-news .text-link-hz {
   position: absolute;
    color: white;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    z-index: 10;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity:0;
} 

.photo-news-prev .ovr-news {
    position:absolute;
    background-color:black;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0;
}

.photo-news-prev:hover .to-news .text-link-hz {
        opacity:1;
}

.photo-news-prev:hover .ovr-news {
        opacity:0.3;
}
    



/* hide form fields */

textarea[name='Message'],
input[name='Surname']  {
   height:0px;
   width:0px;
   font-size: 0px;
   padding: 0px;
   font-size:0px!important;
}




:root{
--fon:#ebebeb;
--specBlue:#062757;
--dark: #6c7175;

}

#header .header-nav-main nav > ul > li > a {
    color: #6c7175;

}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: var(--specBlue);
}



#header .header-nav-main nav > ul > li > a:hover {
    color:var(--specBlue);
    background: none;
}

#header .header-nav-main nav > ul:not(:hover) > li > a.active {
    background: none;
    color:var(--specBlue);
}


#header .header-body {
    background: var(--fon);
    box-shadow: 0px 4px 5px #6C7175;
}



video {
    display: block;
    margin: auto;
}

.VideoBlock {
background: url(../img/components/back.jpg) center;;
}

.videoBlockIn {
    position: relative;
    max-width: 1258px;
/*     overflow: hidden; */
}

#MainText {
    color: white;
    position: absolute;
    bottom: 1%;
    left: 10%;
    font-family: serif;
    letter-spacing: 3px;
}


.UnderBan {
    background: var(--dark);

}

.UnderBan a {
    color: white;
    cursor: pointer;
    font-size: 13px;
}

.UnderBan p:hover {
    color: var(--specBlue);
}

.ProdBlock {
    cursor: pointer;
    transition: all .8s;
}

.ProdBlock a {
    color:black;
}

.ProdBlock:hover {
    opacity: .6;
}

.longread p {
    padding: 0px 35px;
}


.call-to-action {
    background: var(--specBlue)!important;
}

html .featured-box-tertiary .box-content.Customizing {
    border-top-color: var(--specBlue);
}

.breadcrumb {
    background:none;
    
}

.breadcrumb a {
    color: #ffffff;
    text-decoration:underline;
}

.breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {
    color: #0a0a0a;
}


@keyframes CatImg {
    from{
        box-shadow: 20px 60px 28px 10px #2a2a2a6b;
        transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) perspective(508px);
    }
    to {
        box-shadow: 1px 2px 8px 0px #2a2a2a6b;
       transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) perspective(508px); 
    }
    
}


.CatImg {
   border-left: 2px solid #e4e4e4;
}

.CatImg img:first-child {


    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) perspective(508px);
    transform-origin: 0% 0%;
    animation: CatImg 2.5s forwards;
}






@supports(shape-outside: url(../img/components/Shaped.png)) {

    .shaped{

        shape-outside: url(../img/components/Shaped.png);
        shape-image-threshold: 0.5;
        shape-margin: 15px; 
      }
}


@media (max-width:1025px) {
    #MainText {
        font-size: 30px;
        letter-spacing: 2px;
    }
}


@media (max-width:995px) {
    #MainText {
        font-size: 28px;
        width: 100%;
        text-align: center;
        left:0px;
    }
}


@media (max-width:991px) {
    .process-image {
        text-align: left;
    }
}



@media (max-width:747px) {
    #MainText {
        font-size: 25px;
    }
    
   .videoBlockIn {
    min-height: 200px;
    }

    video {
        display:none!important;
    }
    
    .shaped {
        display:none!important;
    } 
}


@media (max-width:625px) {
    #MainText {
        font-size: 20px;
    }

    .UnderBan p {
        margin: 25px auto
    }
    

}

@media (max-width:625px) {
    #MainText {
        font-size: 20px;
    }
}


@media (max-width:461px) {
    .process-image img{
        width: 35%;
    }
    .shaped {
        float: unset!important;
        shape-outside: unset;
        margin: auto!important;
        display: block;
    }
}



@media (max-width:420px) {
    .process-image img{
        width: 25%;
    }
}


@media (max-width:359px) {
    .process-image img{
        width: 15%;
    }
}



@media (max-width:300px) {

    #header .header-logo img {
        width: 120px!important;
        height: 30px;
    }

    #MainText {
        font-size: 18px;
    }


}










/*Udnlx Styles*/
.container-seporator {
    height: 30px;}





.container-page-001 {
    background-color: #ffffff;}
.container-page-001-content {
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    text-align: justify;
    padding: 7px 0px 7px 0px;}
.container-page-001-itemblock p.container-page-001-itemblock__maintext {
    font-size: 20px;
    font-weight: 600;
    color: #111e7c;}
.container-page-001-itemblock p.container-page-001-itemblock__submaintext {
    margin: 0;
    font-size: 17px;
    font-weight: 600;}
.container-page-001-itemblock p.container-page-001-itemblock__maintext {
    font-size: 17px;
    font-weight: 600;}





.container-page-002 {
    background-color: #ffffff;}
.container-page-002-content {
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    text-align: justify;
    padding: 7px 0px 7px 0px;}
.container-page-002-itemblock {
    display: flex;
    flex-direction: column;
    align-items: center;}
.container-page-002-itemblock p.container-page-002-itemblock__text {
    width: 200px;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;}





.container-page-003 {
    background-color: #ffffff;}
.container-page-003-content {
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    text-align: justify;
    padding: 7px 0px 7px 0px;}
.container-page-003-itemblock {
    display: flex;
    flex-direction: column;
    align-items: center;}
.container-page-003-itemblock p.container-page-003-itemblock__text {
    max-width: 400px;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;}





.container-page-004 {
    background-color: #ffffff;}
.container-page-004-content {
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    text-align: justify;
    padding: 7px 0px 7px 0px;}
.container-page-004-itemblock {
    display: flex;
    flex-direction: column;
    align-items: center;}
.container-page-004-itemblock p.container-page-004-itemblock__text {
    max-width: 400px;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;}
.container-page-004-itemblock img.container-page-004-itemblock__img {
    margin: 10px;
    border: 1px solid #8b8b89;}





.container-page-005 {
    background-color: #ffffff;}
.container-page-005-content {
    background-color: #ffffff;
    width: 100%;
    margin: auto;
    text-align: justify;
    padding: 7px 0px 7px 0px;}
.container-page-005-itemblock {}
.container-page-005-itemblock p.container-page-005-itemblock__submaintext {
    margin: 0;
    font-size: 17px;
    font-weight: 600;}
.container-page-005-itemblock p.container-page-005-itemblock__maintext {
    font-size: 17px;
    font-weight: 600;}
.container-page-005-itemblock p.container-page-005-itemblock__subtext {
    font-size: 13px;
    line-height: 1;
    color: #797979;
    text-align: justify;}
.container-page-005-itemblock__images {
    display: flex;
    justify-content: center;}
.container-page-005-itemblock__table {
    display: flex;
    justify-content: center;}
.container-page-005-itemblock__table table {
    width: 100%;
    border: 2px solid #d0d0d0;
    line-height: 1.3;}
.container-page-005-itemblock__table thead {
    text-align: center;
    background-color: #013565;
    color: #ffffff;}
.container-page-005-itemblock__table td {
    padding: 0;
    text-align: center;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;}
.container-page-005-itemblock__table .table thead th {
    vertical-align: middle;
    border: 1px solid #b8b8b8;}

.container-page-001-itemblock table {
    width: 100%;
    border: 2px solid #d0d0d0;
    line-height: 1.3;}
.container-page-001-itemblock thead {
    text-align: center;
    background-color: #013565;
    color: #ffffff;}
.container-page-001-itemblock td {
    padding: 0;
    text-align: center;
    border-left: 1px solid #b8b8b8;
    border-right: 1px solid #b8b8b8;}
.container-page-001-itemblock .table thead th {
    vertical-align: middle;
    border: 1px solid #b8b8b8;}
    
@media (max-width: 576px) {
.container-page-005-itemblock__table table {
    font-size: 10px;}
.container-page-001-itemblock table {
    font-size: 10px;}}





@media (max-width: 1200px) {
.container-seporator {
    width: 100%;}
.container-page-001-content {
    width: 100%;}
.overflow-block {
    overflow: auto;}
.container-page-002-content {
    width: 100%;}
.container-page-003-content {
    width: 100%;}
.container-page-004-content {
    width: 100%;}
.container-page-005-content {
    width: 100%;}}



@media (max-width: 992px) {}



@media (max-width: 768px) {
.container-page-005-itemblock {
    text-align: start!important;}}



@media (max-width: 576px) {}



@media (max-width: 400px) {}



.beforeicon:before  {
  content: url(https://trubozaschita.ru/img/16052022_01.png);
}