/* ---------------------------------
          Header
---------------------------------- */

#mobile {
	margin:0;padding:0;
	display:none;
}
.head-before {
	background:#186bbb;
	color:#fff;
	padding:14px 20px;
	position:sticky;
	top:0;left:0;
	z-index:100;
}
#headlang {
	font-size:0;
}
.headinfo-box {
	display:flex;
	flex-wrap: wrap;
}
.headinfo-box a {
	color:#fff;
}
.headinfo-search .mls-form {
    margin:0;
}
.default-theme input.mls-query {
	border-radius:30px;
    color: #333;
	font-size:15px !important;
	font-family: "Montserrat-Regular", sans-serif;
}
.default-theme.green-skin input.mls-query:focus {
	color: #333;
}
.default-theme.green-skin .mls-results h3 {
    display:none;
}
.mls-results ul {
	padding:10px !important;
}
.mls-results ul li a {
	padding:5px 0;
	color: #333;
}
.mls-ul li span {
    font-size: 13px;
	line-height:130%;
}
.mls-parent {
	min-width:330px;
}
.headinfo-search .mls-item-title {
	font-weight:normal;
	font-family: "Montserrat-Regular", sans-serif;
	font-size: 17px;
	line-height:120%;
	color: #000;	
	margin-bottom:10px;
}
.headinfo-search button {
	border-radius:0 30px 30px 0;
	cursor:pointer;
	padding-right:15px !important;
	font-size:16px !important;
	text-transform:lowercase;
	font-family: "Montserrat-Regular", sans-serif;
}
.headinfo-search .default-theme.green-skin .mod-mls-btn {
	background:#67C15E;
}
.default-theme.green-skin .mls-results ul li a:hover,
.default-theme.green-skin .mls-results ul li a:focus,
.default-theme.green-skin .mls-results ul li.selected a {
	background: #186bbb;
	border-bottom: 1px solid #72894d;
	border-radius:3px;
}
.headinfo-order {
	margin:5px 20px 3px 30px;
}
.headinfo-order a {
	text-transform:lowercase;
	background:#67C15E;
	padding:8px 20px 9px;
	border-radius:30px;
}
.headinfo-order a:hover {
	background:#FF9D0F;
	color:#000;
}
.headinfo-links {
	display:flex;
	align-items:center;
}
.headinfo-links img {
	margin-bottom:-5px;
	margin-left:10px;
	border:1px solid #186bbb;
	border-radius:50%;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
.headinfo-links img:hover {
	border:1px solid #186bbb;
	box-shadow:0 0 5px 1px #fff;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
.headinfo-links a:last-child {
	margin-left:20px;
	font-family: "Montserrat-Bold", sans-serif;
	font-size:18px;
}
.headinfo-links a:last-child:hover {
	color:#FF9D0F;
}
header {
	background:#fff;
	padding:20px;
	position:relative;
}
.header-inner {
	max-width:1366px;
	margin:0 auto;
	align-items:center;
}
#head {
	width:calc(100%/100*30 - 20px);
}
#menu {
	width:calc(100%/100*70 - 20px);
}
@media screen and (max-width:1024px) {
	#head {width:100%;}
	#menu {width:100%;}
}
@media screen and (max-width:900px) {
	#mobile {display:block;}
	#headinfo {padding-right:75px;}
	.headinfo-order {display:none;}
	.headinfo-search {margin:0 15px 0 0;}
	.header-inner {flex-direction:column;padding:25px 0;}
}
@media screen and (max-width:768px) {
	.headinfo-links a:last-child {font-size:15px;}
	.headinfo-links img {width:24px;}
}
@media screen and (max-width:686px) {
	.head-before {position:relative;}
	.head-before-inner {flex-direction: column-reverse;}
	#headlang {display:block;width:100%;text-align:right;}
	#headinfo {padding-right:0;}
	.headinfo-box {position:relative;flex-direction:column-reverse;padding-bottom:25px;}
	.headinfo-search {position:absolute;top:50px;left:0;}
	.headinfo-links {margin-left:-10px;margin-top:5px;}
}
@media screen and (max-width:460px) {
	.mls-results-cont {width:315px;}
	.mls-parent {width:auto;}
	input.mls-query {width:65% !important;}
}
.moduletabletopsearch {display:none;}

/* ---------menu ---------- */

#menu ul {
	margin:0;padding:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
#menu li {
	margin:0;padding:0;
	list-style:none;
}
#menu ul > li > a {
	display:block;
	color:#666;
	padding:20px 10px;
	text-transform:uppercase;
	font-family: "Montserrat-Bold", sans-serif;
	font-size:14px;
}
#menu ul > li:last-child > a {
	padding-right:0;
}
#menu ul > li:hover > a,
#menu ul > li:focus > a {
	color: #186bbb;
}
#menu ul.menu > li.active > a {
	color: #186bbb;
}
#menu ul li ul,
#menu ul li:hover ul {
    position:absolute;
	left:-999em;
	z-index:9999;
    margin:0 0 0 20px;
	padding:40px 30px; 
	text-align:left;
    background:#186bbb;
	width:485px;
	border-radius:10px;
    display:block;
	border:2px solid #fff;
	background:#fff;
	box-shadow:0px 1px 4px 0 #b3b3b3;
	width:220px;
	border-radius:5px;
	padding:10px 5px; 
}
#menu ul li:hover > ul,
#menu ul li:focus > ul {
	left: auto;
}
#menu ul li ul li {
	margin:0;
	padding:0;
}
#menu ul > li > ul > li > a {
	display:block;
	color:#fff;
	text-transform:none;
	margin:1px 0;
	border-radius:5px;
	font-family: "Montserrat-Regular", sans-serif;
	padding:7px 15px;
	color:#000;
	font-size:14px;
}
#menu ul > li > ul > li > a:hover {
	color:#FFB64B;
	background:#186bbb;
	color:#fff;
}
#menu ul > li > ul > li.active > a {
	color:#fff;
	background:#186bbb;
}
#menu ul li:hover ul li ul {
	margin:-39px 0 0 200px;
	background:#186bbb;
	z-index:10000;
	width:180px;
	border:none;
	box-shadow:none;
}
#menu ul li:hover ul li ul a {
	color:#fff;
}
#menu ul li:hover ul li ul a:hover {
	color:#FFB64B;
}
#menu li a.not-menu-link {
	display:none;
}
@media screen and (max-width:1024px) {
	#menu ul {justify-content:flex-start;}
}
@media screen and (max-width:900px) {
	#menu {display:none;}
}

/* ---------------------------------
          Top
---------------------------------- */

#wrapper-top {
	padding:50px 20px;
	position:relative;
	background:url('/images/vem-metal.webp') left bottom no-repeat, #fff;
	background-size:cover;
}
#wrapper-top .top {
	text-align:right;
	color:#fff;
	padding:50px 0;
}
.top p {
	margin:20px 0 100px;
	padding-left:50%;
	font-size:18px;
}
.top a {
	display:inline-block;
	background:#67C15E;
	padding:15px 30px;
	border-radius:30px;
	color:#fff;
}
.top a:hover {
	background:#FF9D0F;
	color:#000;
}
.itemid-129 #wrapper-top-in {
	background:url('/images/stali-dlya-litya-plastmassy.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-132 #wrapper-top-in {
	background:url('/images/fons/bystrorezhushchie-i-poroshkovye-stali.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-131 #wrapper-top-in {
	background:url('/images/fons/stali-dlya-kholodnoj-shtampovki.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-130 #wrapper-top-in {
	background:url('/images/fons/stali-dlya-litya-alyuminiya-pod-davleniem-i-goryachej-shtampovki.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-127 #wrapper-top-in {
	background:url('/images/t_servis.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-133 #wrapper-top-in {
	background:url('/images/fons/komponenty.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-152 #wrapper-top-in, .itemid-154 #wrapper-top-in,
.itemid-155 #wrapper-top-in, .itemid-156 #wrapper-top-in,
.itemid-157 #wrapper-top-in, .itemid-158 #wrapper-top-in {
	background:url('/images/metalfon.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-152 #wrapper-top-in {
	background:url('/images/cat/nerzhaveyushchie-stali.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-154 #wrapper-top-in {
	background:url('/images/cat/austenit.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-155 #wrapper-top-in {
	background:url('/images/cat/ferrit.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-156 #wrapper-top-in {
	background:url('/images/cat/duplex.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-157 #wrapper-top-in {
	background:url('/images/cat/specsplav.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-158 #wrapper-top-in {
	background:url('/images/cat/martensit.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
.itemid-125 #wrapper-top-in {
	background:url('/images/cat/instrument.webp') center center no-repeat, #186bbb;
	background-size:cover;
}
#wrapper-top-in {
	padding:40px 20px;
	position:relative;
	margin-bottom:20px;
}
.full-page-head {
	color:#fff;
	padding:80px 0 0;
}
.full-page-head h1 {
	text-align:center;
	font-size:30px;
	margin-bottom:5px;
}
.full-page-head p {
	text-align:center;
}
.full-page-head ul {
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	font-size:13px;
	margin:20px 0 0 -10px;
}
.full-page-head li {
	margin-right:4px;
}
.full-page-head li span {
	margin:0 2px;
}
.full-page-head li a {
	color:#FF9D0F;
	display:inline-block;
}
.full-page-head li a:hover {
	text-decoration:underline;
}

@media screen and (max-width:768px) {
	#wrapper-top .top {text-align:left;}
	.top h1 {font-size:24px;}
	.top p {padding-left:0;}
	.full-page-head h1 {font-size:24px;}
	.full-page-head h1, .full-page-head p {text-align:left;}
}
@media screen and (max-width:480px) {
	.full-page-head li {display:block;width:100%;}
	.divider {display:none;}
}

/* ---------------------------------
          Landign
---------------------------------- */

.advantages {
	margin:80px 0 130px;
}
.advantages-item {
	text-align:center;
	width:calc(100% / 3 - 40px);
}
.advantages-item p {
	padding-top:30px;
	font-family: "Montserrat-Bold", sans-serif;
	color:#666;
}

.marks {
	background:url(!!!!'/images/fon-marks.webp') right 0 no-repeat, #fff;
	border-top:5px solid #67C15E;
	padding:20px;
}
.marks-head {
	margin-top:-46px;
}
.marks-head h2 {
	background:#fff;
	display:inline-block;
	padding:0 20px;
}
.marks-inner {
	padding:40px 0;
}
.marks-left {
	width:calc(100% / 5 * 2 - 20px);
	padding:40px 0 20px;
}
.marks-left p {
	margin-right:40px;
}
.marks-right {
	width:calc(100% / 5 * 3 - 20px);
}
.marks-item {
	background: rgb(24,107,187);border-radius:15px;
	width:calc(100% / 3 - 10px);
	margin:10px 0;
	color:#fff;
	padding:10px 20px 50px;
	text-align:center;
	font-size:14px;
}
.marks-item img {
	width:150px;
	display:block;
	margin:10px auto;
}
.marks-item b {
	font-size:17px;
	display:block;
	margin-bottom:10px;
}
.marks-item:hover {
	background:#67C15E;
	color:#fff;
}
.stages {
	background:#f6f6f6;
	margin:60px 0;
	color:#fff;
	padding:40px 20px;
	text-align:center;
	border:1px dashed #186bbb;
	color:#333;
}
.stages h2 {
	text-align:center;
	margin:60px 0 100px;
	display:block;
}
.stage {
	width:calc(100% / 6 - 20px);
	font-size:14px;
	padding:0 20px 120px;
	font-family: "Montserrat-Bold", sans-serif;
	color:#666;
}
.stage img {
	display:block;
	margin:0 auto 30px;
	width:100px;
}
.stages-link {
	display:block;
	margin-bottom:-52px;
}
.stages a {
	border-radius:30px;
	padding:20px 60px;
	text-transform:uppercase;
	background:#186bbb;
	color:#fff;
}
.stages a:hover {
	background:#67C15E;
}
.numbers {
	background:#186bbb;
	color:#fff;
	margin:50px 0 100px 0;
	padding:100px 20px;
}
.number {
	width:calc(100% / 3);
	text-align:center;
	border-right:1px dashed #ccc;
	padding:0 50px;
}
.number:last-child {
	border-right:none;
}
.number b {
	display:block;
	font-size:24px;
	margin-bottom:15px;
}
.marks-catalog2 .marks-item {
	background:#f6f6f6;
	border:1px solid #186bbb;
	color:#333;
	padding:10px 20px 50px;
	text-align:center;
	font-size:14px;
}
.marks-catalog2 .marks-item:hover {
	color:#186bbb;
	background:#fff;
	box-shadow:1px 2px 12px 0px rgb(102 102 102 / 42%);
	border:1px solid #ccc;
}

@media screen and (max-width:1024px) {
	.stage {width:calc(100% / 3 - 20px);}
	.number {padding:0 25px;}
	.number b {font-size:20px;}
}
@media screen and (max-width:768px) {
	.marks-item {width:calc(100% / 2 - 10px);}
	.number {width:100%;border:none;padding-bottom:50px;}
	.number:last-child {padding-bottom:0;}
}
@media screen and (max-width:600px) {
	.advantages-item {text-align:center;width:100%;margin-bottom:50px;}
	.stage {width:calc(100% / 2 - 20px);}
}
@media screen and (max-width:524px) {
	.marks-item {width:100%}
	.marks-head {margin-top:-42px;text-align:center}
	.marks-head h2 {font-size:24px;padding:0 10px;}
	.stages a {padding:20px 30px;}
}
@media screen and (max-width:420px) {
	.stage {width:100%;}
}


/* ---------------------------------
          Main
---------------------------------- */

#wrapper {
	background:#fff;
	padding:20px;
	position:relative;
}
.wrapper-inner {
	max-width:1366px;
	margin:0 auto;
}

#breadcrumbs {
	max-width:1366px;
	margin:0 auto 50px;
	border-top:2px solid #186bbb;
}
.breadcrumbs {
	display:block;
	padding:20px 0;
	color:#333;
	font-weight:normal;
	line-height:18px;
	font-size:13px;
}
.breadcrumbs a {
	color:#666;
	font-weight:normal;
	display:inline-block;
	font-family: "Montserrat-Bold", sans-serif;
}
.breadcrumbs a:hover {
	color:#e7760b;
	text-decoration:underline;
}
.breadcrumbs ul {
	margin:0;
}
.breadcrumbs li {
	display:inline-block;
}

.main {
	margin:0;
	padding:0;
	text-align:justify;
}
.main h1 {
	font-size:24px;
	margin-bottom:10px;
}
.main h2 {
	font-size:21px;
	margin-bottom:10px;
}
.double-lists {
	margin:25px 0 100px;
	text-align:left;
}
.double-lists h2 {
	margin-top:50px;
}
.double-lists div {
	width:calc(100% / 2 - 20px);
}
.double-lists ul {
	list-style:none;
}
.double-lists li {
	position:relative;
	padding-left:25px;
}
.double-lists li:before {
	position:absolute;
	background:#186bbb;
	border-radius:50px;
	width:10px;height:10px;
	top:7px;left:0;
	content:'';
}
@media screen and (max-width:768px) {
	.double-lists div {width:100%;}
	#breadcrumbs {margin:0 auto 30px;}
}
.cat-imgs {
	margin:-20px 0 50px;
}
.cat-img {
	width:calc(100% / 4 - 20px);
	padding:25px 0;
	text-align:center;
}
.cat-imgs5 .cat-img {
	width:calc(100% / 5 - 20px);
	padding:25px 0;
	text-align:center;
}
.cat-img img {
	border-radius:15px;
	margin-bottom:20px;
}
.cat-img b {
	font-family: "Montserrat-Bold", sans-serif;
	font-weight:normal;
	font-size:18px;
}	
@media screen and (max-width:900px) {
	.cat-img {width:calc(100% / 3 - 20px);}
}
@media screen and (max-width:600px) {
	.cat-img {width:calc(100% / 2 - 5px);}
	.cat-img b {font-size:15px;}
}
.imghead {
	width:100%;
	display:block;
	margin:50px 0;
}
.imghead img {
	width:100%;
}
.item-head {
	display:flex;
	justify-content:space-between;
	margin:50px 0;
	flex-wrap:wrap;
}
.item-head img {
	border-radius:5px;
}
.item-head-left {
	width:calc(100% / 3 * 1 - 20px);
}
.item-head-right {
	width:calc(100% / 3 * 2 - 20px);
}
@media screen and (max-width:1024px) {
	.item-head-left {width:calc(100% / 2 * 1 - 20px);}
	.item-head-right {width:calc(100% / 2 * 1 - 20px);}
}
@media screen and (max-width:768px) {
	.item-head-left, .item-head-right {width:100%;}
	.item-head-left {margin-bottom:20px;}
	.main {text-align:left;}
	.cat-imgs5 .cat-img {width:calc(100% / 2 - 20px);}
}
@media screen and (max-width:768px) {
	.cat-imgs5 .cat-img {width:100%;}
}

/* ---------------------------------
          Bottom
---------------------------------- */

#wrapper-bottom {
	background:#fff;
	padding:20px 20px 60px;
	position:relative;
}
.wrapper-bottom-inner {
	max-width:1366px;
	margin:0 auto;
}

#bottom {
	margin:0;
	padding:0;
}

/* ---------------------------------
          Footer
---------------------------------- */

footer {
	background:#186bbb;
	padding:20px;
	position:relative;
	color:#fff;
}
.footer-inner {
	max-width:1366px;
	margin:0 auto;
}
#foot {
	margin:0;
	padding:50px 0;
	position:relative;
}
.footers div:last-child a {
	color:#fff;
	margin-left:20px;
}
.footers div:last-child a:hover {
	color:#e7760b;
}
.footlinkicon {
	display:block;
	width:100%;
	text-align:right;
	padding-top:50px;
	position:absolute;
	margin-bottom:-30px;
	bottom:0;right:0;
	font-size:14px;
	color:#c3cbd2 !important;
}
@media screen and (max-width:900px) {
	.footers {flex-direction:column-reverse;}
	.footers div {width:100%;}
	.footers div:last-child {margin-bottom:40px;}
	.footers div:last-child a {margin:0 20px 0 0;}
	.footlinkicon {text-align:left;padding-left:20px;}
}
@media screen and (max-width:480px) {
	.footers div a {display:block;padding:10px 0 0 0;}
}

/* ---------------------------------
          page info
---------------------------------- */
.harti {
	margin:25px 0;
}
.harti h2 {
	margin:0 0 25px;
}
.harti ul {
	display:flex;
	list-style:none;
	margin:0;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.harti ul li {
	width:calc(100% / 4 - 10px);
	text-align:left;
	margin:0 5px 10px;
	border-radius:3px;
	padding:12px;
	background:#f6f6f6;
	border:1px solid rgb(24 107 187 / 12%);
}
@media screen and (max-width:900px) {
	.harti ul li {width:calc(100% / 3 - 10px);}
}
@media screen and (max-width:768px) {
	.harti ul li {width:calc(100% / 2 - 10px);}
}
@media screen and (max-width:480px) {
	.harti ul li {width:100%;margin:0 0 10px;}
}
.primenenie {
	margin:25px 0;
}
.primenenie h2 {
	margin:0 0 25px;
}
.primenenie p {
	background:#f6f6f6;
	border-left:5px solid #186bbb;
	padding:40px 20px;
	border-radius:3px;
	text-align:left;
}
.popmarki {
	margin:25px 0;
}
.popmarki h2 {
	margin:0 0 25px;
}
.popmarki ul {
	display:flex;
	list-style:none;
	margin:0;
	flex-wrap:wrap;
	justify-content:space-between;
}
.popmarki ul li {
	width:calc(100% / 2 - 5px);
	text-align:left;
	margin:0 0 10px;
	border-radius:3px;
	padding:25px 20px;
	background:#f6f6f6;
}
.popmarki ul li strong {
	display:block;
	font-size:21px;
	color:#186bbb;
	margin:0 0 10px;
}
@media screen and (max-width:768px) {
	.popmarki ul li {width:100%;}
}
.zakazat {
	margin:50px 0;
	background:#186bbb;
	color:#fff;
	border-radius:3px;
	padding:30px 20px;
	flex-wrap:wrap;
	display:flex;
	justify-content:space-between;
	text-align:left;
}
.zakazat-left {
	width:65%;
	padding:0 40px 0 20px;
}
.zakazat-left a {
	color:#fff;
	font-size:16px;
	display:inline-block;
	color:#85df7c;
	border-bottom:2px solid #67C15E;
}
.zakazat-left a:hover {
	color:#fff;
	border-bottom:2px solid #fff;
}
.zakazat-right {
	width:35%;
	padding:0 20px 0 40px;
	border-left:1px solid #fff;
	text-align:right;
}
.zakazat-right a {
	color:#fff;
	font-size:24px;
	font-family: "Montserrat-Bold", sans-serif;
	font-weight: normal;
}
.zakazat img {
	margin-left:10px;
	border:1px solid #186bbb;
	border-radius:50%;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
.zakazat img:hover {
	border:1px solid #186bbb;
	box-shadow:0 0 5px 1px #fff;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
@media screen and (max-width:968px) {
	.zakazat-left {width:50%;}
	.zakazat-right {width:50%;}
}
@media screen and (max-width:768px) {
	.zakazat-left, .zakazat-right {width:100%;}
	.zakazat-left {padding:0 10px 0 10px;}
	.zakazat-right {border:none;padding:30px 10px 0 20px;margin-top:30px;border-top:1px solid #fff;text-align:right;}
	.zakazat img {margin-right:0;margin-left:10px;}
}