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, 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;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

textarea, select, input, button { outline: none; }

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
} 
/* end reset all */

html, body {
	color: #000;
	width: 100%; 
	height: auto;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	font-family:'Roboto', Helvetica, Arial;
	}
	
h1, .h1 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 14px 0;
    font-size: 27px;
    line-height: 31px;
    text-transform: uppercase;
    font-weight: 500;
	color:#000;
	}
	
h2, .h2  {
	position: relative;
	display: block;
    width: 100%;
    height: auto;
    margin: 0 0 14px 0;
	font-size: 22px;
	line-height: 25px;
    text-transform: uppercase;
	font-weight: 500;
	}
	
h3, .h3  {
	position: relative;
	display:block;
    width: 100%;
    height: auto;
    margin:0 0 13px 0;
	font-size:18px;
	line-height:23px;
	font-weight:normal;
	}

p	{
	position: relative;
	display:block;
	font-size:15px;
	line-height:20px;
	color:#000;
	font-weight:300;
	margin:0 0 13px 0;
	}

ul, ol {
    margin: 12px 0 12px 25px;
    /*font-size:15px;
    line-height:20px;
    font-weight: 300;*/
    }

strong {font-weight:500;}

a, a:link, a:hover, a:visited {color:#000;}

/*GRID ONE COLUMN*/

ul.oneColumn {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.oneColumn li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    }



/*GRID TWO COLUMNS*/

ul.twoColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.twoColumns li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    height: auto;
    margin: 0 1% 20px 0;
    padding: 0;
    }

ul.twoColumns li:nth-child(2n) {margin: 0;}

/*GRID TWO COLUMNS 2*/

ul.twoColumns2 {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.twoColumns2 li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    height: auto;
    margin: 0 1% 20px 0;
    padding: 0;
    }

ul.twoColumns2 li:nth-child(2) {
    margin: 0 0 20px 0;
    }

ul.twoColumns2 img {
	position: relative;
    display: block;
    width: 100%;
    height: auto;
	margin: 0 0 20px 20px;
	}

/*GRID THREE COLUMNS*/

ul.threeColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.threeColumns li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 31.8%;
    height: auto;
    margin: 0 2.3% 20px 0;
    padding: 0;
    }

ul.threeColumns li:nth-child(3n) {margin: 0 0 20px 0;}


/*GRID FOUR COLUMNS*/

ul.fourColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.fourColumns li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 23.9%;
    height: auto;
    margin: 0 1% 20px 0;
    padding: 0;
    }

ul.fourColumns li:nth-child(4n) {margin: 0 0 20px 0;}


/*GRID FIVE COLUMNS*/

ul.fiveColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.fiveColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19%;
    height: auto;
    margin: 0 1% 20px 0;
    padding: 0;
    }

ul.fiveColumns li:nth-child(5n) {margin: 0 0 20px 0;}


/*GRID SIX COLUMNS*/

ul.sixColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.sixColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 15%;
    height: auto;
    margin: 0 0.7% 20px 0;
    padding: 0;
}

ul.sixColumns li:nth-child(6n) {margin: 0 0 20px 0;}


/*GRID SEVEN COLUMNS*/

ul.sevenColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.sevenColumns li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 14%;
    height: auto;
    margin: 0 0.2% 20px 0;
    padding: 0;
    }

ul.sevenColumns li:nth-child(7n) {margin: 0 0 20px 0;}



/*GRID TWELVE COLUMNS*/

ul.twelveColumns {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    }

ul.twelveColumns li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 8%;
    height: auto;
    margin: 0 0.3% 0 0;
    padding: 0;
    }

ul.twelveColumns li:nth-child(12n) {margin: 0;}


.overflow {
    position: relative;
    display: block;
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    overflow: hidden;
    }

ul.arrows {
    position: absolute;
    display: block;
    top: calc(50% - 15px);
    left: 0;
    width: 100%;
    margin: 0 auto;
    font-size: 0px;
    text-align: center;
    list-style-type: none;
    z-index: 99;
    }

ul.arrows li {
    position: absolute;
    display: block;
    top: 0;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    font-size: 28px;
    line-height: 28px;
    color: #000;
    cursor: pointer;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

ul.arrows li:first-child {left: 5px;}
ul.arrows li:last-child {right: 5px;}

ul.arrows li:hover {color: #3a9c3e;}



.btn, a.btn, .auth input[type="submit"].btn_style {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 0 10px;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border:0;
    border-radius: 50px;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    }

.btn:hover, a.btn:hover, .auth input[type="submit"].btn_style:hover {padding: 12px 30px;}

.auth input[type="submit"].btn_style {
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(3,3,3,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(3,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(3,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=1 ); /* IE6-9 */
}

.wrapper { 
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}

.wrap { 
    position: relative;
    display: block;
    width: 90%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
    }

.block { 
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 20px 5%;
    }

.special-offer {
    max-width: 1277px;
    position: relative;
    left: -1px;
    margin: 0px auto 13px auto;
}

.special-offer img:hover { 
	opacity: 0.7; 
	transition: all 0.35s ease-in-out; 
}

.dumb {
    position: relative;
    display: block;
    width: 100%;
    height: 110px;
    margin: 0 auto;
    padding: 0;
    }

.hr {
    position: relative;
    display: block;
    width: 60px;
    height: 5px;
    margin: 0 0 20px;
    padding: 0;
    border-radius: 50px;
    }


/* INNER HEADER */
.innerHeader {margin: 0 auto 10px; padding: 20px 5% 0; max-width: 1280px;}
.innerHeader h1 {font-weight: 500;}

.breadcrumbs {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin:0 auto 10px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    }

.breadcrumbs a {color: #50aa54;}

/* INNER PAGE */

.innerPage {margin: 0 auto 60px;}


/* BRAND PAGE */
.brandPage ul.twelveColumns li {margin: 0 0 10px; text-align: center;}
.brandPage ul.twelveColumns li img {
    width: 70%;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    }

.brandPage ul.twelveColumns li:hover img {margin: -5px auto 5px;}
.brandPage ul.twelveColumns li .name {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin:0 auto 15px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #535353;
    text-decoration: none;
    }


/* SIDEBAR */

.sidebar {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    }

.mainContent {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 77%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.sidebar .catBlock {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    height: auto;
    margin: 0;
    padding: 10px 5%;
    background: #fff;

    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    }

.sidebar .catBlock .title {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 10px 0;
    padding: 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    }

.sidebar .catBlock ul.sections {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    }

.sidebar .catBlock ul.sections li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0 5px;
    padding: 0;
	white-space: nowrap;
    }

.sidebar .catBlock ul.sections li a {
    padding: 3px 5px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 50px;
    }

.sidebar .catBlock ul.sections li.active a, .sidebar .catBlock ul.sections li a:hover {
    color: #fff;
    padding: 3px 10px;
    margin-left: -5px;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

.sidebar .catBlock .borderBottom {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
    background: #dfdfdf;
    }

.sidebar .catBlock ul.sections li ul.sub2 li a {
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    text-decoration: none;
    background: rgb(255,255,255); /* Old browsers */
    margin-left: -5px;
    color: #000;
    }

.sidebar .catBlock ul.sections li ul.sub2 li a, .sidebar .catBlock ul.sections li ul.sub2 li a {margin-left: -5px;}
.sidebar .catBlock ul.sections li.active ul.sub2 li a, .sidebar .catBlock ul.sections li ul.sub2 li a:hover {margin-left: -10px;}

.sidebar .catBlock ul.sections li ul.sub2 li.active a, .sidebar .catBlock ul.sections li ul.sub2 li a:hover {
    color: #fff;
    padding: 3px 10px;
    border-radius: 50px;
    margin-left: -10px;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }




/* PAGER */

ul.paginator {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 20px auto 30px;
    padding: 0;
    text-align: center;
    list-style-type: none;
    }

ul.paginator li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 2%;
    padding: 0;
    font-size: 13px;
    line-height: 13px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    }

ul.paginator li a, ul.paginator li span {
    position: relative;
    display: block;
    width: 28px;
    height: auto;
    margin: 0 auto;
    padding: 7px 0;
    border-radius: 50%;
    text-decoration: none;
    }

ul.paginator li:hover a, ul.paginator li.active span {
    color: #fff;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

ul.paginator li.dots { display: inline-block !important;}
ul.paginator li.dots span { color: #000;}




/* MAGNET */

.magnet, .magnetGlue {
	position: fixed;
	display: block;
    left: 0;
    top: 0;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
    background: #fff;
    z-index: 100;

    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
	}

.magnetGlue {display: none; z-index: 200;}

.magnet.bitrix, .magnetGlue.bitrix {top: 40px; position: absolute;}

.magnet .supertTop {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 8px;
    margin:0 auto;
    padding: 0;
    }

.magnetGlue .supertTop {
    position: relative;
    display: block;
    width: 100%;
    height: 8px;
    margin:0 auto;
    padding: 0;
    }

.magnet .supertTop ul.wideMenu {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    height: auto;
    margin: 0 2% 0 15%;
    padding: 0;
    }

.magnet .supertTop ul.wideMenu li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 2%;
    padding: 0;
    font-size: 11px;
    line-height: 24px;
    font-weight: 300;
    }

.magnet .supertTop ul.wideMenu li a {
    text-decoration: none;
    color: #fff;
    }

.magnet .supertTop a.openform {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 23%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    text-align: right;
    text-decoration: none;
    color: #fff;
    }

.magnet .supertTop .phone {
    position: relative;
    display: none; 
    vertical-align: middle;
    width:50%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.magnet .supertTop .phone a {
    font-size: 11px;
    line-height: 18px;
    font-weight: 300; 
    text-align: right;
    text-decoration: none;
    color: #fff;
    }

.magnet .supertTop .phone .caption {display: none;}

.magnet .top, .magnetGlue .top {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin:0 auto;
    padding: 10px 0;
    }

.magnet .top .logo, .magnetGlue .top .logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 14%;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    }

.magnet .top .logo img, .magnetGlue .top .logo img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0;
    padding: 0;
    }

.magnet .top .search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    }

.magnet .top .search input {
    position: relative;
    display: block;
    width: 92%;
    height: 32px;
    margin: 0;
    padding: 0 4%;
    background: #f4f4f4;
    font-size: 12px;
    border:0;
    border-radius: 50px;
    font-weight: 300;
    }

.magnet .top .search button {
    position: absolute;
    display: block;
    right: 12px;
    top: 5px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: none;
    border:0;
    cursor: pointer;
    }

.magnet .top .search button img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.magnet .topIcons {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    height: auto;
    margin: 0 1% 0 0;
    padding: 0;
    text-align: center;
    }

.magnetGlue .topIcons {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    }

.magnet .topIcons ul li, .magnetGlue .topIcons ul li {margin-bottom: 0;}

.magnet .topIcons a, .magnetGlue .topIcons a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 2px;
    padding: 0;
    font-size: 10px;
    line-height: 13px;
    font-weight: 300;
    color: #7e7e7e;
    text-decoration: none;
    }

.magnet .topIcons img, .magnetGlue .topIcons img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 24px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.magnet .topIcons ul li.cart img, .magnetGlue .topIcons ul li.cart img { margin-top: 2px; margin-bottom: -2px; }

.magnet .topIcons .num, .magnetGlue .topIcons .num {
    position: absolute;
    display: block;
    left: calc(50%);
    top: -6px;
    width: 17px;
    height: 17px;
    margin: 0 auto;
    padding: 0;
    font-size: 10px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    background: #60b564;
    border-radius: 50%;
    }

.magnet .phone {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    }

.magnet .phone a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    font-weight: 500;
    font-size: 21px;
    line-height: 25px;
    text-decoration: none;
    }

.magnet .phone .caption {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px;
    color: #7e7e7e;
    }

.magnet #cartWindow, .magnetGlue #cartWindow {
    position: absolute;
    display: none;
    left: -85px;
    top: 35px;
    width: 260px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #fff;

    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    z-index: 99;
    }

.magnet .cart:hover #cartWindow, .magnetGlue .cart:hover #cartWindow {display: block;}

.magnet #cartWindow ul, .magnetGlue #cartWindow ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5px 0;
    list-style-type: none;
    }

.magnet #cartWindow ul li, .magnetGlue #cartWindow ul li {
    position: relative;
    display: block;
    width: calc(98% - 10px);
    height: auto;
    margin: 0 auto;
    padding: 3px 5px;
    text-align: left;
    }

.magnet #cartWindow ul li .image, .magnetGlue #cartWindow ul li .image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    }

.magnet #cartWindow ul li .image img, .magnetGlue #cartWindow ul li .image img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.magnet #cartWindow ul li .descLine, .magnetGlue #cartWindow ul li .descLine {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(97% - 60px);
    height: auto;
    margin: 0;
    padding: 0;
    }

.magnet #cartWindow ul li .descLine .name, .magnetGlue #cartWindow ul li .descLine .name {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    }

.magnet #cartWindow ul li .descline .cost, .magnetGlue #cartWindow ul li .descLine .cost {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    }

.magnet #cartWindow ul li a.delete, .magnetGlue #cartWindow ul li a.delete {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: auto;
    margin: 0;
    padding: 0;
    }

.magnet #cartWindow a.all-result, .magnetGlue #cartWindow a.all-result {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    font-weight: 300;
    background: rgb(54,153,58);
    color: #fff;
    text-decoration: none;
    }





/* MENU */
.menu {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin:0 auto;
	padding: 5px 0 0;
	}

.magnetGlue .menu {display: inline-block; vertical-align: middle; width: 67%; margin-right: 2%;}

.menu ul {
	position: relative;
	display: table;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	}
	
.menu ul li {
	position: relative;
	display: table-cell;
	width: 13%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
    white-space: nowrap;
	}



.menu ul li a {
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #000;
    font-weight: 500;
	text-decoration: none;
    text-transform: uppercase;
	}

.menu ul li:nth-child(2) a {color: #e83c3c;}

.menu ul li a:hover, .menu ul li a.active  {
    color: #fff;
    padding: 3px 10px;
    border-radius: 50px;
    margin-left: -10px;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

.menu ul li:nth-child(2) a:hover, .menu ul li:nth-child(2) a.active {
	background: rgb(172, 19, 21); 
	color: #fff;
    background: -moz-linear-gradient(left,  rgb(172, 19, 21) 0%, rgb(254, 46, 46) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(172,19,21) 0%,rgba(254,46,46) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(172,19,21) 0%,rgba(254,46,46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.menu ul li:last-child {text-align: right;}

.menu ul li:last-child a:hover {margin-right: -10px; margin-left: auto;}

/* SUBMENU */

.top .submenu {
    position: absolute;
    left: 0;
    top: 90px;
    display: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
    background: #fff;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.1);
    }

.magnetGlue .top .submenu {top: 90px;top: 65px;}

.top .submenu ul.fourColumns {display: none;}
.top .submenu ul.fourColumns#item1 {display: block;}

.top .submenu .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 0 10px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
	color: #333;
    }

.top .submenu p {margin: 0 0 3px;}

.top .submenu a {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    }

.top .submenu a:hover, .submenu a.active {color: #00994b;}

.top .submenu img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }







/* PROMO */

.promo {
    position:relative;
    display:block;
    width:100%;
    max-width: 1440px;
    height:auto;
    margin: 119px auto 0;
    padding: 0;
	border-bottom: 8px solid rgba(54,153,58,1);
	}


/* BRANDS */

.brands {
    position: relative;
    display: block;
    width: 90%;
    max-width: 1280px;
    height: auto;
    margin: -120px auto 100px;
    padding: 0;
    background: #fff;
    }

.brands img {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
    }


/* TITLE SEARCH */

div.title-search-result {
    position: absolute !important;
    border: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    z-index: 999;
    }

div.title-search-result p {
    position: relative;
    display: block;
    width: calc(98% - 20px) !important;
    height: auto !important;
    margin: 0 auto;
    padding: 10px;
    white-space: nowrap;
    }

div.title-search-result ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5px 0;
    list-style-type: none;
    }

div.title-search-result ul li {
    position: relative;
    display: block;
    width: calc(98% - 10px) !important;
    height: auto !important;
    margin: 0 auto;
    padding: 3px 5px;
    }

div.title-search-result ul li:hover {background: #efefef;}

div.title-search-result ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-decoration: none;
    }

div.title-search-result ul li .image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 70px !important;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    }

div.title-search-result ul li .image img {
    position: relative;
    display: block;
    width: 100% !important;
    height: auto;
    margin: 0;
    padding: 0;
    }

div.title-search-result ul li .descInfo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(97% - 100px);
    height: auto;
    margin: 0;
    padding: 0;
    }

div.title-search-result ul li .descInfo .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    }

div.title-search-result ul li .descInfo .price {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    }

div.title-search-result .all-result {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    font-weight: 300;
    background: rgb(54,153,58);
    color: #fff;
    text-decoration: none;
    }




/* BEST */

.best {
    position: relative;
    display: block;
    width: 90%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 20px;
    padding: 0 0 40px;
    background: #fff;
    border-bottom: 0px solid #efefef;
    }

.best ul.fiveColumns.elements{margin: 0 0.5% 20px;}

.best ul.elements li {
    border-right: 1px solid #efefef; 
    vertical-align: top;
    margin-bottom: 30px;
    }

.best ul.elements li a {
    position: relative;
    display: block;
    width: 96%;
    height: auto;
    margin: 0 4% -20px 0;
    padding-bottom: 10px;
    background: #fff;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    }

.best ul.elements li:hover {z-index: 99;}

.best ul.elements li:hover a {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
    }

.best ul.elements li:nth-child(5n) {border-right: 0;}
.best ul.fourColumns.elements li:nth-child(4n) {border-right: 0;}
.best ul.fourColumns.elements li:nth-child(5n) {border-right: 1px solid #efefef;}

.best ul.elements li a {text-decoration: none;}

.best ul.elements li .image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0;
    }

.best ul.elements li .image img {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.best ul.elements li .title {
    position: relative;
    display: block;
    width: 90%;
    height: 40px;
    margin: 0 auto 10px;
    padding: 0;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    text-align: center;
    overflow: hidden;
    }

.best ul.elements li .price {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    text-align: center;
    }

.best ul.elements li .oldprice {
    position: relative;
    display: block;
    width: 100%;
    height: 10px;
    margin: 0 auto 10px;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
    color: #e83c3c;
    }

.oldprice {text-decoration: line-through; position: absolute;}

.best ul.elements li .label {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    }

.best ul.elements li .label.left {right: auto;left: 10px;}
.best ul.elements li .label.bgred {font-size: 12px;}

.best .seeAll {
    display: block;
    width: 150px;
    margin: 0 auto -60px;
    }

.best ul.elements li .btn {
    display: block;
    opacity: 0;
    width: 150px;
    text-align: center;
    margin: 5px auto 0;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    }

.best ul.elements li:hover .btn {
    display: block;
    opacity: 1;
    color: #fff;
    }

.best ul.elements li:hover .btn:hover {width: calc(90% - 60px);}

.mainImage .label {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 2px 5px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    }


.mainImage .label.left {right: auto;left: 10px;}
.mainImage .label.bgred {font-size: 12px;}




/* INTERESTING */
.interesting{
    max-width: 1280px;
    }

.interesting ul.fourColumns li {vertical-align: top;}

.interesting .image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 0;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.interesting li:hover .image {background-size: 120%;}

.interesting .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    opacity: 0;
    }

.interesting .shadow {
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    margin: 0 auto;
    padding: 0;
    z-index: 9;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    }

.interesting a.title {
    position: absolute;
    display: block;
    left: 5%;
    top: auto;
    right: 0;
    bottom: 5%;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    z-index: 9;
    }


/* NEWS */

.news {padding: 50px 0; width: 100%;}
.news ul.threeColumns li {vertical-align: top; width: 32%; margin-right: 1.5%;}
.news ul.threeColumns li:nth-child(3n) {margin-right: 0;}
.news .image { 
    position: relative;
    display: block;
    width: 97%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
	padding-bottom: 16%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #fff;
    z-index: 0;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.news .school .image {background-size: cover;}
.news .image:hover {opacity: 0.6;}
.news .school .image:hover {background-size: cover; opacity: 0.6;}

.news .mainContent .image {
	width: 100%;
	}

.mainContent .news-detail a {text-decoration: underline; color: rgb(55, 155, 60);}
.mainContent .news-detail a:hover {text-decoration: none; color: rgb(55, 155, 60);}

.mainContent .news-detail a.seeAll {text-decoration: none; color: #fff;}

.news .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    opacity: 0;
    }

.news .overflow {width: 100%;}
.news ul.arrows {left: 2%;width: 96%;}

.news a {text-decoration: none;}

.news .title {
    position: relative;
    display: block;
    width: 97%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 17px;
    line-height: 21px;
    font-weight: 500;
    text-decoration: none;
    }

.news p {
    position: relative;
    display: block;
    width: 97%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;    
    font-weight: 300;
    text-decoration: none;
    }

.news .seeAll {
    display: block;
    max-width: 200px;
    margin: 0 auto;
    }

.imgNews {
	margin: 0 0 20px 20px;
	width: 50%;
	height: auto;
	}

/* CONTENT */

.content {padding: 50px 0; width: 100%;}

.textBlock {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 65%;
    height: auto;
    margin: 0 5% 10px 0;
    padding: 0;
    }

.textBlockInner {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
	font-size: 13px;
    line-height: 18px;
    }

.sideBlock {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    }

.sideBlock .image { 
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 0;

    -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.sideBlock .image:hover {background-size: 120%;}

.sideBlock .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    opacity: 0;
    }

.sideBlock .shadow {
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    margin: 0 auto;
    padding: 0;
    z-index: 9;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    }

.sideBlock .title {
    position: absolute;
    display: block;
    left: 5%;
    top: auto;
    right: 0;
    bottom: 5%;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    z-index: 9;
    }

.sideBlock .title a.btn {
    display: block;
    text-align: center;
    width: 130px;
    margin: 20px 0;
    }

.content.innerSeo .textBlock {width: 75%; margin-right: 0;}
.content.innerSeo .sideBlock {width: 22%;}

/* CATALOG */

.sortBlock {
    position: relative;
    display: block;
    width: 96%;
    height: auto;
    margin: 0 0 20px;
    padding: 5px 2%;
    border-radius: 5px;
    }

.sortBlock ul.twoThree {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 66%;
    height: auto;
    margin: 0 auto;
    list-style-type: none;
    }

.sortBlock ul.twoThree li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    }

.sortBlock ul.twoThree li a {text-decoration: none;}
.sortBlock ul.twoThree li.active a {color: #3ba63e; font-weight:400;}
.sortBlock ul.twoThree li .fa {font-size: 14px; }
.sortBlock ul.twoThree li.active .fa {color: #3ba63e;}
    
.sortBlock ul.oneThree {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 34%;
    height: auto;
    margin: 0 auto;
    text-align: right;
    list-style-type: none;
    }

.sortBlock ul.oneThree li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    }

.sortBlock ul.oneThree li select {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 2%;
    padding: 1px 16px 1px 7px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    border: 0;
    color: #fff;
    background: rgb(54,153,58) url('../images/svg/ic-arrow-down-white.svg');
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: 80% 5px;
    border-radius: 50px;

    -webkit-appearance: none;
    -moz-appearance: none;
    }

ul.catalogSub li {vertical-align: top;}

ul.catalogSub li .image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 0px;
    padding: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

ul.catalogSub li .image:hover {background-size: 90%;}


ul.catalogSub li .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;    
    opacity: 0;
    }

ul.catalogSub li .caption {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

ul.catalogSub li .caption a.title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding: 0;
    text-decoration: none;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    }

ul.catalogSub li ul.submenu {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

ul.catalogSub li ul.submenu li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 7px;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    }



/* COMMERCE */

.mainContent ul.elements {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    list-style-type: none;
    }

.mainContent ul.elements li {
    position: relative;
    display: block;
    width: calc(100% - 0px);
    height: auto;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    background: #fff;
    z-index: 0;
    transition: all 0.3s ease-in-out;
    }

.mainContent ul.elements li:not(:first-child):not(.active):hover {box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); border: none; z-index: 9; margin-top: -1px;}

.mainContent ul.elements li ul {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    transition: none;
    }

.mainContent ul.elements li.active ul {display: block;}

.mainContent ul.elements li ul li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 5px 0 5px 0px;
    border-bottom: 1px solid #efefef;
    background: #fff;
    }

.mainContent ul.elements li.active ul li {
    background: #f9f9f9;
    }


.mainContent ul.elements li ul li:first-child {border-top: 1px solid #efefef;}

.mainContent ul.elements li ul li:last-child {border: 0;}

.mainContent ul.elements li.active:hover ul li:hover {box-shadow: none; border-bottom: 1px solid #efefef; margin: 0px;}

.mainContent ul.elements li.active:hover ul li:last-child:hover  {border: 0;}

.mainContent ul.elements li.th {background: #eff5f7; border: 0; border-radius: 5px;}
.mainContent ul.elements li.th .td {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
    }

.mainContent ul.elements li .td {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 14.284%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    }

.mainContent ul.elements li ul li .td {
    padding: 5px 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    }

.mainContent ul.elements li .td.amount .fa {font-size: 12px;}
.mainContent ul.elements li .td.image {width: 7%; text-align: center;}
.mainContent ul.elements li .td.image .prc {position: absolute;left: 2px;top: 5px; border-radius: 50px;background: #FF0000;color: #fff;padding:1px 3px 0;font-size: 9px;z-index: 9;}
.mainContent ul.elements li .td.artikul {width: 10%;}
.mainContent ul.elements li .td.title {width: 29%;cursor: pointer;}
.mainContent ul.elements li .td.price {width: 10%; text-align: center;}
.mainContent ul.elements li .td.price .oldproce {display: block;text-decoration: line-through;color: #FF0000;}
.mainContent ul.elements li .td.fullprice {width: 10%; text-align: center;}
.mainContent ul.elements li .td.reprice {width: 8%; text-align: center;}
.mainContent ul.elements li .td.amount {width: 10%; text-align: center;}
.mainContent ul.elements li .td.count {width: 8%; text-align: center;}
.mainContent ul.elements li .td.toggle {width: 8%; text-align: center;cursor: pointer;}
.mainContent ul.elements li .td.cart {width: 8%; text-align: center;}
.mainContent ul.elements li .td.toggle .fa {display: none; font-size: 16px;}
.mainContent ul.elements li .td.toggle .fa-angle-down {display: block;}
.mainContent ul.elements li.active .td.toggle .fa-angle-down {display: none;}
.mainContent ul.elements li.active .td.toggle .fa-angle-up {display: block;}

.mainContent ul.elements li .td .fa-battery-full {color: #36993a;}
.mainContent ul.elements li .td .fa-battery-three-quarters {color: #59c15f;}
.mainContent ul.elements li .td .fa-battery-half {color: #EADA00;}
.mainContent ul.elements li .td .fa-battery-quarter {color: #E87700;}
.mainContent ul.elements li .td .fa-battery-empty {color: #E50300;}

.mainContent ul.elements li .td.image img {
    position: relative;
    display: block;
    width: 30px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.mainContent ul.elements li .td .btn {padding: 8px 12px; margin: 0 auto;}

.mainContent ul.elements li .td.count.cartQ {max-width: 100%; background: #fff;}
.mainContent ul.elements li .td.count.cartQ .minus, .sminus {width: 15%; font-weight: 300;}
.mainContent ul.elements li .td.count.cartQ .plus, .splus {width: 15%; font-weight: 300;}
.mainContent ul.elements li .td.count.cartQ input {width: 30%; color: #000;}


.mainContent ul.elements li .input {
    position: relative;
    display: block;
    width: 100;
    max-width: 50px;
    height: auto;
    margin: 0 auto;
    padding: 5px 10px;
    }




/* FILTER */

ul.filter, ul.filterList {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    list-style-type: none;
    }

ul.filter li, ul.filterList li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0;
    }

ul.filter li .row, ul.filterList li .row {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.sidebar .catBlock ul.filter li .title, .sidebar .catBlock ul.filterList li .title {
    width: 100%;
    cursor: pointer;
    font-weight: 400;
    }

.sidebar .catBlock ul.filterList li .subtitle {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 14px auto;
    padding: 0;
    }

.sidebar .catBlock ul.filterList li .subtitle a{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    }

ul.filter li .fa, ul.filterList li .fa {
    position: absolute;
    right: 0;
    top: 3px;
    width: 10px;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    }

ul.filter li .fa-angle-up, ul.filterList li .fa-angle-up {display: none;}
ul.filter li .fa-angle-down, ul.filterList li .fa-angle-down {display: block;}
ul.filter li.active .fa-angle-down, ul.filterList li.active .fa-angle-down {display: none;}
ul.filter li.active .fa-angle-up, ul.filterList li.active .fa-angle-up {display: block;}

ul.filter li input, ul.filterList li input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(45% - 20px);
    height: 15px;
    margin: 5px 5% 0 0;
    padding: 10px 10px;
    font-size: 11px;
    line-height: 15px;
    border: 0;
    border-radius: 15px;
    background: #efefef;
    text-align: left;
    font-weight: 300;
    }

ul.filter li input:last-child, ul.filterList li input:last-child {margin-right: 0;}

ul.filter ul.params, ul.filterList ul.params {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0 10px -5px;
    padding: 0;
    list-style-type: none;
    }

ul.filter ul.params.cml2_manufacturer {column-count: 2;}
ul.filter ul.params.cml2_manufacturer li { display: inline-block;white-space: nowrap;}

ul.filter ul.params li, ul.filterList ul.params li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 4px 0 5px 0;
    padding: 3px 5px;
    background: rgb(255,255,255);
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    }

ul.filter ul.params li a, ul.filterList ul.params li a {
    text-decoration: none;
    padding: 3px 5px;
    }

ul.filter ul.params li.active a, ul.filter ul.params li a:hover,
ul.filterList ul.params li.active a, ul.filterList ul.params li a:hover  {
    color: #fff;
    padding: 3px 5px;
    border-radius: 50px;
    margin-left: 0;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

ul.filter ul.params li img.remove, ul.filterList ul.params li img.remove {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: auto;
    margin: 0 0 0 3px;
    padding: 0;
    }

ul.filter ul.params.klass_4 li, 
ul.filter ul.params.dlina_fut li,
ul.filter ul.params.razmer li,
ul.filterList ul.params.klass_4 li, 
ul.filterList ul.params.dlina_fut li,
ul.filterList ul.params.razmer li{
	display: inline-block;
	vertical-align: top;
	width: auto;
	text-align: center;
    }

.catBlock .btn {
    margin: 10px auto;
    display: block;
    width: 90%;
    }

.catBlock .btn:hover {
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

.noborder {border: 0;}


/* CARTOCHKA*/
.cartochka ul.twoColumns li {vertical-align: top;}

.cartochka ul.mainImage {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    height: auto;
    margin: 0 1% 0 0;
    padding: 0;
    list-style-type: none;

    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    }

.cartochka ul.mainImage li {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.cartochka ul.mainImage li.active {display: block;}

.cartochka .mainImage img {width: 100%;}

.cartochka ul.imageSet {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 13%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

.cartochka ul.imageSet li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    cursor: pointer;
    }

.cartochka ul.imageSet li img {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 1;
    border: 1px solid #efefef;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.cartochka ul.imageSet li.active img, .cartochka ul.imageSet li:hover img {border: 1px solid #52aa55;opacity: 0.3;}

.cartochka ul.twoColumns.paramsList li { vertical-align: middle;margin: 0 1% 20px 0 !important;}

.cartochka .param {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase;
    }

.cartochka .val {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    }

.cartochka .val a {color: #4aa14d;}

.cartochka .val select {
    position: relative;
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0;
    padding: 7px 5% 7px 5%;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    border: 0;
    color: #000;
    background: #f0f0f0 url('../images/svg/ic-arrow-down-black.svg');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 94% 10px;
    border-radius: 50px;

    -webkit-appearance: none;
    -moz-appearance: none;
    }


.cartochka .price {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    font-size: 21px;
    line-height: 26px;
    font-weight: 500;
    }

.cartochka .count {
    position: relative;
    display: block;
    width: 90%;
    max-width: 70px;
    height: auto;
    margin: 0;
    padding: 7px 5% 7px 5%;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    background: #f0f0f0;
    border-radius: 50px;

    -webkit-appearance: none;
    -moz-appearance: none;
    }

.cartochka .count input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 1px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    text-align: center;
    background: none;
    border:0;
    }

.cartochka .count .minus, .sminus {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    height: auto;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 18px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
    border:0;
    cursor: pointer;
    }

.cartochka .count .plus,.splus {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    height: auto;
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 18px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    text-align: center;
    border:0;
    cursor: pointer;
    }

.cartochka .margins {margin-top: 15px !important;}

.cardDescription {padding: 40px 5%;margin-bottom: 50px;}

.cardDescription ul.twoColumns li {vertical-align: top;}

.textContent p {font-weight: 300;}
.textContent ul {list-style-type: disc;}

.textContent ul li {
    display: list-item;
    font-weight: 300;
    margin: 0 0 7px !important;
    }

.cardDescription ul.twoColumns li ul li {width: 100%; margin-right: 0 !important;}

/* CATALOG SECTION */

.section ul.oneColumn {margin:0;}

.section ul.oneColumn li {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    overflow: hidden;
    }

.section ul.twoColumns li.twoThree {
    vertical-align: top;
    width: 66%;
    margin-right: 1.25%;
    overflow: hidden;
    }

.section ul.twoColumns li.oneThree {
    vertical-align: top;
    width: 32.58%;
    overflow: hidden;
    }

.section ul.threeColumns li {
    vertical-align: top;
    width: 32.33%;
    margin-right: 1.33%;
    overflow: hidden;
    }

.section ul.threeColumns li:last-child {margin-right: 0;}   

.section ul li {
    vertical-align: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.section ul li .image {
    position: relative;
    display: block;
    width: auto;
    height: 330px;
    margin: 0 auto;
    padding: 0;
    background: #000;
    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.section ul li .image img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    opacity: 0;
    }

.section ul.threeColumns li ul.listed {margin: 0 auto;}

.section ul.threeColumns li ul.listed li {   
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.section ul.threeColumns li:last-child {background-color: none !important;}

.section ul.threeColumns li:not(:nth-child(3)):hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    }

.section ul.threeColumns li:hover ul li {
    -webkit-box-shadow: none;
    box-shadow: none;
    }

.section ul.twoColumns li:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    }

.section ul.twoColumns li:hover ul li {
    -webkit-box-shadow: none;
    box-shadow: none;
    }

.section ul.twoColumns li:hover .image {opacity: 0.8;}
.section ul.threeColumns li:not(:nth-child(3n)):hover .image {opacity: 0.8;}


.section ul.threeColumns li ul.listed li:first-child {margin-bottom: 10px;}

.section ul.threeColumns li ul.listed li .image {height: 160px;}

.section .shadow {
    position: absolute;
    display: block;
	top:0;
	left: 0;
    bottom: 50%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    margin: 0 auto;
    padding: 0;
    z-index: 9;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;

    background: -moz-linear-gradient(bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
    }

.section ul.oneColumn {max-width: 1280px; margin: 0 auto 20px;}
.section ul.oneColumn li:hover .shadow {top: 30%; height: 70%;}

.section ul li .caption {
    position: absolute;
    display: block;
    left: 20px;
	top: 20px;
    bottom: 0;
    width: calc(100% - 40px);
    height: auto;
    margin: 0 auto;
    padding: 0;
    z-index: 99;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.section ul.oneColumn li .caption {bottom: 20px;}

.section ul.oneColumn li .caption .title, .section ul.twoColumns li .caption .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 36px;
    line-height: 41px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 12px rgba(0,0,0,0.5);

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.section ul.threeColumns li .caption .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }

.section ul.oneColumn li .caption .title {
    font-size: 36px;
    line-height: 41px;
    font-weight: 400;
    }

.section ul.oneColumn li:hover .caption  {bottom: 30px;}

.section .img-ico {
    position: absolute;
    display: block;
    right: -40px;
    top: -40px;
    width: 260px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    z-index: 9;
    }

.section .img-ico img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    opacity: 1;
    }


.section ul.submenu {
    position: relative;
    display: block;
    bottom: -300px;
    width: 100%;
    height: 0;
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
    }


.section ul.twoColumns li:hover ul.submenu {bottom: 0; height: auto;}
.section ul.threeColumns li:hover ul.submenu {bottom: 0; height: auto;}


.section ul.twoColumns li:first-child ul.submenu {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    }


.section ul.submenu li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    background: none;
    break-inside: avoid-column;
    }

.section ul.submenu li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    }

.section ul.submenu li a:hover {
    color: #50b053;
    }

.catalogSub {margin-bottom: 50px !important;}

/* SEARCH */

.searchField {
    position: relative;
    display: block;
    width: 96%;
    height: auto;
    margin: 0 0 20px;
    padding: 10px 2%;
    background: #fff;

    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    }

.searchField input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(95% - 24px);
    height: 36px;
    margin: 0 1% 0 0;
    padding: 0 2%;
    background: #f4f4f4;
    font-size: 12px;
    border: 0;
    border-radius: 50px;
    font-weight: 300;
    }

.searchField button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: auto
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #60b564;
    font-size: 20px;
    line-height: 24px;
    }




/* CART */

/* TABLE */

ul.table {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 10px;
    padding: 0;
    list-style-type: none;
    }

ul.table .row {
    position: relative;
    display: table;
    width: 96%;
    height: auto;
    margin: 0;
    padding: 10px 2%;
    border-bottom: 1px solid #efefef;
    }

ul.table .thead {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    padding: 20px 2%;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    border: 0;
    z-index: 9;
    }

ul.table .row:last-child {border: 0;}

ul.table .row .column {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    }

ul.table .row .column:nth-child(1) {width: 15%;}
ul.table .row .column:nth-child(2) {width: 25%;}
ul.table .row .column:nth-child(3) {width: 15%;}
ul.table .row .column:nth-child(4) {width: 10%;text-align: center;}
ul.table .row .column:nth-child(5) {width: 18%;text-align: center;}
ul.table .row .column:nth-child(6) {width: 15%;}
ul.table .row .column:nth-child(7) {width: 2%;}

ul.table .row .column.w40 {width: 50%;}

.commerce_stat ul.table .row .column:nth-child(1) {width: 10%;}
.commerce_stat ul.table .row .column:nth-child(2) {width: 10%;}
.commerce_stat ul.table .row .column:nth-child(3) {width: 30%;}
.commerce_stat ul.table .row .column:nth-child(4) {width: 15%;text-align: center;}
.commerce_stat ul.table .row .column:nth-child(5) {width: 15%;text-align: center;}
.commerce_stat ul.table .row .column:nth-child(6) {width: 0%;}
.commerce_stat ul.table .row .column:nth-child(7) {width: 20%;text-align: center;}
.commerce_stat ul.table .row .column:nth-child(8) {width: 0%;}

/*ul.table li .image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

ul.table li .image img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 110px;
    height: auto;
    margin: 0;
    padding: 0;
    }*/

ul.table li .delete img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 15px;
    height: auto;
    margin: 0;
    padding: 0;
    }

ul.table li .title, #order_form_div .title a, #order_form_div .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    color: #000;
    border: 0;
    text-decoration: none;
    }


ul.table li .params {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 5px 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #999;
    }

ul.table li .price {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    text-align: left;
    }

ul.table li .oldprice {
    position: relative;
    display: block;
    width: 100%;
    height: 10px;
    margin: 0 auto 10px;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    text-align: left;
    text-decoration: line-through;
    color: #e83c3c;
    }

ul.table li .count {
    position: relative;
    display: block;
    width: 90%;
    max-width: 70px;
    height: auto;
    margin: 0 auto;
    padding: 7px 5% 7px 5%;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    background: #222;
    border-radius: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    }

ul.table li .count .minus {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    height: auto;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 18px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
    }

ul.table li .count input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 1px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    }

ul.table li .count .plus {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    height: auto;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 18px;
    line-height: 16px;
    font-weight: 400;
    border: 0;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
    }

ul.table li .percent {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    text-align: center;
    }

ul.table li .total {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    text-align: left;
    }

.cart {margin-bottom: 30px; max-width: 1280px;}

.cart .tfooter {
    position: relative;
    display: block;
    width: 96%;
    max-width: 1220px;
    height: auto;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    padding: 20px 2%;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    border: 0;
    z-index: 9;
    }

.cart .discount {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.cart .totalAmount {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: right;
    }

.cart .tfooter .title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 2% 0 0;
    padding: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    }

.cart .tfooter input#coupon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    max-width: 280px;
    height: 36px;
    margin: 0 1% 0 0;
    padding: 0 4%;
    background: #f4f4f4;
    font-size: 12px;
    border: 0;
    border-radius: 50px;
    font-weight: 300;
    }


.cart .tfooter .btn {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    }

.hElement {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 5px;
    padding: 0;
    }

.hElement .ttitle {
    position: relative;
    display: table;
    width: 96%;
    height: auto;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    padding: 15px 2%;
    margin: 0 0 10px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 400;
    border: 0;
    z-index: 9;
    cursor: pointer;
    }

.hElement .ttitle .column {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.hElement .image img {max-width: 100px !important;}

.hElement .ttitle .fa {
    position: relative;
    display: none;
    vertical-align: middle;
    width: 20px;
    height: auto;
    margin: 0;
    padding: 0;
    color: rgb(54,153,58);
    }

.hElement .ttitle .fa-arrow-circle-right {display: inline-block;}

.hElement.active .ttitle .fa-arrow-circle-right {display: none;}
.hElement.active .ttitle .fa-arrow-circle-down {display: inline-block;}

.hElement ul.table {display: none;}
.hElement .pay {display: none;}
.hElement.active ul.table {display: block;}
.hElement.active .pay {display: block;}

.about {max-width: 1280px; }
.about a {text-decoration: underline; color: rgb(55, 155, 60);}
.about a:hover {text-decoration: none; color: rgb(55, 155, 60);}

.about img {max-width: 100%; height: auto;}

.news-detail {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 20px;
    font-weight: 300;
    }



/* AUTH */
.auth {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 30px auto;
    padding: 30px 5%;
    font-size: 13px;
    }

.auth ul.twoColumns li {vertical-align: top;}
.auth ul.oneColumn li {vertical-align: top;}

.auth input {
    position: relative;
    display: block;
    width: 100%;
    max-width: 270px;
    height: 36px;
    margin: 0 0 15px;
    padding: 0 15px;
    font-size: 12px;
    border: 0;
    border-radius: 50px;
    font-weight: 300;
    }

.auth input[type="checkbox"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    padding: 0;
    }

.auth textarea {
    position: relative;
    display: block;
    width: 96%;
    max-width: 480px;
    height: 156px;
    margin: 0 0 15px;
    padding: 10px 2%;
    font-size: 12px;
    border: 0;
    border-radius: 10px;
    font-weight: 300;
    }

.auth p a {color: #36993a;}

.auth p {
    
    font-size: 15px;
    line-height: 20px;
    }

.auth label {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0 0 8px;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    }

.auth .captchaImg {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    max-width: 160px;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    border-radius: 50px;
    }

.auth .captchaImg img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 50px;
    }

.auth .captchaField {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    max-width: 110px;
    }

.auth button {display: block;}

.auth .eula {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.auth .eula .fa { color: rgb(54,153,58); margin-right: 5px; }
.auth .eula p { text-indent: -10px; margin-left: 20px; max-width: 500px; }

.auth .fieldRow {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    }

.auth .error {
    position: absolute;
    display: block;
    bottom: 5px;
    left: 280px;
    width: 20px;
    height: auto;
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    color: rgb(54,153,58);
    }

.fieldRow.prop12 {font-size: 15px;line-height: 20px;} 

.totalAmount .small {font-size: 11px;line-height: 14px;margin: 0;}
.cart .tfooter .title {margin: 0;}


.cart_product_list_pr_td_name img {max-width: 160px;}


/* AUTH TOP*/

#authWindow {
    position: absolute;
    left: -120px;
    top: 35px;
    display: none;
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 20px 20px 0;
    background: #fff;
    text-align: left;
    z-index: 99;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    }

#authWindow ul.oneColumn .h2 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    }

#authWindow ul.oneColumn li {
    width: 100%;
    margin: 0 auto 10px;
    }

#authWindow ul.simple li {
    width: 100%;
     margin: 0 auto 20px;
    }

#authWindow ul.simple li {
    width: 100%;
    margin: 0 auto 20px;
    }

#authWindow  .auth button.inline, #authWindow .auth .btn.inline {display: inline-block; vertical-align: middle;}


#authWindow .btn, #authWindow  a.btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 0 2% 10px 0;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border:0;
    border-radius: 50px;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    }

#authWindow  .btn:hover, #authWindow  a.btn:hover {padding: 12px 30px;}

.magnet .topIcons ul li.personal:hover #authWindow {display: block;}

/* PERSONAL CARD */

.personal .cardBlock {
    position: relative;
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    }

.personal .cardBlock img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); 
    }

.personal .cardBlock .num {
    position: absolute;
    display: inline-block;
    right: 3%;
    top: 55%;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 5px;
    text-align: right;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    background-color: rgb(54,153,58);
    z-index: 99;
    }





/* CHECKOUT */

ul.twoColumns li.checkout {vertical-align: top;}

ul.twoColumns li.checkout input {
    display: block;
    width: 96%!important;
    height: 36px!important;
    padding: 0 2%!important;
    font-size: 12px!important;
    border-radius: 50px!important;
    border: 0 !important;
    margin: 0 0 20px!important;
    }

ul.twoColumns li.checkout input[type="checkbox"] {
    position: relative!important;
    display: inline-block!important;
    vertical-align: middle!important;
    width: 16px!important;
    height: 16px!important;
    margin: 0 5px 0 0!important;
    padding: 0!important;
    }

ul.twoColumns li.checkout input[type="radio"] {
    position: relative!important;
    display: inline-block!important;
    vertical-align: middle!important;
    width: 16px!important;
    height: 16px!important;
    margin: 0 5px 0 0!important;
    padding: 0!important;
    }

ul.twoColumns li.checkout textarea {
    position: relative!important;
    display: block!important;
    width: 96%!important;
    max-width: 480px!important;
    height: 56px;
    margin: 0 0 15px!important;
    padding: 10px 2%!important;
    font-size: 12px!important;
    border: 0!important;
    border-radius: 10px!important;
    font-weight: 300!important;
    }

#order_form_div .bx-sls .dropdown-block {
    width: 96%!important;
    height: 36px!important;
    padding: 0 2%!important;
    font-size: 12px!important;
    border-radius: 50px!important;
    border: 0 !important;
    background: #eff5f7;
    max-width: 290px;
    }

.bx-sls .dropdown-fade2white {display: none;}
#order_form_div .bx-sls .bx-ui-sls-clear {margin-top: 4px;}

.bx-sls .bx-ui-sls-pane {border: 0; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)}
.bx-sls .dropdown-item-text {font-weight: 300;}

#order_form_div .bx-ui-sls-container {margin-left: 5px !important;}
#order_form_div input.bx-ui-sls-route {color: #000!important;}

#order_form_div .section {margin: 0;}


ul.twoColumns li.checkout .detailInfo {
    position: relative;
    display: block;
    width: calc(100% - 16px);
    height: auto;
    margin: 0 0 20px;
    padding: 0 0 0 10px;
    border-left: 4px solid #efefef;
    }

ul.table.checkoutTable li .column:nth-child(1) {width: 42%; text-align: left;}
ul.table.checkoutTable li .column:nth-child(2) {width: 11%;text-align: center;}
ul.table.checkoutTable li .column:nth-child(3) {width: 11%; text-align: left;}
/*ul.table.checkoutTable li .column:nth-child(5) {width: 5%;text-align: center;}*/
ul.table.checkoutTable li .column:nth-child(4) {width: 11%;text-align: center;}
ul.table.checkoutTable li .column:nth-child(5) {width: 11%; text-align: left;}


.bx_ordercart {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 40px;
    padding: 0;
    }

.bx_order_make .small {
    font-size: 11px;
    line-height: 14px;
    }

.bx_order_make .small a{
    color:rgb(54,153,58);
    }


/* PROMOIMAGE */

.promoImage {
    position: relative;
    display: block;
    width: 100%;
    max-height: 300px;
    height: auto;
    margin: 0 auto 20px;
    padding: 0;
    overflow: hidden;
    }

.promoImage img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }

.promoImage .promoTitle {
    position: absolute;
    display: block;
    left: 4%;
    top: 40%;
    width: ;
    height: auto;
    margin: 0;
    padding: 2px 15px;
    font-size: 27px;
    line-height: 34px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: #000000b3;
    }

.promoDesc {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 40px;
    padding: 0;
    }

.promoDesc a {
    text-decoration: underline;
    color: rgb(55, 155, 60);
	}

.promoDesc a:hover {
    text-decoration: none;
    color: rgb(55, 155, 60);
	}



/* CONTACTS */
.contacts ul.twoColumns li {vertical-align: top; margin-bottom: 40px;}

.contacts .socials {font-size: 20px;}
.contacts a {color: rgb(54,153,58);}

/* PERSONAL */

.personal {padding-top: 10px;max-width: 1280px;}

.personal ul.lineMenu {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 40px;
    padding: 0;
    list-style-type: none;
    }

.personal ul.lineMenu li.btn {
    padding: 5px 10px;
    margin: 0 10px 0 0;
    letter-spacing: 0.05em;
    font-weight: 300;
    text-decoration: none;
    }

.personal ul.lineMenu li.btn:hover {
    background: rgb(54,153,58);
    background: -moz-linear-gradient(left, rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%);
    background: -webkit-linear-gradient(left, rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%);
    background: linear-gradient(to right, rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 );
    }

.personal ul.lineMenu li.btn:hover a, .personal ul.lineMenu li.btn.bggreen a {
    color: #fff;
    text-decoration: none;
    }

.payTable {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 40px;
    padding: 0;
    overflow: visible;
    }

.payTable .btn-primary {
    margin-top: 30px;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }



/* E404*/
.e404 .img404 {
    position: relative;
    display: block;
    width: 100%;
    max-width: 750px;
    height: auto;
    margin: 0 0 40px;
    padding: 0;
    }

.e404 .img404 img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.e404 .info404 {
    position: absolute;
    display: block;
    right: 0;
    top: 20%;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.e404 .sign404 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 270px;
    line-height: 270px;
    color: #459d47;
    }





/* FOOTER */

.footer {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
    border-top: 5px solid rgba(54,153,58,1);
    background: #121212;
	}

.footer .menu {
    width: 90%;
    padding: 10px 5%;
    background: #fff;
    }

.footer ul.fourColumns {width: 90%;margin-top: 30px;padding: 0 0 30px;}
.footer ul.fourColumns li {vertical-align: top; color: #fff;}

.footer a {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    }

.footer .logo  img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0 0 40px;
    padding: 0;
    }

.footer ul.socials {max-width: 150px; text-align: left; margin-left: 0;}
.footer ul.socials li a .fa {font-size: 24px;}

.footer .copyrights {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    }

.footer .title {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0 20px;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 500;
    }

.footer .subscribe {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }

.footer .subscribe input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 44%;
    height: 36px;
    margin: 0;
    padding: 0 4%;
    background: #f4f4f4;
    font-size: 12px;
    border:0;
    border-radius: 50px;
    font-weight: 300;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    }

.footer .subscribe .btn:hover {padding: 12px 20px;}

.footer .subscribe:hover input {padding: 0 2%;}
.footer .subscribe:hover .btn {padding: 12px 23px;}

.footer p.small {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 10px 0;
    padding: 0;
    font-size: 10px;
    line-height: 15px;
    font-weight: 300;
    color: #aaa;
    }



.map {
    position: relative;
    display: block;
    width: 100%;
    min-height: 450px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    }


/* POP UP FORM */

.fog {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background: rgba(57,60,67,0.82);
    z-index: 989;
    }

.btn_close {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 22px;
    cursor: pointer;
    color: #000;
    z-index: 99;
    }


/* FORM */

.popup {
    position: absolute;
    display: none;
    left: 5%;
    top: 50%;
    width: 60%;
    min-width: 320px;
    max-width: 650px;
    height: auto;
    margin: 0;
    padding: 3% 0;
    background: #fff;
    z-index: 990;

    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.05);
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.05);
    }

.popup form {
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    }

.popup .h3 {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto 20px;
    padding: 0 0 10px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    z-index: 9;
    font-weight: 700;
    }

.popup label {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto 5px;
    padding: 0;
    text-align: left;
    }

.popup input, .popup textarea {
    position: relative;
    display: block;
    width: 86%;
    height: 20px;
    margin: 0px auto 15px;
    padding: 10px 2%;
    font-size: 14px;
    line-height: 15px;
    font-weight: 300;
    border-radius: 50px;
    background: #eff5f7;
    border: 0;
    }

.popup input[type="checkbox"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5%;
    padding: 0;
    background: #eff5f7;
    border: 0;
    }

.popup textarea {height: 100px; border-radius: 15px;}

.popup .button {
    margin-left: auto;
    margin-right: auto;
    }

.popup .eula {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    height: auto;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: left;
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    }

.popup .message { 
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    }

.popup input[type="submit"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 20px 0 10px;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border:0;
    border-radius: 50px;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

.popup input[type="submit"]:hover {padding: 12px 30px;}

.auth .anketa input, .auth  .anketa textarea {
    background: #eff5f7;
    }

.auth .anketa .eula {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    height: auto;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: left;
    font-size: 11px;
    line-height: 13px;
    font-weight: 300;
    }

.auth .anketa input[type="checkbox"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    background: #eff5f7;
    border: 0;
    }

.auth .anketa input[type="submit"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 20px 0 10px;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border:0;
    border-radius: 50px;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

.auth .anketa input[type="submit"]:hover {padding: 12px 30px;}

.anketa .errortext {margin-left: 0; padding-left: 0;}



/* BURGER */

.burger {
    position: relative;
    display: none;
    vertical-align: middle;
    width: 8%;
    height: auto;
    text-align: center;
    margin-right: 2%;
    padding: 0;
    z-index: 99;
    }

.burger img.close {
    position: relative;
    display: none;
    width: 100%;
    max-width: 25px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    }

/* MOBILE MENU */
.mobile_menu {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: rgb(54,153,58);
    background: -moz-linear-gradient(left, rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%);
    background: -webkit-linear-gradient(left, rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%);
    background: linear-gradient(to right, rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 );
    overflow-y: scroll;
    z-index: 99;

    }

.mobile_menu ul {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    padding: 50px 5%;
    margin: 60px auto 0;
    list-style-type: none;
    }

.mobile_menu ul li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 25px 0;
    }

.mobile_menu ul li a {
    width: auto;
    height: auto;
    padding: 3px 5%;
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    }


.bggreen {
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }

.bgblack {    
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(3,3,3,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(3,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(3,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=1 ); /* IE6-9 */
    }

.bggray {background: #eff5f7 !important;}
.bgred {background: #e83c3c!important;}
.red {color: #e83c3c!important;}
.center {text-align: center !important; margin-left: auto !important; margin-right: auto !important;}
.right {text-align: right;}

.noshadow {box-shadow: none!important; z-index: 0!important;}

ul.simple li {
    display: list-item;
    margin-bottom: 10px!important;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    }

form[name="SIMPLE_FORM_1"] input {background: #eff5f7;}
form[name="SIMPLE_FORM_1"] textarea {background: #eff5f7;}
form[name="SIMPLE_FORM_1"] input[type="submit"] {
    width: 200px;
    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */
    }
form[name="SIMPLE_FORM_1"] input[type="submit"]:hover {width: 250px;}

.w50 {width: 50%!important;}
.w80 {width: 80%!important;}

#bx-panel.bx-panel-fixed {z-index: 999999999!important;}
#loading,#loading_f {position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;z-index: 10;opacity: 0.8;display:none;}

#warning_message, .errortext {
    position: relative;
    display: block;
    width: 90%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
}

#bx-panel.bx-panel-fixed {position: fixed !important;}
#bx-panel-back {display: none !important;}


input:active, input:hover, input:focus,
textarea:active, textarea:hover, textarea:focus {
    outline: 0;
    outline-offset: 0;
}


.slick-slide {margin: 0px 20px;}

.slick-slide img {
    width: 90%;
    margin: 5px 5%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 035s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.slick-slide img:hover {width: 100%;margin: 0;}

.slick-slider{
    position: relative;
    display: block;

    box-sizing:                     border-box;
    -webkit-user-select:            none;
    -moz-user-select:               none;
    -ms-user-select:                none;
            user-select:            none;
    -webkit-touch-callout:          none;
    -khtml-user-select:             none;
    -ms-touch-action:               pan-y;
        touch-action:               pan-y;
    -webkit-tap-highlight-color:    transparent;
    }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    }

.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }

.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}

[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

ul.slick-dots {
    position: relative;
    display: block;
    width: 90%;
    height: auto;
    margin: 40px auto 10px;
    padding: 0;
    text-align: center;
    list-style-type: none;
    }

ul.slick-dots li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: auto;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    }

ul.slick-dots li button {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0;
    background: #d9dee0;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    }

ul.slick-dots li.slick-active button {background: #000000;}
.fieldRow.hidden {display:none;}

/*#order_form_content .errortext {
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 5px 15px 5px 10px !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) !important;
    background: #fff !important;
    }*/

.val, .val *, .cartQ, .cartQ * {
 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.errorCount {display:none;}
.errorCount.show {
	display:block; 
	font-size: 11px; 
	line-height: 13px;
	font-weight: 400; 
	position: absolute; 
	top: 40px;
}

table.sale_order_full_table td {padding: 10px 0;}

table.sale_order_full_table td input[type="submit"], .tablebodytext input[type="submit"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    margin: 20px 2% 10px 0;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border:0;
    border-radius: 50px;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    background: rgb(54,153,58); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(54,153,58,1) 0%, rgba(89,193,95,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(54,153,58,1) 0%,rgba(89,193,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36993a', endColorstr='#59c15f',GradientType=1 ); /* IE6-9 */

    }

table.sale_order_full_table td input[type="submit"]:hover, .tablebodytext input[type="submit"]:hover {padding: 12px 30px;}

.tablebodytext {
    position: relative;
    display:block;
    font-size:15px;
    line-height:20px;
    color:#000;
    font-weight:300;
    margin:0 0 13px 0;
    }

.fieldRow[data-property-id-row="4"] {
	display:block;
    margin-bottom: 15px;
    }


.cart .tfooter .title, #order_form_div .title {font-size: 18px;line-height: 23px;font-weight: 400;}

.captchaBlock {display: none !important;}
#order_form_div .bx-sls input[type="text"] {width:90%!important;}

.starrequired {color: rgb(241, 92, 34);margin-right: 4px;}

.auth.personal .commerce_cart {width: 100%; padding: 20px 0; margin-bottom: 0;} 
.auth.personal .block {width: 100%; padding: 0;}
.auth.personal .block.best {width: 100%; padding: 20px 0;}
.auth.personal .cartochka {width: 100%; padding: 20px 0; margin-bottom: 0;} 


.commerce_cart .cart_product_list_pr_td_name img {max-width: 50px;}
.commerce_cart ul.table .row.thead {box-shadow: none; background: none;padding: 10px 2%;}
.commerce_cart.cart .tfooter {box-shadow: none; background: none;}

.commerce_cart ul.table .row {background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.15); z-index: 9;padding: 0 2%; margin-bottom: 5px;}

.commerce_cart ul.table .row .column:nth-child(1) {width: 10%;}
.commerce_cart ul.table .row .column:nth-child(2) {width: 10%;}
.commerce_cart ul.table .row .column:nth-child(3) {width: 30%;}
.commerce_cart ul.table .row .column:nth-child(4) {width: 15%; text-align: center;}
.commerce_cart ul.table .row .column:nth-child(5) {width: 15%; text-align: center;}
.commerce_cart ul.table .row .column:nth-child(6) {width: 0%;}
.commerce_cart ul.table .row .column:nth-child(7) {width: 15%; text-align: center;}
.commerce_cart ul.table .row .column:nth-child(8) {width: 5%;text-align: center;}

.commerce_cart ul.table li .price { text-align: center; }
.commerce_cart ul.table li .oldprice { text-align: center; }
.commerce_cart ul.table li .total { text-align: center; }
.commerce_cart ul.table .row .column:nth-child(8) img {max-width: 20px!important; margin: 0 auto;}

.commerce_cart ul.table .row.thead, .commerce_stat ul.table .row.thead {box-shadow: none;padding: 10px 2%;}
.commerce_cart img {max-width: 50px !important;}

.hElement.commerce_stat .stat { font-weight : 300;  }
.commerce_stat ul.table .row .column {padding: 0;}
.commerce_stat.hElement .row .column .image img {max-width: 50px !important;}

.commerce_stat.hElement ul.table {background: #fff !important;}
.commerce_stat.hElement ul.table .row {padding: 0 2%; border-bottom: 1px solid #efefef;}
.commerce_stat.hElement ul.table .row.thead {padding: 5px 2% 10px;}
.commerce_stat.hElement ul.table .row p {margin-bottom: 0;}
.commerce_stat.hElement ul.table li .title {font-weight: 300; font-size: 14px; line-height: 19px;}
.commerce_stat.hElement ul.table li .price {font-weight: 300; font-size: 14px; line-height: 19px; text-align: center;}

.commerce_stat.hElement ul.table li .total {font-weight: 300; font-size: 14px; line-height: 19px; text-align: center;}

#sale_order_props {display: none !important;}