



/* SET BASE
----------------------------------------------- */
* {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ol, ul {list-style:none;}
h2 {    padding-top: 10px;
    padding-bottom: 10px;}
blockquote, q {quotes:none;}
table {border: 1px solid #f1f1f1; border-radius: 4px; box-sizing: border-box; }
td {padding:5px;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}


iframe {
    width: 100%;
    max-width: 100% !important;
   
    display: block;
    margin: 0 auto;
	
}

.open_complite {
    width: 90%;display: none!important;
    left: 0;
    background: #e80;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: fixed;
    bottom: 0;
}

.block_preims h3,.custom_article h3,.catalog-prood  h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.catalog-prood {margin-bottom: 30px}
.catalog-prood .item { border: 1px solid #f0f0f0;border-radius: 3px;;padding: 10px;width: 23%;display: inline-block;vertical-align: top;margin-right: 20px;text-align: center;}
.catalog-prood .item  .image img {max-width: 70%}
.catalog-prood .item .image {margin-bottom: 20px;height: 130px;line-height: 130px}
.catalog-prood .item span {display: block;font-size: 14px;text-transform: uppercase;font-weight: 700;color: #000;text-decoration: none;}

.catalog-prood .item .lik {margin: 30px auto 0;text-align: center;}
.catalog-prood .item .lik {    background: #74b427;border-radius: 4px;padding: 8px 12px;display: table;color: #fff;font-weight: 700;text-decoration: none}

.catalog-prood .item .lik:hover {background: #000}

.catalog-prood .item p {padding-top: 10px;color: #333;font-size: 13px;text-align: center;}

.catalog-prood .item:last-child {margin-right: 0}

.catalog-prood .item a {text-decoration: none}

.custom-news-main {width: 24%;float: left;margin-right: 15px;   border: 1px solid #f0f0f0;border-radius: 3px;margin-bottom: 30px}
.custom-news-main .image img {max-width: 100%;text-align: center;}
.custom-news-main .image {    text-align: center;margin-bottom: 10px;max-height: 137px;overflow: hidden;}
.custom-news-main .link a {font-size: 14px;text-transform: uppercase;color: #000;text-decoration: none;font-weight: 700}
.custom-news-main .text img {display: none}
.custom-news-main .text {font-size: 14px;line-height: 17px;margin-bottom: 0px}

.custom-news-main .link {padding: 10px 10px 0;min-height: 40px}
.custom-news-main .text {padding: 10px}

.custom-news-main .full {padding: 0 10px 15px}
.custom-news-main .full a {    background: #74b427;border-radius: 4px;padding: 8px 12px;display: table;color: #fff;font-weight: 700;text-decoration: none}

.block_preims .deliveryElement {width: 31%;display: inline-block;vertical-align: top;    padding: 20px;
    border: 1px solid #f0f0f0;border-radius: 3px;min-height: 220px;margin-bottom: 30px}

.block_preims .deliveryElement .deliveryIcon {font-size: 50px;text-align: center;margin-bottom: 15px;text-align: center;color: #74b427}
.block_preims .deliveryElement .deliveryText {font-size: 14px;line-height: 20px;}
.block_preims .deliveryElement .deliveryText b {display: block;padding-bottom: 10px;font-size: 18px;color: #74b427;}


.block_preims .deliveryElement .deliveryIcon img {max-width:50px}

#dle-speedbar {margin-bottom: 30px;display: block;color: #74b427 }
#dle-speedbar a {color:#545963;text-decoration: none}


.form-wrap {}
.sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}


html, body { font-family: 'PT Sans', sans-serif; background: #fff; font-size: 13px; color: #000; }
dl, li, dt, dd, h1, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; }
img { border: 0; vertical-align: top; } a { color: #1276b3; } a:hover { text-decoration: none; }

/* Дополнительные классы */
.reset { margin: 0; padding: 0; list-style: none; }
.pageWrapper { width: 100%; max-width: 1460px; min-width:320px; padding: 0 25px; box-sizing: border-box; margin: 0 auto; position: relative; }

.button { display: inline-block; cursor: pointer; border: none; height: 44px; line-height: 44px; border-radius: 4px; transition: all .3s; font-weight: 700; padding: 0 20px; text-decoration: none; font-family: 'PT Sans', sans-serif; }
.button i { font-weight: 400; margin-right: 14px; }
.button.buttonBlock { display: block; width: 100%; text-align: center; }
.button.buttonGreen { background: #74b427; color: #fff; }
.button.buttonGreen:hover { background: #669f20; }
.button.buttonBlue { background: #545963; color: #fff; }
.button.buttonBlue:hover { background: #464a53; }
.button.buttonBlue a{ background: #545963; color: #fff; }


/*--- SET ---*/
.button, .pagi-load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], 
input[type="reset"], input[type="submit"], .meta-fav a {display: inline-block; cursor: pointer; border: none; height: 44px; line-height: 44px; border-radius: 4px; transition: all .3s; font-weight: 700; padding: 0 20px; text-decoration: none; font-family: 'PT Sans', sans-serif; 
background: #74b427; color: #fff;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{color:#fff; background: #669f20;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#f5f5f5; border-radius:4px; -webkit-appearance: none; box-shadow:0 0 0 1px #EDEDED;}
input[type="text"]:focus {}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#FFF; 
border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); overflow:auto; vertical-align:top; resize:vertical;}

.img-box {overflow:hidden; position:relative; background-color:#CCC;}
.img-box img {width:100%; min-height:100%;}
.square-img img {width:150%; max-width:150%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .with-mask:after {transition: all .3s;}
a, .button, .with-mask:before, .thumb-mask {transition: color .3s, background-color .3s, opacity .3s;}

.flex-row {display:flex; flex-flow:row wrap; justify-content:space-between;}
flex-col {display:flex; flex-direction:column; justify-content:center;}
.ps-link {cursor:pointer;}
.icon-l .fa {margin-right:10px;}

.fixWrapper {min-height:800px;}
.fixWrapper > .berrors {margin-left:370px;}
.pageHeader { position: relative; background: url('../images/header.png') bottom repeat-x; z-index: 100; }
.pageHeader .pageInformation { height: 50px; position: relative; background: #eeeeef; }
.pageHeader .pageInformation .pagePhones { float: left; height: 50px; line-height: 49px; }
.pageHeader .pageInformation .pagePhones span { float: left; margin-right: 40px; font-size: 15px; font-weight: 700; color: #000; }
.pageHeader .pageInformation .pagePhones span i { font-size: 16px; color: #74b427; font-weight: 400; margin-right: 12px; }
.pageHeader .pageInformation .pageLinks { float: left; height: 50px; line-height: 49px; margin-left: 60px; }
.pageHeader .pageInformation .pageLinks a { color: #545963; text-decoration: none; font-weight: 700; display: inline-block; padding: 0 15px; transition: all .3s; }
.pageHeader .pageInformation .pageLinks a:hover { color: #000; }
.pageHeader .pageInformation .pageTime { float: right; height: 50px; line-height: 49px; color: #545963; }
.pageHeader .pageInformation .pageTime i { font-size: 16px; color: #000; margin-right: 12px; }

.pageHeader .pageInformation .pagePhones a {font-size: 15px; font-weight: 700; color: #000;text-decoration: none}

.pageHeader .pageInsight { height: 118px; }
.pageHeader .pageInsight .pageInsightLeft { float: left; width: 284px; position: relative; }
.pageHeader .pageInsight .pageInsightLeft .pageLogotype { position: relative; margin-top: 30px; }
.pageHeader .pageInsight .pageInsightLeft .pageLogotype .pageLogo { width: 244px; height: 60px; background: url('../images/logo.png') no-repeat; display: block; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu { display: none; width: 244px; margin-top: 30px; position: relative; z-index: 100; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuName { width: 100%; height: 48px; color: #fff; border-radius: 4px 4px 0 0; background: #74b427; 
line-height: 48px; text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuName i { font-weight: 400; position: relative; top: 1px; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuName span { display: inline-block; margin: 0 26px; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuBlock { position: absolute; top: 48px; padding: 18px 20px; box-sizing: border-box; width: 100%; 
background: #fff; border-radius: 0 0 4px 4px; height: 300px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuBlock h3 { font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 15px; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuBlock h3.last { padding-top: 16px; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuBlock a { display: block; color: #333; text-decoration: none; padding: 3px 0; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuBlock a:hover { color: #74b427; }
.pageHeader .pageInsight .pageInsightLeft .pageMenu .pageMenuBlock a i { margin-right: 12px; color: #cecece; }
.pageHeader .pageInsight .pageInsightRight { margin-left: 284px; }
.pageHeader .pageInsight .pageInsightRight .pageInsightConfig { height: 44px; position: relative; margin-top: 20px; width: 100%; display: inline-block; }
.pageHeader .pageInsight .pageInsightRight .pageInsightConfig .pageInsightButtons { float: right; width: 620px;}
.pageHeader .pageInsight .pageInsightRight .pageInsightConfig .pageInsightButtons a { float: right; margin-left: 20px; }
.pageHeader .pageInsight .pageInsightRight .pageInsightConfig .pageInsightButtons a:last-child { margin-left: 0; }
.pageHeader .pageInsight .pageInsightRight .pageInsightSearch { margin-top: 19px;margin-right: 580px; position: relative; }
.pageHeader .pageInsight .pageInsightRight .pageInsightSearch input { width: 90%; height: 44px; box-shadow: 0 1px 5px rgba(0,0,0,0.07); border: 1px solid #e0ead3; border-radius: 4px; box-sizing: border-box; padding: 0 15px 0 44px; line-height: 44px; background-color:#fff; }
.pageHeader .pageInsight .pageInsightRight .pageInsightSearch i { font-size: 16px; position: absolute; top: 12px; color: #74b427; left: 15px; }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse { position: relative; margin-top: 18px; }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket { float: right; margin-left: 20px }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket .pageBasketIcon { float: left; width: 32px; height: 32px; font-size: 32px; color: #74b427; }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket .pageBasketText { margin-left: 50px; margin-top: 4px; }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageInfo { float: left; }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageInfo .pageInfoIcon { float: left; width: 32px; height: 32px; font-size: 32px; color: #000; }
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageInfo .pageInfoText { margin-left: 50px; margin-top: 4px; color: #727272; }
.pageHeader .pageNotification { height: 49px; background: url('../images/header_bottom.png') repeat-x; }
.pageHeader .pageNotification .pageNotificationPresent { margin-left: 0px; color: #fff; height: 49px; line-height: 49px; }
.pageHeader .pageNotification .pageNotificationPresent i { margin-right: 14px; }

.pageHeader .pageNotification .pageNotificationPresent a {font-size: 18px;color: #fff;text-decoration: none;padding: 0 35px;display: inline-block;vertical-align: top;margin-left: -4px}

.pageHeader .pageNotification .pageNotificationPresent a.first,.pageHeader .pageNotification .pageNotificationPresent a:hover {    background: #74b427;padding: 0 35px;display: inline-block;vertical-align: top}
.pageHeader .pageNotification .pageNotificationPresent a.first {margin-left: 0}
.pageMain { position: relative; padding: 40px 0; }
.pageSlider { margin-left: 0px; height: 380px; overflow: hidden; margin-top: -40px;margin-bottom: -30px}
.pageSlider .pageSliderElement { width: 100%; height: 350px; position: relative; background-size: cover !important; border-radius: 0px; }
.pageSlider .pageSliderElement .pageSliderPresent { position: absolute; border-radius: 4px; padding: 40px; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%;  z-index: 10; }
.pageSlider .pageSliderElement .pageSliderPresent h2 { color: #fff; font-size: 24px; }
.pageSlider .pageSliderElement .pageSliderPresent p { color: #fff; }
.pageSlider .pageSliderElement .pageSliderPresent a { margin-top: 15px; }
.pageMainContainer { padding-top: 40px; position: relative; }
.pageMainContainer .pageMainRight { float: right; width: 300px; }
.pageMainContainer .pageMainLeft { margin-right: 340px; }
.pageMail { border-radius: 4px; padding: 30px; background: #eeeeef; margin-bottom: 40px; }
.pageMail h3 { text-transform: uppercase; font-size: 14px; }
.pageMail p { color: #727272; }
.pageMail label { width: 100%; display: inline-block; margin-bottom: 10px; }
.pageMail label:last-child { margin-bottom: 0; }
.pageMail label input { width: 100%; background: #fff; height: 40px; line-height: 40px; padding: 0 12px; border-radius: 4px; box-sizing: border-box; border: none; }
.pageBanners { position: relative; margin-bottom: 40px; }
.pageComments { position: relative; }
.pageComments h3 { text-transform: uppercase; font-size: 14px; padding-bottom: 20px; color: #74b427; }
.pageComments h3 i { font-weight: 400; margin-left: 12px; }
.pageComments .pageCommentsElement { text-decoration: none; display: inline-block; width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f9f9f9; }
.pageComments .pageCommentsElement:hover .pageCommentsPresent .commentsName { color: #74b427; }
.pageComments .pageCommentsElement .pageCommentsImage { float: left; width: 40px; height: 40px; padding: 3px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; text-align: center; }
.pageComments .pageCommentsElement .pageCommentsImage img { max-height: 100%; max-width: 100%; }
.pageComments .pageCommentsElement .pageCommentsPresent { margin-left: 60px; }
.pageComments .pageCommentsElement .pageCommentsPresent .commentsName { color: #000; font-weight: 700; display: block; padding-bottom: 8px; transition: all .3s; }
.pageComments .pageCommentsElement .pageCommentsPresent .commentsText { color: #666; font-weight: 400; display: block; padding-bottom: 8px; }
.pageComments .pageCommentsElement .pageCommentsPresent .commentsDate { color: #999; font-weight: 400; display: block; }

.pageCatalogueNew { margin-bottom: 40px; position: relative; }

.pageCatalogueNew.pageCatalogueInside ul li { margin-bottom: 20px; display: inline-block; vertical-align: top; }
.pageCatalogueNew:last-child { margin-bottom: 5px; }
.pageCatalogueNew h3 { font-size: 20px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 20px; }
.pageCatalogueNew ul li {
   width: 23%;
    margin: 0 5px 20px 5px;
    padding: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    box-sizing: border-box;
}
.pageCatalogueNew ul li .pageCatalogueNewImage { width: 100%; text-align: center; margin-bottom: 15px; height: 140px; }
.pageCatalogueNew ul li .pageCatalogueNewImage img { /*---max-width: 140px;---*/ max-height: 140px; }
.pageCatalogueNew ul li .pageCatalogueNewPresent { position: relative; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataName { display: block; font-size: 14px; font-weight: 700; margin-bottom: 15px; height:38px; overflow:hidden; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataName a { color: #545963; text-decoration: none; transition: all .3s; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataName a:hover { color: #000; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataStatus { display: block; margin-bottom: 15px; color: #74b427; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataStatus i { margin-right: 12px; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .pageCatalogueNewPrice { position: relative; width: 100%; display: inline-block; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .pageCatalogueNewPrice .cataPrice { float: left; font-size: 20px; color: #000; font-weight: 700; height: 44px; line-height: 44px; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .pageCatalogueNewPrice a { float: right; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .pageCatalogueNewPrice a i { margin-right: 0; font-size: 19px; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataBrand { display: block; border-top: 1px solid #f1f1f1; padding-top: 15px; text-align: center; margin-top: 12px; text-transform: uppercase; height:34px; overflow:hidden; }
.pageCatalogueNew ul li .pageCatalogueNewPresent .cataBrand a { color: #74b427; font-weight: bold;position: relative; text-decoration: none; }

.pageLoginWarning { border: 2px solid #74b427; position: relative; padding: 20px; overflow: hidden; border-radius: 4px; margin-bottom: 40px; }
.pageLoginWarning .pageLoginWarningRight { float: right; width: 185px; display: block; }
.pageLoginWarning .pageLoginWarningLeft { margin-right: 225px; display: block; font-size: 13px; color: #666; line-height: 22px; }

.pageLeft { float: left; width: 244px; margin: 0px 0 40px 0; }
.pageRight { margin-left: 284px; }
.pageRight .pageTitle { font-size: 24px; text-transform: uppercase; padding-bottom: 15px; position: relative; top: -2px; }
.pageRight .pageSub{ font-size: 13px; padding-bottom: 35px; font-weight: 400; color: #777; }

.lSSlideOuter .lightSlider>* {margin: 0}

.pageFilters { margin-bottom: 40px; position: relative; }
.pageFilters h3 { text-transform: uppercase; font-size: 14px; padding-bottom: 20px; }
.pageFilters label { position: relative; width: 100%; display: inline-block; margin-bottom: 10px; cursor: pointer; }
.pageFilters label input { display: none; }
.pageFilters label .pageFiltersSelect { background: url('../images/checkbox.png') no-repeat; height: 24px; line-height: 24px; padding-left: 38px; font-weight: 700; color: #777; transition: all .3s; }
.pageFilters label .pageFiltersSelect:hover { color: #000; }
.pageFilters label input:checked + .pageFiltersSelect { background: url('../images/checkbox.png') 0 -24px no-repeat; transition: all .1s; }

.pageSorting { width: 100%; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; }
.pageSorting .nameSort { float: left; font-weight: 700; margin-right: 15px; }
.pageSorting li a { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ddd; }
.pageSorting li:last-child a { border-right: none; padding-right: 0; margin-right: 0; }

.pageElement { position: relative; width: 100%; display: inline-block; margin-top: 20px; }
.pageElement .pageElementImages { float: left; width: 300px; padding: 15px; border: 1px solid #f1f1f1; border-radius: 4px; box-sizing: border-box; }
.pageElement .pageElementImages .pageElementImage { width: 100%; position: relative; text-align: center; padding: 10px 0; }
.pageElement .pageElementImages .pageElementImage img { max-width: 100%; max-height: 100%; }
.pageElement .pageElementImages .pageElementThumbs { padding-top: 15px; margin-top: 15px; border-top: 1px solid #f1f1f1; }
.pageElement .pageElementImages .pageElementThumbs a { width: 50px; height: 50px; padding: 5px; border: 1px solid #f1f1f1; box-sizing: border-box; margin-right: 10px; float: left; text-align: center; transition: all .3s; }
.pageElement .pageElementImages .pageElementThumbs a:hover { border-color: #74b427; }
.pageElement .pageElementImages .pageElementThumbs a img { max-width: 100%; max-height: 100%; }
.pageElement .pageElementPresent { margin-left: 340px; }
.pageElement .pageElementPresent .pageElementBuy { float: right; width: 220px; border: 1px solid #74b427; box-sizing: border-box; border-radius: 4px; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle { padding: 15px 20px; border-bottom: 1px solid #f1f1f1; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle .junglePrice { font-size: 24px; font-weight: 700; text-align: center; display: block; padding-bottom: 5px; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle .jungleValue { color: #777; text-align: center; display: block; padding-bottom: 10px; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle .jungleBuy { display: block; padding-bottom: 10px; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle .jungleBuy a { display: block; width: 100%; text-align: center; box-sizing: border-box; text-transform: uppercase; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle .jungleClick { display: block; text-align: center; }
.pageElement .pageElementPresent .pageElementBuy .pageJungle .jungleClick a { text-decoration: none;  }
.pageElement .pageElementPresent .pageElementBuy .pageDelivery { position: relative; width: 100%; display: inline-block; padding-bottom: 15px; }
.pageElement .pageElementPresent .pageElementBuy .pageDelivery .deliveryElement { width: 100%; display: inline-block; padding: 15px 15px 0 15px; box-sizing: border-box; }
.pageElement .pageElementPresent .pageElementBuy .pageDelivery .deliveryElement .deliveryIcon { width: 32px; height: 32px; font-size: 16px; border: 1px solid #74b427; border-radius: 100%; text-align: center; line-height: 32px; float: left; }
.pageElement .pageElementPresent .pageElementBuy .pageDelivery .deliveryElement .deliveryText { margin-left: 50px; color: #777; }
.pageElement .pageElementPresent .pageElementBuy .pageDelivery .deliveryElement .deliveryText b { display: block; padding-bottom: 5px; color: #000; }
.pageElement .pageElementPresent .pageElementContainer { margin-right: 260px; }
.pageElement .pageElementPresent .pageElementContainer .elementArticul { position: relative; padding-bottom: 20px; }
.pageElement .pageElementPresent .pageElementContainer .elementSocial { position: relative; display: inline-block; padding: 15px; border: 1px solid #f1f1f1; border-radius: 4px; margin-bottom: 20px; }
.pageElement .pageElementPresent .pageElementContainer .elementSocial h3 { font-size: 13px; font-weight: 400; padding-bottom: 10px; }
.pageElement .pageElementPresent .pageElementContainer .elementChars { width: 100%; }
.pageElement .pageElementPresent .pageElementContainer .elementChars tr:nth-child(odd) { background: #f9f9f9; }
.pageElement .pageElementPresent .pageElementContainer .elementChars tr td { padding: 10px; width: 50%; }
.pageDeclaration { width: 100%; display: inline-block; margin-top: 40px; }
.pageDeclaration1 { width: 100%; display: inline-block; margin-top: 10px; }
.pageDeclaration .pageAbout { margin-right: 440px; }
.pageDeclaration .pageAbout h3 { font-size: 20px; text-transform: uppercase; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f1f1f1; }
.pageDeclaration .pageAbout p { line-height: 20px; }
.pageDeclaration .pageMessages { float: right; width: 400px; background: #eeeeef; padding: 30px; box-sizing: border-box; border-radius: 4px; }
.pageDeclaration .pageMessages h3 { text-transform: uppercase; font-size: 14px; padding-bottom: 20px; }
.pageDeclaration .pageMessages label { margin-bottom: 10px; width: 100%; display: inline-block; }
.pageDeclaration .pageMessages label input { width: 100%; background: #fff; height: 40px; line-height: 40px; padding: 0 12px; border-radius: 4px; box-sizing: border-box; border: none; }
.pageDeclaration .pageMessages label textarea { width: 100%; background: #fff; height: 100px; padding: 12px; border-radius: 4px; box-sizing: border-box; border: none; font-family: 'PT Sans', sans-serif; }
.pageDeclaration .pageMessages .messagesElements { position: relative; margin-top: 20px; }
.pageDeclaration .pageMessages .messagesElements .messagesElement { width: 100%; display: inline-block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.pageDeclaration .pageMessages .messagesElements .messagesElement .messageName { display: block; padding-bottom: 8px; font-weight: 700; }
.pageDeclaration .pageMessages .messagesElements .messagesElement .messageText { display: block; padding-bottom: 8px; color: #666; }
.pageDeclaration .pageMessages .messagesElements .messagesElement .messageDate { display: block; color: #333; }

.pageFooter { clear: both; position: relative; }
.pageFooter .pageSeo { background: #eeeeef; padding: 40px 0; }
.pageFooter .pageSeo p { color: #777; }
.pageFooter .pageSeo p:last-child { margin-bottom: 0; padding-bottom: 0; }
.pageFooter .pageDown { padding: 40px 0; overflow: hidden; }
.pageFooter .pageDown .pageCopyrights { float: left; }
.pageFooter .pageDown .pageCopyrights p { margin-bottom: 0; padding-bottom: 0; }
.pageFooter .pageDown .pageCopyrights .pageLogoDown { width: 244px; height: 60px; background: url('../images/logo.png') no-repeat; display: block; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.pageFooter .pageDown .pageCategories { float: right; }
.pageFooter .pageDown .pageCategories ul { float: left; margin-left: 80px; }
.pageFooter .pageDown .pageCategories ul:last-child { margin-right: 0; }
.pageFooter .pageDown .pageCategories ul li h3 { padding-bottom: 22px; color: #727272; }
.pageFooter .pageDown .pageCategories ul li a { display: block; padding: 3px 0; text-decoration: none; color: #545963; transition: all .3s; }
.pageFooter .pageDown .pageCategories ul li a:hover { color: #000; }
.pageFooter .pageDown .pageContactsDown { float: left; margin: 9px 0 0 40px; }


.shop-pics br, .shop-tech br {display:none;}
.sp-th a, .sp-th img {display:inline-block;}
.sp-th .curr a {border:1px solid #74b427 !important;}
.sp-full a {display:none;}
.pageRight {overflow:hidden;}


/* FULL STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; max-width:100% !important; height:340px;}
.mejs-container {max-width:100% !important;}
.full-text {color:#4b4b4b; line-height:24px;}
.full-text img:not(.emoji) {max-width:100%; margin:0 0 10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#4a61a3;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}
.full-taglist + .full-taglist {margin-top:20px;}
.full-taglist a {color:#4a61a3;}


/* COMMENTS
----------------------------------------------- */
.ac-protect {margin:10px 0; display:none;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}
.ac-protect input {background-color:#FFF;}

.mass_comments_action {text-align:right; padding:5px 15px; background-color:#F5F5F5; margin:20px 0; display:none;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#06c;}

/* LOGIN
----------------------------------------------- */
.login-box {background-color:#FFF; padding:20px; display:none;}
.lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f5f5f5;  
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
.lb-name div {font-size:18px; font-weight:700;}
.lb-name a {margin-top:10px;}
.lb-menu a {display:block; line-height:30px; padding:0 10px; background-color:#f5f5f5;}
.lb-menu a:hover, .lb-menu a:hover .fa {background-color:#74b427; color:#fff;}
.lb-menu a .fa {color:#444; display:none;}
.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
{display:block; margin-bottom:20px; width:100%;}
.lb-check input {display:none;}
.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.lb-check input:checked + label:before {background-color:#e5050b;}
.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f5f5f5; text-align:center;}
.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
.lb-soc img {display:block; width:30px;}

/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:40px; text-align:left; font-size:16px; padding:20px 10px 30px 10px;}
.pagi-nav {white-space:nowrap; overflow-y:hidden; overflow-x:auto; max-width:100%;
background-color:#FFF; border:1px solid #e3e3e3; border-radius:3px; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {border-right:1px solid #e3e3e3;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:80px; text-align:center; text-decoration:none;}
.navigation {text-align:center;}
.navigation a, .navigation span {display:inline-block; padding:0 5px; min-width:38px;
color:#444; border-right:1px solid #e3e3e3; margin-right:-4px; text-decoration:none;}
.navigation span, .pagi-nav a:hover {background-color:#74b427; color:#fff;}
.navigation span.nav_ext {background-color:transparent; color:#888;}
.dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}
.pprev i:before {transform:rotate(180deg);}


.block_preims {margin-bottom: 40px}

	
/* ADAPTIVE
----------------------------------------------- */
.pageHeader .pageNotification .pageNotificationPresent { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media screen and (min-width: 1200px) {
.show-menu, , .pageInformation .pageLogo {display:none !important;}
}

@media screen and (max-width: 1220px) { 
.pageWrapper {max-width:1000px; padding:0 10px;}
.pageHeader .pageInsight .pageInsightLeft { display:none;}
.pageHeader .pageInsight .pageInsightRight { margin-left:0; }
.pageHeader .pageInformation .pageLinks { display:none;}
.pageHeader .pageNotification .pageNotificationPresent { margin-left: 0;}
.pageSlider { margin-left: 0;}
.pageMainContainer .pageMainRight { float:none; width: 100%; display:none; }
.pageMainContainer .pageMainLeft { margin-right: 0; }
.pageFooter .pageDown .pageContactsDown { display:none;}
.fixWrapper > .berrors {margin-left:0;}

.pageInformation {position:relative; padding-left:280px; z-index:9999;}
.show-menu {background: #74b427; color: #fff; width:60px; height:50px; line-height:50px; text-align:center; font-weight:700; 
text-transform:uppercase; left:0; top:0; position:absolute; display:block;}
.pageInformation .pageLogo {display:block; width:200px; height:50px; top:0; left:70px; position:absolute; 
background: url('../images/logo.png') left center no-repeat; background-size:contain;}

.mob-menu { background: #333;position: absolute; left:-1000px; padding: 0px;    width: 90vw; 
 display:none; z-index:9999;  height: 100vh;top: 0;
                -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;} 

.mob-menu.active {left: 0;display: block;    z-index: 991;}

.clo-menu {position: absolute;top: 0;right: 0;width: 10vw;height: 50px;background: #74b427;color: #fff;text-align: center;line-height: 50px;font-size: 24px;font-weight: 100;display: none;}
.clo-menu.active {display: block;}

.top-mob-menu {height: 50px;background: #333;line-height: 50px;padding: 0 20px;color: #fff;font-size: 17px;font-weight: 500}

.top-mob-menu:before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    padding-right: 15px;
    font-variant: normal;
    font-size: 25px;
    text-rendering: auto;
    padding-top: 5px;
    margin-top: 9px;
    vertical-align: top;
    display: inline-block;
    line-height: 1;
}


.mob-menu h3 { font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 15px; }
.mob-menu h3.last { padding-top: 16px; }
.mob-menu a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 14px 20px;
    border-bottom: 1px solid #42474a;
    background: #545963;
}

.mob-menu a.first { background: #74b427;color: #fff}

body.fix {overflow: hidden;height: 100%}

.mask-n {background: rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;}

.pageMenuBlock {height: 100%;overflow: scroll;}

.mob-menu a:nth-child(8),
.mob-menu a:nth-child(9),
.mob-menu a:nth-child(10),
.mob-menu a:nth-child(11),
.mob-menu a:nth-child(12) {background:#333;border-bottom: 1px solid #42474a;}

.mob-menu a i { margin-right: 12px; color: #cecece; }

.pageLeft { float: none; width:100%; margin: 0; }
.pageRight { margin-left:0; }
.pageComments {display:none;}
.pageFilters label { width: auto; margin-right: 20px;}
}

@media screen and (max-width: 950px) {
.pageWrapper {max-width:768px;}
.pageInfo {display:none;}
.pageHeader .pageNotification .pageNotificationPresent { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pageFooter .pageDown .pageCopyrights, .pageFooter .pageDown .pageCategories {float:none;}
.pageFooter .pageDown .pageCopyrights {margin:0 auto; margin-bottom:20px; width:300px;}
.pageHeader .pageInformation .pageTime {display:none;}

.pageDeclaration .pageAbout { margin-right: 0; }
.pageDeclaration .pageMessages { float: none; width: 100%; margin-bottom:20px;margin-top: 40px}
.pageElement .pageElementPresent .pageElementBuy { float: none; width: 100%; margin-bottom:20px; }
.pageElement .pageElementPresent .pageElementContainer { margin-right: 0px; }
}





@media screen and (max-width: 760px) {

.pageHeader .pageInsight .pageInsightRight .pageInsightSearch i {
    top: 10px;
}

.pageHeader .pageInsight {
    height: auto;
    padding-bottom: 50px;
}

  .block_preims .deliveryElement .deliveryText {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.block_preims {margin-bottom: 30px}

    .open_complite.show {display: block!important}
.pageWrapper {max-width:640px;}
.pageLoginWarning .pageLoginWarningRight { float: none; width: 100%; text-align:center; padding-bottom:10px; }
.pageLoginWarning .pageLoginWarningLeft { margin-right: 0; }
.pageFooter .pageDown .pageCategories ul { float: left; margin:0 0 20px 40px; }
.pageSlider .pageSliderElement .pageSliderPresent {padding:10px; }
.pageHeader .pageInsight .pageInsightRight .pageInsightConfig { height: 100px; margin-top:10px;}
.pageHeader .pageInsight .pageInsightRight .pageInsightSearch { margin-right: 0; top:10px; position:relative; height:0;}
.pageHeader .pageInsight .pageInsightRight .pageInsightConfig .pageInsightButtons { float: none; width: 100%; }
.pageHeader .pageInsight .pageInsightRight .pageInsightSearch:before {content: ""; display: table; clear: both;}
.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse { margin-top: 5px; }

.pageInformation { height:100px !important; padding:50px 0 0 0;}
.pageHeader .pageInformation .pagePhones {overflow:hhidden;}

.pageElement .pageElementImages { float: none; width: 100%; margin-bottom:20px;}
.pageElement .pageElementPresent { margin-left: 0; }
.pageElementImages:after {content: ""; display: table; clear: both;}

.ac-protect {margin-top:0px;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.mass_comments_action {display:none;}
.sub-title h1 {font-size:18px; line-height:24px;}
}
@media screen and (min-width: 600px) and (max-width: 800px) {



    .catalog-prood .item {

    border: 1px solid #f0f0f0;
    border-radius: 3px;
    padding: 10px;
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
    text-align: center;
}

.catalog-prood .item .image {
    margin-bottom: 20px;
    height: 60px;
    line-height: normal;
}


.custom-news-main {
    width: 30%;
    float: left;
    margin-right: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    margin-bottom: 30px;
}
.pageHeader .pageInsight .pageInsightRight .pageInsightSearch i {
    top: 45px;
}
}
@media screen and (max-width: 590px) {

.catalog-prood .item {
    border: 1px solid #f0f0f0;
    border-radius: 0px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
}

.block_preims .deliveryElement {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    min-height: auto;
    margin-bottom: 20px;
}


.custom-news-main {
    width: 100%;
    float: left;
    margin-right: 0;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    margin-bottom: 30px;
}

    .pageCatalogueNew ul li {width: 100%;margin: 0}
.pageWrapper {max-width:480px;}
.pageHeader .pageInformation .pagePhones span {margin-right: 20px;}
.pageFooter .pageDown .pageCategories ul { float: none; margin:0 0 10px 0; text-align:center; }
.pageFooter .pageDown .pageCopyrights { text-align:center;}
.pageFooter .pageDown .pageCategories ul li h3 { padding-bottom: 10px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}
@media screen and (max-width: 500px) {
.mcart-div {width:auto !important; min-width:340px;}
}
@media screen and (max-width: 470px) {
.pageWrapper {max-width:320px;}
.pageInsightButtons i {display:none;}

.pageFilters label { width: 100%; margin-right: 0;}
}

@media screen and (min-width: 350px) and (max-width: 460px) {
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}
.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px; width:auto; margin:0 3px;}
.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}
.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}
.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}
.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}
.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}
.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.
.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}
.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}
.lSAction>a{width:32px;display:block;top:50%;height:32px;cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}
.lSAction>a:hover{opacity:1}
.lSAction>.lSPrev{background:url(../images/pleft.png);left:10px}
.lSAction>.lSNext{background:url(../images/pright.png);right:10px}
.lSAction>a.disabled{pointer-events:none}
.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}
.lSSlideOuter.vertical{position:relative}
.lSSlideOuter.vertical.noPager{padding-right:0!important}
.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}
.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}
.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}
.lSSlideOuter.vertical .lSAction>.lSNext{background:url(../images/pright.png);bottom:10px;top:auto}
.lSSlideOuter.vertical .lSAction>.lSPrev{background:url(../images/pleft.png);bottom:auto;top:10px}
.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 07/07/2016 11:15
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
font-style: normal;
}

.flaticon-avatar:before { content: "\f100"; }
.flaticon-chat:before { content: "\f101"; }
.flaticon-check-mark:before { content: "\f102"; }
.flaticon-clock-circular-outline:before { content: "\f103"; }
.flaticon-customer-service:before { content: "\f104"; }
.flaticon-delivery-truck:before { content: "\f105"; }
.flaticon-discount-tag:before { content: "\f106"; }
.flaticon-error:before { content: "\f107"; }
.flaticon-info:before { content: "\f108"; }
.flaticon-keyboard-right-arrow-button:before { content: "\f109"; }
.flaticon-menu:before { content: "\f10a"; }
.flaticon-money-bag-with-dollar-symbol:before { content: "\f10b"; }
.flaticon-phone-symbol-of-an-auricular-inside-a-circle:before { content: "\f10c"; }
.flaticon-shopping-basket:before { content: "\f10d"; }
.flaticon-tool:before { content: "\f10e"; }



.mask {position: fixed;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 9991;display: none;}
#succ-cart {width: 500px;padding: 20px;background: #fff;border-radius: 5px;position: fixed;top: 40%;left: 50%;margin-left: -270px;z-index: 9999;text-align: center;display: none;}
#succ-cart h3 {font-size: 24px;padding-bottom: 20px}
#succ-cart a {display:inline-block;vertical-align: top;padding: 8px 20px;color: #fff;font-size: 15px;    background: #e80;text-decoration: none;margin: 0 10px}
#succ-cart a.closes {background: #74b427}

#succ-cart .clo {position: absolute;top: 10px;right: 10px;color: #000;font-size: 21px;background: none;padding: 0;display: block;}
.cls {cursor: pointer;}

.maska, .clofilter {display: none;}

.open_filter{display: none;}

@media screen and (min-width: 600px) and (max-width: 700px) {
    
    .pageCatalogueNew ul li {
    width: 31%;

}
}

@media screen and (max-width: 700px) {

.pageNotification {display: none}

.pageFilters.open {
    width: 90vw;
    display: block !important;

}
.pagemainSlider {display: none!important}

.pageMain {
    position: relative;
    padding: 0px 0;
}

.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket 
{
    margin-bottom: 20px
}

.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket .pageBasketIcon {display: none;width: 0}

.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket .pageBasketText {
    margin-left: 0px;
    margin-top: 4px;
    text-align: center;
}

.pageHeader .pageInsight .pageInsightRight .pageInsightCollapse .pageBasket {
    float: none;
    margin-left: 0px;
}

}

@media screen and (max-width: 600px) {

    .pageHeader .pageInsight .pageInsightRight .pageInsightConfig .pageInsightButtons a {
    float: none;
    margin-left: 23px;
    margin-right: 10px;
}
    


    .pageFilters {display: none;}
.open_filter {width: 100%;padding: 10px 0;text-align: center;color: #fff;font-size: 14px;background: #74b427;text-transform: uppercase;font-weight: 700;margin-bottom: 30px;display: block;}

.clofilter {
    width: 40px;
    height: 40px;
    line-height: 40px;  

    position: absolute;
    top: 0;
    right: 0;display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #333;
    z-index: 9999;
}

body.filteropen {height: 100%;overflow: hidden;}

.irs-with-grid {
    height: 60px;  

    width: 95%;
}



.maska {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9991;
    left: 0;
    background: rgba(0,0,0,.5);
}
.irs-from, .irs-to, .irs-single {
    padding: 1px 2px;
}
.pageFilters.open {
    width: 90vw;
    display: block !important;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px 20px 51px 20px;
    z-index: 9999;
    background: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
    #succ-cart {
    width: 95%;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    position: fixed;
    top: 20%;
    left: auto;
    margin-left: 9px;  
    z-index: 9999;
    text-align: center;
    display: none;
}

#succ-cart a {
    display: block;
    margin: 0 10px 10px;
}

}

li.lslide, li.shorty {position: relative;}
li .label {position: absolute;top: 0;left: 0;}
li .label .besseler {background: #e80}
li .label .new-prod {background: #74b427}
li .label .free {background: #17a2b8}
li .label .sale {background: red}
li .label > div {padding: 3px 5px;color: #fff;font-size: 13px;display: table;text-align: right;margin-bottom: 3px}

.cataPrice-new {display: block;    font-size: 20px;
    color: #000;
    font-weight: 700;
   }
    .cataPrice-old {font-size: 17px;text-decoration: line-through;color: red;}

.cataPrice-left {float: left;width: 60%}

.ot-do {margin: 15px auto;}
.ot-do input {width: 44%;float: left;}
.ot-do #last{float: right;}

.ot-do .ot {float: left}
.ot-do .do {float: right;}
.ot-do .ot,
.ot-do .do {margin-bottom: 5px}

.body-filter {display: none;}  

.hide_filter {position: relative;    padding: 0 10px 20px 0;cursor: pointer;}
.hide_filter:after {
    content: "";
    width: 19px;
    height: 11px;
    background: url(../images/f-down.png) no-repeat center;
    position: absolute;
    right: -10px;
     top: 5px;
}

.hide_filter.active:after {  background: url(../images/f-up.png) no-repeat center;}


ul.tabs li{list-style: none;display: inline-block;vertical-align: top;margin-right: 20px;}
ul.tabs {border-bottom: 1px #e7e7e7 solid;padding-bottom: 10px;margin-bottom: 30px}
ul.tabs li a {color: #000;font-size: 16px;font-weight: 700;text-decoration:none;text-transform: uppercase;}
ul.tabs li.active a, ul.tabs li a:hover {color: #74b427}

#video iframe {margin-bottom: 20px}  




