@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700&subset=latin,cyrillic);
* {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font: 14px/18px 'Scada', sans-serif;
    width: 100%; background-color:#202020; color:#eaeaea;
}
a {
    text-decoration: none;
    color: #eaeaea;
}
a:hover {
    color:#ffcc1b;
    text-decoration: underline;
}
a img{ border:none}
img { max-width:100%;}
.clearfix {
 *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.wrapper-bg {
    width: 1050px;
    margin: 0 auto;

}
.wrapper {
    margin: 0 auto;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 75px; line-height:75px; font-size:0; text-align:justify;
}
.header .wrapper-bg:after{ content:' '; width:100%; display:inline-block;}
.logo, .logo-text, .header-search, .header-contact{ display:inline-block; vertical-align:middle; line-height:normal}
.logo-img{ width:148px; height:40px; background:url(/img/logo.png) no-repeat; display:block; margin:0 auto}
.logo-img:hover{ background-position:-148px 0}
.logo-text{color: #ffcc1b;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;}
.header-search input{height: 26px; padding:0 10px; border: 2px solid #8a8a8a; font-family:'Scada', sans-serif; width:200px; display:inline-block; vertical-align:middle; background-color:; color:#2a2a2a margin:6px 0 0; font-family:'Scada', sans-serif; font-size:14px}
.header-search button{ width: 36px;
height: 30px;
background-color: #8a8a8a; display:inline-block; vertical-align:middle; border:none; cursor:pointer}
.header-contact-item{color: #8a8a8a;
font-size: 14px;
font-weight: 400; margin:4px 0}
.header-contact-item a{color: #8a8a8a; text-decoration:none}
.header-contact-item a:hover{ color:#ffcc1b}
.phone-ico{ background:url(/img/phone-ico.png) no-repeat; width: 15px; height: 15px; display:inline-block; vertical-align:middle; margin:0 10px 0 0}
.phone-2ico{ background:url(/img/logo-mts.png) no-repeat; width: 15px; height: 15px; display:inline-block; vertical-align:middle; margin:0 10px 0 0}
.email-ico{ background:url(/img/sprite.png) no-repeat -22px 0; width: 20px; height: 14px; display:inline-block; vertical-align:middle; margin:0 10px 0 0}
.footer .email-ico{ background-position:-22px -38px}
.footer a:hover .email-ico, .header-contact-item a:hover .email-ico{ background-position:-22px -19px}
.skype-ico{ background:url(/img/sprite.png) no-repeat -42px 0; width: 19px; height: 19px; display:inline-block; vertical-align:middle; margin:0 10px 0 0}
.footer .skype-ico{ background-position:-42px -38px}
.footer a:hover .skype-ico, .header-contact-item a:hover .skype-ico{ background-position:-42px -19px}
.search-ico{ background:url(/img/sprite.png) no-repeat 0 0; width: 22px; height: 18px; display:inline-block; vertical-align:middle;}

nav{height: 35px; line-height:35px;background-color: #ffcc1b; text-align:center; position:relative; z-index:2}
.nav-ico{ display:none}
nav ul{ list-style-type:none; font-size:0}
nav li{ display:inline-block; vertical-align:middle; width:14%}
nav a{color: #202020;
font-size: 12px;
font-weight: 700;
text-transform: uppercase; text-decoration:none; display:block; box-sizing:border-box;   border-right:1px solid #e99809;}
nav li:first-child a{border-left:1px solid #e99809;}
/*nav a:hover{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(233, 152, 9, .5) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;}*/
nav a:hover, .text input.wpcf7-submit:hover, .nav-ico.active {
    color: #fff; text-decoration:none;
    background: #E99809;
    background: -webkit-linear-gradient(90deg, #E99809 0%, #FFDE5C 100%);
    background: -moz-linear-gradient(90deg, #E99809 0%, #FFDE5C 100%);
    background: -ms-linear-gradient(90deg, #E99809 0%, #FFDE5C 100%);
    background: -o-linear-gradient(90deg, #E99809 0%, #FFDE5C 100%);
}



/* Middle
-----------------------------------------------------------------------------*/
.middle {
    border-left: 220px solid #292929;
    border-right: 220px solid #292929;
    position: relative;
}
.price .middle {
	border: none;
}
.middle:after {
    display: table;
    clear: both;
    content: '';
}
.container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-right: -100%;
    margin-left: -220px;
}
.content {
    padding: 0 10px;
}


.text{ padding:17px 0 0; margin:0 0 50px; line-height:normal}
p{margin:0 0 20px}
.text h1{font-size: 22px; color:#ffcc1b; margin:0 0 20px}
.text h2{font-size: 18px; color:#ffcc1b; margin:0 0 20px}
.text h3{font-size: 16px; color:#ffcc1b; margin:0 0 20px}
.two-col{margin:0  0 0 20px; font-size:0 }
.text ul{list-style-type:disc; margin:0 0 0 20px}
.text ol{margin:0 0 0 20px}
.text .two-col li{padding:0 0 0 10px; position:relative; box-sizing:border-box; width:50%; display:inline-block; vertical-align:top; font-size:14px; margin:0 0 6px}
.text .two-col li:before{ content:'�'; position:absolute; top:2px; left:0; }
.yellow-text{ color:#ffcc1b}

/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
    float: left;
    width: 220px;
    position: relative;
    background: #292929;
    left: -220px;
    padding:15px 0 0;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
    float: right;
    margin-right: -220px;
    width: 220px;
    position: relative;
    background: #292929;
    padding:15px 0 0;
}
.sidebar-item{ margin:0 0 20px;}
.sidebar-head{color: #202020; text-align:center; padding:0 10px; background-color:#ffcc1b;
font-size: 18px;
font-weight: 700;
line-height: 31px; margin:0 0 16px}
.sidebar-text, .textwidget{ padding:0 10px}

.sidebar-text ul{ list-style-type:none}
.sidebar-text li{ margin:0 0 6px}
.sidebar-text a{ text-decoration:none}
.sidebar-text a:hover{ text-decoration:underline}
.contact-item{ margin:0 0 6px}
.contact-item strong{ display:block}

.sidebar-gallery{ font-size:0}
.sidebar-gallery-item{ padding:0 10px; width:50%; display:inline-block; vertical-align:top; font-size:12px; font-style:italic; text-align:center; box-sizing:border-box; margin:0 0 16px }
.sidebar-gallery-item img{ margin:0 auto 6px; display: block}

.slider{ position:relative; height:280px}
.slider-item{ background-color:#f6f6f6; min-height:220px; padding:15px 0 0 10px}
.slider-text{ float:left; color: #202020; width:50%; font-size: 16px; line-height:normal}
.slider-text-head{font-size: 36px; line-height:42px; font-weight: 300; text-transform: uppercase; margin:0 0 16px}
.button, .text input.wpcf7-submit{ text-decoration:none; padding:0 50px; background-color:#ffcc1b; height:68px; line-height:68px; border:1px solid #ffc805; display:inline-block; vertical-align:middle; color: #202020;
font-size: 24px;
font-weight: 400;}
.button:hover{background-color: #202020; color:#fff; text-decoration:none; border:1px solid #000; }
.text input.wpcf7-submit{ height:30px; padding:0 10px; font-size:14px; cursor:pointer; line-height:normal}
.slider-img{ float:right}

.table_1 {
    border: 2px solid #FECB1B;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
.table_1 td {
    color: #000;
    line-height: 13px;
    padding: 4px 10px;
    vertical-align: middle; background:#ffcc1b;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.table_1 th {
    background:#f6f6f6; color: #202020;
    border: 2px solid #FECB1B;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}

.line {
color: #ffcc00;
margin: 15px 0 15px 0;
}

.text input, .text textarea{ width:60%; padding:0 10px; border: 1px solid #e99809; height:30px; box-sizing:border-box; display:inline-block; vertical-align:middle; margin:6px 0 0; font-family:'Scada', sans-serif; font-size:14px}
.text textarea{ height:90px; padding:10px; resize:vertical;}
.social{ margin: 20px 10px}
.social-item{ display:inline-block; margin:0 1px 3px 0; width:32px; height:32px; background-image: url(/img/social.png); vertical-align:middle}
.social-in{ background-position:0 -32px}
.social-in:hover{background-position:0 0}
.social-fb{ background-position: -35px -32px}
.social-fb:hover{background-position: -35px 0}
.social-tw{ background-position: -70px -32px}
.social-tw:hover{background-position:-70px 0}
.social-gp{ background-position: -105px -32px}
.social-gp:hover{background-position:-105px 0 }
.social-vk{ background-position:-140px -32px }
.social-vk:hover{background-position: -140px 0}
.social-inst{ background-position:-175px -32px }
.social-inst:hover{background-position:-175px 0 }
.social-od{ background-position:-210px -32px }
.social-od:hover{background-position:-210px 0 }

.kitco-banner{ width:200px; height:64px; background:url(/img/kitco-banner.png) no-repeat; display:block;margin:0 auto;}
.kitco-banner:hover{ background-position:-200px 0;}
.main-img img{ width:auto !important; height: auto !important; margin:0 0 20px}
.menu-ico{ width:24px; display:inline-block; vertical-align:middle}
.menu-ico-line{ display:block; margin:0 0 3px; height:3px; background:#000}
.nav-ico:hover .menu-ico-line, .nav-ico.active .menu-ico-line{background:#fff}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
    height: 46px; line-height:46px;
    background: #ffcc1b; color:#202020;
}
.footer-contacts {
    margin-right: 6%;
}
.footer-contact {
    float:right;
    margin:0 0 0 10px;
}
.footer a{ color:#000}

.slideshow-wrapper {
    width: 100% !important;
}
.slideshow-fullsize {
    width: 100% !important;
    height: 250px !important;
}
.slideshow-fullsize img {
    height: auto;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 1210px) {
    .header{ position:relative}
    .wrapper-bg{ width:100%}
    }
@media (max-width: 1024px) {
    .slideshow-fullsize {
        height: 150px !important;
    }
}
@media screen and (max-width: 820px) {
    .middle{ border:none; padding:0 1%}
    .left-sidebar, .right-sidebar{ float:none; margin:0; overflow:auto; width:auto; left:auto; right:auto}
    .container{ float:none; margin:0;  width:auto; left:auto; right:auto}
    .header{ height:auto; line-height:normal; padding:15px 1%}
    .button{ padding:0 20px}
    .footer{ height:auto; line-height:normal; padding:10px}
    .slideshow-fullsize {
        height: 250px !important;
    }
}
@media screen and (max-width: 800px) {
    .slideshow-fullsize {
        height: 250px !important;
    }
}
@media screen and (max-width: 620px) {
    nav{ height:auto; line-height:normal; text-align:left;}
    .nav-ico{ display:block}
    nav ul{ display:none}
    nav li{ width:100%}
    nav a{ padding:4px 10px}
    .slider-text{ float:none; width:auto; padding:0 10px}
    .slider-item{ padding:20px 0}
    .slider-img{ display:none}
    .header{ text-align: center}
    .logo, .logo-text, .header-search, .header-contact{ margin:0 0 10px; width:100%}
    .text .two-col li{ width:100%}
    .right-sidebar{ padding:0}
    .sidebar-item:last-child{ margin:0 0 16px}
    .slideshow-fullsize {
        height: 150px !important;
    }
}
@media (max-width: 480px) {
    .slideshow-fullsize {
        height: 140px !important;
    }
}
@media (max-width: 320px) {
    .slideshow-fullsize {
        height: 100px !important;
    }
}
@media (max-width: 240px) {
    .slideshow-fullsize {
        height: 100px !important;
    }
}
#scrollup {
position: fixed; /* ������������� ������� */
opacity: 0.8; /* ������������ */
padding: 3px; /* ������� */
background: #aaa;
border-radius: 5px; /* ���������� ����� */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
right: 10px; /* ������ ������ */
bottom: 10px; /* ������ ����� */
display: none; /* �������� ���� */
cursor: pointer;
}
.catalog {
text-align:left;
font-size:16px;
margin:0 0 10px 5px;
}
#share42 {margin-top:15px; display: inline-block; padding: 6px 0 0 6px; /*border: 1px solid #ffcc1b; border-radius: 4px;*/}
/*#share42:hover {border: 1px solid #e99809; box-shadow: 0 0 5px #d4bf99;}*/
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
.img {
border: #ffcc1b solid 1px;
}
.catalog_left {
    /*width: 220px;*/
    background:#333;
    /*margin: 0;*/
    overflow: hidden;
    /*-webkit-box-shadow: 0 0 2px 1px #fff,0 0 30px #000;*/
    /*box-shadow: 0 0 2px 1px #fff,0 0 30px #000;*/
}
.catalog_left ul {
	list-style-type:none;
    padding: 0;
    margin: 0;
    text-align: left;
}
    nav li {
    list-style:none;
}
.catalog_left li a{
    display: block;
    padding: 1px 10px;
    font: 17px 'Scada', sans-serif;
    color:#fff;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;

}
.catalog_left li a:hover{
	text-decoration: none;
    padding: 1px 10px;
    /*font-size: 1em;*/
    background: rgba(255,204,27,1);
    color:#333;
}

.ngg-gallery-thumbnail {
    width: 260px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.ngg-gallery-thumbnail img {
    margin: 0px !important;
}
.ngg-gallery-thumbnail .ngg-gallery-thumbnail-span {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top: 5px;
}

.news{
background:#FFCC33;
	padding: 5px;
        margin: 1px;
border: #990000 solid 1px;
border-radius: 5px;
color:#333;
}

.news:hover{
background:#FFCC33;
filter:alpha(opacity=40); ..-opacity:0.5; opacity:0.8; -khtml-opacity:0.8;
	padding: 5px;
        margin: 1px;
border: #990000 solid 1px;
border-radius: 5px;
	color:#333;
}
.language-chooser li{
        list-style: none;
    display: inline-block;
    margin: 0px 11px;
}
.load_post {text-decoration: underline; cursor: pointer;color: #ffcc1b;margin: 6px 0 12px;
display: inline-block;}
.load_post:hover {text-decoration: none;}
.load_content {margin: 0 0 0 47px;}

.ngg-navigation a.next, .ngg-navigation a.page-numbers, .ngg-navigation a.prev, .ngg-navigation span.next, .ngg-navigation span.page-numbers, .ngg-navigation span.prev {padding: 2px 8px;}
.load_post.span, .load_content {display: none;}
.load_post.href, .load_content.active {display: block;}
.load_post.active.span {display: block;}
.load_post.active.href {display: none;}
.ngg-gallery-thumbnail { background-color:none;  border:none;}
.load_content.active{max-width: 924px; margin: 0 auto;}
.load_content .ngg-gallery-thumbnail {display: inline-block;}
.skype {
width: 102px;
display: inline-block;
}
.skype_lang {display: inline-block;}
.price_img p {
margin: 0;
padding: 0;
}
.price_img p b{color:#ffcc1b}


.ngg-template-caption {display:flex;}

.ngg-gallery-thumbnail-box {
	float:none;
	width:49%;
}
.ngg-gallery-thumbnail {
	float:none;
	border:1px solid #ffcc1b;
        min-height: 210px;
}

.ngg-gallery-thumbnail img {
	width:100%;
}
.ngg-gallery-thumbnail .in {
	color:black;
	background:white;
	text-align:left;
	padding:7px 10px;
	font-weight:bold;
}
.ngg-gallery-thumbnail .price_img {display:flex;padding:7px 0;}
.ngg-gallery-thumbnail .price_img .inf {
	/*width:33.33%;*/
	border-right:1px solid rgb(66,66,66);
	padding:0 3px;
	text-align:center;
	padding-right:0;
}
.ngg-gallery-thumbnail .price_img{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.ngg-gallery-thumbnail .price_img .inf {
    display: table-cell;
    text-align: center;
}

/*.ngg-gallery-thumbnail .price_img .inf:nth-child(1) {width:31.33%;}
.ngg-gallery-thumbnail .price_img .inf:nth-child(2) {width:22.33%;}*/
.ngg-gallery-thumbnail .price_img .inf:nth-last-child(1) {border:0;}
.ngg-gallery-thumbnail .price_img .inf .inf_name {
	font-size:9px;
}
.ngg-gallery-thumbnail .price_img .inf .inf_val {font-size:8px;margin-top:3px;}
.ngg-gallery-thumbnail .price_img .inf .inf_val b {color:#ffcc1b;font-size:15px;margin-right:2px;}

@media screen and (max-width: 360px) {
	.ngg-gallery-thumbnail-box {
		width:100%;
		margin:0 auto;
	}
}

@media (max-width: 412px){
  .ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box {width: 99%;}
}
@media (max-width: 812px){
  .ngg-gallery-thumbnail {width: 97%;}
}