/* Нав бар экстримзон*/


/* техническая разметка

.nav_catalog .nav_scroll	{border:1px solid green;}
.nav_catalog .nav_content	{border:1px solid red;}
.nav_catalog .content_item	{border:1px solid green;}*/

.modal_catalog{
    max-width: 1370px;
    margin: 0 auto;
}

.nav_catalog.container{
    margin: 0 auto;
}

.nav_catalog{
    padding: 0px;
	margin: 0px;
	height: 80vh;
}

.nav_catalog_header{
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding-top: 40px;
    padding-bottom: 16px;
    padding-left: 18px;
}

.nav_headline{
	 color: #ffd203;
}

.nav_catalog img.icon {
    margin-right: 0;
    margin-bottom: 0;
    width: 18px;
}

.nav_catalog a.popup-close {
    color: white;
}

.nav_catalog a.popup-close:hover {
    color: #fed102;
}


.nav_content__columns a{
   
   color: #ffffff;
}

.nav_catalog .nav_scroll .nav_item{
    cursor: pointer;
	padding: 22px 18px;
}

.nav_catalog .nav_scroll .nav_item:last-child{
	margin-bottom: 24px;
}   

.nav_catalog_header:hover,
.nav_catalog .nav_scroll .nav_item:hover{
  background-color: #f2c704;
  color: #292929;

}

.nav_catalog_header:hover .nav_headline{
    color: #292929;
} 


.nav_content__columns .content_item a:hover{
  color: #ffd203;
}

.nav_catalog .sub_cat{
    margin-top: 32px;
}

.nav_catalog_body, 
.nav_content__columns{
	display: flex; 
	flex-wrap: wrap; 
	/*height: 80vh;*/
}

.nav_catalog .nav_content{
	flex: 1;
}

.nav_catalog .nav_scroll, 
.nav_catalog .nav_content{
	height: 100%;
}

.nav_content__column{
	margin-right: 50px;
	display: flex;
    flex-wrap: wrap;
}

.nav_catalog .nav_scroll {
	overflow-y: auto;
}

.nav_catalog .nav_content a.popup-close {
    margin-top: -9px;
}

.nav_catalog .content_item{
	margin-bottom: 20px;
	width: 50%;
	min-width: max-content;
    text-transform: uppercase;
}
	
.nav_catalog .nav_content{
    margin: 6px 30px
}

.nav_catalog .nav_scroll {
	border-right: 1px solid #f3c80478;
}


.nav_catalog img {
    max-width: 150px;
    max-height: 150px;
}


@media (max-width: 1024px) {  

		.nav_catalog.container  {
			max-width: 100%!important;
		}

		.modal_catalog {
			border-radius: unset!important;}

		.nav_content__column {
			flex-direction: column;}
		
		.nav_catalog_body {
			flex-wrap: nowrap;}
			
		.nav_catalog {
			height: 100vh;}	
			
		.nav_catalog .nav_scroll {
	       max-width:125px;}

		.arcticmodal-container_i2.container_modal_catalog{
			padding:unset!important;
		}  

        .nav_catalog .nav_content {
            margin: 10px 15px;
        }

        .nav_catalog .nav_scroll .nav_item {
            cursor: pointer;
        }
			
        .nav_catalog .nav_scroll .nav_item {
            cursor: pointer;
            padding: 18px 18px;
        }

        .nav_catalog .sub_cat{
            margin-top: 30px;
        }

     
        .container_modal_catalog a.popup-close {
            position: absolute;
            margin-top: unset;
            right: 15px;
        }

        .sub_cat h3.title{
            display: flex;
            flex-direction: column-reverse;
        }
        .sub_cat h3.title img{
            margin-bottom: 15px;
        }
        .sub_cat h3.title a{
            display: block;
            margin-bottom: 30px;
        }
        
        .nav_catalog .nav_scroll, .nav_catalog .nav_content {
            height: unset; 
        }

}