@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
* {
    font-family: 'Open Sans', sans-serif;
}

.count {
    width: 15px;
    height: 15px;
    background-color: green;
    border-radius: 4px;
    color: white;
    padding: 2px;
}



/* FORM */

input,
select,
textarea {
    padding: 5px 9px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #444;
    border: solid 1px #777;
    border-radius: 8px;
}

textarea {
    width: 100%;
    min-height: 60px;
}

label:hover {
    cursor: pointer;
    color: #444;
}

input[type=checkbox],
input[type=radio] {
    width: auto;
    padding: 10px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    outline: none;
}

textarea {
    word-wrap: break-word;
    resize: vertical;
}

button {
    cursor: pointer;
    border: none;
}

.button {
    display: inline-block;
    padding: 8px 14px;
    font-weight: bold;
    text-decoration: none!important;
    color: #2F2B29;
    background-color: #ffea00;
}

.button:hover {
    background-color: #FEDD00;
}


/* MODAL  POPUP */


.modal_div form textarea {
    border-radius: 20px;
}


/*  ALL  */

#preloader {
    display: none;
}

#page_up {
    display: none;
    position: fixed;
    z-index: 1;
    left: 10px;
    bottom: 105px;
    padding: 5px 10px;
    background-color: #ffea00;
    color: #000;
    text-decoration: none;
    font-size: 12px;
}

.close {
    display: block;
    float: right;
    margin-top: -15px;
    text-decoration: none!important;
    font-size: 55px;
    color: #999;
}


/*  PAGE  */

.page_content {margin:0 15px; }

#page {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}



#header {
    z-index: 999;
    width: 100%;
    background-color: #FFF;
}

#header .page_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}



#menu_top .logo,
#menu_top .logo img {
    min-width: 250px;
    flex-grow: 0;
    margin-right: 10px;
    margin-left: -3px;
}








#open_menu img {
    width: 45px;
    background-color: #ffea00;
    border-radius: 5px;
}


#menu_top .menu>li:hover {
    border-bottom: 2px solid transparent;
}


#menu_top .menu>li:hover {
    border-bottom: 2px solid #ffea00;
}

.on>ul>li>a{
    border-bottom: 2px solid transparent;
   

}

.on>ul>li>a:hover{
    border-bottom: 2px solid #ffea00;
    


}




#menu_top .menu li a {
    display: block;
    height: 100%;
    padding: 5px;
    color: #212529;
    text-decoration: none;
}

#menu_top .menu>li {
    position: relative;
    border-bottom: 2px solid transparent;
}

#menu_top .menu>li>a {
    font-weight: bold;
}

#menu_top .menu>li sup {
    position: absolute;
    margin: -7px 0 0 0;
    color: #0f640f;
    font-weight: normal;
	font-size:9px;
}

#menu_top .menu>li ul {
    display: none;
    width: 255px;
    text-align: left;
}


#menu_top .menu>li.on {
    border-bottom: 2px solid #ffea00;
}


#menu_top .phone {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #212529;
}

#menu_top .ai {
  color: white;
  text-decoration: none;
}
#menu_top .ai span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
  padding:0px;
  border-radius: 50%;
  background: linear-gradient(135deg, #9c27b0, #673ab7);
  font-weight: bold;
  font-family: Arial, sans-serif;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s, box-shadow 0.3s;
}

#menu_top .ai span:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.delivery {
    border-right: 2px solid silver;
    border-left: 2px solid silver;
    height: 25px;
}

.calc {
    border-right: 2px solid silver;
    height: 25px;
}

#menu_top .delivery img {
    width: 30px;
}

#menu_top .calc img {
    width: 25px;
}

#menu_top .auth {flex-grow:0; padding-left:20px; }
#menu_top .auth .login {margin-left:10px; }
#menu_top .auth .user {border-radius:10px;
    position: relative;
    height: 100%;
    padding: 7px 10px;
    text-align: left;
    background-color: #ffea00;
}


#menu_top .auth .user:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 10px;
    top: 22px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #555;
}




#form_filter .inputs {background-color: #f1f1f1; }

#form_filter .inputs li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

#form_filter .tabs>li {
    flex-grow: 1;
    border-right: #999 1px solid;
}

#form_filter .tabs>li.on:first-child {border-top-left-radius:10px; }
#form_filter .tabs>li.on:last-child {border-top-right-radius:10px; }

#form_filter .tabs > li a {
    display: block;
    height:100%;    
    font-weight: bold;
    font-size: 12px;
    color: #212529;
    text-decoration: none;
}

#form_filter .tabs > li ul {
    background-color:#d9d8d8;
}

#form_filter .tabs>li:last-child ul {
    right: 0;
}


#form_filter .tabs>li.on {
    background-color: #cacaca;
}

#form_filter .tabs .arrow:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 5px;
    top: 16px;
   
}


#form_filter .inputs li > .arrow {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    background-image: url("/img/downarrow.svg");
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: center;
}

#form_filter .inputs li > .arrow:before {
    content: '';
	border:none;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 11.5px;
    top: 12px;
}

#form_filter .inputs input[name=model],
#form_filter .inputs input[name=gost2],
#form_filter .inputs input[name=city],
#form_filter .inputs input[name=category],
#form_filter .inputs input[name=type_metall],
#form_filter .inputs input[name=type_name] {
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
}

#form_filter .inputs li > .arrow {
    border: 1px solid #777;
    border-left: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}



#form_filter .list {
    position: absolute;
    z-index: 3;
    top: 35px;
    left: 8px;
    width: 100%;
    background-color: #FFF;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: -2px 3px 27px -3px rgba(0, 0, 0, 0.69);
}

.list label {
    padding: 0.3rem;
    width: 250px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

#form_filter .inputs label input {
    margin-right: 3px;
}

#form_filter .inputs .type_radio,
#form_filter .inputs label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

#form_filter .inputs .type_radio label {
    padding-left: 5px;
}

#form_filter .inputs .button {
    position: relative;
    height: 30px;
    min-width: 35px;
    margin-right: 3px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    border-radius: 8px;
}



#form_filter .inputs .button img {
    position: absolute;
    left: 5px;
    width: 20px;
}



/*  OPEN MENU  */

.open_menu #menu_top .all .phone {margin-bottom:20px; }

.open_menu #menu_top .all>* {
    flex-grow: 0;
}

.open_menu #menu_top .all .close {
    display: block;
    flex-grow: 1;
    text-align: right;
}

.open_menu #menu_top .all .phone {
    order: 1;
    width: 100%;
}

.open_menu #menu_top .all .menu {
    order: 2;
    width: 100%;
}

.open_menu #menu_top .all .auth {
    order: 3;
    width: 100%;
}

.open_menu #menu_top .all .info {
    order: 4;
    width: 100%;
}

.open_menu #menu_top .all .delivery {
    order: 5;
    width: 50%;
}

.open_menu #menu_top .all .calc {
    order: 6;
    width: 50%;
}

.open_menu #menu_top .all .menu {
    flex-direction: column;
}


/*  OPEN FILTER  */

.open_filter #select_name {
    display: block;
    margin: 10px 0 20px 0;
	font-size:24px;
}

.open_filter #form_filter .close {
    display: block;
    text-align: right;
}


.open_filter #form_filter .tabs,
.open_filter #form_filter .inputs ul {
    flex-direction: column;
}

.open_filter #form_filter .inputs {
    display: flex;
}

.open_filter #form_filter input[name=size] {
    width: 40%;
}

.open_filter #form_filter input[name=size_to] {
    width: 40%;
}


/*  CONTENT  */

#content {
    flex-grow: 1;
    padding: 0;
}

#content p {
    text-align: left;
    padding: 0 0 15px 0;
    -webkit-user-select: none;
}





.table_results .row li a:hover {
    text-decoration: underline;
}



.table_results .row:nth-child(even) {
    background-color: #f8f8f8;
}


@media (min-width:600px){
	
.table_results .row:hover:not(.title) {
    background-color: rgb(218, 218, 218);
}

.table_results .row li .hide {border-radius:5px; box-shadow:0 4px 20px rgb(0 0 0 / 10%); }
}

/*  FOOTER  */

#footer {
    width: 100%;
    padding: 30px 20px;
    text-align: center;
}

#footer .content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

#footer .menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

#footer .menu li a {
    display: block;
    padding: 15px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#footer .menu li a:hover {
    text-decoration: underline;
}

#form_filter .inputs li > .arrow ul {
    position: relative;
    background-color: #CACACA !important;
}


#form_filter .inputs li > .arrow ul li {
    text-align: center;
}



/*
@media screen and (max-width: 1023px){
.open_menu #menu_top .all .delivery,
.open_menu #menu_top .all .calc {display:none; }


#form_filter .tabs,
#form_filter .tabs ul {background-color: #5c5c5c!important; }
#form_filter .tabs li.on {background-color: #ffea00!important; }
#form_filter .tabs > li a {font-size:17px; }
.table_results .row li a.show {text-decoration:underline; }
}
*/



#form_filter .tabs {background-color:#5c5c5c; }
#form_filter .tabs > li > a {color:#FFF; }
#form_filter .tabs > li.on {background-color:#f1f1f1; }
#form_filter .tabs > li.on a,
#form_filter .tabs > li:hover > a {color:#333; }
.table_results .title {background-color:#b0b0b0; color:#333; font-weight:bold; }
#form_filter .tabs .arrow:after {border-top: 6px solid #fff; }


.heart {
    position:relative; margin-right:10px;
	display:block;
    width: 10px;
    height: 17px;
    background-color: rgb(49, 49, 49);
    opacity: 0.4;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
    /*transition: 0.3s ease;*/
}
.heart:before {
    position: absolute;
    width: 17px;
    height: 10px;
    left: 0;
    bottom: 0;
    content: "";
    background-color: rgb(49, 49, 49);
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 0 50px 50px 0;
}
.heart_red, .heart_red:before {background-color:#900; }

.wish_list {padding-left:14px!important; 
	background-color:transparent;
    border: 1px solid #333;
    transition: all 0.2s ease;
}
.wish_list:hover {
	background-color:#FEDD00;
    border:1px solid transparent;
    transition: all 0.2s ease;
}
.wish_list input {display:none; }
.wish_list input:checked + span, .wish_list input:checked + span:before {background-color:#900; }

#table_more {padding:15px 25px; border-radius:20px; }
.no_results {display:block; padding:30px; font-size:18px; font-weight:bold; }
.no_results:after {content:''; display:block; height:150px; background-image:url('https://static.thenounproject.com/png/329778-200.png'); background-repeat:no-repeat; background-position:center; opacity:0.3; }

.dop_results {display:block; padding:5px 10px; font-size:16px; background-color:#b0b0b0; }

#tender_page {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:stretch;
}
#tender_page > div {width:50%; min-width:400px; padding:0 20px; text-align:left; }
#tender_page strong {display:block; margin-top:15px; }

.html {background-color:#229954; display:inline-block; padding:3px 7px; border-radius:2px; color:#fff; }
.pdf {background-color: #D6474E; display:inline-block; padding:3px 7px; border-radius:2px; color:#fff;}



/*
#form_filter .tabs { 
    background-color: #f1f1f1!important; 
}
#form_filter .tabs a { 
    color: #333!important; 
}



#form_filter .tabs > li.on {
    background-color: #5c5c5c!important;
}
#form_filter .tabs > li.on a {
    color:#FFF;  
}
#form_filter .inputs {
    background-color: #5c5c5c!important; 
}


#form_filter input[type=text] {
letter-spacing: -0.1em
}
*/




/*
#form_filter .tabs li ul {border-right:7px #ffea00 solid; }

#form_filter .tabs li ul {
	scrollbar-color: blue orange!important;
	background-color:#F96!important;
}

#form_filter .tabs > li ul::-webkit-scrollbar-track,
#form_filter .tabs > li ul::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}*/





#form_filter .tabs li ul:hover{
  overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
#form_filter .tabs li ul::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 15px;
	background-color: rgba(255, 234, 0, 0.5);
}
#form_filter .tabs li ul::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(255, 140, 0, 0.5);
}



.select_metall_tabs {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    align-content:stretch;
}
.select_metall_tabs li {width:250px; }
.select_metall_tabs li a {display:block; padding:20px; text-decoration:none; color:#333; }
.select_metall_tabs li a:hover {color:#55acee; }
.select_metall_tabs li span {display:block; margin:auto auto 10px auto; width:100px; height:100px; background-color:#999; overflow:hidden; border-radius:100px; }
.select_metall_tabs li span img {height:100%; }
.select_metall_tabs li.small {width:100%; padding-top:30px; }
.select_metall_tabs li.small ul { text-align:center; 
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    align-content:stretch;
}
.select_metall_tabs li.small li {width:150px; }
.select_metall_tabs li.small a {font-size:12px; padding:10px; }


@media (max-width:1000px){
.select_metall_tabs li {width:33.33%; }
.select_metall_tabs li span {margin:auto; width:80px; height:80px; border-radius:1px; }
}




.improve_search {margin:30px 0 10px 0; padding:15px; text-align:center; background-color:#FFEA00; }
.improve_search a {color:#000; }


.supplier_page .gallery { margin:10px 0; 
	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:stretch;
    align-content:stretch;}
.supplier_page .gallery a {margin-right:10px; }
.supplier_info {word-wrap:break-word; }