/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}
body, html { font-size: 100%; padding: 0; margin: 0; line-height: 1;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

.netminimalki {
    margin-top: 40px;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, button {
	outline: 0;
}

body {
    font-family: "Roboto", Arial, sans-serif;
    color: #333;
	font-size: 14px;
	line-height: 1;
}

h1 {
    font-size: 22px;
    line-height: 1;
	margin-bottom: 20px;
}

h2 {
	font-size: 18px;
	line-height: 1;
	margin: 20px 0 15px;
}

h3 {
	font-size: 16px;
	line-height: 1;
	margin: 20px 0 10px;
	font-weight: normal;
}

p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
	color: #555;
}

.ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 20px;
	margin-bottom: 20px;
}

.ul li {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-family: Arial;
}

.ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 20px;
	margin-bottom: 20px;
}

.ol li {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-family: Arial;
}

.mb5 {
	margin-bottom: 5px;
}

.mt5 {
	margin-top: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt40 {
	margin-top: 20px;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mh400 {
	min-height: 400px;
}

.text-upper {
	text-transform: uppercase;
}

.text-lower {
	text-transform: lowercase;
}

.align-center {
	text-align: center;
}

.strong {
    font-weight: bold;   
}

.em {
    font-style: italic;   
}

a {
	cursor: pointer;
	color: #273646;
    text-decoration: none;
}

a:hover {
	color: #2ecc71;
	text-decoration: none;
}

p a {
	cursor: pointer;
	color: #2ecc71;
	border-bottom: 1px solid;
}

p a:hover {
	color: #273646;
}

.header-top {
	width: 100%;
	background-color: #273646;
	border-top: 4px solid #2ecc71;
	height: 36px;
}

.ht-block {
	width: 940px;
	height: 36px;
	margin: 0 auto;
}

.ht-menu {
	float: left;
	height: 36px;
}

.ht-menu a {
	float: left;
	margin-right: 12px;
	font-weight: 900;
	color: #fff;
	font-size: 11px;
	padding-top: 10px;
	text-transform: uppercase;
}

.ht-menu a:hover {
	color: #2ecc71;
}

.ht-menu a:last-child {
	margin-right: 0px;
}

.header-line {
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #2ecc71;
	height: 4px;
	z-index: 2;
}

.cart-tr {
	position: fixed;
	top: 0px;
	display: block;
	width: 300px;
	height: 36px;
	background: #2ecc71 url(images/cart.png) 10px 4px no-repeat;
	z-index: 9;
}

.cart-n {
	width: 120px;
	height: 36px;
	padding-left: 40px;
	color: #fff;
	font-weight: 900;
	padding-top: 12px;
	text-transform: uppercase;
	float: left;
}

.cart-p {
	width: 120px;
	height: 36px;
	padding-right: 10px;
	color: #fff;
	padding-top: 12px;
	float: right;
	text-align: right;
	white-space: nowrap;
}

.header-logo {
	width: 100%;
	height: 100px;
}

.hl-block {
	position: relative;
	width: 940px;
	height: 100px;
	margin: 0 auto;
}

.logo {
	position: absolute;
	top: 20px;
	width: 300px;
	height: 60px;
	background: url(images/logo.png) 0 2px no-repeat;
	padding-left: 70px;
	display: block;
}

.logo-n {
	color: #273646;
	font-size: 29px;
	font-weight: 900;
	margin: 8px 0 5px;
}

.logo-d {
	color: #959595;
	font-size: 10px;
}

.search-header {
	position: absolute;
	top: 30px;
	left: 310px;
}

.search-header form {
	width: 220px;
	height: 40px;
	border: 2px solid #ebebeb;
}

.search-header input {
	float: left;
	width: 178px;
	height: 36px;
	line-height: 36px;
	border: none;
	padding: 0 10px;
}

.search-header button {
    float: left;
	background-color: #fff;
    background-image: url(images/lupa.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.search-header button:hover {
    background-position: 0px -36px;
}

.login-header {
	position: absolute;
	top: 30px;
	left: 560px;
	width: 180px;
	height: 60px;
	font-size: 12px;
}

.address-header {
	position: absolute;
    top: 10px;
    right: 240px;
    white-space: nowrap;
	display:none;
}
	.address-header .address {
		margin: 0px;
		color: #959595;
		font-size: 11px;
		text-transform: uppercase;
		line-height: 16px;
	}
	.address-header .email {
		margin-bottom: 0px;
		line-height: 20px;
	}
		.address-header .email a {
			color: #273646;
			font-size: 20px;
			font-weight: 900;
			text-decoration: none;
			border-bottom: none;
		}
	.address-header .feedback {}
		.address-header .feedback a {
			border-bottom: none;
		}

.login-header ul { margin: 0; padding: 0; }
.login-header ul li { list-style: none; display: block; padding: 0; margin-bottom: 10px; line-height: 1.1em; display:block\9; }
.login-header ul li a { padding: 3px 0px 0px; border-bottom: 1px solid; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.login-header ul li a.gray-link { color: #bbb;}
.login-header ul li a.gray-link:hover {color: #2ECC71;}
.login-header ul li a img.icon16 { position: relative; top: 3px; left: -3px; }
.login-header ul li a i.icon16 { margin-top: -0.1em; }
.login-header ul li.selected a { color: #000; text-decoration: none; }

.tel-header {
	position: absolute;
	top: 28px;
	right: 0;
	width: 220px;
	height: 60px;
}

.th-t {
	color: #959595;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.th-n {
	color: #273646;
	font-size: 20px;
	font-weight: 900;
}

#call-back-button{
    color:#2ecc71;
}

.main-menu {
	width: 100%;
	background-color: #ebebeb;
}

.mm-block {
	/*width: 940px;*/
	/*height: 60px;*/
	margin: 0 auto;
}

.mm-block li {
	height: 60px;
	float: left;
}

.mm-block li a {
	display: block;
	line-height: 60px;
	height: 60px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 900;
	color: #273646;
}

.mm-block li a:hover {
	background-color: #2ECC71;
	color: #fff;
}

.main-banners {
	width: 100%;
	height: 500px;
	background-color: #fafafa;
	margin-bottom: 20px;
}

.mb-block {
	width: 940px;
	height: 480px;
	margin: 0 auto;
}

.banners {
	width: 620px;
	height: 480px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	/*margin-right: 20px;*/
}

.banners img {

}


#slider-wrap {
    width: 620px;
    position: relative;
}

#slider {
    width: 100%;
    height: 495px;
    overflow: hidden;
    display: block;
    position: relative;
}

.slider { 
	width: 100%;
	height: 100%;
}

.sli-links {
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 20px;
}

.sli-links .control-slide{
	margin: 0px;
	display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/radioBg.png) center bottom no-repeat;
}

.sli-links .control-slide:hover {
	cursor: pointer;
	background-position: center center;
}

.sli-links .control-slide.active {
	background-position: center top;
}
	
#prewbutton, #nextbutton {
	display: block;
	width: 22px;
	height: 100%;
	position: absolute;
	top: 0;
	overflow: hidden;
	text-indent: -3000px;
	background: url(images/arrow2.png) left center no-repeat;
	opacity: 0.4;
	z-index: 3;
	outline: none !important;
}

#prewbutton {
	left: 20px;
}

#nextbutton {
	right: 20px;
	background: url(images/arrow2.png) right center no-repeat;
}

#prewbutton:hover, #nextbutton:hover {
	opacity: 1;
}

.benefits {
	width: 300px;
	height: 500px;
	float: left;
	text-align: center;
}

.benefits div {
	width: 300px;
	height: 97px;
	margin-top: 20px;
	border: 1px solid #2ecc71;
	background-color: #f6f6f6;
	font-size: 18px;
	line-height: 1.2;
	color: #787878;
	padding-left: 65px;
	background-repeat: no-repeat;
}

.benefits .ben1 {
	background-image: url(images/ben1.png);
	background-position: 14px 35px;
	padding-top: 30px;
	margin-top: 20px;
}

.benefits .ben2 {
	background-image: url(images/ben2.png);
	background-position: 14px 35px;
	padding-top: 30px;
}

.benefits .ben3 {
	background-image: url(images/ben3.png);
	background-position: 14px 29px;
	padding-top: 38px;
}

.benefits .ben4 {
	background-image: url(images/ben4.png);
	background-position: 14px 35px;
	padding-top: 27px;
}

.prod-main {
	width: 100%;
	height: 600px;
	padding-top: 20px;
}

.pm-block {
	position: relative;
	width: 1000px;
	height: 510px;
	margin: 20px auto 0;
	outline: 2px solid #ddd;
	padding: 50px 30px 0;
}

.pm-h {
	position: absolute;
    top: -25px;
    left: 50%;
    width: 500px;
    height: 50px;
    background-color: #fff;
    font-size: 30px;
    color: #454545;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
    transform: translateX(-50%);
}

.pm-h.pm-h1 {
	width: 500px;
	margin-left: -250px;
}

.pm-h.pm-h2 {
	width: 500px;
	margin-left: -250px;
	font-size: 26px;
}

.product-main {
	padding: 0px;
}

.product-cat {
	padding: 0px;
}

.produkt {
	display: block;
	position: relative;
	background-color: #f8f8f8;
	width: 220px;
	height: 400px;
	float: left;
	margin-right: 20px;
	opacity: 1;
}

.produkt:hover {
	opacity: 1;
	background-color: #f0f0f0;
}

.product-cat .produkt {
	margin-bottom: 30px;
	height: 518px;
}

.product-cat .produkt:nth-child(3n) {
	margin-right: 0px;
}

.produkt img {
	position: absolute;
	top: 0;
	left: 0;
}

.produkt img:hover {
	position: absolute;
	top: 0;
	left: 0;
	border: ridge;
	border-color: white;
	
}

.pm-name {
	position: absolute;
	top: 340px;
	left: 0;
	width: 220px;
	padding: 0 10px;
	text-align: center;
	color: #273646;
	text-transform: uppercase;
	font-size: 12px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pm-price {
	position: absolute;
	top: 357px;
	left: 0;
	width: 220px;
	padding: 0 10px;
	text-align: center;
	color: #2ecc71;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 900;
}

.pm-size {
	position: absolute;
	top: 372px;
	left: 0;
	width: 220px;
	padding: 0 10px;
	color: #555;
	font-size: 10px;
}

.pm-size .listfeatures.features { width: 100%;} /* таблица со списком характеристик */
.pm-size .listfeatures.features .name { padding-right: 5px; min-width: auto;} /* названия характеристик */
.pm-size .listfeatures.features .value { text-align: right;} /* значения характеристик */


.main-block-gray {
	width: 100%;
	min-height: 200px;
	background-color: #fafafa;
	padding: 20px 0;
}

.m-block {
	width: 940px;
	margin: 0 auto;
}

.main-h {
	border-left: 5px solid #2ecc71;
	padding-left: 20px;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.main-block-white {
	width: 100%;
	min-height: 200px;
	padding: 20px 0;
}

.mk-prod {
	
}

.mk-prod a {
	position: relative;
	border-bottom: 5px solid #2ecc71;
	display: block;
	width: 220px;
	height: 310px;
	background-color: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.mk-prod a:nth-child(4n) {
	margin-right: 0px;
}

.mk-prod a img {
	position: absolute;
	top: 0;
	left: 0;
}

.mk-prod a div {
	position: absolute;
	top: 275px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}

.mk-prod a div span {
	color: #ddd;
	font-weight: normal;
}

.vk-block {
	/*width: 460px;
	margin-right: 20px;
	float: left;*/
}

.ok-block {
	/*width: 460px;
	float: left;*/
}

.main-news {
	margin-bottom: 20px;
}

.main-news > div > div {
	height: 150px;
	background-color: #fafafa;
	padding: 20px;
	border: 1px solid #eee;
}

.main-news > div:nth-child(3n) {
	margin-right: 0px;
}

.main-news > div .mn-d {
	width: 260px;
	margin: 0 0 15px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
	color: #888;
}

.main-news > div a {
	display: block;
	color: #2ecc71;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 900;
}

.main-news > div a:hover {
	color: #273646;
}

.main-news > div a span {
	border-bottom: 1px solid #2ecc71;
}

.main-news > div a:hover span {
	border-bottom: 1px solid #273646;
}

.main-news > div .mn-t {
	color: #666;
	font-size: 12px;
	line-height: 1.2;
}

.mail-block {
	width: 100%;
	height: 70px;
	background-color: #2ecc71;
}

.mail-b {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

.mail-h-1 {
	position: absolute;
	top: 18px;
	left: 0;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.mail-h-2 {
	position: absolute;
	top: 36px;
	left: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
}

.mail-b .kmcollectemails {
	position: absolute;
	top: 15px;
	right: 0;
	width: 420px;
}

.mail-b .kmcollectemails input[type=text]{
	float: left;
	width: 240px;
	height: 40px;
	background-color: #fff;
	border: none;
	padding: 0 20px;
	font-size: 16px;
	margin-right: 20px;
}

.mail-b .kmcollectemails input[type=email]{
	float: left;
	width: 240px;
	height: 40px;
	background-color: #fff;
	border: none;
	padding: 0 20px;
	font-size: 16px;
	margin-right: 20px;
}

.mail-b .kmcollectemails button {
	float: left;
	width: 160px;
	height: 40px;
	background-color: #31373e;
	color: #fff;
	text-align: center;
	border: none;
	font-size: 12px;
	font-weight: 900;
	cursor: pointer;
	margin-top: -14px;
}

.main-text {
	border: 2px solid #2ecc71;
	padding: 20px 50px 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.main-text h1 {
	width: 820px;
	margin: -40px auto 10px;
	background-color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
}


.c-block.mh400 {
	margin-top:20px; margin-bottom:20px;
}

.sidebar {
	min-height: 100px;
	float: left;
}

.sb-h {
	border-left: 5px solid #2ecc71;
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
	font-weight: 900;
	color: #555;
	display: block;
	text-decoration: none;
}

.sb-b {
	border: 2px solid #ebebeb;
	padding: 20px 18px;
	margin-bottom: 20px;
}

.sb-vk {
	margin-bottom: 20px;
	height: 300px;
	overflow: hidden;
}

.sb-m li {
	display: block;
	color: #2ecc71;
	margin-bottom: 10px;
}

.sb-m li a {
	display: block;
	padding-left: 20px;
	font-size: 12px;
	background: url(images/li-f.png) 0 5px no-repeat;
}

.sb-m li:last-child {
	margin-bottom: 0px;
}

.sb-m li a:hover {
	color: #2ecc71;
}

.filters {
	width: 180px; 
	padding: 0;
}

.filters input[type="text"] {
	width: 55px;
	text-align: center; 
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid #888;
}

.filters form  {
	font-size: 12px;
}

.filters form b {
	margin: 20px 0 10px; 
	display: block; 
	font-size: 12px;
}

.filter-block {

}

.filter-block .n-sb-hp {
	font-size: 11px;
	margin: 20px 20px 10px;
	text-transform: uppercase;
}

.filter-block label {
    color: #5c5c5c;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 10px;
	display: block;
    max-width: 100%;
}

.filter-block input[type=checkbox] {
    position: relative;
    top: 2px;
	margin-right: 5px;
    line-height: normal;
}

.filter-block input[type=submit] {
	width: 180px;
	margin: 10px 0px 0;
	background-color: #2ecc71;
	border: none;
	height: 30px;
	color: #fff;
	cursor: pointer;
}

.filter-block input[type=submit]:hover {
	background-color: #273646;
}

.sb-news-b {
	padding: 0px 0px 10px;
	border-bottom: 1px solid #f7f7f7;
}

.sb-news-d {
	color: #ccc;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 10px;
}

.sb-news-z {
	text-decoration: underline;
	font-size: 12px;
	color: #2ecc71;
}

.sb-news-z:hover {
	color: #273646;
}

.sb-news-t {
	font-size: 10px;
	margin-top: 5px;
	line-height: 1.3;
}

.breadcrumbs {
	margin: 20px auto 20px;
	font-size: 10px;
	color: #ccc;
	height: 15px;
}

.breadcrumbs span {
	margin: 0 8px 0 0;
}

.breadcrumbs a {
	color: #2ecc71;
	border-bottom: 1px solid;
}

.content-block {
	float: left;
	min-height: 400px;
}

.content-block h1 {
	font-size: 30px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 20px;
}

.har {
	background-color: #f8f8f8;
	padding: 10px 20px;
	color: #555;
	font-size: 12px;
	margin-bottom: 20px;
}

.har a {
	color: #2ecc71;
	margin: 0 10px;
	border-bottom: 1px dotted;
}

.har a:hover {
	color: #555;
}

.pagination {
	text-align: center;
	position: relative;
	margin-top: 20px;
	margin-bottom: 40px;
}

.pagination li {
	list-style: none;
    display: inline-block;
    margin: 0 8px 0 0;
}

.pagination li a {
	background: #f1f1f1;
	padding: 6px 12px;
}

.pagination li a:hover {
	background: #2ecc71;
	color: #fff;
}

.pagination li.selected a {
	background: #2ecc71;
	padding: 10px 16px;
	color: #fff;
}

.prod-info {
	margin-bottom: 20px;
}

.prod-foto {
	position: relative;
	float: left;
}

.prod-h {
	float: left;
}

.prod-h h1{
	font-weight: normal;
	font-size: 30px;
}

.prod-price {
	width: 100%;
	margin: 20px 0;
}

.prod-price div {
	font-size: 22px;
	float: left;
}

.prod-price .compare-at-price {
	margin-right: 20px;
	padding: 10px 0;
	float: left;
	font-size: 22px;
}

.prod-price .price {
	padding: 10px;
	width: auto;
	background-color: #F4F4F4;
	color: #2ecc71;
	font-weight: 900;
	text-align: center;
}

.prod-art {
	color: #888;
	font-size: 14px;
	margin: 0px 0 20px;
}

.table-n {
    border-collapse: collapse;
    margin: 0 auto;
}

.table-n TD, .table-n TH {
    padding: 3px;
    border: 1px solid black;
    text-align: center;
}

.table-n TH {
    background: #fb7eaf;
}

.table-size {
	position: relative;
	margin-bottom: 30px;
}

.table-size a {
	border-bottom: 1px dotted;
	color: #bbb;
}

.table-size a:hover {
	color: #2ecc71;
}

.table-size a + table {
	position: absolute;
	top: -290px;
	left: 0;
	display: none;
}

.table-size a:hover + table {
	display: block;
}

.table-size a:hover + table:hover {
	display: block;
}

.table-size table {
    border-collapse: collapse;
    margin: 0 auto;
	width: 460px;
	box-shadow: 0 0 10px #bbb;
}


.table-size table TD {
    padding: 5px;
    border: 1px solid #bbb;
    text-align: center;
	background-color: #FFF;
}

.table-size table TH {
	padding: 5px;
	text-align: center;
    background: #2ecc71;
	font-size: 12px;
	border: 1px solid #bbb;
	color: #fff;
}

.prod-label {
	
}

.prod-label input[type=radio]{
	display: none;
}

.prod-label input, .prod-label label {
	cursor: pointer;
}

.prod-label label {
	display: block;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 10px 10px 0;
	height: 36px;
	border: 1px solid #aaa;
}

.prod-label span.strong {
	margin-top: 10px;
	margin-bottom: 40px;
	display: block;
	float: left;
}

.prod-label input[type=radio]:checked + label {
	color: #2ecc71;
	padding: 9px 10px 0;
	border: 3px solid #2ecc71;
	background-color: #f7f7f7;
	font-weight: bold;
}

.prod-d {
	margin-bottom: 20px;
}

.w700 {
	width: 700px;
}

.w940 {
	width: 940px;
}

table.features { clear: both; border-spacing: 0; border-collapse: collapse; margin-bottom: 20px; }
table.features td { padding: 5px 0 2px; line-height: 1.3; }
table.features td.name { min-width: 80px; color: #555; vertical-align: top; }
table.features tr.divider td { border-bottom: 1px solid #ccc; padding-left: 0; padding-top: 15px; padding-bottom: 0; }

.prod-size {
	margin-bottom: 30px;
}

.ps-h {
	float: left;
	width: 140px;
	padding-top: 10px;
}

.ps-i {
	padding: 10px 10px;
	border: 1px solid #2ecc71;
	color: #2ecc71;
	float: left;
	margin-left: 10px;
}

.prod-b {
	display: block;
	width: 220px;
	height: 60px;
	padding: 20px 0;
	text-align: center;
	background-color: #2ecc71;
	color: #fff;
	font-weight: 900;
	float: right;
	font-size: 16px;
	border: 2px solid #2DB365;
	cursor: pointer;
}

.prod-b:hover {
	background-color: #31373e;
	border: 2px solid #232629;
	color: #fff;
}

.prod-k {
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.prod-k a {
	display: block;
	text-align: center;
	width: 36px;
	padding: 5px 0 7px;
	font-size: 24px;
	float: left;
	background: #eee;
	color: #333;
	border-radius: 20px;
	margin-right: 5px;
}

.prod-k a:hover {
	background: #2ecc71;
	color: #fff;
}

.prod-k input {
	display: block;
	width: 60px;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	float: left;
	border: 2px solid #eee;
	text-align: center;
	margin-right: 5px;
}

.prod-k .sht {
	float: left;
	margin-top: 20px;
}


.badge-prod {
    position: absolute;
    z-index: 10;
    font-size: 12px;
    color: #fff;
	top: 0px;
	right: 0px;
}

.badge-prod .badge { background: #fff;  width: 60px; height: 60px; box-shadow: 0 3px 10px rgba(0,0,0,0.3); color: #000; font-weight: bold; font-size: 12px; text-align: center; display: table-cell; vertical-align: middle; }
.badge-prod .badge span { display: block; vertical-align: middle; text-align: center; line-height: 1.2em;}
.badge-prod .badge.new { background: #42DE84; color: #fff; }
.badge-prod .badge.bestseller { background: #273646; color: #fff; }
.badge-prod .badge.low-price { background: #ffc2e3; color: #C9005D; }
.badge-prod .tn {width: 60px; height: 60px; box-shadow: 0 3px 10px rgba(0,0,0,0.3); background-image: url(images/tn-mini.png); background-color: #2ECC71; background-repeat: no-repeat; background-position: 0 0; background-size: 60px auto; color: #fff; padding-top: 35px; font-size: 11px; text-align: center;}

.badge-prod-b {
    position: absolute;
    z-index: 10;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
	top: 10px;
	right: 10px;
}

.badge-prod-b .badge { background: #fff; border-radius: 50%; border: 2px solid rgba(0,0,0,0.2); width: 80px; height: 80px; box-shadow: 0 3px 10px rgba(0,0,0,0.3); color: #000; font-weight: bold; font-size: 12px; text-align: center;  display: table-cell; vertical-align: middle;}
.badge-prod-b .badge span { display: block; vertical-align: middle; text-align: center; font-size: 14px; line-height: 1.2;}
.badge-prod-b .badge.new { background: #42DE84; color: #fff; }
.badge-prod-b .badge.bestseller { background: #273646; color: #fff; }
.badge-prod-b .badge.low-price { background: #ffc2e3; color: #C9005D; }
.badge-prod-b .tn {width: 80px; height: 80px; background-image: url(images/tn-mini.png); border: 2px solid rgba(0,0,0,0.2); background-color: #2ECC71; background-repeat: no-repeat; background-position: 0 0; background-size: 80px auto; color: #fff; padding-top: 45px; font-size: 14px; text-align: center;}

.addcartp a {
	color: #2ecc71;
}

.addcartp a:hover {
	color: #31373e;
}

.cat-text {
	border: 2px solid #ebebeb;
	padding: 20px 18px 10px;
}

.blog-date {
	float: right;
	margin: 0 0 20px 20px;
}

.button {
	padding: 10px 40px;
/*	display: block; */
	text-align: center;
	background-color: #2ecc71;
	color: #fff;
	font-weight: 900;
/*	float: right;*/
	font-size: 16px;
	border: 2px solid #2DB365;
	cursor: pointer;
}

.button:hover {
	background-color: #31373e;
	border: 2px solid #232629;
	color: #fff;
}


.checkout input[type=submit] {
	padding: 10px 40px;
	display: block;
	text-align: center;
	background-color: #2ecc71;
	color: #fff;
	font-weight: 900;
	float: right;
	font-size: 16px;
	border: 2px solid #2DB365;
	cursor: pointer;
}

.checkout input[type=submit]:hover {
	background-color: #31373e;
	border: 2px solid #232629;
	color: #fff;
}

.kmcollectemails {  position: relative;  }
.kmcollectemails .after {  position: absolute;  display: none; padding-top: 15px; background: #2ecc71;  top: 0;  bottom: 0;  left: 0;  right: 0; width: 100%;  color: #000;  }
.kmcollectemails .after > * {  display: none;  }
.kmcollectemails .after .ok {  color: #fff;  }
.kmcollectemails .after .fail {  color: red;  }

.b-top {
	z-index: 500;
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    opacity: 0.5;
    background: #273646 url(images/b-j-top.png) no-repeat 50% 14px;
    font-size: 12px;
}

.b-top:hover {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
}

.b-top-but {
    position: absolute;
    display: block;
    bottom: 2px;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 12px;
}

.prod-sp {
	padding: 20px 20px 15px;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin-bottom: 40px;
}

.prod-sp-t1 {
	font-size: 20px;
	margin-bottom: 20px;
}

.prod-sp-t2 {
	color: #555;
	margin-bottom: 10px;
}

.prod-sp-t2 a {
	color: #2ecc71;
	border-bottom: 1px dotted;
	font-weight: bold;
}

.prod-sp-t2 a:hover {
	color: #273646;
}

table.prev-next { width: 100%; background-color: #fafafa; border: none; margin-bottom: 10px;}
table.prev-next td { vertical-align: top; border: none; line-height: 1.2; }
table.prev-next td.arrow { vertical-align: middle; border: none; }
table.prev-next td span { color: #bbb; font-size: 10px; }
table.prev-next td a { color: #2ecc71; font-size: 12px; }
table.prev-next td a:hover { color: #273646; }
table.prev-next td.half { width: 49%; }
table.prev-next td.next { text-align: right; }
table.prev-next td.arrow { width: 1em; }

.compare-at-price {
	font-weight: normal;
	color: red;
	text-decoration: line-through;
}

.footer {
	width: 100%;
	min-height: 200px;
	background-color: #31373e;
}

.footer-block {
	width: 940px;
	margin: 0 auto;
	padding: 30px 0 20px;
	border-bottom: 2px solid #3c4148;
}

.footer-block > div {
	float: left;
	margin-bottom: 20px;
}

.footer-block > div:nth-child(4n) {
	margin-right: 0px;
}

.fb-h {
	display: block;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.fb-menu {
	
}

.fb-menu li {
	display: block;
	color: #2ecc71;
	margin-bottom: 10px;
}

.fb-menu li a {
	display: block;
	color: #fff;
	padding-left: 20px;
	background: url(images/li-f.png) 0 7px no-repeat;
}

.fb-menu li a:hover {
	color: #2ecc71;
}

.footer-kont {
	color: #fff;
}

.cont-1 {
	color: #2ecc71;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 12px;
}

.cont-2 {
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 20px;
}

.cont-3 {
	color: #2ecc71;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 12px;
}

.cont-4 {
	color: #2ecc71;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 12px;
}

.cont-5 {
	font-size: 20px;
}

.cont-6 {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 20px;
    color: #2ecc71;
    padding-bottom: 10px;
}

.cont-7 {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: .5px;
}

.cr {
	margin: 0 auto;
	padding: 20px 0 20px;
	color: #fff;
}

.cr span {
	color: #2ecc71;
}

.warning .container1 {
    border: 1px solid #2ecc71;
    margin-top: 5px;
    padding: 5px;
    text-align: center;
}

.warning .container1 p{
    font-size: 13px;
}

.container1 {
    min-width: 320px !important;
    width: 940px;
    margin: auto;
}

.warning span {
    color: #d81980;
    font-size: 16px;
}

/* modal delivery*/

.modal-delivery {
    position: absolute;
    line-height: 19px;
    font-size: 13px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    border: 1px solid #ccc
    
}
.modal-delivery:target {
    opacity:1;
    pointer-events: auto;
}
.modal-delivery > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0px 24px 0 rgba(0,0,0,.2), 0 0px 77px 0 rgba(0,0,0,.22);
}
.md-close {
    background: #2ecc71;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.md-close:hover {
    background: #00d9ff;
}
.md-heading {
    font-size: 20px;
    font-weight: bold;
    color: #2ecc71;
    font-family: "Roboto", Arial, sans-serif;
    padding: 10px 0px;
    margin: 0;
}

.md-heading i {
    margin-right: 10px;
    font-size: 16px;
    color: #2ecc71;
}

.md-payments {
    border-top: 1px solid #273646;
    border-bottom: 1px solid #273646;
}

.md-h1 {
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #273646;
}

.md-h1 i {
    margin-right: 5px;
    color: #273646;
}

.md-link i {
    margin-right: 5px;
    color: #273646;
}
.md-link:hover i {
    color: #2ecc71;
}

.md-button i {
    margin-right: 5px;
}
.md-payments ul {
    list-style: circle;
    padding-left: 16px;
}
.md-payments ul span {
    opacity: .7;
    font-size: .9em;
}
.md-attention {
    background: #2ecc71;
    padding: 5px 15px;
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 3px #000;
    margin-top: 10px;
}

.md-link {
    display: block;
    text-align: right;
    text-decoration: underline;
}

.md-button {
  border-bottom: 1px dotted;
    color: #bbb;
    text-decoration:none;
}
.md-button:hover {
  color: #2ecc71;
}
.container {
	width: 100%;
}

.mk-prod img{width:220px;}

#ok_group_widget iframe, #vk_groups iframe{width:100% !important;}
.main-menu .row-1{margin-left:-15px; margin-right:-15px;}
.slider img{width:100%;}
.collapse.show {
    display: block;
    z-index: 100;
}
.navbar-toggler{padding:0rem 0.75rem; }
#navbar1 .collapse.show{padding:15px; background-color:#273646;}
.main-menu .navbar button{ 
    border: medium none;
    color: #000;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 100%;}
.ht-menu nav{background:#273646; z-index:1;}
ul.menu-h li {
    display: inline-block;
    line-height: 1.1em;
    list-style: outside none none;
    padding: 0 10px 0 0;
}
.gallery{width:auto !important;}
#product-gallery{margin-left:-10px ; margin-right:-10px;}
.gallery .image{margin-right:0 !important; padding-left:10px; padding-right:10px;}
.gallery .image img{border:3px solid #fff; }

.contact-inform {
    display: flex;
}

.contact-inform > div {
    width: 50%;
    padding: 0 15px;
}

.info-block h2 span {
    font-size: 14px;
    text-decoration: underline;
}

.contact-inform .requisites {
    border: 1px solid #2ecc71;
    height: fit-content;
}

.contact-inform p {
    margin-bottom: 10px;
}

.free-num {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 0;
}

.socicon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

.socicon.viber {
    background: url(/wa-content/img/social/viber.svg);
    background-size: contain;
}
.socicon.whatsApp {
    background: url(/wa-content/img/social/whatsapp.svg);
    background-size: contain;
}
.socicon.telegram {
    background: url(/wa-content/img/social/telegram.svg);
    background-size: contain;
}

#feedback-form {
    margin-top: 30px;
}
#feedback-form p {
    text-align: center;
    font-size: 20px;
    color: #2ecc71;
}

#feedback-form .wa-form {
    margin: 0 auto;
    float: none;
    max-width: 500px;
    border: 1px solid #2ecc71;
    padding: 20px;
    margin-bottom: 30px;
}

#feedback-form .wa-form .wa-field .wa-name {
    width: fit-content;
    min-width: 80px;
}

#feedback-form .wa-form .wa-field .wa-value {
    margin-left: 100px;
}

#feedback-form .wa-form .wa-field .wa-value input,
#feedback-form .wa-form .wa-field .wa-value textarea {
    border: 1px solid #2ecc71;
    bottom: 0;
    transition: .2s;
}

#feedback-form .wa-form .wa-field .wa-value input:focus,
#feedback-form .wa-form .wa-field .wa-value textarea:focus {
    box-shadow: 0px 3px 12px rgb(0 0 0 / 0.2);
    position: relative;
    bottom: 3px;
}

#feedback-form .wa-form .wa-field .wa-submit input {
    background: #2ecc71;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    cursor: pointer;
}

#feedback-form .wa-form .wa-field .wa-submit input:hover {
    background: #fff;
    color: #2ecc71;
}

@media (max-width: 1024px) {
    .contact-inform {
        flex-direction: column;
        margin-bottom:30px;
    }
    .contact-inform > div {
        width: 100%;
    }
}


@media (max-width: 425px) {
    .product-cat .produkt {
        height: 420px;
    }
    .pm-info .pm-name, .pm-info .pm-price, .pm-info .pm-size {
        top: 335px;
    }
}
@media (min-width: 576px) {
	.main-text h1{  width: 100%;}
	.main-news .col-md-6:last-child {display:none;}
	.mail-h-1{font-size:16px;}
	.mail-h-2{font-size:16px;}
	.cont-2{font-size:14px;}
	.cont-5{font-size:14px;}
	.slide.produkt{width:215px;}
	.logo{width:auto;}
	.main-banners{height:660px;}
	.benefits div{width:50%; float:left; font-size:16px;}
	.search-header{left:70px; top:75px;}
	.header-logo{height:130px;}
	.tel-header{top:20px;}
	.login-header{left:320px; top:100px;}
	.login-header .auth li{float:left;}
	.cart-tr{width: 215px;}
	.cart-tr{width: 215px;}
	.mail-b .kmcollectemails {
		position: absolute;
		right: 0;
		top: 60px;
		width: 100%;
	}
	.mail-block{height:115px;}
	.navbar-toggler{padding:0rem 0.75rem; }
	.navbar {
		padding-bottom: 0;
		padding-top: 0;
	}
	.main-menu{height:auto;}
		.ht-menu a {
		font-size: 12px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.header-top .ht-block{padding-top:0;}
	.cart .item-name .bold, .cart .item-name .gray{font-weight:normal; font-size:16px;}
	.col{flex-basis:auto;}
	.cart .col.item-name{width:auto !important;}
	#slider{height: 295px;}
     .banners{height: 295px;}

}
@media (min-width: 768px) {

	.cart .item-name .bold, .cart .item-name .gray{font-weight:normal; font-size:16px}
	.col{flex-basis:auto;}
	.cart .col.item-name{width:auto !important;}
	.col{flex-basis:0;}
	.main-text h1{  width: 100%;}
	.main-news .col-md-6:last-child {display:none;}
	.mail-h-1{font-size:10px;}
	.mail-h-2{font-size:16px;}
	.cont-2{font-size:20px;}
	.cont-5{font-size:16px;}
	.slide.produkt{width:215px;}
	.logo{width:auto;}
	.main-banners{height:660px;}
	.benefits div{width:50%; float:left;}
	.header-logo{height:130px;}
	.tel-header{top:20px;}
	.login-header{left:500px; top:100px;}
	.login-header .auth li{float:left; margin-right:5px;}
	.search-header{left:75px; top:85px;}
	.cart-tr{width: 215px;}
	.navbar{padding-top:0; padding-bottom:0;}
	.ht-menu a {
		font-size: 12px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
		 #slider{height: 329px;}
     .banners{height: 329px;}
}
@media (min-width: 992px) {	
	.cart .item-name .bold, .cart .item-name .gray{font-weight:normal; font-size:16px;}
	
	.cart-tr{width:225px; margin-left:0px;}
	.main-news .col-md-6:last-child {display:none;}
	.cart-p{}
	.main-banners{height:500px;}
	.search-header {
		left: 310px;
		position: absolute;
		top: 30px;
	}
	.header-logo{height:100px;}
	.tel-header{top:10px; line-height:20px;}
	.login-header{left:560px; top:20px;}
	.login-header .auth li{float:none;}
	.benefits div{width:100%; float:right;}
	  .gallery {
    width: auto;
}
	.mail-h-1{font-size:16px; left:15px;}
	.mail-h-2{font-size:16px; left:15px;}
		.mail-b .kmcollectemails {
		position: absolute;
		right: 15px;
		top: 15px;
		width: 420px;
	}
	.mail-block{height:70px;}
}	
@media (min-width: 1200px) {
	.cart .item-name .bold, .cart .item-name .gray{font-weight:normal; font-size:16px;}
	.benefits div{width:100%;}
	.cart-tr{width:240px; margin-left:20px;}
	 .m-block .col-xl-3{
		-moz-box-flex: 0;
		flex: 0 0 20%;
		max-width: 20%;
  }
  .main-news .col-md-6:last-child {display:block;}
	  #navbar2 .navbar-collapse{display:block;}
		.gallery {
		width: 460px;
	}
	.address-header {
		display:block;
	}
	.banners {height: 480px;}
	#slider {height: 480px;}
}
@media (min-width: 1400px) {
  .container {max-width: 1340px;}
  .prod-main .container{ max-width: 1250px;}
  .m-block .col-xl-3{
	-moz-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;	  
  }
  .cart-tr{width:240px; margin-left:60px;}
  .gallery {
    width: 460px;
}
	#navbar2 .navbar-collapse{display:block;}
}

.product-cat .slide.produkt {
    max-width: 305px;
    width: 100%;
}
.product-cat .slide.produkt img {
    width: 100%;
    height: auto;
}
.slide.produkt{margin-right:0px;}
.slide.produkt .pm-name, .slide.produkt .pm-size, .slide.produkt .pm-price  {width:200px;} 
.tweek .badge {width:auto; height:auto;}
.tweek .badge span{padding-top:10px; padding-bottom:10px;}

.pm-info .pm-name, .pm-info .pm-price, .pm-info .pm-size {
    position: relative !important;
    width: 100% !important;
}

.pm-info .pm-name{
    top: 455px;
    background: #f8f8f8;
    line-height: 22px;
}

.pm-info .pm-price{
    top: 455px;
    background: #f8f8f8;
    line-height: 20px;
}

.pm-info .pm-size {
    top: 455px;
    background: #f8f8f8;
}

#product-description div, table.features {
    padding: 10px 10px 20px 10px;
}
 
.prod-h .h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #2ecc71;
    margin-bottom: 10px;
}

#cart-form {
    border: 1px solid #f7f7f7;
    padding: 20px 20px 0px 20px;
    background: #f7f7f7;
}

.flexdiscount-alldiscounts-heading {
    margin-bottom: 20px;
}

table.features td.name {
    padding-left: 10px;
}

.modal-delivery{
	
}

.modal-delivery > div > table{
	height: 600px;
	overflow-y: scroll;
	overflow-x: none;
	display: block;
}

.popup-wayout-lay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.33);
	z-index: 998;
}

.popup-wayout {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff url(/wa-data/public/site/themes/trikotazhnica/img/popup-wayout-bg.jpg) no-repeat;
	width: 640px;
	height: 400px;
	z-index: 999;
	border: 3px solid #35c572;
    padding: 16px;
}
	
	.popup-wayout .close {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
	}
		.popup-wayout .close svg {
			width: 20px;
			height: 20px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	
	.popup-wayout .popup-content {
		position: absolute;
		top: 40px;
		right: 16px;
		bottom: 16px;
		width: 400px;
	}
	
	.popup-wayout .popup-content .title {
		line-height: 30px;
		font-size: 30px;
		font-weight: 600;
		text-align: center;
		color: #505050;
	}
	
	.popup-wayout .popup-content .email {
		width: 260px;
		margin: 0 auto;
		height: 40px;
		border: 2px solid #35c572;
		padding: 0 8px;
		color: #000;
		display: block;
		margin-top: 16px;
		line-height: 36px;
	}
	
	.popup-wayout .popup-content .submit {
		width: 260px;
		margin: 0 auto;
		height: 40px;
		border: none;
		background: #35c572;
		text-align: center;
		color: #fff;
		display: block;
		margin-top: 8px;
		font-size: 19px;
	}
	
	.popup-wayout .popup-content .text {
		margin: 0 auto;
		display: block;
		width: 260px;
		font-size: 12px;
		line-height: 16px;
	}
	
	.popup-wayout .popup-content .subtitle {
		margin-top: 16px;
		text-align: center;
	}
		.popup-wayout .popup-content .subtitle p {
			font-size: 20px;
			line-height: 26px;
			margin: 0;
		}
		
.cart-table-features {
	
}

	.cart-table-features td {
		border: 1px solid #cacaca;
		padding: 8px;
	}
		.cart-table-features td.center {
			text-align: center;
		}
	
	.cart-table-features button {
		height: 24px;
		width: 24px;
		background: #a7a7a7;
		border: 1px solid #969696;
		color: #fff;
		border-radius: 50%;
		cursor: pointer;
	}
		.cart-table-features button:hover {
			background-color: #2ecc71;
			border-color: #2DB365;
		}
	
	.cart-table-features .quantity {
		height: 28px;
		border: none;
		background: none;
		width: 60px;
		text-align: center;
	}
		.cart-table-features .quantity::-webkit-outer-spin-button,
		.cart-table-features .quantity::-webkit-inner-spin-button {
			/* display: none; <- Crashes Chrome on hover */
			-webkit-appearance: none;
			margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
		}
		
	.addiction-feature {
		display: none;
	}
	.addiction-feature + label {
		padding: 12px;
		border: 1px solid #ddd;
		cursor: pointer;
	}
		.addiction-feature:checked + label {
			border-color: #2db365;
			background: #effbf4;
		}
		
		.addiction-feature + label i {
			margin: 0 6px 0 0;
		}
		
.product-mini-cart {
	display: none;
	position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    width: 100%;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.9);
}	
	.product-cat .slide.produkt:not([data-category-id="96"]):hover .product-mini-cart {
		display: block;
	}
	
	.product-mini-cart .cart-message {
		margin-top: 8px;
		display: block;
		text-align: center;
	}
	
	.product-mini-cart .title-cart {
		margin-bottom: 8px;
		display: block;
	}
	
	.product-mini-cart .quantity {
		height: 28px;
		border: none;
		background: none;
		width: 60px;
		text-align: center;
	}
	
		.product-mini-cart .quantity::-webkit-outer-spin-button,
		.product-mini-cart .quantity::-webkit-inner-spin-button {
			/* display: none; <- Crashes Chrome on hover */
			-webkit-appearance: none;
			margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
		}
	
	.product-mini-cart button[type="button"] {
		height: 24px;
		width: 24px;
		background: #a7a7a7;
		border: 1px solid #969696;
		color: #fff;
		border-radius: 50%;
		cursor: pointer;
	}
		.product-mini-cart button[type="button"]:hover {
			background-color: #2ecc71;
			border-color: #2DB365;
		}
	
	.product-mini-cart .cart-add {
		width: 100%;
		text-align: center;
		background-color: #2ecc71;
		color: #fff;
		font-size: 14px;
		border: 1px solid #2DB365;
		cursor: pointer;
		height: 40px;
		margin-top: 8px;
	}
	
	.product-mini-cart .link {
		cursor: pointer;
		color: #18a955;
		margin-bottom: 8px;
	}
	
@media (max-width: 990px) {
	
	.product-mini-cart button[type="button"] {
		height: 16px;
		width: 16px;
	}
	
	.product-mini-cart .quantity {
		width: 40px;
	}
	
}
.flexdiscount-alldiscounts-heading1 {
    width: 50%;
    float: right;
}

.wpg-copyright{margin: 32px 0 0;border:none;width:initial;border-collapse:collapse;font-family:sans-serif;text-align:left}
.wpg-copyright .wpg-logo{padding:0;padding-right:8px;vertical-align:middle}
.wpg-copyright .wpg-logo img{height:28px}
.wpg-copyright .wpg-url{line-height:14px!important;margin-bottom:2px;display:block;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:700;position:relative;width:150px;height:14px;overflow:hidden}
.wpg-copyright .wpg-url:before{content:'Web Project Group';width:100%;color:#DF4C09;display:block}
.wpg-copyright .wpg-text{margin:0;line-height:13px;font-size:13px;color:#fff; padding: 0; float: none;}

.html-heading {
    text-transform: uppercase;
    font-weight: bold;
    color: #2ecc71;
}

.pages-list ul li {
    line-height: 20px;
}

.pages-list ul li ul li {
    padding-left: 10px;
}

.pages-list ul li a {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 26px;
}

.pages-list ul li ul li a {
    font-weight: normal;
    text-transform: none;
    line-height: 20px;
}

.link-box {
	display: inline-block;
	cursor: pointer;
}

.link-box__icon {
	display: inline-block;
	vertical-align: middle;
}

.link-box__link {
	display: inline-block;
	vertical-align: middle;
}

.hide-indicator .indicator {
	display: none;
}

.shop-regions__button_hidden {
	opacity: 0;
}

.shop-regions__ip-analyzer-variants_hidden {
	display: none;
}

#vk_groups, #vk_groups iframe {
    max-height: 150px;
}

.kmcollectemails #mailerecf68e2ac8f51520b0baec918f5c98f8{
        padding: 0px;
}
.kmcollectemails #mailerecf68e2ac8f51520b0baec918f5c98f8 .wa-field:first-child{
    float: left;
    width: 240px;
}
.kmcollectemails #mailerecf68e2ac8f51520b0baec918f5c98f8 .wa-submit{
    width: 160px;
    height: 40px;
    background-color: #31373e;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    margin-top: 0px;
}
.kmcollectemails #mailerecf68e2ac8f51520b0baec918f5c98f8 .wa-errormsg{
        display: none!important;
}

.mm-block {
    position: relative;
}

.menu-item-childs{
    position: absolute;
    display:none;
    top: 60px;
    line-height: 60px;
    height: auto;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 900;
    color: #273646;
    width:250%;
    background-color: #d1cece;
    z-index:10000;
    
}
.nav-item:hover ~ .menu-item-childs {
    display:block;
    left: -50%;
    transition: 1s;
    border: 1px gray;
    border-style: solid;
    border-top-style: none;
}

.menu-item-childs:hover {
    display:block;
    left: -50%;
    border: 1px gray;
    border-style: solid;
    border-top-style: none;
}
nav {
        border: 1px gray solid;
    background-color: #d1cece;
}
@media (max-width: 990px) {
    .menu-item-childs{
        width:50%;
        }
    .nav-item:hover ~ .menu-item-childs {
        left: 20%;
        }

    .menu-item-childs:hover {
        left: 20%;
        }
}