/* Start:/local/templates/wm_2212013/components/bitrix/system.pagenavigation/round/style.css?17146387993154*/
.bx-pagination {
	margin: 2rem 0;
}
.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-flex;
    grid-gap: 0.5rem 0.5rem;
}
.bx-pagination .bx-pagination-container ul li {
	display: grid;   
    height: 50px;
    align-items: center;         
}
.bx-pagination .bx-pagination-container ul li a, li.bx-active, li.bx-pag-prev a, li.bx-pag-next a {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
       -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    	 -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    		transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	padding: 0.5rem 1.5rem;   
	min-width: 2rem;
    height: 50px;
    display: flex;
    align-items: center;  
	line-height: 150%; 
    background: #fff/*#E5EBF6*/;
    color:#3F6CB3;  
	font-size: 1.125rem;
	border-radius: 0.5rem;  
    text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    transition: 0.5s ease-out all;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;            
	color: #3F6CB3;
}
.bx-pagination .bx-pagination-container ul li a:hover {
	background: #3F6CB3;
    color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-active {
	background: #3F6CB3;
	color: #fff;
}  
             
li.bx-pag-next a span {font-size: 0; background: url('/local/templates/wm_2212013/assets/icons/icn-arrow-next.svg') no-repeat center center; background-size: 6.6px 11.24px; width: 6.6px; height: 11.24px;}
li.bx-pag-prev a span {font-size: 0; background: url('/local/templates/wm_2212013/assets/icons/icn-arrow-prev.svg') no-repeat center center; background-size: 6.6px 11.24px; width: 6.6px; height: 11.24px;}  

li.bx-pag-next a:hover span {font-size: 0; background: url('/local/templates/wm_2212013/assets/icons/icn-arrow-next-w.svg') no-repeat center center;}
li.bx-pag-prev a:hover span {font-size: 0; background: url('/local/templates/wm_2212013/assets/icons/icn-arrow-prev-w.svg') no-repeat center center;} 

    
                      
@media (max-width: 576px){ 
   .bx-pagination .bx-pagination-container ul li.bx-pag-next a {padding: 0.5rem; width: 50px; height: 50px; text-align: center; text-align: center; justify-content: center;}
   .bx-pagination .bx-pagination-container ul li.bx-pag-prev a {padding: 0.5rem; width: 50px; height: 50px; text-align: center; text-align: center; justify-content: center;}     
   
   .bx-pagination .bx-pagination-container ul li.bx-pag-next,
   .bx-pagination .bx-pagination-container ul li.bx-pag-next {
        display: grid;   
        height: 50px;
        width: 50px;
        align-items: center;
        text-align: center; 
        justify-content: center;
    }
                                                                                        
}
/* End */


/* Start:/local/templates/wm_2212013/components/bitrix/catalog.section/detail_mining/style.css?178652560930546*/
.mb100 {
    margin-bottom: 75px;
}
    
.headerNavSlider {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;  
}
.titleSlider {
    display: block;
    width: 60%;    
}

.titleSlider h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 44px;
    color:#fff;
    margin: 0;
}
h1.roboto, .h1_roboto {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    line-height: 150%;
    color: #212121;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bolder;
}
#bannerPrimerProject .h1_roboto_title {
    font-family: 'Roboto Condensed', sans-serif;
    /*font-size: 44px;  */
    font-size: 32px;  
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 22px;
    font-weight: bolder;
}
#bannerPrimerProject .h2_roboto_title {
    font-family: 'Roboto Condensed', sans-serif;
    /*font-size: 36px; */
    font-size: 26px;
    color: #ffffff;  
    font-weight: 300; 
}

.containerChangePower {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    align-items: end;
    align-self: end;
}
    #changePowerTitle {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 30px;
        color:#fff; 
    }
    #panelPower {
        position: relative; 
    }
    #panelPower .item-powel-tabs-container {
        z-index: 1;
        position: relative;
        display: flex;        
        height: 60px;
        padding: 10px;
        gap: 15px;      
        color:#fff; 
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;    
        justify-content: space-between;      
    }
    .item-powel-tabs {
        padding: 5px 18px;
        align-items: center;
        display: flex;
        background: rgba(239,241,244,0);
        border-radius: 12px;
        transition: 0.2s background ease-out;
    }
    .item-powel-tabs.active {
        padding: 5px 18px;
        background: rgba(239,241,244,1);
        border-radius: 12px;
        color: #212121;
        font-weight: bolder;
    }
    .item-powel-tabs:not(.active):hover {
        background: rgba(239,241,244,0.5);  
        cursor: pointer; 
    }
    #panelPower:before {
        position: absolute;
        top: 0;
        left: 0; 
        border-radius: 20px;
        width: 100%;
        height: 60px;
        backdrop-filter: blur(5px);
        background: rgba(179,188,201, 0.5);     
        content: " ";
        display: block;
        z-index: 0;
    }
#banner-brand {
    padding: 0 !important;
    position: relative;
    width: 100%;
    /*height: 550px;  */
    min-height: 550px;    
    height: calc(100vh - 150px);   
}

#tabsPanel ul li:hover img {
    display: block;
    max-width: 75%;
    object-fit: contain;
    box-shadow: none;
}
#tabsPanel ul li:hover a {
    transform: scale(1.2);
}

@media (max-width: 1024px){
    #banner-brand.industry-detail.mining {
        display: grid;
        height: calc(100vh - 72px);
        align-items: stretch;
    }
    #topSliderHTabs {
        position: relative;
        padding-top: 40px;
    }
    .headerNavSlider {
        margin-top: 0px;
    }
    .titleSlider {
        text-transform: uppercase;
    }
    #tabsPanel {
        position: absolute;
        bottom: 30px;
    }
    #tabsPanel ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        align-items: center;
        justify-content: start;
        grid-gap: 1.25rem;
        max-width: fit-content;
    }
    #tabsPanel ul:before {
        border-radius: 20px;
        background-color: rgba(40, 59, 91, 0.5);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        width: 100%;
        height: 100%;
        min-height: 89px;
        display: block;
        position: absolute;
        margin-left: -20px;
        z-index: 0 !important;
        content: " ";
    }
    #tabsPanel ul li {
        list-style: none;
        display: flex;
        width: 40px;
        height: 40px;
        z-index: 1;
    }
    #tabsPanel ul li a {
        display: flex;
        width: 40px;
        height: 40px;
        border-radius: 0.625rem;
        white-space: nowrap;
        align-items: center;
        text-align: center;
        justify-content: center;
        transition: 0.2s ease-out all;
        overflow: hidden;
    }
    #tabsPanel ul li img, #tabsPanel ul li:hover img {
        display: block;   
        max-width: 75%;
        object-fit: contain;
        box-shadow: none;
    }
        #tabsPanel ul li.red a {background: #D2364E;}
        #tabsPanel ul li.green a {background: #229479;}
        #tabsPanel ul li.blue a {background: #3F6CB3;}
        

}    

@media (max-width: 992px){
    .headerNavSlider {
        display: grid;
        gap: 40px;
    }
    .titleSlider {
        display: block;
        width: 80%;
    }
    .containerChangePower {
        display: flex;
        flex-direction: column;
        gap: 20px 0;
        align-items: start;
        align-self: end;
    }
    #tabsPanel ul:before {
        z-index: 0 !important;
    }
    
    #tabsPanel ul {
        gap: 10px 14px;
    }
    #tabsPanel ul li {
        z-index: 1;
    }                  
    
    .titleSlider h1 {
        font-size: 32px;
    }
    #changePowerTitle {
        font-size: 20px;
    }
    .item-powel-tabs.active, .item-powel-tabs{
        padding: 5px 10px;
    }
    #panelPower .item-powel-tabs-container {
        gap: 10px;
    }
}

@media (max-width: 668px){
     #banner-brand.industry-detail.mining {
        display: grid;
        height: calc(100vh - 46px);
        align-items: stretch;
    }
    #panelPower .item-powel-tabs-container {
        font-size: 16px;
    }
}
         
#bgPhotoSldier {
    position: absolute; 
    width: 100%;
    height: 100%;
    /*height: 550px;*/
    padding: 0;
    z-index: 0;
}               
    .item-bg-photo {
        background-size: cover/* auto 100%*/;
        background-repeat: no-repeat;
        background-position: top center;
        width: 100%;
        height: 100%;/*550px*/
    }
    .item-bg-photo.active {
        display: block;   
    }
    .item-bg-photo.hidden {
        display: none;   
    }
   
   #bgPhotoSldier.glow {
        animation: boxShadow 0.3s;
    }
    @keyframes boxShadow {
      0%   { opacity: 0.65;}
      100% {opacity: 1;}
    }
    
.boxShadow {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 50px 0px #001e2c4d;
    /*padding: 45px 35px;  */
    padding: 25px 20px;
}  
.boxShadow p {
    font-family: 'Roboto Condensed', sans-serif;  
    color:#65696E;
    font-size: 16px;
    /*font-size: 20px; */
    line-height: 150%;
    margin-bottom: 10px;
}
.boxShadow#two {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 50px 0px #001e2c4d;
    padding: 25px 20px;
}  
.boxShadow#tree {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 50px 0px #001e2c4d;
    padding: 25px 20px;
    /*padding: 45px 35px;*/
}     
    .container-info {
        display: flex;
        flex-direction: column;
    }
    .container-info img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
    }
    .container-info#first {
        gap: 46px;
        margin-bottom: 50px;
    }    
    .container-info#second {
        gap: 20px;
        align-items: center;
        margin-bottom: 0px;
    }  
    .container-info#third {
        gap: 54px;
        align-items: start;  
        margin-bottom: 53px;
    }      
    .container-info#third .rightCol {
        width: 100%;
    }
    .container-info#third .rightCol img {
        margin: auto;
    }
    
    .container-info#second .leftCol, .container-info#third .leftCol{
        order:2;
    }
    .container-info#second .rightCol, .container-info#third .rightCol {
        order:1;
    }
    .leftCol .title-top {
        display: flex;
        flex-direction: column;
        gap: 20px;  
        margin-bottom: 52px;   
    }
        .leftCol .title-top {
            font-size: 30px;
            font-family: 'Roboto Condensed', sans-serif;      
            color: #212121;    
        }
        .leftCol .title-top span {
            font-size: 20px;
            font-family: 'Roboto Condensed', sans-serif;      
            color: #212121;
        }
    
    .text-box-1 {
        margin-bottom: 53px;
    }
    
        .text-box-1 div {
            display: block;
            margin-bottom: 23px;
        }
            .text-box-1 div span {   
                color:#65696E;
                font-size: 16px;
                font-family: 'Roboto Condensed', sans-serif;     
            }
            .text-box-1 div span.bb {
                display: block; 
                margin-bottom: 10px;
                color:#212121;
                font-size: 16px;
                font-family: 'Roboto Condensed', sans-serif;     
                font-weight: bold; 
            }
            
    .text-box-2 .h2Roboto {
        color:#212121;
        font-size: 20px;
        font-family: 'Roboto Condensed', sans-serif; 
        font-weight: bold; 
        margin-bottom: 12px;  
    }
    .text-box-2 ul {
        color: #65696E; 
        font-size: 16px;
        font-family: 'Roboto Condensed', sans-serif;    
        line-height: 150%;
        margin: 0 0 0 20px;
    }
         .text-box-2 ul li { 
             margin-bottom: 10px;
             list-style-type: disc;
             font-weight: normal;
         }
         .text-box-2 ul li:last-child() { 
             margin-bottom: 0px;
         }
         .text-box-2 ul li::marker {
            font-size: 16px;
             margin-top: -5px;
         }   

   /*.icon-container {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        flex-wrap: wrap; 
    } */ 
   
    .icon-container {
        display: flex;
        justify-content: space-between; 
        flex-wrap: wrap;
        gap: 20px;
    }  
    
    
    .icon-container .item-svg-block {
        display: grid;  
        gap: 10px;
        grid-template-columns: 64px auto;
        color: #65696E; 
        font-size: 16px;
        font-family: 'Roboto Condensed', sans-serif;    
        line-height: 120%; 
      /*  max-width: 233px;*/
        align-items: center;
    }   
    
    .icon-container .item-svg-block div.icnblock{        
        display: grid;
        width: 64px;
        height: 64px;
        align-items: center;
        justify-content: center;
        border-radius: 20px; 
    }
    .icon-container .item-svg-block .icnblock .el-svg {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

        
    .icon-container .item-svg-block div {
         font-size: 16px;
    }
        .item-svg-block div b { 
            color: #212121;
            display: block;
            text-transform: uppercase; 
            margin-bottom: 5px;
        }
       
        .icon-container .item-svg-block .icnblock#termo { 
           background-color: #D1364E;     
        }  
        .icon-container .item-svg-block .icnblock#chip { 
           background-color: #3F6CB3;     
        }
        .icon-container .item-svg-block .icnblock#freeze { 
           background-color: #007B62;     
        }  
        .icon-container .item-svg-block .icnblock#dvigatel { 
           background-color: #D1364E;     
        }
        .icon-container .item-svg-block .icnblock#rost { 
           background-color: #007B62;     
        }
        .icon-container .item-svg-block .icnblock#generator { 
           background-color: #007B62;     
        }
        
        .icon-container .item-svg-block .icnblock#termo .el-svg {
          background-image: url(/local/templates/wm_2212013/assets/svg/svg-termo.svg); 
        }
        .icon-container .item-svg-block .icnblock#chip .el-svg {
            background-image: url(/local/templates/wm_2212013/assets/svg/svg-chip.svg); 
        }
        .icon-container .item-svg-block .icnblock#freeze .el-svg {
            background-image: url(/local/templates/wm_2212013/assets/svg/svg-freeze.svg); 
        }
         .icon-container .item-svg-block .icnblock#dvigatel .el-svg {
            background-image: url(/local/templates/wm_2212013/assets/svg/svg-cran.svg); 
        }  
        .icon-container .item-svg-block .icnblock#rost .el-svg {
            background-image: url(/local/templates/wm_2212013/assets/svg/svg-rost.svg); 
        }
         .icon-container .item-svg-block .icnblock#generator .el-svg {
            background-image: url(/local/templates/wm_2212013/assets/svg/svg-vintpower.svg); 
        }      
            
       .icon-container .item-svg-block b {
           color: #212121;
       }   
       
          
    @media (min-width: 667px){
        h1.roboto, .h1_roboto {
            font-size: 32px;
        }          
        .title_media_block {
            font-size: 44px;
        }  
        .text-box-1 div span.bb, .text-box-1 div span {
            font-size: 20px;
        } 
        .boxShadow, .boxShadow#tree {
            padding: 45px 50px;
        } 
        .boxShadow#two {
            padding: 35px 50px;
        }
        .boxShadow p {
            font-size: 20px;
        }
        .text-box-2 ul {
            font-size: 20px;
        }
        .text-box-2 ul li::marker {
            font-size: 20px;
             margin-top: -5px;
         }   
        .icon-container {
            display: grid;
            justify-content: space-between;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 40px;
        }  
        
        .icon-container .item-svg-block {
            display: flex;
            gap: 10px;
            flex-direction: column;
            color: #65696E; 
            font-size: 16px;
            font-family: 'Roboto Condensed', sans-serif;    
            line-height: 120%; 
            max-width: 233px;
            align-items: start;
        }   
        .icon-container .item-svg-block div.icnblock{        
            display: grid;
            width: 64px;
            height: 64px;
            align-items: center;
            justify-content: center;
            border-radius: 20px; 
        }
        .icon-container .item-svg-block .icnblock .el-svg {
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
        }
        .icon-container .item-svg-block div {
             font-size: 20px;
        }
    }  
     
#bannerPrimerProject {
    width: 100%;
    /*height: 550px;*/
    height: 300px;
    padding-top: 40px;
    background-image: url(/local/templates/wm_2212013/assets/img/mining/primer-modul.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 75px;
}       
            
#mediaBlock {
    margin-bottom: 50px;
    padding: 55px 0;
    background: #fff;
    box-shadow: 0px 0px 50px 0px #001e2c4d;
}
    .media-container {
        display: grid;                 
       /* grid-template-rows: 407px 407px;    */
        gap: 50px 20px;                       
    }
    #mediaPhoto {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .title_media_block {
        font-size: 24px;
        /*font-size: 45px; */
        margin-bottom: 15px;
        color:#000000;
        font-family: 'Roboto Condensed', sans-serif;    
    }
    
    #mediaVideo .video-wrapper {
        position: relative;
        display: block;      
        width: 100%;          
        aspect-ratio: 16 / 9;
        border-radius: 30px;
        overflow: hidden;
        cursor: pointer;
    }
    .photo-wrapper  {
        width: 100%;          
        aspect-ratio: 16 / 9;  
        border-radius: 30px;
        position: relative;
        overflow: hidden;  
    }
    #PhotoSlider-wrapper {
        position: relative;   
    }
    #PhotoSlider-wrapper .swiper-slide img {
        max-width: 100%;       
        width: 100%;       
        height: 100%;   
        aspect-ratio: 16 / 9;  
        border-radius: 30px;
    } 
    
    
        #PhotoSlider-wrapper #mediaPhotoSlider  {
            width: 100%;
            height: 100%;
        }
        
        #PhotoSlider-wrapper .swiper-slide a {
            text-decoration: none;
            width: 100%;
            height: 100%;
            display: block; 
        }
  
        #mediaPhoto .photo-wrapper #mediaPhotoSlider div.img {
            width: 100%;
            height: 100%;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
        }
        
    a.video_link {
        position: absolute;
        z-index: 2;
        text-decoration: none;
        width: 100%;
        height: 100%;
    }
    .video-poster {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .play-button {
        display: grid;
        gap: 19px;
        grid-template-columns: 69px auto;
        align-items: center;
        color:#fff;
        font-size: 20px;
        font-family: 'Roboto Condensed', sans-serif; 
        bottom: 23px;
        left: 33px;
        position: absolute;
    }
    .play-button:before {
        width: 69px;
        height: 69px;
        content: " ";
        display: block;
        background-image: url('/local/templates/wm_2212013/assets/svg/play-button.svg');
        background-repeat: no-repeat;
        background-size: contain;
        transition: 0.2s background-image ease-out;
    }
    .play-button:hover:before, .video-wrapper:hover .play-button:before {  
        background-image: url('/local/templates/wm_2212013/assets/svg/play-button-active.svg');   
    }
                    
@media (min-width: 1024px){   
    h1.roboto, .h1_roboto {
        font-size: 44px;
    }                       
    
    
    .container-info {
        display: flex;
        flex-direction: row;
    }
    .container-info#third {
        display: flex;
        flex-direction: column;
    }
    .icon-container {
        display: flex;       
        gap: 40px;
        justify-content: space-between;   
    }  
    .icon-container .item-svg-block {
        display: flex;
        gap: 10px;
        flex-direction: column;
        color: #65696E; 
        font-size: 16px;
        font-family: 'Roboto Condensed', sans-serif;    
        line-height: 120%;
        flex-basis: 50%;
    }   
   
    .container-info#second .leftCol, .container-info#third .leftCol{
        order:1;
        flex: 1;
    }
    .container-info#second .rightCol {
        order:2;
        flex: 1;
    }        
    .container-info#third .rightCol {
        text-align: center;
        order:2; 
    }
    
    #bannerPrimerProject {
        width: 100%;
        height: 772px;
        padding-top: 60px;
    }
    #bannerPrimerProject .h1_roboto_title {
        font-size: 44px;
    }
    #bannerPrimerProject .h2_roboto_title {
        font-size: 36px;
    }
}
@media (min-width: 1180px){
    
    .media-container {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        grid-template-rows: none;
        gap: 20px;
    }
    .play-button {
        display: grid;
        gap: 19px;
        grid-template-columns: 91px auto;
        align-items: center;
        color:#fff;
        font-size: 30px;
        font-family: 'Roboto Condensed', sans-serif; 
        bottom: 23px;
        left: 33px;
        position: absolute;
    }
    .play-button:before {
        width: 91px;
        height: 91px;
        content: " ";
        display: block;
        background-image: url('/local/templates/wm_2212013/assets/svg/play-button.svg');
        background-repeat: no-repeat;
        background-size: contain;
        transition: 0.2s background-image ease-out;
    }
    
    #mediaBlock {
        margin-bottom: 100px;
        padding: 75px 0;
        background: #fff;
        box-shadow: 0px 0px 50px 0px #001e2c4d;
    }
    .boxShadow {    
        padding: 60px 50px;
    }  
    .icon-container {
        flex-wrap: nowrap;
    }
    .icon-container.--margin {
        margin: 0 16px;
    }
    .boxShadow#tree {
        background: #fff;
        border-radius: 30px;
        box-shadow: 0px 0px 50px 0px #001e2c4d;
        padding: 99px 50px 90px 99px;
    }  

    #bannerPrimerProject {
        width: 100%;
        height: 846px;
        padding-top: 80px;
    }
    #bannerPrimerProject .h1_roboto_title {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 60px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 22px;
        font-weight: bolder;
    }
    #bannerPrimerProject .h2_roboto_title {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 50px;       
    }
    .container-info#first {
        margin-bottom: 93px;
    }
    
    .container-info#third {  
        margin-bottom: 93px;
        display: flex;
        flex-direction: row;
    }      
    .container-info#third .rightCol {
        width: auto;
        flex: 1;
    }
    .mb100 {
        margin-bottom: 100px;
    }
    .text-box-1 {
        margin-bottom: 93px;
    }
    #banner-brand {
       /*height: 772px;    */
       min-height: 772px;   
       height: calc(100vh - 150px); 
    } 
    #bgPhotoSldier {
      /*  height: 772px;*/  
        height: 100%;
    }
    .item-bg-photo {
        /*height: 772px; */
        height: 100%; 
    }
    
    .headerNavSlider {
        margin-top: 111px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .titleSlider {
        display: block;
        width: 50%;
    }

    .titleSlider h1 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 60px;
        color:#fff;
        margin: 0;
    }
    h1.roboto, .h1_roboto {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 60px;
        margin-bottom: 40px;
        color:#212121;
    }

    .containerChangePower {
        display: flex;
        flex-direction: column;
        gap: 20px 0;
        align-items: end;
        align-self: end;
    }
    #changePowerTitle {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 41px;
        color:#fff; 
    }
    #panelPower {
        position: relative; 
    }
    #panelPower .item-powel-tabs-container {
        z-index: 1;
        position: relative;
        display: flex;        
        height: 80px;
        padding: 10px;
        gap: 20px;      
        color:#fff; 
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 26px;    
        justify-content: space-between;      
    }
    .item-powel-tabs {
        padding: 20px 24px;
        background: rgba(239,241,244,0);
        border-radius: 12px;
        transition: 0.2s background ease-out;
    }
    .item-powel-tabs.active {
        padding: 20px 24px;
        background: rgba(239,241,244,1);
        border-radius: 12px;
        color: #212121;
        font-weight: bolder;
    }
    .item-powel-tabs:not(.active):hover {
        background: rgba(239,241,244,0.5);  
        cursor: pointer; 
    }
    #panelPower:before {
        position: absolute;
        top: 0;
        left: 0; 
        border-radius: 20px;
        width: 100%;
        height: 80px;
        backdrop-filter: blur(5px);
        background: rgba(179,188,201, 0.5);     
        content: " ";
        display: block;
        z-index: 0;
    }
    
    .icon-container {
        display: flex;  
        gap: 40px;
        justify-content: space-between;   
    }  
    .icon-container .item-svg-block {
        font-size: 20px;
        flex-basis: 233px;
    }
    .icon-container .item-svg-block div.icnblock{        
        display: grid;
        width: 84px;
        height: 84px;
        align-items: center;
        justify-content: center;
        border-radius: 20px; 
    }
    .icon-container .item-svg-block .icnblock .el-svg {
        width: 53px;
        height: 53px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }
}

@media (min-width: 1400px) {
    .titleSlider {
        display: block;
        width: 42%;
    }
}
   
#blur-box {
  height: 290px;
  width: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px); /* для поддержки Safari */                        
  background: linear-gradient(0deg, rgba(13,14,22, 0.8) 50%, rgba(13,14,22, 0) 0%);     
  filter: blur(18px);
} 
#tabsPanel {
    bottom: 30px;
    position: relative; 
}
    #tabsPanel ul {
        padding: 10px 20px;
        position: relative;
    }
    
    #tabsPanel ul:before {
        border-radius: 20px;
        background-color: rgba(40,59,91, 0.5);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        width: 100%;
        height: 100%; 
        min-height: 89px; 
        display: block;
        position: absolute;  
        margin-left: -20px;
        z-index: -1;
        content: " ";
    }



.catalog-section.container-fluid,
.catalog-section.container-fluid .row {
	--bs-gutter-x: 0;
}

.catalog-section.container-fluid { padding: 0 calc(var(--bs-gutter-x) / 2); }

.catalog-section .main-ui-loader-custom {
	position: absolute;
	top: unset;
	left: 50%;
	bottom: 5px;
	transform: translate3d(-50%, 0, 0);
	z-index: 100;
}

@media (min-width: 576px) {
	.catalog-section.container-fluid,
	.catalog-section.container-fluid .row {
		--bs-gutter-x: 15px !important;
	}
}

.catalog-element-addinational-blocks .catalog-section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 575px) {
	.catalog-section {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 991px) {
	.catalog-section-item-wrapper {
		min-width: 273px;
		flex-grow: 1 !important;
		max-width: 100% !important;
	}
	.catalog-section .main-ui-loader-custom {
		position: absolute;
		top: unset;
		left: 50%;
		bottom: 5px;
		transform: translate3d(-50%, 0, 0);
		z-index: 100;
	}
}


.h1_mobile {
    display: block;
    font-family: 'Ruberoid'; 
    font-style: normal; 
    font-weight: 700; 
    font-size: 1.35rem; 
    line-height: 140%; 
    letter-spacing: 0.03rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
#imgSectionBrand {
    order: 1;
    margin-bottom: 2rem;
}
#textBrand {
    order: 2;
}
#imgSectionBrand img, #imgSectionBrand .video_div, #imgSectionBrand .video_div video {
    border-radius: 0.625rem;
    object-fit: cover;
    width: 100%;  
    max-height: auto !important;
    height: auto;
    display: block;
}
#brandPreviewInfo {
    margin-bottom: 0;
}

@media (min-width: 768px) {     
    .h1_mobile {
        font-size: 1.75rem;   
    }
}
@media (min-width: 1024px) {  
    #brandPreviewInfo {
        margin-bottom: 2.063rem;
    }
     .h1_mobile {
        display: none;
    }
    #imgSectionBrand {
        order: 2;
        margin-bottom: 0;
    }
    #textBrand {
        order: 1;
    }
    
     #imgSectionBrand img, #imgSectionBrand .video_div, #imgSectionBrand .video_div video {border-radius: 0.625rem;object-fit: cover;width: 100%; height: auto;display: block;}
}


/*кнопки карусели*/
    #PhotoSlider-navigation {
        position: absolute;
        bottom: 27px; 
        right: 7px;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        z-index: 2;
    }
    
   #mediaPhotoMining .swiper-button-prev,#mediaPhotoMining .swiper-button-next {width: 40px; height: 40px; background:#fff; border: 1px #fff solid; border-radius: 50%; margin: 0 10px; display: flex; align-items: center; justify-content: center; transition: 0.2s ease-out all; position: relative; top: 0; bottom: 0; padding: 0; }
    #mediaPhotoMining .swiper-button-prev:hover,#mediaPhotoMining .swiper-button-next:hover {border:1px #D2364E solid; background: #D2364E;}
    #mediaPhotoMining .swiper-button-next:after,#mediaPhotoMining .swiper-button-prev:after {/* content: "\e900";  color: #3F6CB3; font-size: 14px; font-family: "icomoon";*/ border: none; color: transparent; width: 15px; height: 16px; background-image: url('/local/templates/wm_2212013/assets/svg/prev_arrow_slide.svg'); background-repeat: no-repeat; background-size: contain; background-position: center center;}
       #mediaPhotoMining .swiper-button-next:after { transform: rotate(180deg);}
    #mediaPhotoMining .swiper-button-next:hover:after,#mediaPhotoMining .swiper-button-prev:hover:after { /*content: "\e900"; color: #fff; font-size: 14px; font-family: "icomoon";*/background-image: url('/local/templates/wm_2212013/assets/svg/prev_arrow_slide_active.svg'); } 
    
@media (min-width: 1024px){
    #mediaPhotoMining .swiper-button-prev,#mediaPhotoMining .swiper-button-next {width: 45px; height: 45px;}                         
    #mediaPhotoMining .swiper-button-next:after,#mediaPhotoMining .swiper-button-prev:after { width: 10px; height: 16px; } 
    #mediaPhotoMining .swiper-button-next:hover:after,#mediaPhotoMining .swiper-button-prev:hover:after { font-size: 16px; }  
}

@media (min-width: 1400px){    
    #mediaPhotoMining .swiper-button-prev,#PhotoSlider-navigation .swiper-button-next {width: 45px; height: 45px;}                
    #mediaPhotoMining .swiper-button-next:after,#PhotoSlider-navigation .swiper-button-prev:after { width: 10px; height: 16px; }
    #mediaPhotoMining .swiper-button-next:hover:after,#PhotoSlider-navigation .swiper-button-prev:hover:after { font-size: 17px;}       
}
@media (min-width: 1680px){    
    #mediaPhotoMining .swiper-button-prev,#mediaPhotoMining .swiper-button-next {width: 65px; height: 65px;}                               
    #mediaPhotoMining .swiper-button-next:after,#mediaPhotoMining .swiper-button-prev:after { width: 21px; height: 32px;}
        #mediaPhotoMining .swiper-button-next:after { margin-left: 5px; }
        #mediaPhotoMining .swiper-button-prev:after { margin-left: -5px; }
    #mediaPhotoMining .swiper-button-next:hover:after,#mediaPhotoMining .swiper-button-prev:hover:after { width: 21px; height: 32px; }  
}

/* End */
/* /local/templates/wm_2212013/components/bitrix/system.pagenavigation/round/style.css?17146387993154 */
/* /local/templates/wm_2212013/components/bitrix/catalog.section/detail_mining/style.css?178652560930546 */