@charset "utf-8";
* {margin:0; padding:0; box-sizing:border-box; }
*:focus {outline:none; }
::selection {color:#fff;background:#999; }
::-moz-selection {color:#fff;background:#999;}
html {height:100%; overflow-y:scroll; }
body {height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; color:#212529; }
table {border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:130%; }

h1 {display:block; line-height:normal; font-size:40px; margin:20px 0 20px 0; font-weight:normal; }
h2 {display:block; line-height:normal; font-size:21px; margin:0 0 15px 0; }
h3 {display:block; line-height:normal; font-size:17px; margin:0 0 10px 0; }

a {color:#55acee; text-decoration:underline; }
a:hover {text-decoration:underline; }
.a {text-decoration:none!important; border-bottom:#55acee 1px dotted; padding-bottom:0px!important; }
.a:hover {text-decoration:none!important; border-bottom:#55acee 1px dotted; }

ul, ol {list-style:none; margin:0; padding:0; }
ul li, ol li {margin:0; padding:0; }
img {max-width:100%; height:auto; -webkit-user-select:none; }

::-webkit-input-placeholder	{font-weight:normal; color:#999; }
::-moz-placeholder			{font-weight:normal; color:#999; }
:-moz-placeholder			{font-weight:normal; color:#999; }
:-ms-input-placeholder		{font-weight:normal; color:#999; }
option:disabled		{font-weight:normal!important; color:#999!important; }

#page_info {display:none; }

#o {display:inline-block; padding:5px; font-weight:normal; color:green; }
#u {display:inline-block; padding:5px; font-weight:normal; color:red; }

.hide {display:none; }
.left {float:left; }
.right {float:right; }
.center {margin:auto; text-align:center; }
.clear {clear:both; }
.clear:before, .clear:after {content:' '; display:table; } 
.clear:after {clear:both; }
.break_word {overflow-wrap:break-word; word-wrap:break-word; word-break:break-all; }


/* FORM */
input, select, textarea {padding:5px 9px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#444; border:solid 1px #ccc; }
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; cursor:pointer; }
.button:hover {background-color:#FEDD00; }

/* MODAL  POPUP */
.modal_div {display:none; }
.modal_div:target {position:fixed; z-index:999999999; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.3);     
	display:flex; 	
	flex-direction:row; 
	flex-wrap:wrap;
	justify-content:center; 	
	align-items:center;	
	align-content:stretch;	
}
.modal_div .win {min-width:555px; max-height:90%; padding:40px; margin-bottom:11%; margin-top:30px; overflow:auto; text-align:left; background-color:#FFF; }
.modal_div big {display:block; padding:0 0 20px 0; font-size:33px; }
.modal_div .info {margin-bottom:20px; }
.modal_div form {
	display:flex; 	
	flex-direction:column; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:stretch;	
	align-content:stretch;	
}
.modal_div form > div {flex-grow:1; padding:10px 0;          /*outline:#ccc 1px solid;*/ } 
.modal_div form input:not([type=checkbox]) {width:100%; }
.modal_div form textarea {min-height:111px; }

/*  ALL  */
#preloader {display:none; position:fixed; top:0; left:0; z-index:100000; width:100%; height:100%; background:rgba(0,0,0,0.2); }
#preloader img {position:absolute; top:50%; left:50%; }
#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; }
#open_calc {position:fixed; z-index:999; left:10px; bottom:10px; padding:5px; border-radius:5px; background-color:#ffea00; }
.close {display:block; float:right; margin-top:-15px; text-decoration:none!important; font-size:55px; color:#999; }
.show_pass_div {position:relative; }
.show_pass {position:absolute; margin:40px 0 0 322px; }
.cookie_div {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:center; 	
	align-items:flex-end;	
	align-content:stretch;	
}
.cookie_div a {padding:0!important; margin:0 0 0 50px; }
slash {display:inline; height:14px; margin:0 1px 0 2px; border-left:#666 1px solid; transform:rotate(15deg); }

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

.page_content {/*max-width:1600px; */margin:auto; }

#header_fixed {min-height:200px; border-bottom:#333 1px dotted; } /* desctop, высота шапки по-умолчанию */
#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;	
}
#header .page_content > .line {width:100%; border-bottom:1px solid #B5B5B5; }

#menu_top,
#menu_top .all {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:center;	
	align-content:stretch;	
}
#menu_top * {flex-grow:1; }
#menu_top .logo, #menu_top .logo img {min-width:250px; flex-grow:0; }
#menu_top .close, #open_menu, #open_menu_login, #smart_menu {display:none; }
#open_menu img, #open_menu_login img {width:45px; }
#menu_top .menu {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:center;	
	align-content:stretch;	
}
#menu_top .menu a {display:block; height:100%; padding:5px; color:#212529; text-decoration:none; }
#menu_top .menu > li {position:relative; }
#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; }
#menu_top .menu > li ul {display:none; width:255px; text-align:left; }
#menu_top .menu > li:hover ul {display:block; position:absolute; z-index:1; padding:10px; background-color:#F6F6F6; }
#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 .delivery img {width:28px; }
#menu_top .calc img {width:17px; }
#menu_top .auth .user {position:relative; height:100%; padding:7px 10px; text-align:left; background-color:#ffea00; }
#menu_top .auth .user strong {display:block; }
#menu_top .auth .user:hover ul {display:block; position:absolute; z-index:3; right:0; margin-top:7px; padding:10px; text-align:left; background-color:#F6F6F6; }
#menu_top .auth .user:hover ul li {display:block; }
#menu_top .auth .user:hover ul li a {display:block; padding:5px; color:#212529; }
#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 {
	display:flex; 	
	flex-direction:column; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:stretch;	
	align-content:stretch;	
}

#form_filter .tabs {background-color:#c9c9c9;
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:stretch;	
	align-content:stretch;	
}

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

#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; position:relative; border-right:#7b7b7b 1px solid; }
#form_filter .tabs > li a {display:block; height:100%; padding:10px 0; font-weight:bold; font-size:12px; color:#212529; text-decoration:none; }
#form_filter .tabs > li ul {display:none; position:absolute; z-index:9; width:222px; max-height:318px; overflow:auto; text-align:left; background-color:#FFF; }
#form_filter .tabs > li ul a {padding:10px; }
#form_filter .tabs > li:last-child ul {right:0; }
#form_filter .tabs li:hover {background-color:#d9d8d8; }
#form_filter .tabs > li:hover ul {display:block; }
#form_filter .tabs > li.on {background-color:#f1f1f1; }
#form_filter .tabs .arrow:after {content:''; position:absolute; display:block; width:0; height:0; right:5px; top:13px;
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:6px solid #555;
}


#form_filter .inputs {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:center;	
	align-content:stretch;		
}
#form_filter .inputs > ul {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:flex-start; 	
	align-items:center;	
	align-content:stretch;
}
#form_filter .inputs > ul:nth-child(2) {flex-grow:1; }
#form_filter .inputs ul li {flex-grow:1; position:relative; padding:5px;                     /*outline:#ccc 1px solid;*/ }
#form_filter .inputs ul li.hide {display:none; }
#form_filter .inputs li > .arrow {display:block; width:30px; height:30px; background-color:#dbdbdb; cursor:pointer; position:relative; }
#form_filter .inputs li > .arrow:before {content:''; position:absolute; display:block; width:0; height:0; right:11.5px; top:12px;
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:6px solid #555;
}
#form_filter .list {position:absolute; z-index:3; top:35px; left:15px; width:200px; max-height:300px; padding:10px; background-color:#FFF; overflow:auto; }
#form_filter .list label {display:block; padding:3px; text-align:left; }
#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:stretch;	
	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;	
}
#form_filter .inputs button[type=submit] {padding-left:25px; }
#form_filter .inputs .button img {position:absolute; left:5px; }
#form_filter select {height:30px; }
#form_filter input {font-weight:bold; }
#form_filter .inputs ul li.size,
#form_filter .inputs ul li.size_to,
#form_filter .inputs ul li.du,
#form_filter .inputs ul li.du_2,
#form_filter .inputs ul li.pn {max-width:100px; flex-grow:0; }
#form_filter input[type=text] {min-width:55px; width:100%; height:30px; }
#form_filter input[name=size] {min-width:75px; }
#form_filter input[name=size_to] {min-width:95px; }
#form_filter input[name=model] {min-width:53px; }
#form_filter input[name=gost] {min-width:122px; }
#form_filter input[name=info] {min-width:57px; }
#form_filter input[name=supplier] {min-width:100px; }
#form_filter input[name=city] {min-width:50px; }
#form_filter input[name=width] {min-width:80px; }
#form_filter input[name=width_to] {min-width:100px; }
#form_filter input[name=length] {min-width:66px; }
#form_filter input[name=length_to] {min-width:80px; }
#form_filter input[name=thickness] {min-width:83px; }
#form_filter input[name=thickness_to] {min-width:105px; }
#form_filter input[name=thickness_wall] {min-width:133px; }
#form_filter input[name=thickness_wall_to] {min-width:152px; }
#form_filter input[name=diametr] {min-width:80px; }
#form_filter input[name=diametr_to] {min-width:99px; }





#form_filter .hide {display:none; }


#open_filter, 
#select_name,
#form_filter .close {display:none; }


.tree_list .line {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:center; 	
	align-items:stretch;	
	align-content:stretch;	
}
.tree_list .arrow {min-width:11px; min-height:11px; margin-top:5px; cursor:pointer; background-image:url('/img/icons/angle-arrow-down.svg'); background-repeat:no-repeat; background-size:contain; transform:rotate(270deg); transition:0.3s ease; }
.tree_list .on {transform:rotate(360deg); }
.tree_list .hide{margin-left:30px; }
.searching .hide {display:block; }
.searching .arrow {display:none; }
.arrow_hide {background-image:none!important; }

/*  OPEN MENU  */
.open_menu #menu_top .all {position:fixed; z-index:9; top:0; left:0; width:100%; height:100%; padding:20px; overflow:auto; background-color:#FFF; 
display:flex; 
flex-direction:row; 
flex-wrap:wrap;
align-items:center;	
align-content:flex-start;
}
.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; }
.open_filter #form_filter .close {display:block; text-align:right; }
.open_filter #form_filter {position:fixed; top:0; left:0; width:100%; height:100%; padding:20px; overflow:auto; background-color:#FFF; }

.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 .text {max-width:1000px; margin:auto; padding:0; text-align:left; }
#content .text h1 {display:block; margin:20px auto 0 auto; text-align:center; }
#content p {text-align:left; padding:0 0 15px 0; -webkit-user-select:none; }



/*  TABLE SEARCH  */
.table_results .row {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:center; 	
	align-items:stretch;	
	align-content:stretch;	
}

/*#table {display:table; }
#table ul {display:table-row; }
#table ul li {display:table-cell; border:#CCC 1px solid; }*/

.table_results .title {background-color:#000; color:#FFF; }
.table_results .title li,
.table_results .row li {flex-grow:1; padding:15px 5px; position:relative; font-size:12px; text-align:left; }
.table_results .title li {padding:5px; }
.table_results .row li t {display:none; }
.table_results .row li a {color:#212529; text-decoration:none; }
.table_results .row li a:hover {text-decoration:underline; }
.price_change {cursor:pointer; }
.price_none {color:#fff; }

.table_results .row:nth-child(even) {background-color:#f8f8f8; }
.table_results .row li {border-right:#CCC 1px solid; }
.table_results .row li:nth-child(1) {width:12%; min-width:120px; }
.table_results .row li:nth-child(2) {width:5%; min-width:70px; }
.table_results .row li:nth-child(3) {width:8%; min-width:80px; }
.table_results .row li:nth-child(4) {width:5%; min-width:70px; }
.table_results .row li:nth-child(5) {width:20%; min-width:180px; }
.table_results .row li:nth-child(6) {width:15%; min-width:130px; }
.table_results .row li:nth-child(7) {width:13%; min-width:100px; }
.table_results .row li:nth-child(8) {width:11%; min-width:120px; }
.table_results .row li:nth-child(9) {width:11%; min-width:100px; }
.table_results .row li.hide_info {width:50%; text-align:right; }
.table_results .row li.hide_info a {display:inline; }
.table_results .row li .hide {max-height:300px; overflow:auto; right:0; }
.table_results .viewed {background-color:#ecf8fd!important; }
.table_results .supplier_zam {position:static!important; }
.table_results .supplier_zam input {margin:0 0 0 5px; cursor:pointer; position:relative; height:22px; width:22px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; }
.table_results .supplier_zam input::before {content:''; position:absolute; top:50%; left:50%; width:22px; height:22px; border-radius:50%; transform:translate(-50%, -50%); background-color:white; border:2px solid #ccc; }
.table_results .supplier_zam input:nth-child(2)::before {border:2px solid #090; }
.table_results .supplier_zam input:nth-child(3)::before {border:2px solid #FC0; }
.table_results .supplier_zam input:nth-child(4)::before {border:2px solid #C00; }
	
.table_results .supplier_zam input:checked::after {content:''; position:absolute; top:50%; left:50%; width:15px; height:15px; border-radius:50%; background-color:#ccc; transform: translate(-50%, -50%); visibility:visible; }
.table_results .supplier_zam input:nth-child(2)::after {background-color:#090; }
.table_results .supplier_zam input:nth-child(3)::after {background-color:#FC0; }
.table_results .supplier_zam input:nth-child(4)::after {background-color:#C00; }
.supplier_zam_3 {border-bottom:#090 1px solid!important; text-decoration:none!important; }
.supplier_zam_2 {border-bottom:#FC0 1px solid!important; text-decoration:none!important; }
.supplier_zam_1 {border-bottom:#C00 1px solid!important; text-decoration:none!important; }

#table_more {margin:15px; display:none; }

#table_metall .row li:nth-child(6) a {text-decoration:underline; font-weight:bold; font-size:11px; }

.table_metalloobrabotka .row li {text-align:left; }
.table_metalloobrabotka .row li:nth-child(1) {order:2; width:20%; min-width:200px; }
.table_metalloobrabotka .row li:nth-child(2) {order:1; width:40px; min-width:40px; padding-left:10px; }
.table_metalloobrabotka .row li:nth-child(3) {order:3; width:25%; min-width:200px; }
.table_metalloobrabotka .row li:nth-child(4) {order:4; width:25%; min-width:200px; }
.table_metalloobrabotka .row li:nth-child(5) {order:5; width:10%; min-width:120px; }
.table_metalloobrabotka .row li:nth-child(6) {order:6; width:11%; min-width:100px; }
.table_metalloobrabotka .row li:nth-child(7) {order:7; width:5%; min-width:90px; }
.table_metalloobrabotka .row li:nth-child(4):hover div {left:30px; }

#table_orders2 ul {cursor:pointer; }
.table_orders2 .row li:nth-child(1) {order:2; width:10%; min-width:120px; }
.table_orders2 .row li:nth-child(2) {order:1; width:40px; min-width:40px; padding-left:10px; }
.table_orders2 .row li:nth-child(3) {order:3; width:10%; min-width:120px; }
.table_orders2 .row li:nth-child(4) {order:4; width:25%; min-width:200px; }
.table_orders2 .row li:nth-child(5) {order:5; width:45%; min-width:400px; }
.table_orders2 .row li:nth-child(6) {order:6; width:11%; min-width:100px; }

.table_tenders .row li:nth-child(1) {order:1; width:10%; min-width:130px; }
.table_tenders .row li:nth-child(2) {order:2; width:40px; min-width:40px; padding-left:10px; }
.table_tenders .row li:nth-child(3) {order:3; width:10%; min-width:120px; }
.table_tenders .row li:nth-child(4) {order:4; width:10%; min-width:150px; }
.table_tenders .row li:nth-child(5) {order:5; width:7%; min-width:100px; }
.table_tenders .row li:nth-child(6) {order:6; width:15%; min-width:200px; }
.table_tenders .row li:nth-child(7) {order:7; width:15%; min-width:190px; }
.table_tenders .row li:nth-child(8) {order:8; width:11%; min-width:100px; }
.table_tenders .row li:nth-child(9) {order:9; width:11%; min-width:100px; }

.table_debtors .row li:nth-child(1) {order:1; width:20%; min-width:200px; }
.table_debtors .row li:nth-child(2) {order:2; width:10%; min-width:100px; }
.table_debtors .row li:nth-child(3) {order:3; width:10%; min-width:100px; text-align:right; }
.table_debtors .row li:nth-child(4) {order:4; width:10%; min-width:155px; text-align:center; }
.table_debtors .row li:nth-child(5) {order:5; width:20%; min-width:200px; }
.table_debtors .row li:nth-child(6) {order:6; width:25%; min-width:250px; }




/*  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; }

.footer_info {padding:10px 15px; background-color:#FFC; }
.footer_info .button {margin-left:10px; background:#9589f8; color:#fff; }
#footer_info {position:fixed; z-index:3; left:0; bottom:0; width:100%; font-weight:bold; }


* {-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.print_text *,
#content .text *,
#table_metall .row li:nth-child(9),
#table_metall .row li:nth-child(9) *,
#table_metalloobrabotka .row li:nth-child(6),
#table_metalloobrabotka .row li:nth-child(6) * {-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
input, select, textarea, button, .button { 
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.reviews {
	display:flex; 	
	flex-direction:column; 
	flex-wrap:wrap;
	justify-content:center; 	
	align-items:center;	
	align-content:stretch;	
}
.reviews > div {max-width:600px; }
.reviews .title {
	display:flex; 	
	flex-direction:row; 
	flex-wrap:nowrap;
	justify-content:center; 	
	align-items:center;	
	align-content:stretch;	
}
.reviews .firma {padding-right:30px; font-weight:bold; }