/*
Theme Name: NewLom178
Author: HiSEO
Author URI: https://hiseo.ru/
Version: 2.0
*/

:root {
  --gray_hover_tags: #605f5f;
  --gray_second: #404040;
  --gray: #727B90;
  --dark-gray: #2E4355;
  --light-gray: #B0B0B0;
  --border-gray: #e7e9ef;
  --orange: #E4AF6B;
  --brown: #C96000;
  --red: #E20613;
  --green: #7AD364;
  --black: #141414;
  --brown-black: #332826;

  --padding: 15px;
  --large-padding: 40px;
  --n-padding: -15px;
  --n-large-padding: -40px;
}

*{box-sizing: border-box;}
body{
	font-size: 14px;
	margin: 0;
	font-family: Roboto, sans-serif;
    background: #fff;
    color: #363636;
}
body.noscroll{overflow: hidden;}
h1, h2, h3, h4, h5, h6{
    margin: 0;
}
a{text-decoration: none; color: initial}
/* a:hover{color: #e84842;} */
p{margin-top: 0;}
p, pre{
	line-height: 1.5em;
}
img{max-width: 100%;}
ul{margin: 0; padding: 0;}
ol{padding-left: 20px;}
ul li{list-style: none;}
button, video, input[type=submit]{outline: 0;}
table{border: 0; border-spacing: 0;}
hr{border-style: solid;}
mark.count { background: none;}

.hidden{display: none !important;}
.height_auto{max-height: none;}
.center{text-align: center;}

#wpadminbar{position: relative;}
html:not(._){margin: 0!important;}

@media screen and (max-width: 999px){
    .desktop_only{display: none!important;}
}
@media screen and (min-width: 1000px){
    .desktop_hidden{display: none!important;}
}
@media screen and (max-width: 550px){
    .mobile_hidden{display: none!important;}
}
@media screen and (min-width: 551px){
    .mobile_only{display: none!important;}
}

/* =========================================
              COLORS & FONTS
   ========================================= */
.bold{font-weight: 600;}
.gray{color: #9297A6;}
.green{color: var(--green);}
.orange{color: var(--orange);}
.underline{text-decoration: underline!important;}
.uppercase{text-transform: uppercase!important;}


/* =========================================
                HEADERS
   ========================================= */
h1{
    overflow: hidden;
    display: block;
    position: relative;
    line-height: 1.4em;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}
h2, .h2{
    font-weight: 600;
    font-size: 1.9em;
    margin: 0.8em 0;
    max-width: 800px;
}
h3, .h3{
    font-size: 1.2em;
    font-weight: 600;
}


/* =========================================
               PAGE CONTENT
   ========================================= */
.text_content p{line-height: 1.7em;}
.text_content p a{color: #fcae03;font-weight: bold;}
.text_content p a:hover{text-decoration: underline;}
.text_content .woocommerce p{line-height: 1.5em;}
.text_content li{list-style: auto; margin: 10px 0;}
.text_content ul li{list-style: disc;}
.text_content ul{padding-left: 20px;}
.text_content ul:not(:last-child){margin-bottom: 25px;}
.text_content iframe{max-width: 100%;}
.text_content h2{
    max-width: 900px;
}
.text_content .wp-block-image{margin-left:0; margin-right: 0;}
.text_content .has-text-align-center{text-align: center;}
.text_content .has-text-align-right{text-align: right;}
.text_content .has-text-align-left{text-align: left;}
.text_content .aligncenter{text-align: center; margin: 15px 0;}
.text_content .alignleft{float: left; margin-top: 0; margin-left: 0;}
.text_content .alignright{float: right; margin-top: 0; margin-right: 0;}
.text_content:after, .text_content .wp-block-group__inner-container{
    content: '';
    display: table;
    clear: both;
}
.width_100{
    width: 100%;
}

.default_table {
    margin-bottom: 20px;
}
.default_table td{
    padding: 17px 14px;
}
.default_table tr:nth-child(2n+1) td{
    background-color: #F4F4F4;
}

@media screen and (max-width: 765px){
    .text_content .alignleft{margin-right: 0; float: none;}
    .text_content .alignright{margin-left: 0; float: none;}
}

/* =========================================
                   BUTTONS
   ========================================= */
   .btn{
    color: #000;
    background-color: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 25px;
    line-height: inherit;
    padding: 12px 32px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-align: center;
    transition: all .2s ease-in-out;
}
.btn:hover{
    color: #fff;
}
.btn.bordered:not(:hover){
    background: transparent;
    color: var(--orange);
    border: 1px solid var(--orange)
}
.about_point .btn{
    background-color: var(--orange);
    width: 100%;
}
.btn.red{
    color: #fff;
    background-color: var(--red);
    border: 1px solid var(--red);
}
.btn.red:hover{
    color: #000;
}
.call_back_form .btn{
    border-radius: 10px;
    color: var(--black);
    border: 1px solid var(--orange);
}
.call_back_form .btn:hover{
    color: #fff;
}
@media screen and (max-width: 765px){
    .desktop .btn.red.phone{
        display: none !important;
    }
}

/* =========================================
                CONTAINERS
   ========================================= */   
.container{
    position: relative;
    max-width: 1150px;
    padding: 0 var(--padding);
    margin: 0 auto;
} 
.narrow_content{
    max-width: 720px;
}
.halved{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.halved .left_half > div{
    max-width: calc(100% - (100vw - 1165px) / 2);
    margin-left: auto;
    padding-left: 15px; 
    padding-right: 35px;
}
.halved .right_half > div{
    max-width: calc(100% - (100vw - 1165px) / 2);
    margin-right: auto;
    padding-left: 35px; 
    padding-right: 15px;
}

.section_mg{
    margin-top: 70px;
    margin-bottom: 70px;
}
.section_pd{
    padding-top: 70px;
    padding-bottom: 70px;
}

ul.list{margin-bottom: 15px;}
ul.list li{
    padding-left: 18px;
    position: relative;
}
ul.list li:after{
    content: '';
    width: 12px;
    height: 12px;
    background-color: #e65f12;
    position: absolute;
    left: 0;
    top: 5px;
}

.flex{display: flex; flex-wrap: wrap;}
.flex.full_width{justify-content: space-between;}
.flex.middle{align-items: center;}

.grid, .grid2, .grid3, .grid4{display: grid;}
.grid2{grid-template-columns: 1fr 1fr;}
.grid3{grid-template-columns: 1fr 1fr 1fr;}
.grid4{grid-template-columns: 1fr 1fr 1fr 1fr;}

.col2{grid-column-end: span 2;}
.row2{grid-row-end: span 2;}

.spoiler > label{user-select: none; cursor: pointer; display: block;}
.spoiler > div{display: none;}

@media screen and (max-width: 1149px){
    .container{ max-width: 980px;}
    .halved .left_half > div,
    .halved .right_half > div{max-width: calc(100% - (100vw - 995px) / 2);}
} 
@media screen and (max-width: 999px){
    body{font-size: 14px;}
    .container{ max-width: 760px;}
    .halved .left_half > div,
    .halved .right_half > div{max-width: calc(100% - (100vw - 775px) / 2);}
    .narrow_content{max-width: 550px;}
    .grid2, .grid3{grid-template-columns: 1fr;}
    .grid4{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 765px){
    body{font-size: 14px;}
    .container{ max-width: 100%; padding: 0 var(--large-padding);}
    .halved .left_half > div,
    .halved .right_half > div{max-width: 100%; padding-left: 15px; padding-right: 15px;}
    .halved{grid-template-columns: 1fr;}
    .section_pd{padding-top: 50px; padding-bottom: 50px;}
    .section_mg{margin-top: 50px; margin-bottom: 50px;}
}
@media screen and (max-width: 549px){
    .container{ padding-left: var(--padding); padding-right: var(--padding); }
    .grid4{grid-template-columns: 1fr;}
}
@media screen and (max-width: 449px){
    .col2{grid-column-end: span 1;}
}


/* =========================================
            SHADING & BACKGROUND
   ========================================= */
.gray_bg{background-color: #f4f4f4;}
   
.shading{position: relative;}
.shading:after{
	content: '';
	display: block;
	position: absolute;
	background: #000; opacity: 0.25;
	z-index: 0;
	width: 100%; height: 100%;
	transition: 0.2s;
	top: 0;
	left: 0;
}
.shading > *{position: relative; z-index: 1;}

.cover:not(img){
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contain:not(img){
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.cover.right:not(img), .contain.right:not(img){
    background-position: right;
}
.cover.left:not(img), .contain.left:not(img){
    background-position: left;
}
img.cover,
img.contain{
    transition: 0.2s;
    height: 100%;
    width: 100%;
}
img.cover{
	object-fit: cover;
}
img.contain{
    object-fit: contain;
}

/* =========================================
                  LOADING
   ========================================= */
.loading{position: relative;}
.loading:before, .loading:after{
	content: '';
	position: absolute;
	transition: 0.4s;
}
.loading:before{
	z-index: 4;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	left: 0; top: 0;
}
.loading:after{
	z-index: 5;
	top: calc(50% - 15px); left: calc(50% - 15px);
	width: 30px; height: 30px;
	border-radius: 50%;
	border: 4px dashed #333;
	animation: loading  1.3s infinite;
}
.loading.loaded:after,
.loading.loaded:before{opacity: 0;}
.loading.error:after{
	content: 'Ошибка загрузки';
    color: #ff5e00;
    animation: none;
    border: 2px dashed #ff5e00;
    text-transform: uppercase;
    font-weight: bold;
    width: auto;
    height: auto;
    background: rgba(255,255,255,0.8);
    border-radius: 0;
    padding: 10px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
@keyframes loading{
  from{transform: rotate(0);}
  to{transform: rotate(360deg);}
}

/* =========================================
                    FORMS
   ========================================= */
.wpcf7-form input{border: 0; outline: none;}
.wpcf7-form input{border: 0; outline: none;}
.text_field,
.default_form textarea,
.default_form input[type=text],
.default_form input[type=tel],
.default_form input[type=email],
.default_form input[type=password],
.default_form input[type=number],
.wpcf7-form input[type=text],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=email],
.wpcf7-form textarea{
    padding: 13px 0px;
    width: 100%;
    margin: 7px 0 0;
    max-height: 110px;
    outline: none;
    resize: vertical;
    border: none;
    border-bottom: var(--black) solid 2px;
    font-family: inherit;
    font-size: 1em;
}
.wpcf7-form-control-wrap{
    margin-bottom: 14px;
    display: block;
}
.wpcf7 .ajax-loader,
.wpcf7-spinner,
.input_file .wpcf7-form-control-wrap{display: none;}
.wpcf7-list-item{margin: 0;}

.input_file{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 15px 24px 65px;
    min-height: 90px;
    border: 1px dashed #C7CBD7;
    border-radius: 10px;
    background: no-repeat 20px / 20px url(images/icons/clip.svg);
}
.input_file input,
.input_file:not(.filled) .file_name,
.input_file.filled .text{
    display: none;
}
.input_file .text{
    color: #CACCD2;
}

.default_form{
    max-width: 320px;
    padding: 30px 20px 20px;
}
.default_form .h2{
    margin-top: 0;
}
.default_form input{
    border: 1px solid #000;
}
.default_form .input_file{
    margin-bottom: 10px;
}
.default_form .btn{
    width: 100%;
    margin-top: 15px;
}
.default_form a{
    color: var(--orange);
}

/* =========================================
                  COOKIES
   ========================================= */ 
#accepted_cookies{
    display: none;
	background-color: #ffc0cb;
	color: #653C3C;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
	padding: 20px 0;
}
#accepted_cookies a{color: #fa942a;}
#accepted_cookies .container{
    display: grid; 
    grid-gap: 20px; 
    grid-auto-flow: column; 
    align-items: center;
}
#accepted_cookies strong{
    background: #fff;
    text-align: center;
    padding: 15px 25px;
    white-space: nowrap;
    border-radius: 5px;
    cursor: pointer;
    color: #AE8D8D;
    margin: 0 auto;
    font-weight: 400;
    border: 1px solid #A98686;
}
@media screen and (max-width: 765px){
	#accepted_cookies .container{grid-auto-flow: row;}
}


/* =========================================
                    POPUP
   ========================================= */
#popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: grid;
    grid-template-rows: 100vh;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
}
#popup .bg{
    background-color: #000000aa;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
#popup .cross{
    color: #fff;
    background: no-repeat center / 15px url(images/icons/cross_w.svg), #2360E8;
    border-radius: 50%;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 40px;
    top: 10px;
    user-select: none;
    cursor: pointer;
    font-size: 2em;
    z-index: 2;
}
#popup .cross:hover{background-color: #E82E2A;}
#popup .content{
    z-index: 1;
}

/* IMAGE VIEWER */
#popup .img_viewer{
    overflow: auto;
    max-height: 100%;
}
#popup .img_viewer.zoom{
    text-align: center;
    width: 100%;
}
#popup .img_viewer img{object-fit: contain;}
#popup .img_viewer.zoom img{cursor: zoom-out;}
#popup .img_viewer:not(.zoom) img{
    /* cursor: zoom-in; */
    max-width: 100%;
    max-height: calc(100vh - 70px);
}

/* VIDEO VIEWER */
#popup .video_viewer{}
#popup video{max-height: 80vh;}

/* POPUP FORM */
.popup_form_source{display: none;}
#popup .content.form > div{
    background: #f7f7f7;
    padding: 35px 25px;
    border-radius: 10px;
    max-width: 400px;
}

/* ZOOM */
.zoom_overlay{cursor: pointer;} 

/* =========================================
                   SLIDER
   ========================================= */
   .tiny-slider .box{
    position: relative;
    padding: 0 40px;
}
.tiny-slider{
    min-width: 100%;
    min-height: 100%;
    display: inline-grid;
    align-items: center;
}
.tns-item{
    position: relative;
    min-height: 400px;
}
.tns-item img{
    position: absolute;
    border-radius: 10px;
}
/* controls */
.tiny-slider .controls{
    color: #072869;
    outline: none;
}
.tiny-slider .controls li{
    position: absolute;
    top: 0;
    cursor: pointer;
    outline: none;
    z-index: 1;
    width: 40px;
    height: 100%;
    display: inline-block;
    font-size: 0;
    user-select: none;
    text-align: center;
    background-repeat: no-repeat!important;
    background-size: 10px!important;
    background-position: center!important;
    opacity: 0.5;
}
.tiny-slider .controls li:hover{color: #e72d2b; opacity: 1;}
.tiny-slider .controls li.next{right: -20px; background-image: url(images/icons/arrow_right.svg)!important}
.tiny-slider .controls li.prev{left: -20px; background-image: url(images/icons/arrow_left.svg)!important}
.tiny-slider .autoplay{
    display: none;
}


/* thumbnails */
.tiny-slider .thumbnails{
    display: flex;
    justify-content: center;
}
.tiny-slider .thumbnails li{
    display: inline-block;
    padding: 3px;
    outline: none;
}
.tiny-slider .thumbnails img{
    width: 40px;
    height: 40px;
    padding: 2px;
    border: 2px solid transparent;
    border-radius: 3px;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
    position: relative;
}
.tiny-slider .thumbnails .tns-nav-active img{
    border-color: var(--orange);
    cursor: default;
}

.tiny-slider .tns-nav{display: none;}
.tiny-slider .tns-nav button{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0;
    background-color: #072869;
    margin: 4px;
    padding: 0;
}
.tiny-slider .tns-nav button.tns-nav-active{background-color: #e72d2b;}
.tiny-slider .slide_counter{
    position: absolute;
    left: 20px;
    bottom: 9px;
    color: #fff;
    font-size: 1.3em;
    text-shadow: 1px 1px 1px #0000005e;
}
/* cover parent area */
.tiny-slider.cover .box,
.tiny-slider.cover .tns-outer,
.tiny-slider.cover .tns-ovh,
.tiny-slider.cover .tns-inner,
.tiny-slider.cover .slides,
.tiny-slider.cover .tns-item{
    height: 100%!important;
}

#home_facade_slider .box{
    padding: 0;
}
#partners_slider {
    margin-top: 60px;
}
#partners_slider .item{
    height: 60px;
    padding: 0 30px;
}
#partners_slider .item img{
    object-fit: contain;
    object-position: center;
    height: 100%;
    width: 100%;
}

#docs_slider {
    margin-top: 10px;
}
#docs_slider .item{
}
#docs_slider .item img{
    object-fit: contain;
    object-position: center;
    width: 100%;
}
.doc_view{
    position: relative;
    display: block;
}
.doc_view:hover:after{
    content: '';
    background: no-repeat center / 3em url(images/icons/eye_o.svg), #00000099;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; top: 0;
}

@media(max-width: 1149px){
    #partners_slider .item{padding: 0 16px;}
}
@media(max-width: 765px){
    #partners_slider{margin-top: 40px;}
    #partners_slider .item{padding: 0 8px;}
    #partners_slider .box{padding: 0 30px;}
    .tiny-slider{position: static;}
    .tiny-slider .controls li.next{right: -10px;}
    .tiny-slider .controls li.prev{left: -10px;}
    .tiny-slider:not(#docs_slider):not(#partners_slider) .box{padding: 0;}
}

/* =========================================
			   MAIN NAVIGATION
   ========================================= */
@keyframes fix_menu{
	from {transform: translateY(-100%)}
	to {transform: translateY(0)}
}
@keyframes unfix_menu{
	from {position: fixed; transform: translateY(0)}
	to {position: fixed; transform: translateY(-100%)}
}
#master_head{position: relative; z-index: 9;}
#master_head .wrapper{
	width: 100%;
    background-color: var(--brown-black);
	transition: 0.3s;
	top:0;
}
#master_head.fixed .wrapper{position: fixed; animation: fix_menu 0.2s;}
#master_head:not(.fixed) .wrapper{animation: unfix_menu 0s;}
#master_head .btns{
    display: flex;
    gap: 10px;
    align-items: center;
}
#master_head .bg{
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
    background: #00000000;
    z-index: -1;
}
#master_head:not(.opened) .bg,
#master_head .mobile{display: none;}
#master_head .burger{
    cursor: pointer;
    height: 30px;
    min-width: 40px;
    background: no-repeat center / auto 25px url('data:image/svg+xml, <svg width="21" height="18" viewBox="0 0 21 18" fill="%23ffffff" xmlns="http://www.w3.org/2000/svg"><rect x="0.953125" y="0.724609" width="20" height="3"/><rect x="0.953125" y="7.36743" width="20" height="3" /><rect x="0.953125" y="14.0103" width="20" height="3"/></svg>');
    display: flex;
    align-items: center;
    user-select: none;
    color: #fff;
}
#master_head.opened .burger{
    background: no-repeat center / auto 20px url('data:image/svg+xml, <svg width="14" height="14" viewBox="0 0 14 14" stroke="%23ffffff" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1L13 13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media screen and (max-width: 999px) and (min-width: 450px) {
    #master_head .burger{
        background-position: 17px!important;
        width: auto!important;
        padding: 0 18px 0 56px;
    }
}
@media screen and (max-width: 449px) {
    #master_head .burger{font-size: 0}
}
#master_head .logo{display: flex;}
/* #master_head .logo img{height: 55px;} */


/* --------------------
          MENU
   ------------------ */
#master_head .main_menu{
	display: flex;
    flex-wrap: wrap;
	justify-content: end;
    align-items: center;
}
#master_head .main_menu .home_link{display: none;}
#master_head .main_menu li{position: relative;}

/* LVL 1 */
#master_head .main_menu > li{
    margin-right: 18px;
}
#master_head .main_menu > li.current-menu-item > a{
    font-weight: 600;
    border-color: var(--orange);
}
#master_head .main_menu > li > a{
	position: relative;
    border-bottom: 3px solid transparent;
}
#master_head .main_menu > li:hover > a{
    border-color: var(--orange);
}
#master_head .main_menu li.menu-item-has-children > a{
    padding-right: 32px;
}
#master_head .main_menu > li.menu-item-has-children:hover > a:after{border-color: #22609a transparent transparent transparent;}
#master_head .main_menu li button svg{stroke: #fff;}
#master_head .main_menu li li button svg{stroke: var(--black);}
#master_head .main_menu button{
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    border: 0;
    outline: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background: transparent;
}
#master_head .main_menu li li button{
    right: 8px;
}
#master_head .main_menu li.opened > button{
    transform: translateY(-50%) rotate(-180deg);
}

/* LVL 2+ */
#master_head .main_menu ul{
    background-color: #fff;
    position: absolute; 
    display: none;
    z-index: 9;
    box-shadow: 1px 3px 1px #00000017;
}
@media(min-width: 1000px){
    #master_head .main_menu li:hover > ul{display: block;}
}
#master_head .main_menu ul li a{
    border-radius: 0!important;
    text-align: left;
    font-weight: normal;
    text-transform: none;
    border-top: 1px solid #e7eaef;
    padding: 8px 20px;
    font-size: 0.9em;
}

/* LVL 3+ */
@media screen and (min-width: 1000px){
    #master_head .main_menu ul ul{
        left: 100%;
        top: 0;
        border-left: 1px solid #e7eaef;
    }
}

/* ALL LVLs */
#master_head .main_menu li > a{
    display: block;
    text-decoration: none;
    padding: 15px 5px;
}
#master_head .main_menu li:hover > a{
    color: var(--orange);
    cursor: pointer;
}

/* Submenu */
.submenu_row{
    border-top: 1px solid #E9E9E9;
}
.submenu_row .submenu{
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
}
.submenu_row .submenu li{
    padding: 20px 0 17px;
    border-bottom: 3px solid transparent;
}
.submenu_row .submenu:not(.about-company) li.current-menu-item{
    border-color: var(--orange);
    font-weight: 600;
}
.submenu_row .submenu li:not(.current-menu-item) a{
    color: #727B90;
}


/* --------------------
     OTHER STYLES
   ------------------ */


/* >>>>>> Desktop */
#master_head .desktop .container{
    padding-top: 10px;
}
#master_head .desktop .container .top_header{
    text-align: right;
}
#master_head .desktop .container .down_header{
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
}
#master_head .desktop li a{
    color: #fff;
}
#master_head .desktop li li a{
    color: #000;
}

/* >>>>>> Netbook */
@media(max-width: 1149px){
    #master_head .logo img{height: 70px;}
    #master_head .phone{padding: 9px 17px;}
}

/* >>>>>> Mobile */
@media(max-width: 999px){
    #master_head .submenu_row{display: none;}
    #master_head .mobile{display: block;}
    #master_head .mobile nav{display: none;}
    #master_head .mobile .container{
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 100%;
    }
	#master_head .wrapper{top: 0;}
	#master_head.hide .wrapper{transform: translateY(-100%);}
	#master_head .desktop{
        position: fixed;
        z-index: 99;
        background: #fff;
        max-width: 100vw;
        transition: 0.2s;
        height: 100vh;
        left: -100vw;
        box-shadow: -1px 6px 6px 3px #0000001f;
    }
    #master_head.opened .desktop{
        left: 0;
        padding-bottom: 200px;
        overflow: auto;
    }
	#master_head .desktop .container{grid-template-columns: 1fr;}
	#master_head .desktop .logo{display: none;}
    #master_head .main_menu button{top: 20px;}
    #master_head .main_menu li button svg{stroke: #000}
    
    #master_head .main_menu{
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        margin-top: 10px;
        justify-content: start;
        grid-gap: 0;
    }
	#master_head .main_menu a{
        background: none!important; 
        color: initial!important;
    }
	#master_head .main_menu > li{
        min-width: 250px;
        margin: 0;
    }
    #master_head .main_menu li li.current-menu-item > a{
        font-weight: 600;
    }
    #master_head .main_menu > li.current-menu-item > a{
        border-left: 4px solid var(--orange);
        padding-left: 13px;
    }
    #master_head .main_menu > li > a{
        padding: 10px 0;
        border-bottom: 0!important;
    }
	#master_head .main_menu > li ul{
        position: relative;
		width: 100%;
		display: none;
		padding: 0 0 15px 18px;
        box-shadow: none;
	}
	#master_head .main_menu > li ul a{
		display: block;
		padding: 8px 30px 8px 0;
	}
    /* ------------- */
}
@media screen and (max-width: 549px){
    #master_head .phone{
        font-size: 0;
        width: 40px;
        height: 40px;
        background: no-repeat center / auto url("images/icons/phone.svg");
    }
    #master_head .phone:hover{
        background-color: var(--orange);
        background-image: url("images/icons/phone_w.svg");
    }
}


/* =========================================
                 BREADCRUMBS
   ========================================= */
.breadcrumbs{
    list-style: none;
    padding: 1.5em 0;
    text-align: left;
    margin: 0;
    margin-top: 50px;
}
.breadcrumbs li{
    display: inline-block;
    font-size: 0.8em;
}
.breadcrumbs a{
    color: inherit;
    display: inline-block;
    text-decoration: none;
}
.breadcrumbs span[itemprop=name]{
    padding: 0;
}
.breadcrumbs a:hover span[itemprop=name]{}
.breadcrumbs img{
    margin: 0 10px;
    vertical-align: middle;
}

/* =========================================
                  BASEMENT
   ========================================= */
.basement {
    background-color: var(--brown-black);
    color: #fff
}
.basement .bottom_row span,
.basement a{
    color: var(--light-gray);
}
.basement .footer_menu{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.basement .container > div{
    padding: 30px 0;
}
.basement .top_row{
    border-bottom: 1px solid #888;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.basement .bottom_row {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-gap: 20px;
}
.basement .contacts {
    font-size: 11px;
    padding: 40px 30px 0 0
}
.basement .contacts p {
    line-height: 11px
}

@media screen and (max-width: 549px){
    .basement .top_row{display: grid; grid-gap: 30px;}
    .basement .bottom_row{grid-template-columns: 1fr}
}

/* =========================================
                  FACADE
   ========================================= */
.facade{
    color: #fff;
    background-size: cover;
    background-position: center;
}
.facade .header{
    font-weight: 600;
    font-size: 2.7em;
    margin-bottom: 40px;
    max-width: 880px;
}
.facade .home_slide .company{
    display: inline-block;
    background: #fff;
    color: initial;
    padding: 12px 20px;
    font-weight: 600;
    margin-bottom: 70px;
}
.facade .home_slide .company span{
    display: inline-block;
}
.facade .home_slide .content{
    font-size: 1.8em;
}
.facade .home_slide .content .date .line{
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #fff;
    vertical-align: middle;
    margin: 0 16px;
}
.facade .home_slide .white_box{
    background-color: #fff;
    border-right: 4px solid var(--orange);
    padding: 35px 40px;
    position: absolute;
    right: 0;
    bottom: -140px;
    color: initial;
    max-width: 33.33%;
}
.facade .home_slide .white_box .h{
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 1.1em;
}
.facade .home_slide .white_box ul{
    color: var(--gray);
    margin-bottom: 1.3em;
}
.facade .home_slide .white_box ul li{
    margin-bottom: 4px;
}

.facade .tiny-slider {
    position: relative;
}
.facade .tiny-slider .item{
    background-size: cover;
    background-position: center;
    padding: 40px 0 140px;
}
.facade .tiny-slider .dots{
    position: absolute;
    bottom: 25px;
    width: 100%;
}
.facade .tiny-slider .thumbnails{
    text-align: left;
    display: flex;
    margin-top: 0;
}
.facade .tiny-slider .thumbnails > div{
    display: inline-block;
    margin-left: -4px;
    margin-right: 10px;
    padding: 5px;
    cursor: pointer;
}
.facade .tiny-slider .thumbnails div div{
    transition: 0.2s;
    background-color: #fff;
    height: 5px;
    width: 5px;
    border-radius: 5px;
}
.facade .tiny-slider .thumbnails div.tns-nav-active div{
    width: 50px;
    cursor: default;
}


.simple_facade{
    padding: 45px 0 20px;
    border-bottom: 1px solid #000;
}
.simple_facade h1{
    font-size: 2.7em;
    margin: 0;
}

@media screen and (min-width: 1150px){
    .facade.section_pd{
        padding-top: 120px;
        padding-bottom: 100px;
    }
    .facade .overhead{
        margin-bottom: 2em;
    }
}
@media screen and (max-width: 1149px){
    .facade .home_slide .white_box{max-width: 350px;}
}
@media screen and (max-width: 765px) {
    .facade .home_slide .white_box{
        position: relative;
        max-width: none;
        margin: 0 -40px 0;
        border-right: 0;
        border-bottom: 4px solid var(--orange);
    }
    .facade .tiny-slider .thumbnails{margin-bottom: 240px;}
    .facade .home_slide {font-size: 13px;}
}
@media screen and (max-width: 549px) {
    .facade .home_slide .white_box{margin: 0 -15px 0; padding: 15px;}
    .simple_facade h1, .facade .header{
        font-size: 2em;
    }
}

/* =========================================   
               RECEPTION POINT        
   ========================================= */
.info_point{
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 2fr;
    margin-top: 15px;
    margin-bottom: 35px;
    color: var(--black);
}
.route_to_point ul{
    display: flex;
    padding-inline-start: 0px;
    list-style-type: none;
    gap: 10px;
}
.about_point div{
    margin-bottom: 15px;
}
.about_point span{
    display: inline-block;
    margin-bottom: 15px;
    font-weight: bold;
}
.photo_point{
    position: relative;
    min-height: 300px;
}
.photo_point img{
    position: absolute;
    border-radius: 10px;
}
.map_point{
    margin-bottom: 35px;
}

@media (max-width: 768px) {
    .info_point {
        grid-template-columns: 1fr;
    }
    .about_point {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .about_point .btn {
        background-color: var(--orange);
        width: 100%;
        height: 50%;
    }
    .photo_point img {
        position: static;
        width: 100%;
        height: auto;
    }
    .route_to_point ul {
        flex-wrap: wrap;
    }
    .about_point span, .about_point p {
        margin-bottom: 10px;
    }
}

/* =========================================
              CALL BACK FORM
   ========================================= */
.call_back_form{
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    align-items: start;
    column-gap: 50px;
}

.call_back_form .right_col{
    /* display: grid;
    grid-template: 'textarea textarea' 'btn policy';
    grid-auto-flow: dense;
    align-items: center;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr; */
}
.call_back_form span[data-name=textarea-607]{
    grid-area: textarea;
    margin: 0;
}
.call_back_form .wpcf7-submit{
    /* grid-area: btn; */
    margin: 7px 0px 0px;
    width: 100%;
}
.call_back_form .private_policy{
    /* grid-area: policy; */
    font-size: 10px;
    margin: 7px 0px 0px;
}
.call_back_form .title_form.required::after{
    content: ' *';
    color: var(--orange);
    opacity: 1;
}
.call_back_form .title_form{
    font-weight: 600;
}

@media screen and (max-width: 999px){
    .call_back_form{grid-template-columns: 1fr;}
    .call_back_form .right_col{grid-template: 'textarea' 'policy' 'btn'}
}


/* =========================================
                 YANDEX MAP
   ========================================= */
.map_circle span{
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background: #ff9400;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    border: 4px solid #ffffff;
    outline: 2px solid #ff9400;
}
.ymaps3x0--map{width: 100%;}
.ymaps3x0--map-container{border-radius: 10px;}
.ymaps3x0--marker:hover{z-index: 1!important;}
.map_mark:not(:hover) .hint{display: none;}
.map_mark{
    cursor: pointer;
}
.map_mark .hint{
    position: absolute;
    background: #fff;
    box-shadow: 1px 2px 4px #33333354;
    padding: 2px 9px;
    left: 0;
    top: 0;
    width: max-content;
}
.map_mark img{
    transform: translate(-50%, -100%);
    max-width: none;
    width: 30px;
}
.map_main_size{
    width: 100%;
    height: 400px;
}
.map_front_page .map_main_size{
    height: 100%;
}

/* =========================================
              PRICE-TABLE
   ========================================= */
.price_box{
    min-height: 500px; 
    background: var(--black); 
    border-radius: 25px;
    padding: 40px 40px 40px 40px;
    margin-bottom: 70px;
}
.price_header{
    display: flex;
    width: auto;
    height: auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.title_price_main{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    justify-content: flex-start; 
}
.title_price_main > .title_price_list{
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
}
.title_price_main > .price_update_date{
    height: 16px; 
    font-style: normal; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 16px; 
    color: #fff; 
}
.title_price_main > .price_update_date::before{
    content: "";
    display: inline-block;
    background: url("images/shoppingmode.svg") no-repeat;
    background-size: contain;
    width: 11.65px;
    height: 11.65px;
    margin-right: 5px;
}
.price_box .top_buttons{
    display: flex;
    flex-direction: row;
    gap: 15px;
    user-select: none;
}
.bordered_button.orange{
    padding: 10px 45px 10px 15px;
    border-radius: 25px;
    border: 1px solid var(--orange);
    color: var(--orange);
    cursor: pointer;
    background: no-repeat right 18px top 50% / 12px url("images/arrow_outward.svg");
}
.bordered_button.orange:hover{
    color: #fff;
    background: var(--orange) no-repeat right 18px top 50% / 12px url("images/arrow_outward_white.svg");
}
/* АКТИВНЫЕ ТЕГИ */
.price_box .list_active_tags{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-top: 25px;
}
.price_box .item_list_active_tags{
    border-radius: 10px;
    border: 1px solid var(--gray_second);
    color: #C2C2C2;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    background: no-repeat right 12px top 50% / 12px url("images/close.svg");
    padding-right: 35px;
    cursor: pointer;
    user-select: none;
}
/* ТЕЛО */
.price_box .message_about_empty.orange{
    padding: 10px 45px 10px 15px;
    border-radius: 5px;
    border: 1px solid var(--orange);
    color: var(--orange);
}
.price_box .left_menu > ul > .button_clear{
    border-radius: 10px;
    border: 1px solid var(--gray_second);
    color: #C2C2C2;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    background: no-repeat right 12px top 50% / 12px url("images/close.svg");
}
.price_body{
    display: grid;
    grid-template-columns: 240px auto;
    color: #fff;
    grid-gap:15px;
}
.price_box li{
    list-style:none!important;
}
.price_box .top_menu ul li{
    margin: 0 !important;
}
.price_box .left_menu{
    gap: 10px;
    user-select: none;
}
.price_box .left_menu > ul > .button_clear:hover{
    background: var(--gray_hover_tags) no-repeat right 12px top 50% / 12px url("images/close.svg");
}
.price_box .left_menu > ul > li:hover{
    background: var(--gray_hover_tags);
}
.price_box .left_menu > ul{
    list-style-type:none;
    padding-inline-start: 0;
}
.price_box .left_menu > ul > li{
    border-radius: 10px;
    background: var(--gray_second);
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    cursor: pointer;
}
.price_box .left_menu > ul > li.active_tag{
    color: var(--orange);
}
.price_box .left_menu > ul > li > div > ul > li.active_tag{
    color: var(--orange);
}
.price_box .left_menu > ul > .has_children.active_tag{
    background: var(--gray_second) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios_orange.svg");
}
.price_box .left_menu > ul > .has_children.active_tag:hover{
    background: var(--gray_second) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios_second_orange.svg");
}
.price_box .left_menu > ul > .has_children:hover{
    background: var(--gray_hover_tags) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios_second.svg");
}
.price_box .left_menu > ul > .has_children{
    padding-right: 30px;
    background: var(--gray_second) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios.svg");
}
.price_box .left_menu ul .subparagraphs{
    padding-top: 15px;
    padding-inline-start: 0px;
    display: none;
    position: absolute;
    z-index: 1;
}
.price_box .left_menu ul ul{
    padding-inline-start: 0px;
    background: #686868;
    border-radius: 10px;
    overflow: hidden
}
.price_box .left_menu ul ul li{
    list-style-type: none!important;
    padding: 7px 10px;
}
.price_box .left_menu ul li:hover .subparagraphs{
    display: inline;
} 
.price_box .top_menu{
    user-select: none;
}
.price_box .top_menu > ul{
    display: flex;
    padding-inline-start: 0;
    gap: 15px;
    flex-wrap: wrap;
}
.price_box .top_menu > ul > li{
    flex-grow: 1;
    padding: 7px 10px 7px 10px;
    border-radius: 10px;
    background: var(--gray_second);
    text-align: left;
    position: relative;
    cursor: pointer;
}
.price_box .top_menu > ul > li.disabled{
    color: var(--light-gray);
    opacity: 0.8;
    cursor: default;
}
.price_box .top_menu ul ul li.disabled{
    color: var(--light-gray);
    cursor: default;
}
.price_box .left_menu > ul > li.disabled{
    color: var(--light-gray);
    opacity: 0.8;
    cursor: default;
}
.price_box .left_menu ul ul li.disabled{
    color: var(--light-gray);
    cursor: default;
}
.price_box .top_menu > ul li:hover:not(.disabled){
    background: var(--gray_hover_tags);
}
.price_box .top_menu > ul > li.has_children.active_tag{
    background: var(--gray_second) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios_orange.svg");
}
.price_box .top_menu > ul > li.has_children.active_tag:hover{
    background: var(--gray_second) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios_second_orange.svg");
}
.price_box .top_menu > ul > li.has_children:hover{
    background: var(--gray_hover_tags) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios_second.svg");
}
.price_box .top_menu > ul > .has_children{
    padding-right: 30px;
    background: var(--gray_second) no-repeat right 10px top 50% / 16px url("images/arrow_forward_ios.svg");
}
.price_box .top_menu > ul > li.button_clear{
    padding-right: 30px;
    border: 1px solid var(--gray_second);
    color: #C2C2C2;
    background: no-repeat right 10px top 50% / 12px url("images/close.svg");
}
.price_box .top_menu > ul > li.button_clear:hover{
    padding-right: 30px;
    background: var(--gray_hover_tags) no-repeat right 10px top 50% / 12px url("images/close.svg");
}
.price_box .down_buttons{
    display: flex;
    flex-direction: row;
    padding-top: 20px;
    gap: 40px;
    user-select: none;
}
.price_box .top_menu ul .subparagraphs{
    padding-top: 15px;
    padding-inline-start: 0px;
    display: none;
    position: absolute;
    left: 0px;
    z-index: 1;
}
.price_box .top_menu ul ul{
    padding-inline-start: 0px;
    background: #686868;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.price_box .top_menu ul ul li{
    list-style-type: none;
    padding: 7px 10px;
}
.price_box .top_menu ul li:hover .subparagraphs{
    display: inline;
}
.price_box .group_name{
    color: var(--orange);
    text-transform: uppercase;
}
.price_box .group{
    padding-bottom: 30px;
}
.price_box .subgroup_name{
    color:var(--orange);
    padding-top: 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold
}
.price_box .top_menu > ul > li.active_tag{
    color: var(--orange);
}
.price_box .top_menu > ul > li > div > ul > li.active_tag{
    color: var(--orange);
}
.price_box .line_table{
    display: flex;
    gap: 20px;
    align-items: flex-end;
}
.price_box .col_table{
    flex: 1;
}
.price_box .col_name{
    flex: 2;
}
.price_box .item_var {
    border-bottom: solid 1px;
    border-bottom-color: #555;
    font-size: 14px;
    padding-top:15px;
}
@media (max-width: 768px) {
    .top_menu,
    .left_menu{
        display: none;
    }
    .price_box .line_table {
        gap: 60px;
    }
    .list_scrap {
        margin-left: -250px;
    }
}

/* =========================================
                 RUNNING LINE
   ========================================= */
.running_line {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 1em;
    width: 100%;
    padding: 15px;
    background: #E4AF6B;
    z-index: 4;
}

.running_line .content-wrapper {
    display: flex;
    color: #000;
}

.running_line .item_tag {
    display: inline-block;
    padding-right: 2em;
}
@keyframes runline {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* =========================================
                 CONTACTS
   ========================================= */
.info_contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.main_info_contacts{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.title_contacts{
    font-weight: bold;
}

@media (max-width: 1200px) {
    .info_contacts {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .info_contacts {
        grid-template-columns: 1fr;
    }
    .contact_center,
    .human_resource_department,
    .main_office,
    .operating_mode,
    .contact_details {
        grid-column: span 1;
    }
}

/* =========================================
                 REMOVAL
   ========================================= */
.info_removal{
    display: grid;
    grid-template-columns: 1.3fr 2fr;
    gap: 20px;
}
.photo_removal img{
    border-radius: 10px;
}
.photo_and_buttons_removal{
    display: grid;
    gap: 10px;
}
.set_of_services_removal{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
}
.set_of_services_removal div{
    color: white;
    border-radius: 10px;
    height: 100px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/local_shipping.png);
    grid-column-end: span 2; 
}
.set_of_services_removal div:nth-child(9){
    grid-column-start: 2;
}
/* icons */
.set_of_services_removal .pipe{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_pipe.png);
}
.set_of_services_removal .kitchen{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_kitchen.png);
}
.set_of_services_removal .garage{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_garage.png);
}
.set_of_services_removal .spares{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_spares.png);
}
.set_of_services_removal .metal_structures{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_metal_structures.png);
}
.set_of_services_removal .equipment{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_equipment.png);
}
.set_of_services_removal .technique{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_technique.png);
}
.set_of_services_removal .electric{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_electric.png);
}
.images_carusel_removal.grid3{
    gap: 20px;
}

@media (max-width: 1200px) {
    .info_removal {
        grid-template-columns: 1fr;
    }

    .set_of_services_removal {
        grid-template-columns: repeat(4, 1fr);
    }

    .set_of_services_removal div {
        grid-column-end: span 1;
    }

    .set_of_services_removal div:nth-child(11) {
        grid-column-start: auto;
    }
}
@media (max-width: 1024px) {
    .info_removal {
        grid-template-columns: 1fr;
    }

    .set_of_services_removal {
        grid-template-columns: repeat(3, 1fr);
    }

    .set_of_services_removal div {
        grid-column-end: span 1;
    }

    .set_of_services_removal div:nth-child(11) {
        grid-column-start: auto;
    }
}
@media (max-width: 768px) {
    .info_removal {
        grid-template-columns: 1fr;
    }
    .set_of_services_removal {
        grid-template-columns: repeat(2, 1fr);
    }
    .set_of_services_removal div {
        grid-column-end: span 1;
    }
    .set_of_services_removal div:nth-child(11) {
        grid-column-start: auto;
    }
    .images_carusel_removal.grid3 {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .info_removal {
        grid-template-columns: 1fr;
    }
    .info_removal .buttons_removal {
        flex-direction: column;
    }
    .set_of_services_removal {
        grid-template-columns: 1fr;
    }
    .set_of_services_removal div {
        grid-column-end: span 1;
    }
    .set_of_services_removal div:nth-child(9) {
        grid-column-start: auto;
    }
    .images_carusel_removal.grid3 {
        grid-template-columns: 1fr;
    }
}

/* =========================================
                DISMANTLING
   ========================================= */
.title_and_number {
    display: flex;
    justify-content: space-between;
}
.phone-fixed {
    position: fixed;
    z-index: 1000;
    display: none;
    text-align: center;
    text-decoration: none;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.second_banner_dismantling{
    color: var(--black);
    background: var(--orange);
    padding: 25px 40px;
    border-radius: 25px;
}
.second_banner_dismantling span{
    font-weight: bold;
    text-decoration: underline;
}
.info_dismantling{
    display: grid;
    grid-template-columns: 1.3fr 2fr;
    gap: 20px;
}
.photo_and_buttons_dismantling{
    display: grid;
    gap: 10px;
}
.info_dismantling .buttons_dismantling{
    display: flex;
    gap: 15px;
}
.photo_dismantling img{
    border-radius: 10px;
}
.list_of_dismantling_services{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.set_of_services_dismantling{
    display: grid; 
    grid-template-columns: repeat(10, 1fr);
    gap: 20px;
}
.set_of_services_dismantling div{
    color: white;
    border-radius: 10px;
    height: 100px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/local_shipping.png);
    grid-column-end: span 2; 
}
.set_of_services_dismantling div:nth-child(6){
    grid-column-start: 3;
}
/* icons */
.set_of_services_dismantling .pipe{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_pipe.png);
}
.set_of_services_dismantling .garage{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_garage.png);
}
.set_of_services_dismantling .metal_structures{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_metal_structures.png);
}
.set_of_services_dismantling .equipment{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_equipment.png);
}
.set_of_services_dismantling .technique{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_technique.png);
}
.set_of_services_dismantling .electric{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_electric.png);
}
.set_of_services_dismantling .sea_scrap{
    background: black no-repeat center top 80% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_sea_scrap.png);
}
.images_carusel_dismantling.grid3{
    gap: 20px;
}
.images_carusel_dismantling.grid3 img{
    border-radius: 10px
}

@media (min-width: 769px) {
    .btn.custom.mobile-fixed {
        display: none;
    }
}
@media (max-width: 1200px) {
    .info_dismantling {
        grid-template-columns: 1fr;
    }

    .set_of_services_dismantling {
        grid-template-columns: repeat(4, 1fr);
    }

    .set_of_services_dismantling div {
        grid-column-end: span 1;
    }

    .set_of_services_dismantling div:nth-child(6) {
        grid-column-start: auto;
    }
}
@media (max-width: 1024px) {
    .info_dismantling {
        grid-template-columns: 1fr;
    }
    .set_of_services_dismantling {
        grid-template-columns: repeat(3, 1fr);
    }
    .set_of_services_dismantling div {
        grid-column-end: span 1;
    }
    .set_of_services_dismantling div:nth-child(6) {
        grid-column-start: auto;
    }
}
@media (max-width: 768px) {
    .title_and_number .btn.custom {
        display: none;
    }
    .btn.custom.mobile-fixed {
        display: block;
        position: fixed;
        z-index: 1000;
        padding: 10px 15px;
        text-align: center;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
        top: 0;
        right: 15px;
        left: auto;
        width: auto;
    }
    .banner_dismantling {
        font-size: 2em;
        padding: 20px 40px;
    }
    .info_dismantling {
        grid-template-columns: 1fr;
    }
    .set_of_services_dismantling {
        grid-template-columns: repeat(2, 1fr);
    }
    .set_of_services_dismantling div {
        grid-column-end: span 1;
    }
    .set_of_services_dismantling div:nth-child(6) {
        grid-column-start: auto;
    }
    .images_carusel_dismantling.grid3 {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .banner_dismantling {
        font-size: 1.5em;
        padding: 10px 20px;
    }
    .info_dismantling {
        grid-template-columns: 1fr;
    }
    .info_dismantling .buttons_dismantling {
        flex-direction: column;
    }
    .set_of_services_dismantling {
        grid-template-columns: 1fr;
    }
    .set_of_services_dismantling div {
        grid-column-end: span 1;
    }
    .set_of_services_dismantling div:nth-child(6) {
        grid-column-start: auto;
    }
    .images_carusel_dismantling.grid3 {
        grid-template-columns: 1fr;
    }
}

/* =========================================
                FRONT-PAGE
   ========================================= */
.banner_front_page{
    background: url(/wp-content/themes/NewLom178/images/banner_front_page.jpg);
}
.top_front_page{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.top_front_page h1{
    font-size: 2.5em;
    text-align:center;
    color: var(--orange);
}
.buttons_top_front_page{
    display: grid;
    gap: 150px;
}
.buttons_top_front_page .btn.custom{
    background: var(--orange) no-repeat right 15px top 50% / 9px url(/wp-content/themes/NewLom178/images/arrow_outward_black.svg);
}
.buttons_top_front_page .btn.custom:hover{
    background: var(--orange) no-repeat right 15px top 50% / 9px url(/wp-content/themes/NewLom178/images/arrow_outward_white.svg);
}
.buttons_reception_points{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.buttons_reception_points a{
    grid-column-end: span 2;
}
.buttons_reception_points a:nth-child(3){
    grid-column-start: 2;
}
.buttons_about_scrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-top: 50px;
}
.orange_bg{
    background-color: var(--orange);
}
.middle_front_page .price_box{
    margin-bottom: 60px;
    margin-top: -110px;
}
.middle_front_page{
    background-color: var(--orange);
    position: relative;
    z-index: 1;
}
.middle_front_page .h2{
    text-transform: uppercase;
}
.middle_front_page::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 13px;
    height: 23px;
    background-color: white;
    border: 9px solid var(--orange);
    border-radius: 15px;
    bottom: -20px;
}
.advantages{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
    text-align: center;
}
.advantages div{
    padding-top: 60px;
    font-size: 1.2em;
}
.advantages .car_black{
    background: var(--orange) no-repeat center top 10% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_car_black.svg);
}
.advantages .verified{
    background: var(--orange) no-repeat center top 10% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_verified.svg);
}
.advantages .work_time{
    background: var(--orange) no-repeat center top 10% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_person.svg);
}
.advantages .eco{
    background: var(--orange) no-repeat center top 10% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_eco.svg);
}
.advantages .recycling{
    background: var(--orange) no-repeat center top 10% / 40px url(/wp-content/themes/NewLom178/images/icons/icon_recycling.svg);
}
.accordion {
    display: grid;
    gap: 10px;
    width: 100%;
    margin: 0 auto;
}
.custom_link{
    color: var(--orange);
}
.accordion-item {
    border-radius: 10px;
    overflow: hidden;
}
.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    transition: background 0.4s ease;
    background: #EFF1F3 no-repeat right 15px top 50% / 25px url(/wp-content/themes/NewLom178/images/icons/arrow_down_accordion.png);
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    background-color: #EFF1F3;
    padding: 0 20px;
}
.accordion input[type="checkbox"] {
    display: none;
}
.accordion input[type="checkbox"]:checked ~ .accordion-content {
    max-height: 100%;
}
.accordion input[type="checkbox"]:checked + .accordion-header{
    background: #EFF1F3 no-repeat right 15px top 50% / 25px url(/wp-content/themes/NewLom178/images/icons/arrow_up_accordion.png);
}
.accordion-item input[type=checkbox] {
    position: static;
    opacity: 1;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }
.accordion-item input[type=checkbox] + label:before {
    content: none;
}
  
@media (max-width: 768px) {
    .top_front_page {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .buttons_top_front_page {
        gap: 30px;
    }
    .buttons_reception_points {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .buttons_reception_points a {
        grid-column-end: auto;
        grid-column-start: auto;
    }
    .buttons_reception_points a:nth-child(3) {
        grid-column-start: auto;
    }
    .buttons_about_scrap {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 20px;
    }
    .accordion-header{
        padding: 20px 40px 20px 20px;
    }
    .advantages {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    .middle_front_page .price_box {
        margin-top: -70px;
    }
    .advantages div{
        padding-top: 40px;
    }
    .map_front_page .map_main_size{
        height: 400px;
    }
}

/* =========================================
                ARCHIVE
   ========================================= */
.checkbox-green {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
    width: 100%;
}
.checkbox-green .checkbox-green-switch {
    display: inline-block;
    height: 36px;
    width: 319px;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    border-radius: 25px;
    background: var(--border-gray);
    transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green .checkbox-green-switch:before, 
.checkbox-green .checkbox-green-switch:after {
    width: calc(50% - 1px);
    height: 36px;
    padding: 5px;
    border-radius: 25px;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
}
.checkbox-green .checkbox-green-switch:before {
    content: attr(data-label-on);
    left: calc(50% + 1px);
}
.checkbox-green .checkbox-green-switch:after {
    content: attr(data-label-off);
    border: 1px solid var(--orange);
    background: white;
    z-index: 5;
    color: var(--orange);
    transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
}
.checkbox-green input[type="checkbox"] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:before {
    content: attr(data-label-off);
    left: 0;
}
.checkbox-green input[type="checkbox"]:checked + .checkbox-green-switch:after {
    content: attr(data-label-on);
    transform: translateX(100%);
    border-radius: 25px;
}
.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover {
    cursor: pointer;
}
.checkbox-green input[type="checkbox"]:not(:disabled) + .checkbox-green-switch:hover:before {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.checkbox-green input[type=checkbox]:disabled + .checkbox-green-switch {
    opacity: 0.6;   
    filter: grayscale(50%);
}
.checkbox-green.focused .checkbox-green-switch:before {
    box-shadow: inset 0px 0px 4px #ff5623;
}

@media (max-width: 767px) {
    .checkbox-green .checkbox-green-switch {
        width: 100%;
    }

    .checkbox-green .checkbox-green-switch:before,
    .checkbox-green .checkbox-green-switch:after {
        width: 50%;
    }

    .checkbox-green .checkbox-green-switch:before {
        left: 50%;
    }
}
/* КОНЕЦ ПЕРЕКЛЮЧАТЕЛЯ */
.info_about_reception_points{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
}
.info_about_reception_points .h2{
    font-size: 1.3em;
}
.info_about_reception_points .h3{
    font-size: 1em;
}
.address_item{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 30px;
    margin-top: 20px;
}
.address_item span{
    display: inline-block;
    font-weight: bold;
    margin-bottom: 15px;
}
.filter{
    background-color: var(--border-gray);
    border-radius: 25px;
    padding: 30px 20px;
}
.filter_content{
    display: grid;
    gap: 20px;
}
.filter_content input{
    margin: 0px;
    outline: 1px solid var(--orange);
}
.filter_content h3{
    margin-bottom: 10px;
}
.vidget_buttons{
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}
.vidget_buttons .btn{
    width: 100%;
    margin-top: 15px;
}
.reset_btn{
    width: 100%;
    margin-top: 15px;
}
.custom_checkbox+label{
    display: inline-flex;
    align-items: center;
    user-select: none;
}

/* =========================================
              CUSTOM INPUTS
   ========================================= */
   input[type=checkbox],
   input[type=radio]{
     position: absolute; /* Сделаем их абсолютно позиционированными */
     opacity: 0; /* Полностью прозрачными */
     width: 0; /* Убираем их размер */
     height: 0; /* Убираем их размер */
     margin: 0; /* Убираем маржины */
     padding: 0; /* Убираем отступы */
   }
   
   input[type=checkbox] + label,
   input[type=radio] + label {
     position: relative;
     padding-left: 30px; /* Отступ для кастомного элемента */
     cursor: pointer;
     margin-top: 10px;
   }
   
   input[type=checkbox] + label:before,
   input[type=radio] + label:before {
     content: '';
     display: inline-block;
     width: 18px;
     height: 18px;
     border-radius: 3px; /* Для чекбокса */
     border: 1px solid var(--orange);
     background-color: var(--white);
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
   }
   
   input[type=checkbox]:checked + label:before {
     border-color: var(--orange);
     background-color: var(--orange);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 50% 50%;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='141414' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
   }
   
   input[type=radio] + label:before {
     border-radius: 50%; /* Для радиокнопки */
   }
   
   input[type=radio]:checked + label:before {
     border: 6px solid var(--orange);
     width: 18px;
     height: 18px;
     background: var(--white);
   }

/* =========================================
                ARCHIVE-PRODUCT
   ========================================= */
.catalog.has-filter {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 15px;
}
.woocommerce ul.products li.product .price del {
    opacity: .7 !important;
    color: red !important;
}
.irs--round .irs-bar, .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: var(--orange) !important;
}
.irs--round .irs-handle {
    border: 4px solid var(--orange) !important;
}
.irs--round .irs-from:before, .irs--round .irs-to:before{
    border-top-color: var(--orange) !important;
}

@media (max-width: 768px) {
    .catalog {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
    }
    .catalog ul{
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important;
    }
    ul.products::before {
        content: none !important;
        display: table;
    }
}

/* =========================================
                CONTENT-PRODUCT
   ========================================= */
.unit_of_product{
    border-radius: 10px;
    border: 1px solid var(--border-gray);
    padding: 10px !important;
}
.unit_of_product img{
    border-radius: 10px;
}
.unit_of_product .price{
    color: green !important;
    font-size: 1em !important;
}

/* =========================================
                CONTENT-SINGLE-PRODUCT
   ========================================= */
.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 20px 20px 20px 0px;
}
.woocommerce div.product div.images img {
    border-radius: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    border-radius: 10px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: green;
    font-size: 2em;
}
.woocommerce div.product p.price del{
    color: red !important;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    content: none !important;
    display: table;
}
.woocommerce ul.products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 25px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 100% !important;
}
/* .woocommerce-product-gallery__image {
    aspect-ratio: 1;
}
img.wp-post-image {
    height: 100% !important;
    object-fit: fill;
} */

/* =========================================
                HUSKY-FILTER
   ========================================= */
.woof_sid_auto_shortcode.woof {
    padding: 0; 
}
.woof_sid_auto_shortcode {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    clear: none;
}
ul.woof_list li {
    margin: 0;
}
.woof_sid_auto_shortcode .woof_container_inner {
    padding-left: 0;
}
.woof_checkbox_label {
    margin-left: 0 !important;
}
.woof_products_top_panel{
    display: none !important;
}
.woof_sid_auto_shortcode .woof_container, .woof_sid_auto_shortcode .woof_container_mselect {
    max-height: none !important;
}
.woof_submit_search_form_container button.button{
    color: #000 !important;
    background-color: var(--orange) !important;
    border: 1px solid var(--orange) !important;
    border-radius: 25px !important;
    line-height: inherit !important;
    padding: 12px 32px !important;
    display: inline-block !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all .2s ease-in-out !important;
    font-weight: normal !important;
    font-size: 0;
}
.woof_submit_search_form_container button.button::after{
    content: 'Очистить фильтр';
    font-size: 14px;
}
.woof_submit_search_form_container button.button:hover{
    color: #fff !important;
}

/* =========================================
                SHOPPING CART
   ========================================= */
   .dropdown-back {
    position: relative;
    display: inline-block;
    color: #333;
    text-decoration: none;
}
.dropdown-back .fa-shopping-cart {
    font-size: 24px;
}
.basket-item-count {
    position: absolute;
    top: -10px;
    right: -10px;
    background: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
}
.dropdown-menu-mini-cart {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    min-width: 250px;
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
}
.dropdown-back:hover .dropdown-menu-mini-cart {
    display: block !important;
}
.woocommerce-mini-cart.cart_list.product_list_widget {
    display: grid;
    grid-template-columns: 50px 1fr 100px;
    gap: 10px;
    align-items: center;
}
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item {
    display: contents;
    border-bottom: 1px solid #eee !important;
    padding: 10px 0;
}
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item a {
    text-decoration: none !important;
    color: #333 !important;
    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 10px;
}
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item img {
    max-width: 50px;
    width: 100%;
    height: auto;
    object-fit: cover
}
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item .quantity,
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item .woocommerce-Price-amount {
    white-space: nowrap;
}
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item .remove {
    color: #e74c3c !important;
    text-decoration: none !important;
    font-size: 18px !important;
    transition: color 0.3s ease !important;
}
.woocommerce-mini-cart.cart_list.product_list_widget .woocommerce-mini-cart-item.mini_cart_item .remove:hover {
    color: #c0392b !important;
}
.woocommerce-mini-cart__total.total {
    padding: 10px 0;
    font-size: 16px;
    border-top: 1px solid #eee !important;
}
.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}
.woocommerce-mini-cart__buttons.buttons .button {
    background-color: #0073aa !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    transition: background-color 0.3s ease !important;
}
.woocommerce-mini-cart__buttons.buttons .button:hover {
    background-color: #005b88 !important;
}
.woocommerce-page ul.cart_list li::before, .woocommerce-page ul.product_list_widget li::before {
    content: none !important;
    display: table;
}
.woocommerce-page ul.cart_list li::after, .woocommerce-page ul.product_list_widget li::after {
    content: none !important; 
}

/* =========================================
                NON_GRID
   ========================================= */
.non_grid {
    display: block;
}

/* =========================================
                ARCHIVE-VACANCY
   ========================================= */
.vacancies_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.vacancy_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: var(--border-gray);
    padding: 20px;
    border-radius: 25px;
    position: relative;
}
.title_and_salary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.vacancy_image {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}
.vacancy_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}
.main_info_vacancies {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.link_to_vacancy {
    margin-top: auto;
}
.link_to_vacancy .btn {
    width: 100%;
}
.vacancy_item:hover {
    background-color: var(--orange);
}
.vacancy_item:hover .h3,
.vacancy_item:hover p {
    color: #fff;
}
.vacancy_item:hover .link_to_vacancy .btn {
    border: 1px solid #fff;
    color: #fff;
    background-color: var(--orange);
}

@media (max-width: 768px) {
    .vacancies_list {
        grid-template-columns: 1fr;
    }
}

/* =========================================
                SINGLE-VACANCY
   ========================================= */
.info_about_vacancy {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
.info_about_vacancy .btn.custom {
    width: 100%;
}
.vacancy_btn_and_photo {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner_vacanies {
    background-color: var(--orange);
    padding: 20px 70px;
    border-radius: 25px;
}
.banner_vacanies span {
    font-size: 2.5em;
    color: #fff;
}
.banner_vacanies .buttons_single_vacanies {
    margin-top: 15px;
}
.banner_vacanies .btn {
    background-color: #fff;
    color: var(--orange);
}
.banner_vacanies .btn:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: var(--orange);
}
/* modal */
.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 15px 30px;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 80%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* contact-form */
.grid_form{
    display: grid;
    gap: 25px;
}
.file_upload {
    display: flex;
    align-items: center;
}
.file_label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.icon-attachment{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-image: url(./images/icon_attachment.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.file_label .icon-attachment {
    margin-right: 8px;
    font-size: 18px;
}

.hidden-input {
    display: none;
}

@media (max-width: 768px) {
    .info_about_vacancy {
        display: flex;
        flex-direction: column;
    }
    .vacancy_btn_and_photo {
        flex-direction: column-reverse;
    }
    .info_about_vacancy .vacancy_btn_and_photo {
        order: -1;
        margin-bottom: 20px;
    }
    .vacancy_btn_and_photo .photo_point {
        display: none;
    }
    .vacancy_btn_and_photo .btn.custom {
        width: 100%;
    }
    .banner_vacanies {
        padding: 20px;
        text-align: center;
    }
    .banner_vacanies span {
        font-size: 1.5em;
    }
    .banner_vacanies .buttons_single_vacanies {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .banner_vacanies .btn {
        width: 100%;
    }
    .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 15px;
        margin: 0;
    }
}