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

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

@font-face {
    font-family: "Grotesk";
    src: url('fonts/BarnaulGrotesk.woff') format('woff'), url('fonts/BarnaulGrotesk.ttf') format('truetype'), url('fonts/BarnaulGrotesk.svg') format('svg'), url('fonts/BarnaulGrotesk.otf') format('opentype'), url('fonts/BarnaulGrotesk.eot') format('embedded-opentype');
}

@font-face {
    font-family: "Segoe";
    src: url('fonts/SegoeUISemibold.woff') format('woff'), url('fonts/SegoeUISemibold.ttf') format('truetype'), url('fonts/SegoeUISemibold.svg') format('svg'), url('fonts/SegoeUISemibold.otf') format('opentype'), url('fonts/SegoeUISemibold.eot') format('embedded-opentype');
}

a {
    text-decoration: none;
}


/*
body {
  background: url(../../images/eco/bg.png) top center repeat;
  background-attachment:fixed;
}
*/

nav {
    min-width: 1000px;
    width: 100%;
    height: 36px;
    background: #bcd800;
    border-bottom: solid 1px #c8de32;
}

nav ul {
    display: table;
    margin: 0 auto;
}

nav ul li {
    display: inline-block;
    vertical-align: top;
}

nav ul li a {
    margin: 0 13px;
    color: #193200;
    font: normal 15px/37px "Grotesk";
    text-transform: uppercase;
}

nav ul .dropdown {
    position: relative;
    z-index: 9;
}


/* line 36, ../sass/screen.sass */

nav ul .dropdown ul {
    position: absolute;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 550px;
    padding: 20px 30px 30px;
    background: #ddeb7f;
}


/* line 43, ../sass/screen.sass */

nav ul .dropdown ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 5px 43px;
}


/* line 49, ../sass/screen.sass */

nav ul .dropdown ul li a {
    margin: 0;
    font: normal 15px/20px "Grotesk";
}


/* line 52, ../sass/screen.sass */

nav ul .dropdown ul li a:hover {
    color: #206a00;
    text-decoration: underline;
}


/* line 56, ../sass/screen.sass */

nav ul .dropdown>a {
    padding-right: 14px;
    background: url(../../images/eco/top-menu-arrow.png) right center no-repeat;
}


/* line 59, ../sass/screen.sass */

nav ul .dropdown:hover {
    background: #ddeb7f;
}


/* line 61, ../sass/screen.sass */

nav ul .dropdown:hover ul {
    display: block;
}


/* line 65, ../sass/screen.sass */

.wrapper {
    width: 1000px;
    margin: 0 auto;
    background: ???;
}

.right-header {
    /*background: url(../../images/eco/header_right.png) left center no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 245px;
    width: 770px;
	background: url(../../images/eco/header_back.png) left center no-repeat;*/
    z-index: -10;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 412px;
    width: 100%;
    background: url(../../images/eco/header_back.png) center bottom no-repeat;
}

.left-header {
    background: url(../../images/eco/header_right.png) left center no-repeat;
    position: absolute;
    top: -20px;
    right: 0px;
    height: 245px;
    width: 294px;
}


/* header */


/* line 70, ../sass/screen.sass */

header {
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    /*background: url(../../images/eco/header_back.png) no-repeat center bottom;*/
}


/* auth */


/* line 76, ../sass/screen.sass */

.user {
    position: absolute;
    left: 0;
    top: 25px;
    padding-left: 15px;
    font: normal 13px/17px "Grotesk";
    background: url(../../images/eco/user-icon.png) left center no-repeat;
}


/* line 83, ../sass/screen.sass */

.user span {
    border-bottom: dashed 1px #d31a21;
    color: #d31a21;
}


/* line 86, ../sass/screen.sass */

.user:hover {
    background: url(../../images/eco/user-icon-hover.png) left center no-repeat;
}


/* line 88, ../sass/screen.sass */

.user:hover span {
    border-bottom: dashed 1px #f30009;
    color: #f30009;
}


/* line 91, ../sass/screen.sass */

.top-basket {
    width: 152px;
    height: 45px;
    display: block;
    position: absolute;
    top: 2px;
    right: 28px;
    background: url(../../images/eco/top-basket.png) left center no-repeat;
}


/* line 99, ../sass/screen.sass */

.top-basket .basket-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 105px;
    height: 44px;
    margin-left: 47px;
    border: dashed 1px #ebeaea;
}


/* line 105, ../sass/screen.sass */

.top-basket .basket-info .items,
.top-basket .basket-info .sum {
    padding: 0 0 0 12px;
    margin: 0;
    text-transform: lowercase;
}


/* line 109, ../sass/screen.sass */

.top-basket .basket-info .items {
    color: #be050c;
    font: normal 13px/21px "Grotesk";
}


/* line 112, ../sass/screen.sass */

.top-basket .basket-info .sum {
    color: #6aa001;
    font: normal 13px/21px "Grotesk";
}


/* line 115, ../sass/screen.sass */

.top-basket:hover {
    background: url(../../images/eco/top-basket-hover.png) left center no-repeat;
}


/* line 117, ../sass/screen.sass */

.top-basket:hover .basket-info {
    border: dashed 1px #dd7c7f;
}


/* line 119, ../sass/screen.sass */

.top-basket:hover .basket-info .items {
    color: #f30009;
}


/* line 121, ../sass/screen.sass */

.top-basket:hover .basket-info .sum {
    color: #8be000;
}


/* /auth */


/* line 126, ../sass/screen.sass */

.soc {
    position: absolute;
    right: 10px;
    top: 30px;
}


/* line 130, ../sass/screen.sass */

.soc li {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}


/* line 134, ../sass/screen.sass */

.soc li a {
    width: 30px;
    height: 30px;
    display: block;
}


/* line 138, ../sass/screen.sass */

.soc li a:hover {
    background-color: #7dab00;
}


/* line 140, ../sass/screen.sass */

.vk {
    background: #a2c937 url(../../images/eco/top-soc-vk.png) 50% 0 no-repeat;
}

.inst {
    background: #a2c937 url(../../images/eco/inst.png) 0 0 no-repeat;
}


/* line 142, ../sass/screen.sass */

.fb {
    background: #a2c937 url(../../images/eco/top-soc-fb.png) 0 0 no-repeat;
}


/* line 144, ../sass/screen.sass */

.od {
    background: #a2c937 url(../../images/eco/top-soc-od.png) 0 0 no-repeat;
}


/* line 146, ../sass/screen.sass */

.tw {
    background: #a2c937 url(../../images/eco/top-soc-tw.png) 0 0 no-repeat;
}


/* line 153, ../sass/screen.sass */

.phone {
    color: #db2128;
    font-weight: 600;
    margin-top: 5px;
    padding-top: 5px;
    background: url(../../images/eco/phone.gif) no-repeat left 3px;
}

.work {
    color: #da2128;
    font: normal 18px/23px Segoe UI;
    text-transform: uppercase;
}


/* line 164, ../sass/screen.sass */

.logo {
    width: 231px;
    height: 93px;
    background: url(../../images/eco/logo.png) 0 0 no-repeat;
    margin: 20px 0 0 10px;
    display: block;
}


/* line 171, ../sass/screen.sass */

.search {
    width: 398px;
    height: 33px;
    margin: -25px auto 0;
    position: relative;
}


/* line 176, ../sass/screen.sass */

.search input[type=text] {
    width: 394px;
    height: 32px;
    padding: 0 20px 0 10px;
    border: solid 2px #bed464;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
}


/* line 186, ../sass/screen.sass */

.search input[type=submit] {
    position: absolute;
    right: 12px;
    top: 7px;
    width: 13px;
    height: 19px;
    display: block;
    border: 0;
    background: url(../../images/eco/search-btn.png) 0 0 no-repeat;
    font-size: 0;
    cursor: pointer;
}


/* /header */


/* maincontent */


/* line 201, ../sass/screen.sass */

.content {
    margin: 10px 0;
    padding: 0 10px;
}

.content>p,
.news-block>p {
    margin-bottom: 10px;
    color: #002A2E;
}

.news-block>p:first-child,
.news-block>p:first-child {
    margin-top: 30px;
}

.content>p img,
.news-block>p img,
.news-block>img,
.news-block>p img {
    max-width: 500px;
    margin: 15px 0;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.5);
}

.news-block h1 {
    margin: 15px 0;
    color: #da2128;
    font: normal 32px/32px "Grotesk";
}

.company-block {
    padding: 0px;
    box-shadow: 2px #ddebf9;
    width: 1000px;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #ddebf9;
    margin: auto;
}

.company-block h2 {
    margin: 24px 0;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
}

.comands-block {
    padding: 20px;
    box-shadow: 2px #ddebf9;
    width: 1000px;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #ddebf9;
    margin: auto;
}

.comands-block h1 {
    margin: 24px 0;
    color: #000000;
    /*font: normal 24px/24px "Grotesk";*/
    font: normal 22px/20px "arial";
    text-align: center;
    text-transform: uppercase;
}

.company-block .breadcrumbs {
    padding: 20px;
}

.comands-block p {
    margin: 24px;
    color: #000000;
    font-size: 16px;
    text-align: justify;
}

.comands-block .blue-block {
    margin: 14px 24px 0 24px;
    padding-top: 50px;
    color: #ffffff;
    font-size: 16px;
    width: 950;
    height: 420;
    background: url('/images/background-1.jpg')no-repeat;
}

.comands-block .orange-block {
    margin: 14px 24px 0 24px;
    padding-top: 50px;
    color: #ffffff;
    font-size: 16px;
    width: 950;
    height: 420;
    background: url('/images/background-2.jpg')no-repeat;
}

.comands-block .green-block {
    margin: 14px 24px 0 24px;
    padding-top: 50px;
    color: #ffffff;
    font-size: 16px;
    width: 950;
    height: 420;
    background: url('/images/background-3.jpg')no-repeat;
}

.comand-people {
    margin: 10px;
    float: left;
    text-align: center;
    width: 293px;
}

.comand-image {}

.comand-text {
    color: #ffffff;
}

.comand-text .people-name {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.comand-text .people-job {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}

.comand-text .people-direction {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.imgcom {
    float: left;
    margin-right: 15px;
    width: 380px;
}

.comands-block .clients-block {
    margin: 14px 14px 0 24px;
    padding-top: 10px;
    color: #000000;
    font-size: 16px;
    height: 1250px;
}

.comands-block h3 {
    color: #a2c937;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0px 20px 0px;
}

.comands-block h4 {
    margin: 20px 0px 10px 0px;
}

.comands-block .showrekviz {
    color: #000000;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 600;
    margin: 20px 0px 20px 0px;
}

.showrekviz:hover {
    color: #000000;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    margin: 20px 0px 20px 0px;
}

.hiderekviz {
    margin: 10px 0px 20px 35px;
}

.comands-block .showtext {
    color: #a2c937;
    font-size: 16px;
    text-decoration: underline;
    margin: 20px 0px 20px 0px;
}

.comands-block strong {
    font-weight: 600;
}

.showtext:hover {
    color: #a2c937;
    font-size: 16px;
    text-decoration: none;
    margin: 20px 0px 20px 0px;
}

.showmap {
    margin-top: 20px;
    border: 3px solid #a2c937;
    padding: 10px;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
}

.showmap:hover {
    border: 3px solid #7d9e23;
}

.comands-block .rekviz {
    color: #000000;
    float: right;
    border: 1px solid #d8ecfa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.comands-block .contactss {
    color: #000000;
    float: left;
}

.comands-block .contactss p {
    margin: 10px 0px 15px 0px !important;
    font-weight: 600;
}

.email_c {
    background-image: url(../../images/eco/email_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 0px !important;
    background-position: left top;
    height: 26px;
}

.contactss .fax_c {
    background-image: url(../../images/eco/fax_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 0px !important;
    background-position: left top;
    height: 26px;
}

.phone_c {
    background-image: url(../../images/eco/phone_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 0px !important;
    background-position: left top;
    height: 26px;
}

.adress_c {
    background-image: url(../../images/eco/adress_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-bottom: 0px !important;
    background-position: left top;
    height: 26px;
}

.text-contacts {
    clear: both;
    padding-top: 20px;
}

.text-contacts h3 {
    margin: 10px 0px 15px 0px !important;
    color: #000000 !important;
    font-weight: 600;
    font-size: 16px !important;
}

.text-contacts h4 {
    margin: 10px 0px 15px 0px !important;
    color: #000000 !important;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 14px !important;
}

.text-contacts p {
    margin: 10px 0px 15px 0px !important;
    color: #666666 !important;
}

.time_c {
    background-image: url(../../images/eco/time_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: 0px !important;
    background-position: left top;
    background-repeat: no-repeat;
    height: 20px;
    color: #000000 !important;
}

.text-contacts .online_c {
    background-image: url(../../images/eco/online_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: 0px !important;
    background-position: left top;
    height: 20px;
    color: #000000 !important;
}

.text-contacts .test_c {
    padding-left: 35px;
    color: #000000 !important;
}

.panorama_contacts,
.filial_div {
    margin-top: 20px;
}

.dileri-table {
    padding: 0px 5px 0px 5px;
    background: #f4f4f3;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

.dileri-table td {
    padding: 20px 0px;
}

.dileri-table td:first-child {
    width: 35%;
    border-right: 1px solid #c5c5c5;
}

.headerp {
    /* padding: 5px 5px 20px 20px; */
    color: #000000 !important;
    /* font: normal 48px/26px "Grotesk"; */
    font-size: 20px !important;
    font-weight: 600;
    text-transform: uppercase
}

.money_ {
    /* padding: 5px 5px 20px 20px; */
    color: #000000 !important;
    /* font: normal 48px/26px "Grotesk"; */
    font-size: 25px !important;
    font-weight: 600;
}

.Ruble {
    color: #000000 !important;
    /* font: normal 48px/26px "Grotesk"; */
    font-size: 20px !important;
    /* font-weight: 600; */
    padding-bottom: 24px;
}

.boldpercent {
    font-size: 16px;
    font-weight: 800;
}

#textbox p {
    color: rgba(0, 0, 0, 0.41) !important;
}

.dileri-back {
    padding: 10px 5px 40px 5px;
    overflow: hidden;
}

.dileri-back figure {
    float: right;
    margin-left: 120px;
    margin-right: 25px;
    margin-top: 20px;
}

.dileri-back h3 {
    padding: 5px 5px 20px 20px;
    color: #000000 !important;
    font: normal 22px/20px "Grotesk";
    text-align: center;
}

.dileri-back-grey {
    margin-top: 30px;
    padding: 20px 5px 40px 5px;
    background: #f4f4f3;
    height: auto;
    overflow: hidden;
}

.dileri-back-grey h3 {
    padding: 5px 5px 20px 20px;
    color: #000000 !important;
    font: normal 22px/20px "Grotesk";
    text-align: center;
}

.dileri-back-grey h4 {
    margin: 24px;
    color: #000000 !important;
    font-family: Segoe UI;
    font-size: 16px;
}

.dileri-back-grey ol {
    overflow: hidden;
    margin: 24px;
}

.dileri-back-grey li {
    list-style: decimal;
    list-style-position: inside;
    padding: 5px 10px 10px 0px;
    line-height: 1.5em;
}

.dileri-back-grey figure {
    float: left;
    margin-left: 25px;
    margin-right: 50px;
}

.boldtext {
    font-weight: bold;
}

.righttext,
.centerpic,
.lefttext {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.lefttext div {
    height: 115px;
    margin-bottom: 20px;
}

.righttext div {
    height: 115px;
    margin-bottom: 20px;
    margin-left: 50px;
}

.listround {
    height: 60px;
    line-height: 40px;
}

.digitals {
    float: left;
    font-weight: bold;
    font-size: 22px;
    color: #a2c937;
    border: 1px solid #a2c937;
    text-align: center;
    padding: 0px;
    width: 45px;
    line-height: 40px;
    height: 45px;
    /* margin-top: 5px; */
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    behavior: url(PIE.htc);
    margin-right: 15px;
}

.garant-back {
    padding: 0px 5px 10px 5px;
    overflow: hidden;
}

.garant-back figure {
    float: left;
    margin-left: 24px;
    margin-right: 50px;
    margin-top: 20px;
}

.garant-border {
    padding: 15px;
    overflow: hidden;
    border: 4px double #ffff00;
    /* height: 65px; */
    /* line-height: 40px; */
    margin: 30px 24px 30px 27px;
}

.garant-border p {
    text-align: center;
    font-size: 18px;
}

.garant-grey {
    margin-top: 30px;
    padding: 20px 5px 40px 5px;
    height: auto;
    overflow: hidden;
}

.garant-grey h3 {
    padding: 5px 5px 20px 20px;
    color: #000000 !important;
    font: normal 22px/20px "Grotesk";
    text-align: center;
}

.garant-grey figure {
    float: right;
    margin-left: 50px;
    margin-right: 24px;
}

.garant-grey ul {
    text-align: center;
}

.garant-grey li {
    text-align: left;
    background: url(images/round.png) no-repeat;
    padding: 5px 10px 50px 80px;
    /* line-height: 1.5em; */
    margin-left: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size: 10px;
}

.bigboldletter {
    color: #000000 !important;
    font: normal 20px/10px "Grotesk";
    font-weight: bold;
}

.bigletter {
    color: #000000 !important;
    font: normal 20px/10px "Grotesk";
}

.filial_div {
    width: 100%;
}

.filial {
    display: inline-block;
    width: 49%;
    margin-right: 0px !important;
    padding-right: 0px !important;
    min-height: 150px;
    vertical-align: top;
    border-top: 1px dashed #d8ecfa;
    padding-bottom: 10px;
}

.filial:nth-last-child(even) {
    border-right: 1px dashed #d8ecfa;
}

.filial h3 {
    font-size: 18px !important;
    margin: 10px 0px 15px 15px !important;
}

.filial p {
    margin: 10px 10px 15px 15px !important;
}

.skype_c {
    background-image: url(../../images/eco/skype_c.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: 0px !important;
    background-position: left top;
    height: 20px;
    color: #000000 !important;
}

.panorama_contacts h3 {
    margin: 10px 0px 15px 0px !important;
    color: #000000 !important;
    font-weight: 600;
    font-size: 16px !important;
}

.panorama_contacts h3 a {
    color: #000000 !important;
    font-weight: 600;
}

.panorama_contacts div {
    display: inline-block;
    width: 455px;
    margin-right: 20px;
    margin-left: 20px;
}

.rekviz p {
    color: #000000;
}

.comands-block .rekviz span {
    color: #666666;
    font-size: 14px;
}

.wmi-callto {
    color: #000000 !important;
    font-size: 14px;
    font-weight: 600;
}

.client {
    margin: 10px 20px 10px 10px;
    float: left;
    text-align: center;
    width: 210px;
    height: 225px;
}

.client-image {
    border: 1px solid #cecdce;
}

.client-text {
    color: #000000;
}

.client-text p {
    margin: 10px !important;
}

.client-text .client-name {
    color: #000000;
    font-size: 18px;
    text-align: center;
}

.client-text .client-subname {
    color: #000000;
    font-size: 14px;
    /* text-transform: uppercase; */
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
}

.p-company {
    margin: 0px !important;
    line-height: 1.2;
    padding: 0px 30px 0px 30px;
    margin-top: 14px !important;
    color: #000000;
    font-size: 16px;
    text-align: justify;
    overflow: hidden;
}

.p-company span {
    color: #08285d;
    font-weight: 600;
}

.p-company strong {
    font-weight: 600;
}

.p-company i {
    font-style: italic;
}

.p-company img {
    float: left;
    margin-right: 15px;
}

.company-back {
    margin-top: 30px;
    padding: 20px 5px 40px 5px;
    background: url(../../images/eco/greyblock.jpg) no-repeat;
}

.company-back span {
    font-size: small;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}

.company-back figure {
    float: right;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
}

.company-back figcaption {
    font-size: small;
    text-align: center;
    margin-top: 10px;
}

.sert-block {
    padding-left: 20px;
}

.sertification {
    float: left;
    margin-right: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px #ddd;
    -webkit-box-shadow: 0px 0px 10px #ddd;
    margin-bottom: 30px;
}

.sertification img {
    width: 230px;
}

.credit-back {
    margin-top: 30px;
    padding: 20px 5px 40px 5px;
}

.credit-back h4 {
    padding: 5px 5px 20px 20px;
    color: #000000;
    font: normal 18px/10px "Grotesk";
}

.credit-back figure {
    float: right;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
}

.credit-back ul {
    overflow: hidden;
}

.credit-back li {
    list-style: disc;
    list-style-position: inside;
    padding: 5px 10px 10px 0px;
    line-height: 1.5em;
    margin-left: 20px;
}

.credit-grey-back {
    margin-top: 30px;
    padding: 20px 5px 40px 5px;
    background: #f4f4f3;
    height: auto;
}

.credit-grey-back h4 {
    padding: 5px 5px 20px 20px;
    color: #000000;
    font: normal 18px/10px "Grotesk";
}

.credit-grey-back figure {
    float: left;
    margin-left: 25px;
    margin-right: 50px;
    margin-top: 20px;
}

.credit-grey-back ul {
    overflow: hidden;
}

.credit-grey-back li {
    list-style: disc;
    list-style-position: inside;
    padding: 5px 10px 10px 0px;
    line-height: 1.5em;
}

.credit-list {
    margin-top: 30px;
    padding: 20px 5px 40px 5px;
}

.grey-list {
    background: #f4f4f3;
}

.credit-list h4 {
    padding: 5px 5px 20px 20px;
    color: #000000;
    font: normal 26px/20px "Grotesk";
    text-align: center;
}

.credit-list ul {
    text-align: center;
}

.credit-list li {
    text-align: left;
    background: url(images/round.png) no-repeat;
    padding: 5px 10px 50px 80px;
    /* line-height: 1.5em; */
    margin-left: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.credit-list p {
    text-align: center;
    margin: 0px !important;
    color: #a2c937;
}

.work-back {
    margin-top: 0px;
    padding: 0px 5px 0px 5px;
}

.work-back h4 {
    padding: 15px 5px 10px 20px;
    color: #000000;
    font: normal 18px/18px "arial";
    text-align: center;
    font-weight: 600;
}

.work-back figure {
    float: right;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
}

.work-border {
    border: 3px double #ffff00;
    margin: 24px;
    color: #000000;
    font-size: 18px;
    padding: 20px;
    font-weight: 600;
    text-align: center;
}

.work-list {
    margin-top: 50px;
}

.work-list ul {
    text-align: center;
}

.work-list li {
    text-align: left;
    background: url(images/round.png) no-repeat;
    padding: 5px 10px 50px 80px;
    line-height: 1.2em;
    margin-left: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.work-list span {
    color: #a2c937;
    display: block;
    font-weight: 600;
    padding-bottom: 5px;
}

.banks-div {
    text-align: center;
    padding: 20px 5px 40px 10%;
    height: 550px;
}

.banks-div h4 {
    padding: 5px 5px 20px 20px;
    color: #000000;
    font: normal 20px/10px "Grotesk";
    text-align: center;
}

.banks-list {
    text-align: center;
    margin: 0px !important;
    /* display: block; */
    float: left;
    width: 400px;
    height: 250px;
    vertical-align: top;
    padding: 0px !important;
}

.banks-list p {
    text-align: center !important;
    color: #808080 !important;
}

.banks-list img {
    text-align: center;
}

.banks-list:nth-child(2n+1) {
    border-right: 1px solid #ffff00;
}

.banks-list:nth-child(1) {
    border-bottom: 1px solid #ffff00;
}

.banks-list:nth-child(2) {
    border-bottom: 1px solid #ffff00;
}

.post_block {
    margin: 15px 0 20px;
}

.post_block h2 {
    margin: 10px 0 0;
}

.post_date {
    font: normal 12px/16px "Grotesk";
    text-transform: lowercase;
    color: #7EA3BD;
}

.post_block h2 a,
.post_block h2 {
    color: #6DB000;
    font: normal 22px/25px "Grotesk";
    margin-bottom: 3px
}

.news_viewall {
    margin-top: 20px;
    margin-bottom: 25px;
    margin: -20px 0 25px 0;
}

.news_viewall a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    color: #193200;
    border: none;
    padding: 5px 30px;
    font-size: 12px;
    background: #CAE419;
    text-transform: lowercase;
    font: normal 17px/25px "Grotesk";
}

.news_viewall a:hover {
    background: #E3FF00
}

.post_content {
    width: 85%;
    margin-top: 10px;
}

.post_content a {
    color: #6DB000;
}

.content>p>img,
.post_content img {
    margin: 10px 0 !important;
    float: none !important;
    display: block;
}

.post_content p,
.post_content span,
.post_content .Desc {
    display: block;
    margin-bottom: 10px;
    font: bold 12px Segoe UI !important;
    color: #002A2E;
}

.smi_over {
    overflow: hidden;
}

.smi-block {
    padding-bottom: 20px;
}

.smi-block h1 {
    margin: 15px 0;
    color: #da2128;
    font: normal 32px/32px "Grotesk";
}

.smi_block img {
    float: left;
    margin: 20px 20px 0 0;
}

.smi_block {
    margin: 25px 0 20px;
    border-top: 2px solid #e0f0ff;
}

.smi_block h2 {
    margin: 20px 0 0;
}

.smi_date {
    font: normal 14px/18px "Grotesk";
    text-transform: lowercase;
    color: #757575;
    margin: 15px 0 15px;
}

.smi_block h2 a {
    color: #46719c;
    font: 16px Times New Roman;
    margin-bottom: 10px;
    text-decoration: underline;
}

.smi_block h2 a:hover {
    text-decoration: none !important;
}

.smi_viewall {
    margin-top: 20px;
    margin-bottom: 25px;
    margin: -20px 0 25px 0;
}

.smi_viewall a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    color: #193200;
    border: none;
    padding: 5px 30px;
    font-size: 12px;
    background: #CAE419;
    text-transform: lowercase;
    font: normal 17px/25px "Grotesk";
}

.smi_viewall a:hover {
    background: #E3FF00
}

.smi_content {
    width: 85%;
    margin-top: 10px;
}

.smi_content a {
    color: #6DB000;
}

.content>p>img,
.smi_content img {
    margin: 10px 0 !important;
    float: none !important;
    display: block;
}

.smi_content p,
.smi_content span,
.smi_content .Desc {
    display: block;
    margin-bottom: 10px;
    font: 14px Segoe UI !important;
    color: #272727;
}

.wrapper .content {
    margin: 10px 0;
    padding: 0 10px;
    /*background: url(../../images/eco/bg-bottom.jpg)center bottom;*/
}

.news-block {
    padding: 20px;
    box-shadow: 2px #ddebf9;
    width: 1000px;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #ddebf9;
    margin: auto;
}


/* cart */

#cart_page_title h1 {
    margin: 15px 0;
    color: #da2128;
    font: normal 32px/32px "Grotesk";
}

#my_closeLink {
    text-transform: uppercase;
    margin-right: 5px;
    font: normal 13px/15px "Grotesk";
    color: #3A9300;
}

#cart_clear a:hover,
.cart_discount_label button:hover,
.cart_total_resum:hover {
    background: #E3FF00;
}

#cart_clear a,
.cart_discount_label button,
.cart_total_resum {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #193200;
    border: none;
    padding: 5px 30px;
    background: #CAE419;
    text-transform: uppercase;
    font: normal 12px/25px "Grotesk";
}

.cart_total_resum {
    padding: 0 24px;
    line-height: 24px;
}

#cart_total.total {
    font-size: 150%;
    font-family: "Grotesk";
}

.table_desc {
    color: #3A9300;
    font-family: "Grotesk";
    font-size: 12px;
}

#btn-checkout {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 10px 5px 0;
    color: #193200;
    border: none;
    padding: 1px 14px 1px 35px;
    background: #CAE419 url(/images/columb-basket.png) 12px center no-repeat;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}

#btn-checkout:hover {
    background: #E3FF00 url(/images/columb-basket.png) 12px center no-repeat;
}

.lkredit_ {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 10px 5px 0;
    color: #193200;
    padding: 1px 14px 1px 32px;
    background: #E43B19 url(/images/column-credit.png) 12px center no-repeat;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}

.lkredit_:hover {
    background: #FF5429 url(/images/column-credit.png) 12px center no-repeat;
}

#btn_credit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 10px 5px 0;
    color: #193200;
    padding: 1px 14px 1px 32px;
    background: #E43B19 url(/images/column-credit.png) 12px center no-repeat;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}

.shopping_cart {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

#btn_credit:hover {
    background: #FF5429 url(/images/column-credit.png) 12px center no-repeat;
}

#cart_total {
    text-align: center;
}

.cart_discount_label button {
    padding: 3px 30px 1px
}

.product_cart_info {}

.product_cart_title {
    margin-right: 20px;
    color: #054e60;
    font: normal 13px/15px "Grotesk";
    text-transform: uppercase;
}

.product_cart_title:hover {
    color: #da2128;
}

.cart_product_brief_description {
    margin: 5px 0;
    font: bold 12px Segoe UI;
    color: #002a2e;
}

#cart_content_header {
    text-align: center;
    color: #3A9300;
    text-transform: uppercase;
    font: normal 13px/13px "Grotesk";
}

#cart_content_header td {
    text-align: center;
}

#cart_content_header td {
    padding: 10px 10px;
}

#cart_content_tbl #cart_total {
    font-size: 120%;
}

.MainForm {
    margin: 10px 0px;
}

.MainForm textarea {
    width: 550px;
    height: 80px;
    padding: 0 5px 0 5px;
    border: solid 1px #BED464;
    outline: solid 1px #D9EC8A;
}

.MainForm p {
    margin: 5px 0;
    color: #054E60;
    font: normal 14px/15px "Grotesk";
    text-transform: uppercase;
}

.cart_product_sum,
#cart_total {
    color: #da2128;
    text-transform: lowercase;
    font: normal 13px/12px "Grotesk";
}

.cart_discount_label,
#cart_total_label {
    text-transform: uppercase;
    font: normal 13px/15px "Grotesk";
    color: #3A9300;
    vertical-align: middle;
}

#coupon_form td {
    padding: 10px 0 0 0
}

.row_odd td,
.row_even td {
    padding: 8px 5px;
}

.row_odd {
    background: rgba(188, 216, 0, 0.2);
}

.row_even {
    background: rgba(188, 216, 0, 0.1);
}

.cart_product_quantity,
.cart_discount_label input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    text-align: center;
    height: 27px;
    padding: 0 5px 0 5px;
    border: solid 1px #bed464;
    outline: solid 1px #d9ec8a;
}

.cart_product_quantity {
    display: table;
    margin: 0 auto;
}

.cart_discount_label input[type=text] {
    margin-left: 5px;
}


/* /cart */


/* discussion */

.product_discussion .bread {
    padding: 10px 0;
}

.product_discussion .bread,
.product_discussion .bread a {
    color: #7BC200;
    text-transform: uppercase;
    font: normal 15px/17px "Grotesk";
}

.product_discussion h1 {
    margin: 20px 0 30px;
    font: normal 17px/18px "Grotesk";
    color: #3A9300;
}

.product_discussion h1+p {
    margin: 10px 0;
    color: #DA2128;
    font: normal 13px/15px "Grotesk";
    text-transform: uppercase;
}

.product_discussion h1 a {
    margin-left: 10px;
    color: #054E60;
    font: normal 17px/18px "Grotesk";
    text-transform: uppercase;
}

.product_discussion h1 a:hover {
    color: #DA2128;
}

.product_discussion h2 {
    text-transform: uppercase;
    margin: 30px 0 10px;
    font: normal 14px/15px "Grotesk";
    color: #3A9300;
}

.product_discussion form table tr td {
    padding: 5px;
}

.checkout_forms tr td:first-child,
.product_discussion form table tr td:first-child {
    /* padding-left: 10px; */
    color: #3A9300;
    font: normal 14px/18px "Grotesk";
}

#tbl-checkout-progress+h1,
#checkout_addresses tr:first-child td strong {
    margin: 10px 0;
    color: #054E60;
    font: normal 15px/15px "Grotesk";
    text-transform: uppercase;
}

#checkout_addresses tr:first-child td {
    padding: 0 0 20px;
}

#checkout_have_account a {
    text-transform: uppercase;
    color: #7BC200;
}

.checkout_forms .compare {
    margin-left: 70px;
}

#checkout_have_account {
    margin-right: 5px 0;
    color: #DA2128;
    font: normal 13px/13px "Grotesk";
}

.checkout_forms tr {
    background: none;
}

.product_discussion form input[type="text"],
.product_discussion textarea,
.checkout_forms input[type="text"],
.checkout_forms input[type="password"],
.checkout_forms textarea,
.checkout_forms select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    padding: 5px 10px;
    border: solid 1px #BED464;
    outline: solid 1px #D9EC8A;
}

#block-loginpass-fields td {
    padding-bottom: 10px
}

.checkout_forms textarea,
.product_discussion textarea {
    height: 100px;
}

.checkout_forms input[type=submit],
.product_discussion input[type=submit],
input[type=submit].checkout_buttons {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 10px 5px 0;
    color: #193200;
    border: none;
    padding: 1px 20px 1px 20px;
    background: #CAE419;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}

.checkout_forms input[type=submit]:hover,
input[type=submit].checkout_buttons:hover,
.product_discussion input[type=submit]:hover {
    background: #E3FF00;
}

.cart_billing td {
    vertical-align: top;
    padding: 10px 10px 10px 0;
    color: #DA2128;
    font: normal 12px Segoe UI;
}

.cart_billing .head {
    text-transform: uppercase;
    font: normal 14px/16px "Grotesk";
    color: #3A9300;
}

.cart_confirmation tr:first-child {
    color: #DA2128;
    font: normal 13px/17px "Grotesk";
}

.cart_confirmation tr:first-child .head {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font: normal 13px/15px "Grotesk";
    color: #4A9400;
}

.cart_confirm .title {
    color: #054E60;
    font: normal 13px/15px "Grotesk";
    text-transform: uppercase;
}

.cart_confirm .red {
    text-align: center;
    color: #DA2128;
    text-transform: lowercase;
    font: normal 13px/12px "Grotesk";
}


/* /discussion */

.search_items {
    font: normal 15px/15px "Grotesk";
    color: #054E60;
    margin: 16px 0 10px;
}


/* .content .breadcrumbs {
  margin-top: 30px;
} */

.content .breadcrumbs li:last-child {
    display: inline-block;
    margin-top: 0px;
    font: normal 13px/13px "Grotesk";
    color: #da2128;
}

.post_content img:before,
.post_content img:after,
.content:before,
.content:after,
.post_content:before,
.post_content:after,
.item:before,
.item:after,
.item .right:after,
.item .right:before {
    content: "";
    display: table;
}

.item:after,
.item .right:after,
.content:after,
.post_content:after,
.post_content img:after {
    clear: both;
}

.item,
.item .right,
.content,
.post_content,
.post_content img {
    zoom: 1;
}

.item .left {
    width: 440px;
    float: left;
}

.item .right {
    width: 540px;
    float: right;
}

.goods-meta {
    overflow: hidden;
}


/* line 212, ../sass/screen.sass */

.item .left .gallery {
    width: 420px;
    float: left;
}

#img-current_picture {
    max-width: 100%;
}


/* line 215, ../sass/screen.sass */

.item .right .goods-conten {
    width: 540px;
    float: right;
    overflow: hidden;
}


/* line 219, ../sass/screen.sass */

.item .right .goods-conten h1 {
    margin-bottom: 14px;
    color: #da2128;
    font: normal 32px/32px "Grotesk";
    text-transform: uppercase;
}


/* line 224, ../sass/screen.sass */

.item .right .goods-conten h1 sup {
    color: #3a9300;
    text-transform: lowercase;
    font-size: 16px;
    position: relative;
    top: -12px;
}


/* line 232, ../sass/screen.sass */

.goods-meta-info {
    width: 370px;
    float: left;
}


/* line 235, ../sass/screen.sass */

.goods-meta-info .isavailable {
    margin-bottom: 15px;
    color: #6db000;
    padding-left: 16px;
    background: url(../../images/eco/item-available.png) left 2px no-repeat;
    font: normal 18px/18px "Grotesk";
}


/* line 241, ../sass/screen.sass */

.goods-meta-info .options {
    margin: 10px 0;
}


/* line 243, ../sass/screen.sass */

.goods-meta-info .options li {
    margin: 5px 0;
    font: bold 13px/14px Segoe UI;
    color: #224b68;
}


/* line 247, ../sass/screen.sass */

.goods-meta-info .options li strong {
    margin-right: 5px;
    color: #002a2e;
    font-size: 11px;
}


/* line 252, ../sass/screen.sass */

.goods-meta-info .vote .unit-rating {
    display: inline-block;
    vertical-align: top;
}

.current-rating,
.current-rating1,
.current-rating2,
.current-rating3,
.current-rating4 {
    display: inline-block;
}

.goods-meta-info .vote i {
    width: 9px;
    height: 18px;
    display: inline-block;
    margin-right: 1px;
    background: url(../../images/eco/battery-empty.png) 0 0 no-repeat;
}


/* line 258, ../sass/screen.sass */

.goods-meta-info .vote i.full {
    background: url(../../images/eco/battery-full.png) 0 0 no-repeat;
}


/* line 260, ../sass/screen.sass */

.goods-meta-info .vote span {
    color: #da2128;
    font: normal 12px/14px Segoe UI;
    border-bottom: solid 1px #da2128;
    vertical-align: top;
}


/* line 265, ../sass/screen.sass */

.goods-meta-info .compose {
    position: relative;
    margin: 10px 0 5px;
}


/* line 268, ../sass/screen.sass */

.goods-meta-info .compose input {
    opacity: 0;
}


/* line 270, ../sass/screen.sass */

.goods-meta-info .compose label {
    display: inline-block;
    height: 20px;
    position: absolute;
    left: 0;
    padding-left: 20px;
    cursor: pointer;
    background: url(../../images/eco/checkbox-green.png) left -27px no-repeat;
}


/* line 278, ../sass/screen.sass */

.goods-meta-info .compose label span {
    color: #6db000;
    font: normal 13px/14px Segoe UI;
    border-bottom: dotted 1px #6db000;
}


/* line 282, ../sass/screen.sass */

.goods-meta-info .compose label:hover {
    background: url(../../images/eco/checkbox-green.png) 0 0 no-repeat;
}


/* line 284, ../sass/screen.sass */

.goods-meta-info .description {
    width: 350px;
    font: normal 12px/17px Segoe UI;
    color: #002a2e;
    overflow: hidden;
}


/* line 289, ../sass/screen.sass */

.goods-meta-info .controls .buy {
    float: left;
    width: 140px;
    display: inline-block;
    vertical-align: top;
}


/* line 293, ../sass/screen.sass */

.goods-meta-info .controls .buy p {
    color: #6db000;
    font: normal 20px/25px "Grotesk";
}


/* line 296, ../sass/screen.sass */

.goods-meta-info .controls .buy p sup {
    font-size: 13px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 302, ../sass/screen.sass */

.goods-meta-info .controls .buy .buy-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 110px;
    display: block;
    margin-top: 10px;
    color: #193200;
    padding: 3px 0 3px 43px;
    background: #cae419 url(../../images/eco/columb-basket.png) 20px center no-repeat;
    text-transform: uppercase;
    font: normal 14px/32px "Grotesk";
}


/* line 312, ../sass/screen.sass */

.goods-meta-info .controls .buy .buy-btn:hover {
    background: #e3ff00 url(../../images/eco/columb-basket.png) 20px center no-repeat;
}


/* line 314, ../sass/screen.sass */

.goods-meta-info .controls .credit {
    width: 140px;
    display: inline-block;
    vertical-align: top;
}


/* line 318, ../sass/screen.sass */

.goods-meta-info .controls .credit p {
    color: #da2128;
    font: normal 18px/25px "Grotesk";
}


/* line 321, ../sass/screen.sass */

.goods-meta-info .controls .credit p sup {
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 327, ../sass/screen.sass */

.goods-meta-info .controls .credit .credit-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 110px;
    display: block;
    margin-top: 10px;
    color: #193200;
    padding: 3px 0 3px 43px;
    background: #e43b19 url(../../images/eco/column-credit.png) 20px center no-repeat;
    text-transform: uppercase;
    font: normal 14px/32px "Grotesk";
}


/* line 337, ../sass/screen.sass */

.goods-meta-info .controls .credit .credit-btn:hover {
    background: #ff5429 url(../../images/eco/column-credit.png) 20px center no-repeat;
}


/* line 340, ../sass/screen.sass */

.goods-about {
    overflow: hidden;
}


/* line 342, ../sass/screen.sass */

.item .left .goods-info {
    width: 440px;
    float: left;
}


/* line 345, ../sass/screen.sass */

.item .left .goods-description {
    width: 540px;
    float: right;
}

.goods-description {
    font: normal 14px/20px Segoe UI;
    color: #002a2e;
}


/* line 349, ../sass/screen.sass */

.goods-video {
    width: 100%;
    height: 293px;
    background: url(../content/item-video.jpg) 0 0 no-repeat;
}


/* line 354, ../sass/screen.sass */

.goods-description h3 {
    margin-bottom: 10px;
    color: #da2128;
    font: bold 18px/24px "Grotesk";
    text-transform: uppercase;
}


/* line 359, ../sass/screen.sass */

.goods-description p {
    margin-bottom: 10px;
}


/* line 364, ../sass/screen.sass */

.goods-comments {
    margin: 10px 0;
}


/* line 367, ../sass/screen.sass */

.goods-comments .header h3 {
    padding-left: 30px;
    font: bold 16px/18px "Grotesk";
    text-transform: uppercase;
    color: #3a9300;
    background: url(../../images/eco/comments-header.png) 0 2px no-repeat;
}


/* line 373, ../sass/screen.sass */

.goods-comments .comments-list {
    margin: 10px 0;
}


/* line 375, ../sass/screen.sass */

.goods-comments .comments-list li {
    width: 100%;
}


/* line 377, ../sass/screen.sass */

.goods-comments .comments-list li .name {
    margin-right: 5px;
    font: bold 13px/16px "Grotesk";
    text-transform: uppercase;
    color: #dc3b40;
}


/* line 382, ../sass/screen.sass */

.goods-comments .comments-list li .date {
    font: bold 12px/16px "Grotesk";
    text-transform: lowercase;
    color: #7ea3bd;
}


/* line 386, ../sass/screen.sass */

.goods-comments .comments-list li .comment-text {
    margin: 5px 0 10px;
    color: black;
    font: bold 10px/15px Segoe UI;
}


/* line 390, ../sass/screen.sass */

.goods-comments .add-comment {
    width: 130px;
    height: 28px;
    margin: 10px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font: normal 12px/28px "Grotesk";
    background: #df4b23;
}


/* line 400, ../sass/screen.sass */

.goods-comments .add-comment:hover {
    cursor: pointer;
}


/* line 402, ../sass/screen.sass */

.goods-comments .show-all-comments {
    width: 129px;
    height: 36px;
    display: block;
    margin: 10px 0;
    font-size: 0;
    background: url(../../images/eco/show-all-comments.png) 0 0 no-repeat;
}


/* line 412, ../sass/screen.sass */

.order {
    width: 170px;
    float: right;
    color: #fff;
    margin-bottom: 10px;
}


/* line 415, ../sass/screen.sass */

.order .fast-order {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 15px 5px;
    border: solid 1px #75b8bd;
    background: #008088;
}


/* line 420, ../sass/screen.sass */

.order .fast-order input[type=submit] {
    width: 129px;
    height: 46px;
    display: block;
    border: none;
    cursor: pointer;
    font-size: 0;
    background: url(../../images/eco/order-btn.png) 0 0 no-repeat;
}


/* line 428, ../sass/screen.sass */

.order .fast-order input[type=submit]:hover {
    background: url(../../images/eco/order-btn-hover.png) left 1px no-repeat;
}


/* line 430, ../sass/screen.sass */

.order .fast-order h3 {
    margin-bottom: 15px;
    color: #ebfeff;
    font: bold 18px/20px "Grotesk";
    text-transform: uppercase;
}


/* line 435, ../sass/screen.sass */

.order .fast-order div {
    width: 130px;
    height: 18px;
    margin: 18px 0;
    position: relative;
    border-bottom: dotted 2px #0d9ca5;
}

.order .fast-order div.address {
    height: 40px;
}

.order .fast-order div.address input {
    bottom: 0;
    padding: 0;
}

.order .fast-order div.image {
    height: 50px;
    border: none;
}

.order .fast-order div.image input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 20px;
    border: dotted 2px #0D9CA5;
    padding: 0;
}

.order .fast-order div.image img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 20px;
}


/* line 441, ../sass/screen.sass */

.order .fast-order div label {
    position: absolute;
    left: 0;
    z-index: 1;
    color: #9aeef3;
    font: normal 14px/14px "Grotesk";
}


/* line 447, ../sass/screen.sass */

.order .fast-order div span {
    color: #9aeef3;
    font: normal 14px/14px "Grotesk";
    border-bottom: dotted 2px #0d9ca5;
}


/* line 451, ../sass/screen.sass */

.order .fast-order div input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    background: none;
    border: none;
    width: 130px;
    position: absolute;
    right: 0;
    z-index: 2;
    font: normal 14px/14px "Grotesk";
    /* color: #9aeef3; */
    color: #fff;
}


/* line 462, ../sass/screen.sass */

.order .fast-order div input:focus {
    outline: none;
}


/* line 464, ../sass/screen.sass */

.order .fast-order div:last-child {
    height: 62px;
}


/* line 466, ../sass/screen.sass */

.order .fast-order div:last-child span {
    font: normal 14px/21px "Grotesk";
}


/* line 468, ../sass/screen.sass */

.order .fast-order div:last-child input {
    bottom: 0;
    padding: 0;
}


/* line 472, ../sass/screen.sass */

.accessories-list {
    margin: 10px 0;
}


/* line 474, ../sass/screen.sass */

.accessories-list h3 {
    padding-left: 30px;
    font: bold 16px/24px "Grotesk";
    text-transform: uppercase;
    color: #3a9300;
    background: url(../../images/eco/accessories.png) 0 2px no-repeat;
}


/* line 480, ../sass/screen.sass */

.accessories-list .show-all-items {
    width: 128px;
    height: 35px;
    display: block;
    background: url(../../images/eco/acc-list-btn.png) 0 0 no-repeat;
    color: #193200;
    font: normal 12px/28px "Grotesk";
    text-transform: uppercase;
    text-align: center;
}


/* line 489, ../sass/screen.sass */

.accessories-list .show-all-items:hover {
    background: url(../../images/eco/acc-list-btn-hover.png) 0 0 no-repeat;
}


/* line 493, ../sass/screen.sass */

.accessories-list ul {
    margin-top: 15px;
    margin-left: -8px;
    overflow: hidden;
}


/* line 497, ../sass/screen.sass */

.accessories-list ul li:hover {
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}


/* line 499, ../sass/screen.sass */

.accessories-list ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 136px;
    margin-left: 8px;
    padding: 6px 6px 6px 4px;
    float: left;
    margin-bottom: 8px;
}


/* line 506, ../sass/screen.sass */

.accessories-list ul li img {
    width: 125px;
    height: 93px;
    display: block;
    margin-bottom: 9px;
}


/* line 511, ../sass/screen.sass */

.accessories-list ul li .title {
    margin-bottom: 10px;
    font: bold 14px/20px "Grotesk";
    text-transform: uppercase;
    color: #6db000;
}


/* line 516, ../sass/screen.sass */

.accessories-list ul li .buy-price {
    color: #6db000;
    font: normal 20px/25px "Grotesk";
}


/* line 519, ../sass/screen.sass */

.accessories-list ul li .buy-price sup {
    font-size: 13px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 525, ../sass/screen.sass */

.accessories-list ul li .credit-price {
    color: #da2128;
    font: normal 14px/25px "Grotesk";
}


/* line 528, ../sass/screen.sass */

.accessories-list ul li .credit-price sup {
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 534, ../sass/screen.sass */

.accessories-list ul li .buy-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 87px;
    display: block;
    margin: 5px 0;
    color: #193200;
    padding: 1px 0 1px 35px;
    background: #cae419 url(../../images/eco/columb-basket.png) 12px center no-repeat;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}


/* line 544, ../sass/screen.sass */

.accessories-list ul li .buy-btn:hover {
    background: #e3ff00 url(../../images/eco/columb-basket.png) 12px center no-repeat;
}


/* line 546, ../sass/screen.sass */

.accessories-list ul li .credit-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 87px;
    display: block;
    margin: 5px 0;
    color: #193200;
    padding: 1px 0 1px 35px;
    background: #e43b19 url(../../images/eco/column-credit.png) 12px center no-repeat;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}


/* line 556, ../sass/screen.sass */

.accessories-list ul li .credit-btn:hover {
    background: #ff5429 url(../../images/eco/column-credit.png) 12px center no-repeat;
}


/* gallery */


/* line 563, ../sass/screen.sass */

.big-photo {
    width: 421px;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}


/* line 567, ../sass/screen.sass */

.gallery ul {
    width: 433px;
    display: block;
    margin-left: -12px;
    margin-top: 10px;
}


/* line 571, ../sass/screen.sass */

.gallery ul li {
    width: 93px;
    height: 65px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-left: 12px;
    margin-bottom: 8px;
}


/* /gallery */


/* line 583, ../sass/screen.sass */

.maincontent {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 10px 0;
    padding: 0px 10px;
}


/* line 586, ../sass/screen.sass */

.maincontent .left {
    float: left;
    width: 576px;
    min-height: 225px;
}


/* line 590, ../sass/screen.sass */

.maincontent .right {
    float: right;
    width: 396px;
    min-height: 200px;
    overflow: hidden;
}


/* line 595, ../sass/screen.sass */

.maincontent .right .adv {
    width: 405px;
    height: 209px;
    display: block !important;
    overflow: hidden;
}

.maincontent .right .adv img {
    min-height: 210px;
}


/* catalog */


/* line 603, ../sass/screen.sass */

.catalog h2 {
    text-transform: uppercase;
    margin-bottom: 12px;
    font: normal 32px/32px "Grotesk";
    color: #3d7504;
}


/* line 607, ../sass/screen.sass */

.eco-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 22px 24px;
    background: url(../../images/eco/ecocat-bg.png) top left no-repeat;
    overflow: hidden;
}


/* line 613, ../sass/screen.sass */

.filter {
    width: 115px;
}


/* line 615, ../sass/screen.sass */

.filter li {
    margin-bottom: 5px;
    padding-left: 16px;
    background: url(../../images/eco/ecat-arrow.png) 0 3px no-repeat;
}


/* line 619, ../sass/screen.sass */

.filter a {
    font: normal 14px/18px "Grotesk", sans-serif;
    text-transform: uppercase;
    color: #292f00;
    text-decoration: none;
}


/* line 623, ../sass/screen.sass */

.filter a:hover {
    color: #206a00;
    text-decoration: underline;
}


/* line 626, ../sass/screen.sass */

.basket {
    position: absolute;
    top: 0px;
    left: 180px;
    height: 26px;
    padding-top: 5px;
    padding-left: 60px;
    font-weight: bold;
    background: url(../../images/eco/cartbasket.png) no-repeat left top;
}


/* line 633, ../sass/screen.sass */

.basket a {
    color: #3d7504;
}

.basket a span {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
}


/* line 647, ../sass/screen.sass */

.eco-catalog {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* line 651, ../sass/screen.sass */

.eco-catalog li {
    height: 45px;
    border-bottom: 1px solid #98cf02;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 49%;
    padding: 13px 0 8px 46px !important;
    display: inline-block;
    vertical-align: top;
}

.eco-catalog li:nth-child(5),
.eco-catalog li:nth-child(6),
.eco-catalog li:nth-child(7),
.eco-catalog li:nth-child(10),
.eco-catalog li:nth-child(12),
.eco-catalog li:nth-child(14),
.eco-catalog li:nth-child(15) {
    height: 45px;
    padding: 7px 0 7px 46px;
}

.eco-catalog li:nth-child(15),
.eco-catalog li:nth-child(16) {
    border: 0;
}


/* line 658, ../sass/screen.sass */

.eco-catalog li a {
    display: block;
    font: normal 15px/14px "Grotesk";
    text-transform: uppercase;
    color: #000f00;
    text-decoration: none;
}


/* line 664, ../sass/screen.sass */

.eco-catalog li a:hover {
    color: #206a00;
    text-decoration: underline;
}


/* line 667, ../sass/screen.sass */

.cat1 {
    background: url(../../images/eco/icon-eco-car.png) left 50% no-repeat;
}


/* line 669, ../sass/screen.sass */

.cat2 {
    background: url(../../images/eco/icon-eco-bike.png) left 50% no-repeat;
}


/* line 671, ../sass/screen.sass */

.cat3 {
    background: url(../../images/eco/icon-eco-moto.png) left 50% no-repeat;
}


/* line 673, ../sass/screen.sass */

.cat4 {
    background: url(../../images/eco/icon-eco-golf.png) left 50% no-repeat;
}


/* line 675, ../sass/screen.sass */

.cat5 {
    background: url(../../images/eco/icon-eco-water.png) left 50% no-repeat;
}


/* line 677, ../sass/screen.sass */

.cat6 {
    background: url(../../images/eco/icon-eco-kids.png) left 50% no-repeat;
}


/* line 679, ../sass/screen.sass */

.cat7 {
    background: url(../../images/eco/icon-eco-hardware.png) left 50% no-repeat;
}


/* line 681, ../sass/screen.sass */

.cat8 {
    background: url(../../images/eco/icon-eco-green.png) left 50% no-repeat;
}


/* /catalog */


/* news */


/* line 686, ../sass/screen.sass */

.news {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 117px;
    margin: 7px 0;
    padding: 14px 17px 23px 17px;
}


/* line 693, ../sass/screen.sass */

.news figure:first-child {
    margin-left: 0;
}


/* line 695, ../sass/screen.sass */

.news figure {
    width: 165px;
    margin-left: 16px;
    display: inline-block;
    vertical-align: top;
    color: #c8ddff;
}


/* line 701, ../sass/screen.sass */

.news h3 {
    margin-bottom: 6px;
}


/* line 703, ../sass/screen.sass */

.news h3 a {
    font: normal 17px/22px "Grotesk";
    color: #c8ddff;
    text-transform: uppercase;
}


/* line 707, ../sass/screen.sass */

.news h3 a:hover {
    color: #5edfff;
    text-decoration: underline;
}


/* line 710, ../sass/screen.sass */

.news .date {
    display: block;
    font: normal 12px/14px Segoe UI;
}


/* line 713, ../sass/screen.sass */

.news .text {
    display: block;
    margin: 3px 0 0;
    font: normal 12px/14px Segoe UI;
    color: #c8ddff;
}


/* line 718, ../sass/screen.sass */

.news .text:hover {
    color: #5edfff;
    text-decoration: underline;
}


/* /news */


/* line 723, ../sass/screen.sass */

.leftcol {
    width: 197px;
    float: left;
}


/* line 726, ../sass/screen.sass */

.leftcol h2 {
    text-transform: uppercase;
    margin-bottom: 12px;
    font: normal 32px/32px "Grotesk";
    color: #971dab;
}


/* line 731, ../sass/screen.sass */

.services {
    background: #6c1ba9;
    width: 202px;
    height: 204px;
    display: block;
    letter-spacing: 1px;
}


/* line 736, ../sass/screen.sass */

.services li {
    display: block;
    height: 33%;
}


/* line 738, ../sass/screen.sass */

.services li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: 5px 0 16px 70px;
    font: normal 13px/15px "Grotesk";
    text-transform: uppercase;
    color: #c77eff;
}


/* line 746, ../sass/screen.sass */

.services li .service-1 {
    background: url(../../images/eco/service-1.png) 9px 50% no-repeat;
}


/* line 748, ../sass/screen.sass */

.services li .service-2 {
    background: url(../../images/eco/service-2.png) 9px 50% no-repeat;
}


/* line 750, ../sass/screen.sass */

.services li .service-3 {
    background: url(../../images/eco/service-3.png) 9px 50% no-repeat;
}

.services li .service-4 {
    background: url(../../images/eco/service-4.png) 9px 50% no-repeat;
    padding-top: 20px;
}


/* line 752, ../sass/screen.sass */

.services li:hover {
    background: #561687;
}


/* line 754, ../sass/screen.sass */

.services li:hover a {
    color: white;
    text-decoration: underline;
}


/* line 757, ../sass/screen.sass */

.services li:hover .service-1 {
    background: url(../../images/eco/service-1-hover.png) 9px 50% no-repeat;
}


/* line 759, ../sass/screen.sass */

.services li:hover .service-2 {
    background: url(../../images/eco/service-2-hover.png) 9px 50% no-repeat;
}


/* line 761, ../sass/screen.sass */

.services li:hover .service-3 {
    background: url(../../images/eco/service-3-hover.png) 9px 50% no-repeat;
}

.services li:hover .service-4 {
    background: url(../../images/eco/service-4-hover.png) 9px 50% no-repeat;
    padding-top: 20px;
}


/* line 763, ../sass/screen.sass */

.rent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 202px;
    height: 190px;
    display: block;
    margin-top: 7px;
    overflow: hidden;
    background: #8e289f;
    letter-spacing: 1px;
}


/* line 771, ../sass/screen.sass */

.rent h2 {
    margin: 13px 0 5px 14px;
    font: normal 18px/19px "Grotesk";
    text-transform: uppercase;
    color: white;
    letter-spacing: 0px;
}


/* line 776, ../sass/screen.sass */

.rent li {
    display: block;
}


/* line 778, ../sass/screen.sass */

.rent li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: 15px 0 15px 70px;
    font: normal 13px/15px "Grotesk";
    text-transform: uppercase;
    color: #ef8eff;
}


/* line 786, ../sass/screen.sass */

.rent li .rent-1 {
    background: url(../../images/eco/rent-1.png) 15px 50% no-repeat;
}


/* line 788, ../sass/screen.sass */

.rent li .rent-2 {
    background: url(../../images/eco/rent-2.png) 15px 50% no-repeat;
}


/* line 790, ../sass/screen.sass */

.rent li .rent-3 {
    background: url(../../images/eco/rent-3.png) 15px 50% no-repeat;
}


/* line 792, ../sass/screen.sass */

.rent li:hover {
    background: #72207f;
}


/* line 794, ../sass/screen.sass */

.rent li:hover a {
    color: white;
    text-decoration: underline;
}


/* line 797, ../sass/screen.sass */

.rent li:hover .rent-1 {
    background: url(../../images/eco/rent-1-hover.png) 15px 50% no-repeat;
}


/* line 799, ../sass/screen.sass */

.rent li:hover .rent-2 {
    background: url(../../images/eco/rent-2-hover.png) 15px 50% no-repeat;
}


/* line 801, ../sass/screen.sass */

.rent li:hover .rent-3 {
    background: url(../../images/eco/rent-3-hover.png) 15px 50% no-repeat;
}


/* line 804, ../sass/screen.sass */

.rightcol {
    width: 192px;
    margin-left: -7px;
    float: right;
}


/* line 808, ../sass/screen.sass */

.rightcol h2 {
    text-transform: uppercase;
    margin-bottom: 12px;
    font: normal 32px/32px "Grotesk";
    color: #008088;
}


/* line 813, ../sass/screen.sass */

.about ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 0;
    letter-spacing: 1px;
}


/* line 817, ../sass/screen.sass */

.about ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90px;
    height: 95px;
    display: block;
    margin: 0 0 7px 5px;
    display: inline-block;
    vertical-align: top;
    background: #008088;
}


/* line 826, ../sass/screen.sass */

.about ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}


/* line 832, ../sass/screen.sass */

.about ul li a span {
    position: absolute;
    bottom: 14px;
    left: 7px;
    width: 80px;
    display: block;
    margin: 0 auto;
    padding-top: 35px;
    font: normal 13px/16px "Grotesk";
    text-transform: uppercase;
    text-align: center;
    color: #74d7dd;
}


/* line 844, ../sass/screen.sass */

.about ul .about-1 span {
    background: url(../../images/eco/about-1.png) top center no-repeat;
    padding-top: 43px;
}


/* line 847, ../sass/screen.sass */

.about ul .about-2 span {
    background: url(../../images/eco/about-2.png) top center no-repeat;
    padding-top: 54px;
}


/* line 850, ../sass/screen.sass */

.about ul .about-3 span {
    background: url(../../images/eco/about-3.png) top center no-repeat;
    padding-top: 30px;
}


/* line 853, ../sass/screen.sass */

.about ul .about-4 span {
    background: url(../../images/eco/about-4.png) top center no-repeat;
    padding-top: 42px;
}


/* line 856, ../sass/screen.sass */

.about ul .about-5 span {
    background: url(../../images/eco/about-5.png) top center no-repeat;
    padding-top: 28px;
}


/* line 859, ../sass/screen.sass */

.about ul .about-6 span {
    background: url(../../images/eco/about-6.png) top center no-repeat;
}


/* line 861, ../sass/screen.sass */

.about ul .about-7 span {
    background: url(../../images/eco/about-7.png) top center no-repeat;
}


/* line 863, ../sass/screen.sass */

.about ul .about-8 span {
    background: url(../../images/eco/about-8.png) top center no-repeat;
    padding-top: 46px;
}


/* line 867, ../sass/screen.sass */

.about ul li:hover {
    background: #3399a0;
}


/* line 869, ../sass/screen.sass */

.about ul li:hover span {
    color: white;
    text-decoration: underline;
}


/* /maincontent */


/* innercatalog */


/* line 893, ../sass/screen.sass */

.innercatalog {
    margin-top: 28px;
    margin: 28px 0 40px 0;
}


/* line 897, ../sass/screen.sass */

.innercatalog .header h2 {
    font: normal 32px/32px "Grotesk";
    color: #3d7504;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}


/* line 904, ../sass/screen.sass */

.catfilter {
    display: inline-block;
    vertical-align: top;
}


/* line 907, ../sass/screen.sass */

.catfilter li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}


/* line 911, ../sass/screen.sass */

.catfilter li a {
    padding: 6px 12px 5px;
    text-transform: uppercase;
    font: normal 10px/32px "Grotesk";
    color: #1b3600;
    background: #c4df23;
    cursor: pointer;
    position: relative;
}


/* line 919, ../sass/screen.sass */

.catfilter li a:after {
    position: absolute;
    top: -9px;
    right: -6px;
    content: "";
    width: 8px;
    height: 31px;
    display: block;
}


/* line 927, ../sass/screen.sass */

.catfilter .new a {
    background: #c4df23;
    color: #1b3600;
}


/* line 930, ../sass/screen.sass */

.catfilter .new a:after {
    background: url(../../images/eco/catfilter-1.png) 0 0 no-repeat;
}


/* line 932, ../sass/screen.sass */

.catfilter .economy a {
    background: #81d5f1;
    color: #003242;
}


/* line 935, ../sass/screen.sass */

.catfilter .economy a:after {
    background: url(../../images/eco/catfilter-2.png) 0 0 no-repeat;
}


/* line 937, ../sass/screen.sass */

.catfilter .style a {
    background: #e4b0fa;
    color: #2b003d;
}


/* line 940, ../sass/screen.sass */

.catfilter .style a:after {
    background: url(../../images/eco/catfilter-3.png) 0 0 no-repeat;
}


/* line 942, ../sass/screen.sass */

.catfilter .best a {
    background: #ffef6b;
    color: #391f00;
}


/* line 945, ../sass/screen.sass */

.catfilter .best a:after {
    background: url(../../images/eco/catfilter-4.png) 0 0 no-repeat;
}


/* line 948, ../sass/screen.sass */

.innercatalog-content {
    margin: 23px 0 20px -60px;
    overflow: hidden;
}


/* line 951, ../sass/screen.sass */

.innercatalog-content li {
    width: 148px;
    height: 148px;
    overflow: hidden;
    float: left;
    margin: 0 0 29px 60px;
    vertical-align: top;
}


/* line 957, ../sass/screen.sass */

.innercatalog-content li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}


/* line 962, ../sass/screen.sass */

.innercatalog-content li a img {
    margin: 0 auto;
    display: table;
}

.innercatalog-content li a span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 9px 4px;
    background: url(../../images/eco/cat-trans.png) 0 0 repeat;
    font: normal 16px/19px "Grotesk";
    color: white;
    text-align: center;
    text-transform: uppercase;
}


/* line 973, ../sass/screen.sass */

.innercatalog-content li a:hover {
    top: -1px;
}


/* line 976, ../sass/screen.sass */

.innercat-column {
    overflow: hidden;
    font-size: 0;
}


/* line 978, ../sass/screen.sass */

.innercat-column figure:hover {
    background: #f2f2f2;
}


/* line 980, ../sass/screen.sass */

.innercat-column figure {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 245px;
    padding: 20px 15px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}


/* line 985, ../sass/screen.sass */

.innercat-column figure h2 {
    height: 64px;
    display: table-cell;
    vertical-align: middle;
    font: normal 30px/32px "Grotesk";
    text-transform: uppercase;
    color: #78c200;
}


/* line 989, ../sass/screen.sass */

.innercat-column figure .picture {
    width: 188px;
    height: 143px;
    overflow: hidden;
    margin: 12px 0 0 -10px;
    position: relative;
}


/* line 994, ../sass/screen.sass */

.innercat-column figure .picture img {
    margin: 10px 0 0 10px;
}


/* line 996, ../sass/screen.sass */

.innercat-column figure .picture span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 114px;
    height: 34px;
    background: url(../../images/eco/pricelist-bg.png) 0 0 no-repeat;
    text-align: center;
    font: normal 18px/30px "Grotesk";
    color: black;
}


/* line 1007, ../sass/screen.sass */

.innercat-column figure .picture span sup {
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 1013, ../sass/screen.sass */

.innercat-column figure .title {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0 0;
    font: normal 15px/15px "Grotesk";
    text-transform: uppercase;
    color: #6db000;
}


/* line 1018, ../sass/screen.sass */

.innercat-column figure .description {
    font: bold 11px/16px Segoe UI;
    color: #002a2e;
}


/* line 1021, ../sass/screen.sass */

.innercat-column figure .description p {
    margin: 5px 0;
}


/* line 1023, ../sass/screen.sass */

.innercat-column figure .price {
    margin: 12px 0;
}


/* line 1025, ../sass/screen.sass */

.innercat-column figure .price p {
    color: #da2128;
    font: normal 16px/18px "Grotesk";
    text-transform: uppercase;
}


/* line 1029, ../sass/screen.sass */

.innercat-column figure .price p sup {
    font-size: 10px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
    text-transform: lowercase;
}


/* line 1036, ../sass/screen.sass */

.innercat-column figure .price span {
    color: #a69495;
    font: normal 11px/12px "Grotesk";
    vertical-align: top;
}


/* line 1040, ../sass/screen.sass */

.innercat-column figure .all-goods {
    margin: 5px 0 12px;
    padding: 5px 16px;
    font: normal 14px/33px "Grotesk";
    color: black;
    background: #c4df23;
}


/* line 1046, ../sass/screen.sass */

.innercat-column figure .all-goods {
    background: #e3f517;
}


/* line 1049, ../sass/screen.sass */

.innercat-column .new h2,
.innercat-column .new .title {
    color: #78c200;
}


/* line 1051, ../sass/screen.sass */

.innercat-column .economy h2,
.innercat-column .economy .title {
    color: #00aeda;
}


/* line 1053, ../sass/screen.sass */

.innercat-column .style h2,
.innercat-column .style .title {
    color: #7830b6;
}


/* line 1055, ../sass/screen.sass */

.innercat-column .best h2,
.innercat-column .best .title {
    color: #9d3400;
}


/* /innercatalog */


/* category */


/* line 1062, ../sass/screen.sass */

.category {
    margin: 30px 0;
    overflow: hidden;
}


/* line 1065, ../sass/screen.sass */

.category .left {
    width: 245px;
    float: left;
}


/* line 1068, ../sass/screen.sass */

.category .left ul {
    padding: 20px 15px;
    background: url(../../images/eco/category-menu-bg.png) 0 0 repeat;
}


/* line 1071, ../sass/screen.sass */

.category .left ul h3 {
    margin-bottom: 10px;
    font: normal 32px/32px "Grotesk";
    color: #3d7504;
}


/* line 1075, ../sass/screen.sass */

.category .left ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 43px;
}


/* line 1078, ../sass/screen.sass */

.category .left ul li a {
    margin: 0;
    font: normal 15px/20px "Grotesk";
    color: #292f00;
    text-transform: uppercase;
}


/* line 1083, ../sass/screen.sass */

.category .left ul li a:hover {
    color: #206a00;
    text-decoration: underline;
}


/* line 1088, ../sass/screen.sass */

.category .right {
    width: 720px;
    float: right;
}


/* line 1092, ../sass/screen.sass */

.category-column {
    width: 750px;
    margin-left: -20px;
    overflow: hidden;
}


/* line 1094, ../sass/screen.sass */

.category-column figure {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 220px;
    height: 482px;
    margin-left: 30px;
    float: left;
}


/* line 1099, ../sass/screen.sass */

.category-column figure h2 {
    font: normal 30px/32px "Grotesk";
    text-transform: uppercase;
    color: #78c200;
}


/* line 1103, ../sass/screen.sass */

.category-column figure .picture {
    width: 188px;
    height: 143px;
    margin: 12px 0 0 -10px;
    position: relative;
    overflow: hidden
}


/* line 1108, ../sass/screen.sass */

.category-column figure .picture img {
    margin: 10px 0 0 10px;
}


/* line 1110, ../sass/screen.sass */

.category-column figure .picture span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 114px;
    height: 34px;
    background: url(../../images/eco/pricelist-bg.png) 0 0 no-repeat;
    text-align: center;
    font: normal 18px/30px "Grotesk";
    color: black;
}


/* line 1121, ../sass/screen.sass */

.category-column figure .picture span sup {
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 1127, ../sass/screen.sass */

.category-column figure .title {
    height: 34px;
    display: block;
    overflow: hidden;
    margin: 8px 0;
    font: normal 15px/17px "Grotesk";
    text-transform: uppercase;
    color: #6db000;
}

.category-column figure .title span {
    height: 34px;
    display: table-cell;
    vertical-align: middle;
}


/* line 1133, ../sass/screen.sass */

.category-column figure .description {
    display: block;
    height: 160px;
    overflow: hidden;
    margin-bottom: 10px;
    font: bold 11px/16px Segoe UI;
    color: #002a2e;
}

.category_description {
    font: bold 11px/16px Segoe UI;
    color: #002a2e;
}

.category_description a {
    color: #6DB000;
    text-decoration: underline;
}

.category_description a:hover {
    text-decoration: none;
}

.category_description h1,
.category_description h2,
.category_description h3,
.category_description h4,
.category_description h5,
.category_description h6,
.category_description strong {
    display: block;
    margin: 10px 0;
    font: normal 25px/25px "Grotesk";
    color: #3D7504;
}


/* line 1136, ../sass/screen.sass */

.category-column figure .description p {
    margin: 5px 0;
}


/* line 1139, ../sass/screen.sass */

.category-column figure .price-place .buy {
    overflow: hidden;
}


/* line 1141, ../sass/screen.sass */

.category-column figure .price-place .buy p {
    float: left;
    color: #6db000;
    font: normal 20px/25px "Grotesk";
}


/* line 1145, ../sass/screen.sass */

.category-column figure .price-place .buy p sup {
    font-size: 13px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}

.category-column figure .price-place .buy input {
    float: right;
}


/* line 1151, ../sass/screen.sass */


/* .category-column figure .price-place .buy .buy-btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 87px;
  float: right;
  color: #193200;
  padding: 1px 0 1px 35px;
  background: #cae419 url(../../images/eco/columb-basket.png) 12px center no-repeat;
  text-transform: uppercase;
  font: normal 10px/25px "Grotesk";
} */


/* line 1160, ../sass/screen.sass */

.category-column figure .price-place .buy .buy-btn:hover {
    background: #e3ff00 url(../../images/eco/columb-basket.png) 12px center no-repeat;
}


/* line 1162, ../sass/screen.sass */

.category-column figure .price-place .credit {
    margin: 5px 0;
    overflow: hidden;
}


/* line 1165, ../sass/screen.sass */

.category-column figure .price-place .credit p {
    float: left;
    color: #da2128;
    font: normal 18px/25px "Grotesk";
}


/* line 1169, ../sass/screen.sass */

.category-column figure .price-place .credit p sup {
    font-size: 12px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}

.category-column figure .price-place .credit a {
    float: right;
}


/* line 1175, ../sass/screen.sass */

.category-column figure .price-place .credit .credit-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 87px;
    float: right;
    color: #193200;
    padding: 1px 0 1px 35px;
    background: #e43b19 url(../../images/eco/column-credit.png) 12px center no-repeat;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk";
}


/* line 1184, ../sass/screen.sass */

.category-column figure .price-place .credit .credit-btn:hover {
    background: #ff5429 url(../../images/eco/column-credit.png) 12px center no-repeat;
}


/* line 1186, ../sass/screen.sass */

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


/* line 1189, ../sass/screen.sass */

.compare input {
    opacity: 0;
}

.compare input:checked+label {
    background: url(../../images/eco/check-select.png) left 3px no-repeat;
}

.compare input:checked+label:hover {
    background: url(../../images/eco/check-select-hover.png) left 3px no-repeat;
}


/* line 1191, ../sass/screen.sass */

.compare label {
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 18px;
    background: url(../../images/eco/check.png) left 3px no-repeat;
}


/* line 1197, ../sass/screen.sass */

.compare label span {
    color: #033e51;
    border-bottom: dotted 2px #033e51;
    font: normal 11px/16px Segoe UI;
}


/* line 1201, ../sass/screen.sass */

.compare label:hover {
    background: url(../../images/eco/check-hover.png) left 3px no-repeat;
}


/* line 1203, ../sass/screen.sass */

.compare label:hover span {
    color: #da2128;
    border-bottom: dotted 2px #da2128;
}

.search_select td {
    padding: 10px 0 0 0;
}

.search_select select {
    border: solid 1px #BED464;
    outline: solid 1px #D9EC8A;
}

.search_select td:first-child {
    display: inline-block;
    margin-right: 10px;
    color: #3A9300;
    font: normal 13px/18px "Grotesk";
}


/* line 1207, ../sass/screen.sass */

.pagenavigator {
    width: 100%;
    height: 128px;
    margin: 30px 0;
    overflow: hidden;
    background: url(../../images/eco/pager-bg.png) 0 0 repeat;
}


/* line 1213, ../sass/screen.sass */

.pagenavigator .pager-nav {
    position: relative;
    width: 520px;
    height: 68px;
    padding-top: 1px;
    margin-top: 30px;
    margin-left: 100px;
    display: block;
}


/* line 1221, ../sass/screen.sass */

.pagenavigator .pager-nav .back,
.pagenavigator .pager-nav .forward {
    width: 96px;
    height: 68px;
    display: block;
    position: absolute;
    top: 0;
}


/* line 1227, ../sass/screen.sass */

.pagenavigator .pager-nav .back {
    left: 0;
    background: url(../../images/eco/pager-back.png) 0 0 no-repeat;
}


/* line 1230, ../sass/screen.sass */

.pagenavigator .pager-nav .back:hover {
    background: url(../../images/eco/pager-back-hover.png) 0 0 no-repeat;
}


/* line 1232, ../sass/screen.sass */

.pagenavigator .pager-nav .forward {
    right: 0;
    background: url(../../images/eco/pager-forward.png) 0 0 no-repeat;
}


/* line 1235, ../sass/screen.sass */

.pagenavigator .pager-nav .forward:hover {
    background: url(../../images/eco/pager-forward-hover.png) 0 0 no-repeat;
}


/* line 1237, ../sass/screen.sass */

.pagenavigator .pager-nav .center {
    width: 128px;
    margin: 5px auto 0;
}


/* line 1240, ../sass/screen.sass */

.pagenavigator .pager-nav .center .current-page {
    display: block;
    width: 100%;
    text-align: center;
    color: #da2128;
    font: normal 18px/20px "Grotesk";
}


/* line 1246, ../sass/screen.sass */

.pagenavigator .pager-nav .center .current-page strong {
    margin-left: -5px;
    font-size: 33px;
    line-height: 33px;
    text-transform: uppercase;
}


/* line 1250, ../sass/screen.sass */

.pagenavigator .pager-nav .center .show-all {
    width: 129px;
    height: 36px;
    display: block;
    background: url(../../images/eco/pager-all.png) 0 0 no-repeat;
}


/* line 1255, ../sass/screen.sass */

.pagenavigator .pager-nav .center .show-all:hover {
    background: url(../../images/eco/pager-all-hover.png) 0 0 no-repeat;
}


/* line 1257, ../sass/screen.sass */

.pagenavigator .pager-nav .center .pages {
    text-align: center;
    color: #033e51;
    font: normal 12px/12px "Grotesk";
}


/* line 1261, ../sass/screen.sass */

.pagenavigator .pager-nav .center .pages span {
    font: normal 17px/17px "Grotesk";
}


/* line 1265, ../sass/screen.sass */

.breadcrumbs {
    margin-bottom: 5px;
}


/* line 1267, ../sass/screen.sass */

.breadcrumbs li {
    display: inline-block;
    vertical-align: top;
}


/* line 1270, ../sass/screen.sass */

.breadcrumbs li a {
    margin-right: 10px;
    padding-right: 26px;
    color: #da2128;
    text-transform: uppercase;
    font: normal 13px/13px "Grotesk";
    background: url(../../images/eco/bread-arrow.png) right center no-repeat;
}


/* line 1277, ../sass/screen.sass */

.breadcrumbs li a:hover {
    color: #7bc200;
}


/* line 1279, ../sass/screen.sass */

.catfilter h4 {
    display: block;
    font: normal 26px/26px "Grotesk";
    color: #da2128;
    text-transform: uppercase;
    margin-bottom: 12px;
}


/* line 1285, ../sass/screen.sass */

.subcat {
    margin: 10px 0 30px;
}


/* line 1287, ../sass/screen.sass */

.subcat h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font: normal 13px/15px "Grotesk";
    color: #4a9400;
}


/* line 1292, ../sass/screen.sass */

.subcat li {
    display: inline-block;
    vertical-align: top;
}


/* line 1295, ../sass/screen.sass */

.subcat li a {
    margin-right: 20px;
    color: #054e60;
    font: normal 13px/15px "Grotesk";
    text-transform: uppercase;
}


/* line 1300, ../sass/screen.sass */

.subcat li a:hover {
    color: #da2128;
}


/* line 1303, ../sass/screen.sass */

.filter-list {
    margin: 10px 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font: normal 13px/15px "Grotesk";
    color: #3a9300;
}


/* line 1308, ../sass/screen.sass */

.filter-list span {
    text-transform: uppercase;
    margin-right: 5px;
    font: normal 13px/15px "Grotesk";
    color: #3a9300;
}


/* line 1313, ../sass/screen.sass */

.filter-list a {
    font: normal 13px/15px "Grotesk";
    color: #054e60;
    border-bottom: dotted 1px #054e60;
}


/* line 1317, ../sass/screen.sass */

.filter-list ul {
    display: none;
    position: absolute;
    top: -12px;
    left: 62px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: solid 1px #96cb39;
    padding: 11px 14px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}


/* line 1327, ../sass/screen.sass */

.filter-list ul li {
    display: block;
}


/* line 1329, ../sass/screen.sass */

.filter-list ul li a {
    color: #2e6b7a;
    font: normal 12px/18px "Grotesk";
}


/* line 1332, ../sass/screen.sass */

.filter-list ul li a:hover {
    color: #e5383b;
}


/* line 1335, ../sass/screen.sass */

.slider {
    position: relative;
    width: 300px;
    height: 43px;
    margin: 10px 0 10px 0px;
    display: inline-block;
    vertical-align: top;
}

.min-label {
    display: inline-block;
    margin-right: 10px;
    color: #3A9300;
    font: normal 13px/18px "Grotesk";
}

.hndl_submit_prds_cmp {
    display: block;
    margin: 0 auto !important;
}

#cat_advproduct_search input[type=submit],
.hndl_submit_prds_cmp {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #193200;
    border: none;
    padding: 0 15px;
    font-size: 15px;
    background: #CAE419;
    margin-left: 34px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font: normal 10px/25px "Grotesk"
}

#cat_advproduct_search input[type=submit]:hover,
.hndl_submit_prds_cmp:hover {
    background: #E3FF00;
}

#cat_advproduct_search input[type=text] {
    border: solid 1px #BED464;
    outline: solid 1px #D9EC8A;
    margin-right: 10px;
    padding: 1px 10px;
}


/* line 1341, ../sass/screen.sass */

.slider span {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    color: #3a9300;
    font: normal 13px/18px "Grotesk";
}


/* line 1344, ../sass/screen.sass */

.slider span sup {
    font-size: 11px;
    vertical-align: top;
    padding-bottom: 1px;
    position: relative;
    top: -3px;
}


/* line 1350, ../sass/screen.sass */

#slider {
    position: relative;
    bottom: 0;
    border: none;
    display: inline-block;
    vertical-align: top;
    width: 210px;
    height: 15px;
    background: url(../../images/eco/temper.png) top left no-repeat;
    background-size: 105%;
}

.ui-slider-range.ui-widget-header {
    background: none;
}

#cat_advproduct_search h3 {
    text-transform: uppercase;
    margin-right: 5px;
    font: normal 13px/15px "Grotesk";
    color: #3A9300;
}


/* line 1357, ../sass/screen.sass */

.ui-slider-handle.ui-state-default.ui-corner-all,
.slider .progress .start,
.slider .progress .finish {
    position: absolute;
    top: -20px;
    width: 24px;
    height: 42px;
    display: block;
    background: url(../../images/eco/point.png) bottom center no-repeat;
    color: #da2128;
    text-align: center;
    text-transform: lowercase;
    font: normal 9px/12px Segoe UI;
    border: none;
    white-space: nowrap;
}

.ui-slider-handle.ui-state-default.ui-corner-all:focus,
.slider .progress .start:focus,
.slider .progress .finish:focus {
    outline: none;
}


/* line 1368, ../sass/screen.sass */


/* .slider .progress .start {
  left: 20px;
} */


/* line 1370, ../sass/screen.sass */


/* .slider .progress .finish {
  right: 20px;
} */


/* /category */


/* sale */


/* line 1382, ../sass/screen.sass */

.sale {
    margin-bottom: 15px;
}


/* line 1384, ../sass/screen.sass */

.sale h2 {
    margin: 3px 0 10px;
    font: normal 18px/18px "Grotesk";
    color: #2e77aa;
    text-align: center;
}


/* line 1389, ../sass/screen.sass */

.sale ul {
    text-align: justify;
    text-align-last: justify;
}


/* line 1392, ../sass/screen.sass */

.sale ul li {
    margin: 22px 12px 0;
    display: inline-block;
    vertical-align: top;
}


/* line 1396, ../sass/screen.sass */

.sale ul:after {
    content: "0";
    display: inline-block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    height: 0;
}


/* line 1463, ../sass/screen.sass */

.topcat-2 {
    background: url("../../images/eco/topcat-1.png") no-repeat left center;
}

.topcat-475 {
    background: url("../../images/eco/topcat-475.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-29 {
    background: url("../../images/eco/topcat-2.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-3 {
    background: url("../../images/eco/topcat-3.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-4 {
    background: url("../../images/eco/topcat-4.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-5 {
    background: url("../../images/eco/topcat-5.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-24 {
    background: url("../../images/eco/topcat-6.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-7 {
    background: url("../../images/eco/topcat-7.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-8 {
    background: url("../../images/eco/topcat-8.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-9 {
    background: url("../../images/eco/topcat-9.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-10 {
    background: url("../../images/eco/topcat-10.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-246 {
    background: url("../../images/eco/topcat-11.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-86 {
    background: url("../../images/eco/topcat-12.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-13 {
    background: url("../../images/eco/topcat-13.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-239 {
    background: url("../../images/eco/topcat-14.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-15 {
    background: url("../../images/eco/topcat-15.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-40 {
    background: url("../../images/eco/topcat-16.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-88 {
    background: url("../../images/eco/topcat-17.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-11 {
    background: url("../../images/eco/topcat-18.png") no-repeat left center;
}

.topcat-12 {
    background: url(../../images/eco/list-icon.png) no-repeat left center;
    margin-left: 6px !important;
}


/* line 1463, ../sass/screen.sass */

.topcat-199 {
    background: url("../../images/eco/topcat-19.png") no-repeat left center;
}


/* line 1463, ../sass/screen.sass */

.topcat-237 {
    background: url("../../images/eco/topcat-20.png") no-repeat left center;
}


/* investors */

.texttable td {
    vertical-align: top;
    padding: 0 20px 20px 0;
    text-indent: 0;
}

.texttable td img {
    max-width: 1000px;
}

.part {
    background: #ececec;
    padding: 10px;
    border-left: 5px #ba2130 solid;
    font-size: 18px;
    font-weight: bold;
    color: #ba2130;
}

.part_small {
    background: #ececec;
    padding: 10px;
    border: 1px #7f7f7f solid;
    font-size: 15px;
    text-align: center;
    color: #ba2130;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

h3 {
    text-transform: uppercase;
    color: #a1cb33;
    margin: 0 0 5px 0;
    font-size: 16px;
}

.ul li {
    margin: 8px 0 8px;
    padding: 0 0 0 12px;
    background: url('http://ecomotors.ru/images/arrow.png') left 5px no-repeat;
}

.texttable td img.nos {
    margin: 0;
    box-shadow: 0 0 0;
}

.red {
    font-size: 13px;
    font-weight: bold;
    color: #ba2130;
}

.gray_part {
    background: #ececec;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.block_line {
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
    color: #fff;
}

.block2 {
    margin: 0 40px 0 40px;
    background: #ececec;
    padding: 10px;
    border-left: 5px #ba2130 solid;
    border-right: 5px #ba2130 solid;
}

.font18 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle!important;
}

.texttable td.t_red {
    font-size: 16px;
    text-transform: uppercase;
    vertical-align: middle!important;
    color: #fff;
    text-align: center;
    background: #ba2130;
    padding: 10px;
}

.texttable td.t_gray {
    font-size: 16px;
    text-transform: uppercase;
    vertical-align: middle!important;
    color: #fff;
    background: #7f7f7f;
    padding: 10px;
}

.tesla {
    text-align: center;
    position: absolute;
    width: 409px;
    padding: 10px 0 0 0;
}

.tesla a {
    font: normal 18px/18px 'Grotesk';
    color: #4d626d;
}

.tesla a:hover {
    color: #2e77aa;
}

#koles {
    -webkit-animation: cssAnimation 1s 5000 ease;
    -moz-animation: cssAnimation 1s 9 ease;
    -o-animation: cssAnimation 1s 9 ease;
}

@-webkit-keyframes cssAnimation {
    from {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        background: red;
    }
    to {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        background: #008088;
    }
}

@-moz-keyframes cssAnimation {
    from {
        -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        background: red;
    }
    to {
        -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        background: #008088;
    }
}

@-o-keyframes cssAnimation {
    from {
        -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        background: red;
    }
    to {
        -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        background: #008088;
    }
}

.slider1 {
    z-index: 9;
    width: 394px;
    height: 221px;
    overflow: hidden;
    margin: 0 0 7px;
    position: relative;
    display: none !important;
}

.slider1 ul,
.slider1 li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.slider1 ul {
    width: 9999px;
}

.slider1 ul li {
    list-style-type: none;
    float: left;
    width: 394px;
    height: 221px;
}

.slider1 .nav {
    display: none;
    position: absolute;
    left: 15px;
    bottom: 12px;
}

.slider1 .nav span {
    opacity: 0.9;
    background: #fff;
    margin: 0 8px 0 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    display: block;
    float: left;
    box-shadow: 0 1px 2px #000;
}

.slider1 .nav span.on {
    background: #2e9419;
}

.rightcol+table {
    display: none !important;
}

.add2cart_handler {
    background: #cae419;
    margin: 20px 20px 30px 0px;
    color: #000000;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 0px;
    height: 30px;
    display: block;
    width: 100px !important;
    /* display: block; */
    font: normal 18px/18px "Grotesk";
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
}

.add2cart_handler:active {
    background: #9aae14;
    margin: 25px 20px 25px 0px !important;
    padding-left: 15px;
    color: #000000;
    padding-top: 12px;
    padding-bottom: 0px;
    height: 30px;
    display: block;
    width: 100px !important;
    /* display: block; */
    font: normal 18px/18px "Grotesk";
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
}

.add2cart_handler img {
    margin-right: 10px;
    margin-top: -5px;
    float: right;
}

.add2cart_kredit {
    background: #00bac6;
    margin: 20px 20px 5px 0px;
    color: #000000;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 0px;
    height: 30px;
    display: block;
    width: 170px !important;
    /* display: block; */
    font: normal 18px/18px "Grotesk";
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
}

.add2cart_kredit:active {
    background: #008088;
    margin: 35px 20px 0px 0px;
    padding-left: 15px;
    color: #000000;
    padding-top: 12px;
    padding-bottom: 0px;
    height: 30px;
    display: block;
    width: 170px !important;
    /* display: block; */
    font: normal 18px/18px "Grotesk";
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
}

.add2cart_kredit img {
    margin-right: 10px;
    margin-top: -5px;
    float: right;
}

.contact {
    position: absolute;
    top: 86px;
    right: 15px;
}

.contact>p {
    float: left;
    height: 35px;
    padding-left: 74px;
    background-position: left top;
    background-repeat: no-repeat;
}

.contact .viber {
    background-image: url(../../images/eco/viber.gif);
    font-weight: 600;
    color: #ffffff;
    padding-top: 5px;
    cursor: hand;
}

.contact .viber:hover {
    color: #db2128;
}

.contact .skype {
    display: none;
}

.email:nth-child(2) {
    display: none;
}

.contactCenter {
    float: right;
    width: 397px;
    margin: 5px 300px 0 0;
}

.contactCenter>p {
    float: left;
    width: 163px;
    height: 35px;
    padding-left: 35px;
    background-position: left top;
    background-repeat: no-repeat;
}

.contactCenter .email {
    background-image: url(../../images/eco/email.gif);
    color: #db2128;
    font-weight: 600;
    padding-top: 5px;
    margin-left: 90px;
}

.contactCenter .skype {
    background-image: url(../../images/eco/skype.gif);
    color: #db2128;
    font-weight: 600;
    padding-top: 5px;
    margin-top: 5px;
    display: none
}

.contactCenter .address {
    background-image: url(../../images/eco/marker.gif);
    color: #db2128;
    font-weight: 600;
    margin-top: 5px;
    white-space: nowrap;
}

hr.line {
    margin: 8px 0 0 0;
    border: 0;
    height: 2px;
    background: #e0f0ff;
}

.main {
    background: url(../../images/eco/bg-bottom.jpg) no-repeat center bottom;
}

.main>div {
    /*min-height:1655px;*/
    background: url(../../images/eco/bg-top.jpg) no-repeat center top;
}

.main .wrapper {
    /*margin-top:-2px;*/
    box-shadow: -2px 0 2px 0px #ddebf9;
}

.main .wrapper>div {
    padding-top: 5px;
    box-shadow: 2px 0 2px 0px #ddebf9;
    background: white;
}


/*.container {height:100%;overflow:hidden;}*/

.blueBlock {
    position: relative;
    height: 301px;
    margin-top: 15px;
    padding: 22px;
    color: white;
    background: url(../../images/eco/blue-block.jpg) no-repeat;
    overflow: hidden;
}

.blueBlock h3 {
    color: white;
    font: bold 16px Roboto;
}

.blueBlock h3 a {
    color: inherit;
    font: inherit;
}

.blueBlock .aboutList {
    float: left;
    width: 407px;
    margin-right: 40px;
}

.blueBlock li {
    padding: 0 0 20px 26px;
    font-size: 14px;
    background: url(../../images/eco/check.png) no-repeat left top;
}

.blueBlock .news {
    float: left;
    width: 190px;
    height: auto;
    margin: 0;
    padding: 0;
}

.blueBlock figure {
    height: auto;
    margin: 0;
    padding-bottom: 20px;
    color: inherit;
}

.blueBlock figure span {
    padding-bottom: 5px;
}

.blueBlock figure span,
.blueBlock figure a {
    font: inherit;
    font-size: 14px !important;
    color: white !important;
}

.blueBlock .button {
    position: absolute;
    bottom: 0;
    left: 0;
    displya: block;
    padding: 14px 17px 15px 60px;
    ;
    font-size: 22px;
    color: white;
}

.orangeBlock {
    height: 121px;
    margin-bottom: 20px;
    padding: 10px;
    background: url(../../images/eco/orrange-block.png) no-repeat;
}

.orangeBlock li {
    float: left;
    width: 12.5%;
    margin-top: 45px;
    text-align: center;
}

.advs {
    margin-top: 20px;
    margin-left: 45px;
}

.advs li {
    position: relative;
    float: left;
    margin-left: 7px;
    margin-bottom: 19px;
}

.advs li:nth-child(3),
.advs li:nth-child(5) {
    margin-right: 0;
}

.advs p {
    position: absolute;
    color: white;
}

.advs p span {
    position: absolute;
    top: 0;
    right: -15px;
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid red;
    border-bottom: 37px solid transparent;
}

.advs li a p:nth-child(1) {
    top: 12px;
    padding: 9px 12px 12px 9px;
    font-size: 16px;
}

.advs li a p:nth-child(2) {
    bottom: 0;
    width: 100%;
    padding: 16px 0;
    font-size: 18px;
    text-align: center;
}

.advs li:nth-child(1) p {
    background: rgba(119, 163, 35, 0.9);
}

.advs li:nth-child(1) p span {
    border-left-color: rgba(119, 163, 35, 0.9);
}

.advs li:nth-child(2) p {
    background: rgba(6, 161, 166, 0.9);
}

.advs li:nth-child(2) p span {
    border-left-color: rgba(6, 161, 166, 0.9);
}

.advs li:nth-child(3) p {
    background: rgba(108, 27, 169, 0.9);
}

.advs li:nth-child(3) p span {
    border-left-color: rgba(108, 27, 169, 0.9);
}

.advs li:nth-child(4) p {
    background: rgba(193, 0, 79, 0.9);
}

.advs li:nth-child(4) p span {
    border-left-color: rgba(193, 0, 79, 0.9);
}

.advs li:nth-child(5) p {
    background: rgba(227, 138, 1, 0.9);
}

.advs li:nth-child(5) p span {
    border-left-color: rgba(227, 138, 1, 0.9);
}

.advs li:nth-child(1) {
    display: none;
}

.advs li:nth-child(2) {
    display: none;
}

.advs li:nth-child(3) {
    display: none;
}

.map {
    border-top: 4px solid #8cbe27;
}

footer {
    padding: 28px 28px 14px 28px;
    font-size: 14px;
    color: white;
    background: #8cbe27;
}

footer ul {
    width: 300px;
}

footer li {
    float: left;
    width: 50%;
    padding-bottom: 7px;
}

footer li a {
    color: white;
    text-decoration: underline;
}

footer p {
    position: absolute;
    display: block;
}

footer p {
    padding: 0 0 7px 22px;
    background-repeat: no-repeat;
    background-position: left top;
}

footer .address {
    left: 370px;
    width: 160px;
    background-image: url(../../images/eco/marker-footer.png);
}

footer .skype {
    left: 600px;
    background-image: url(../../images/eco/skype-footer.png);
}

footer .phone {
    left: 600px;
    bottom: 25px;
    padding: 0 0 7px 22px;
    color: white;
    font-size: 14px;
    background-image: url(../../images/eco/phone-footer.png);
}

footer .email {
    right: 68px;
    background-image: url(../../images/eco/email-footer.png);
}

.top-basket {
    display: none;
}

footer.inner {
    padding: 0;
    overflow: hidden;
    background: transparent;
}

footer.inner .bottom-logo {
    display: block;
    float: left;
    width: 280px;
    height: 53px;
    margin: 0 0 0 45px;
    padding: 47px 0 0 123px;
    background: url(../../images/eco/logo-bottom.png) 0 0 no-repeat;
    color: #6db000;
    font: normal 13px/15px Segoe UI;
}

footer.inner .info {
    float: right;
    width: 286px;
    margin-right: 170px;
}

footer.inner p {
    padding-left: 0;
}

footer.inner span {
    margin-left: 5px;
    color: #da2128;
    font: normal 18px/20px Segoe UI;
}

footer.inner .info .maps {
    width: 129px;
    float: right;
    display: block;
    padding-top: 72px;
    text-align: center;
    color: #6db000;
    font: normal 16px/18px Segoe UI;
    background: url(../../images/eco/map-marker.png) top center no-repeat;
    text-decoration: underline;
}

footer.inner .contacts {
    float: left;
    width: 140px;
    text-align: center;
}

footer.inner h3 {
    text-align: center;
}

footer.inner .contacts p {
    padding-right: 290px;
    color: black;
}

.anvexa {
    text-align: center;
    margin: 10px 10px 20px 10px;
    font: normal 18px/37px "Grotesk";
}

.anvexa a {
    color: #6db000 !important;
    text-decoration: underline !important;
}

.anvexa a:hover {
    text-decoration: none !important;
}