@charset "UTF-8";
.search-page {
    min-height: 35vh;
}
@media (min-width: 1921px) {
    .category_img1, .category_img2, .category_img3, .category_img4, .category_img5, .category_img6, .category_img7, .category_img8, .category_img9 {
        height: 415px;
    }
}

@media (min-width: 1430px) {
      .container {
        min-width: 1400px;
      }
    }

@media (min-width: 768px){
    #requestRefensList .modal-dialog {
        max-width: 1100px !important;
    }
    #zakaz_zvonok .modal-dialog {
        width: 420px;
    }
    .vakansiiPage .modal-dialog {
        width: 800px;
    }
    .contacts-page .item-block.subBlock {
        margin-top: 44px;
    }
}

@media screen and (min-width: 481px)  {
    .sub_menu_mob {
        display: none;
    } 
  
}
@media (min-width: 2000px) {
  .container {
    min-width: 1600px;
  }
}
@media screen and (max-width: 1440px) {
    .izkartex-page .sertificates, .LP-page .sertificates {
        height: 165px;
        margin-bottom: 25px;
    }    
    .slider-carousel .textblock .title h1 {
        font-size: 46px;
        line-height: 46px;
    
    }
    .owl-carousel .item .img1, .owl-carousel .item .img2, .owl-carousel .item .img3, .slider-carousel .item .img4, .slider-carousel .item .img5, .slider-carousel .item .img6, .slider-carousel .item .img7, .slider-carousel .item .img8, .slider-carousel .item .img9, .slider-carousel .item .img10, .slider-carousel .item .img11, .slider-carousel .item .img12, .slider-carousel .item .img13, .slider-carousel .item .img14, .slider-carousel .item .img15, .slider-carousel .item .img16 {
         height: 60vh;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1430px) {
    .search-page {
        min-height: 15vh;
    } 
    .uralmash-page .godu-vov>div:first-child {
        margin-bottom: 5%;
    }   
    .stal .category-name {
        width: 84%;
    }    
    .nav-menu ul>li>a  {
    	margin: 10px 0 0 25px; 
    	color: #fff;
    	border-bottom: 4px solid transparent;
    	text-decoration: none;
    	-webkit-tap-highlight-color: transparent;
    }
    
    .nav-menu .open>a, .nav-menu .open>a:focus, .nav-menu .open>a:hover, .dropdown .open>a, .dropdown .open>a:hover, .dropdown-menu>li>a:hover + .dropdown a, .dropdown-menu>li>a:focus + .dropdown a,.navbar-nav>li>a:hover {
    	margin: 10px 0 0 25px; 
    }
    .footer_block .awards {
        max-height: 130px;		
    }


    .nav-menu .nav-submenu > ul {
        margin-left: -5px;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1366px)  and (orientation: landscape) {
    .catalog-content .category-name {
        padding: 15px 15px 15px 10px;
        font-size: 1.4rem;
    }       
    .search-page {
        min-height: 35vh;
    } 
    .korpGazeta .gazeta-card .gazeta-footer p {
        font-size: 1.3rem;
    }
    .uralmash-page .YZTM-logo {
        width: 240px;
    }
}

@media screen and (max-width: 1199px) {
    .company-news .news-block-cont {
        margin: 0 0 0 40px;
        }
    .catalog-content .category-name {
        padding: 15px 15px 15px 10px;
        font-size: 1.1rem;
    }   
    .menedzment .sostav .last-block {
        margin-top: -35px;
    }
    .godu-poslevov .ekskav-img {
         min-height: 235px; 
    }    
       
    .nav-menu {
        margin-top: calc(2% + 10px);
    }
    .nav-menu ul>li>a  {
        font-size: 1.1rem;
        margin: 0 0 0 15px;
    }

    .nav-menu .open>a, .nav-menu .open>a:focus, .nav-menu .open>a:hover, .dropdown .open>a, .dropdown .open>a:hover, .dropdown-menu>li>a:hover + .dropdown a, .dropdown-menu>li>a:focus + .dropdown a,.navbar-nav>li>a:hover {
    	margin: 0 0 0 15px; 
    }
    .nav-menu .nav-submenu > ul {
        margin-left: -15px;
    }

    .dropdown-menu>li>a {
        padding: 10px 30px;
        color: #fff;
        font-size: 1.3rem;
    }
 
    .footer_block .awards {
        height: 100px;
    }
    .slider-carousel .textblock .title h1 {
        font-size: 2.2rem;
        line-height: 2.4rem;
    }
    .slider-carousel .textblock p {
        font-size: 1.2rem;
        line-height: 1.4rem;
        color: #d3d3d3;
        padding: 0 8% 0 40px;
    }
    .category_img1, .category_img2, .category_img3, .category_img4, .category_img5, .category_img6, .category_img7, .category_img8, .category_img9 {
        height: 290px;
    }
 
}

@media screen and (min-width: 1024px) and (max-width: 1120px) and (orientation: landscape){
    .LP-page .form-img {
        min-height: 140px;
    }
    .menedzment .sostav .last-block {
        margin-top: -35px;
    }    
    .uralmash-page .telegram-img {
        min-height: 220px;
        width: calc(45% + 40px);
    }    
    .nav-menu {
      margin-top: calc(2% + 10px);
    }
    .nav-menu ul>li>a  {
        font-size: 0.9rem;
        line-height: 1.3rem;
    }

    .nav-menu .nav-submenu > ul {
        margin-left: -15px;
    }

    
    .navbar-logo {
        min-height: 55px;
    }
    .slider-carousel .text-slider {
        width: calc(50% + 75px);
    }

}



@media screen and (max-width: 1024px) and (orientation: portrait) {
    .search-page {
        min-height: 50vh;
    } 
}

@media screen and (max-width: 1024px){
    .LP-page .form-img {
    min-height: 120px;
    }
    .menedzment .sostav .last-block {
    margin-top: -35px;
    }    
    .uralmash-page .telegram-img {
    min-height: 220px;
    width: calc(45% + 40px);
    }    
    .stal .category-name {
    width: 84%;
    }   
    .news-page .img-card img {
    max-width: 320px;
    }
    
    .formtext p {
    line-height: 1.5rem;
    }
    .nav-menu .nav-submenu > ul {
    margin-left: -15px;
    }    
    
    .nav-menu {
        font-size: 1.2rem;
    }


    
    
    .news-block-cont {
    margin: 70px 0;
    }
    .activity {
    padding-left: 0;
    padding-right: 20px;
    }
    .main_btn {
    margin: 20px 0 20px;
    }
}

@media only screen and (max-width: 960px) {
.okompanii-content .znaknpr {
    display: flex;
    align-items: center;    
    flex-direction: column;
}

.vacansyInnerPage .mediaBlock {
    margin-right: 0;
}
.vakansiiPage .med-title {
    margin-top: 35px;
}
.vakansiiPage .news-block-cont {
    margin: 35px 0;
}
.vakansiiPage #first {
    min-height: 200px; 
 } 
    .menedzment .title-block {
        min-width: 100%;
    }
    .menedzment .sostav .last-block {
        margin-top: -35px;
    }
    .history-item .date {
        float: none;
    }
    .godu-poslevov .ekskav-img, .izkartex-page .ekskavator-img {
        float: none;
        width: 100%;
        margin: 20px 0 20px 0px;    
    }
   
    .slider-carousel .text-slider {
        width: calc(50% + 75px);
    }
    .owl-carousel .item .img1, .owl-carousel .item .img2, .owl-carousel .item .img3, .slider-carousel .item .img4, .slider-carousel .item .img5, .slider-carousel .item .img6, .slider-carousel .item .img7, .slider-carousel .item .img8, .slider-carousel .item .img9, .slider-carousel .item .img10, .slider-carousel .item .img11, .slider-carousel .item .img12, .slider-carousel .item .img13, .slider-carousel .item .img14, .slider-carousel .item .img15, .slider-carousel .item .img16 {
        background-position-x: 80%;
    }    
    .servis-content .title {
        margin: 35px 0 15px;
    }    
        
    .nav-menu .nav-submenu > ul {
        background: #767c86;
    }
    .nav-menu .nav-submenu li {
        padding-left: 30px;
    }
    .vertical-nav ul>li>a {
        padding: 12px 0px 12px 20px;
    }
    .vertical-nav ul .submenu-aside>li>a {
        padding: 10px 0px 10px 20px;
    }
    .breadcrumb  {
          margin-bottom: 35px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    
    .kariera-block:after {
        display:none;
    }  
    .vertical-nav ul>li>a {
        padding: 10px 0px 8px 20px;
    }
}

@media screen and (max-width: 834px) and (orientation: portrait) {
    .search-page {
        min-height: 15vh;
    } 
     .uralmash-page .telegram-img {
        min-height: 300px;
        width: 100%;
    }  
    .catalog-content .button {
        text-align: center;
    }
    .nav-menu {
        top: 35px;
        margin-top: 0px;
    }
    .info-akcioneram {
        margin-bottom: 25px;
        margin-top: 35px;
    }
    .footer_block .awards {
        margin: 5px 0px;
        height: 170px;
    }
    .footer_block .title {
        margin: 35px 0 20px;
    }
    .footer_block::before {
        background: url(../images/footer-bgelem.png) no-repeat 70% bottom;
    }
    .company-news .news-block-cont {
        margin: 0 20px;
    }
  .owl-carousel .item .img1, .owl-carousel .item .img2, .owl-carousel .item .img3, .slider-carousel .item .img4, .slider-carousel .item .img5, .slider-carousel .item .img6, .slider-carousel .item .img7, .slider-carousel .item .img8, .slider-carousel .item .img9, .slider-carousel .item .img10, .slider-carousel .item .img11, .slider-carousel .item .img12, .slider-carousel .item .img13, .slider-carousel .item .img14, .slider-carousel .item .img15, .slider-carousel .item .img16 {  
      height: calc(100vh - 170px);
          }
}

@media only screen and (max-width: 768px) {
 	#first {
		order: 2;
	}
	#second {
		order: 1;
	}
	#third {
		order: 3;
	}
    .vakansiiPage .vacancyCard .cardText .title {
        font-size: 1.2rem;
        }
      .catalog-content .category_img1, .catalog-content .category_img2, .catalog-content .category_img3, .stal .category_img4 {
        height: 350px;
    }  
    .kariera-block:after {
        display:none;
    }  
    
    .nav-menu {
        top: 35px;
        margin-top: 0;
    }
        #desktop-menu {
    		display: none;
    	} 
    .slider-carousel .text-slider {
        width: calc(60% + 75px);
    }
     .main_btn {
        line-height: 20px;
    }
    .news-page p>img {
        padding: 5px;
        width: 100%;
    }
    .company-news .main_btn {
        margin: 35px 0 65px ;
    }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
        
     .catalog-content .category_img1, .catalog-content .category_img2, .catalog-content .category_img3 {
        height: 350px;
    }  
    .nav-menu {
        top: 35px;
        margin-top: 0px;
    }
    	}
    	
@media (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
      .catalog-content .category_img1, .catalog-content .category_img2, .catalog-content .category_img3, .stal .category_img4 {
        height: 220px;
    }  
     .catalog-content .category_img1, .catalog-content .category_img2, .catalog-content .category_img3 {
        background-position: center 83%;
    }
}

@media screen and (max-width: 767px){
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: inherit;
    }
}

@media (min-width: 441px) and (max-width: 767px)  and (orientation: landscape) {
    .okompanii-content .prod-icon1 p, .okompanii-content .prod-icon2 p, .okompanii-content .prod-icon3 p, .okompanii-content .prod-icon4 p, .okompanii-content .prod-icon5 p, .okompanii-content .prod-icon6 p, .okompanii-content .prod-icon7 p {
        margin-top: 15px;
    }    
    .uralmash-page .prod-icon4:before  {
        background: url(../images/icons/prod-icon4.png) no-repeat bottom center;
        background-size: contain;
        top: 5px;
    }
    .izkartex-page .prod-icon4:before {
        background: url(../images/icons/prod-icon6!.png) no-repeat center center;
        background-size: contain;
        top: 5px;
    }
    
    
    .uralmash-page .prod-icon6:before {
        top: -15px;
    }
    .uralmash-page .prod-icon1:before, .uralmash-page .prod-icon2:before, .uralmash-page .prod-icon3:before, .uralmash-page .prod-icon4:before, .uralmash-page .prod-icon6:before {
        background-position-x: center;
        margin: 5px 20px 5px 0px;   
        width: 100px;
    }    
    .uralmash-page .prod-icon1:before {
        margin: 5px 20px 5px 0px;
        top: 0px;
    }    
    .nav-menu {
        top: 65px;
        margin-top: 0px;
    }
    .news-block-cont {
        margin: 40px 0px 70px;
    }
     .slider-carousel .textblock .title h1 {
        font-size: 2.6rem;
        line-height: 2.8rem;
    }
    .slider-carousel .textblock p {
        padding: 0 8% 0 40px;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
      .catalog-content .category_img1, .catalog-content .category_img2, .catalog-content .category_img3 {
        height: 220px;
    }  
     .catalog-content .category_img1, .catalog-content .category_img2, .catalog-content .category_img3 {
        background-position: center 83%;
    }
}	

@media screen and (max-width: 480px) and (orientation: portrait) {
.vakansiiPage .vacancyCard .cardImg {
    height: 160px;
}
.vakansiiPage .vacancyCard .cardText {
    padding: 20px 30px 10px 30px;
    min-height: 120px;
    }
.stepwizard-step.predone:nth-child(2):before, .stepwizard-step.predone:nth-child(3):before, .stepwizard-step.predone:nth-child(4):before {
    width: 40%;
}
    .vakansiiPage .main_btn {
        min-width: 130px;
    }
    .company-news .news-block-cont{
        margin: 0;
    }
    .company-news .main_btn {
        margin: 35px 0 65px ;
    }
     .productPage .nav-tabs {
        display: inline-block;
    }   
    .slider-for .slick-slide img, .slider-for .slick-slide video, .slider-for .slick-slide iframe {
        height: 280px;
    } 
    .LP-page .gallery-carousel {
        margin: 30px 0 40px;
    }    
    .uralmash-page .prod-icon4:before {
        background: url(../images/icons/prod-icon4.png) no-repeat bottom center;
        background-size: contain;
        top: 5px;
    }
    
    .izkartex-page .prod-icon4:before {
        background: url(../images/icons/prod-icon6!.png) no-repeat center center;
        background-size: contain;
        top: 5px;
    }
    
    .uralmash-page .prod-icon6:before {
        top: -15px;
    }
    .uralmash-page .prod-icon1:before, .uralmash-page .prod-icon2:before, .uralmash-page .prod-icon3:before, .uralmash-page .prod-icon4:before, .uralmash-page .prod-icon6:before {
        background-position-x: center;
        margin: 5px 20px 5px 0px;   
        width: 100px;    
    }    
    .uralmash-page .prod-icon1:before {
        margin: 5px 20px 5px 0px;
        top: 0px;
    }
    
    .news-page .img-card img {
        max-width: 100%;
    }   
    .news-page .img-card {
        height: 265px;    
    }  
     
    .news-block-cont {
        margin: 40px 0px 70px;
    }
    .news-item .text-news {
     
        margin: 10px 0px 15px 10px;
    }
    .news-item {
        padding-left: 20px;
    }
    .news-item .date-news {
     float: none;
    }    

    .slider-carousel .text-slider {
        width: 100%;
    }
    .owl-theme .owl-nav, .brand-baner__slider .owl-nav {
     display: none;
    }
    
    .slider-carousel .textblock {
        margin-left: 5%;
    }
    .slider-carousel .textblock .title h1 {
        font-size: 1.8rem;
        line-height: 2rem;
        word-break: break-word;
        hyphens: auto;
        hyphenate-limit-chars: 12;
    }
    .activity {
        margin: 25px 0 15px;
    }
    .client-photo-list .owl-carousel .owl-item.active.center .item {
        transform: scale(1);
    }
    .footer_block .awards {
        height: 140px;
    }
    .footer_block .title {
        margin: 35px 0 20px;
    }
    .footer_block .awards {
        margin: 5px 0;
    }
    .footer_block::before {
        content: '';
        position: absolute;
        display: flex;
        height: 100%;
        width: 100%;
        background: url(../images/footer-bgelem.png) no-repeat 75% bottom;
    }
    
    .nav-menu {
        top: 65px;
        margin-top: 0;
    }
    
}

@media screen and (max-width: 480px){
.statiInfo {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.productPage .statistickItem {
    width: 100%; 
}
    .productPage .statiInfo .statistickItem:first-child {
        border-bottom: 1px solid #a8a8a8;
        border-right: none;
    }
    .category-name {
        font-size: 1.3rem;
        line-height: 1.4rem;
    }
    .company-news .news-block-cont .news-item {
        margin: 10px 0 0 -50px;
    }
    .okompanii-content .prod-icon1:before, .okompanii-content .prod-icon2:before, .okompanii-content .prod-icon3:before, .okompanii-content .prod-icon4:before, .okompanii-content .prod-icon5:before {
        margin-top: 15px; 
    }    
    .okompanii-content .prod-icon6:before, .okompanii-content .prod-icon7:before {
        margin-top: 0; 
    }    
    .maintitle-page {
        font-size: 2.2rem;
        line-height: 2.4rem;
    }
    .catalog-content .category-name {
        padding: 15px 15px 15px 10px;
        font-size: 1.4rem;
        line-height: 1.6rem;
    }       
    .LP-page .form-img {
          width: 100%;      
        }
    .izkartex-page .znakkachestva-img {
        width: 100%;
    }    
    .izkartex-page .Kartex-logo {
        height: 155px;
        width: 100%;
        margin-bottom: 35px;
    }
    .navMenuBlock {
        align-items: center;
    }
    .sub_menu {
        display: none;
    }   
    .topmenu a[href^="tel"]::before {
        width: 15px !important;
        height: 15px !important;
        margin: 0 8px 0 0 !important;
    }   
    .uralmash-page .telegram-img {
        min-height: 230px;
        width: 100%;
    }    
    .gallery-carousel {
         margin: 40px 0px; 
     }    
       
    .slider-carousel .textblock p {
       font-size: 1.2rem;
        line-height: 1.4rem;
    }    
     
    .activity {
        margin: 0 0 15px;
    }   
     .news-block-cont h3, .testmonial-area .area-title h4, .activity h2 {
        font-size: 1.6rem;
        line-height: 1.8rem;
        margin-top: 0;
    }  

}

@media screen and (max-width: 375px){
    .panel-title>a, .panel-title>a:active {
        padding-right: 45px;
    }    
     
    #youtubeOpov {
        width: 318px;
    }
     .izkartex-page .sertificates, .LP-page .sertificates {
        height: 125px;
        margin-bottom: 25px;
    }     
    .stal-card .title {
     /*   font-size: 28px; */
            -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    
    .news-block-cont h3, .testmonial-area .area-title h4, .activity h2 {
        font-size: 2.5rem;
        line-height: 2.8rem;
    }
    .Kartex-logo {
        margin: 5px 0px;
    }
    .LP-logo {
        margin: 30px 0px;
    }
}

@media screen and (max-width: 320px){
    .panel-title .red-dot:before {
        margin-bottom: 30px;
     }    
     .izkartex-page .sertificates, .LP-page .sertificates {
        height: 100px;
        margin-bottom: 25px;
    }     
    .uralmash-page .telegram-img {
        min-height: 190px;
        width: 100%;
    }
    
    .news-block-cont h3, .testmonial-area .area-title h4, .activity h2 {
        font-size: 2.1rem;
        line-height: 2.2rem;
        margin: 5px 0 20px;
    }
    
  
    .slider-carousel .textblock .title {
        border-left: 7px solid #ed1b24;
        padding: 0 10px;
    }
    .slider-carousel .textblock p {
        padding: 0 8% 0 20px;
    }
    .slider-carousel .textblock .title h1 {
        font-size: 2.6rem;
        line-height: 2.8rem;
    }
    .slider-carousel .textblock {
        margin: 25% 0 15% 5%;
    }

}