/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

.clearfix {    display: block;}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {    height: 1%;}

body {background: #ffffff;
    margin: 0;
  /*min-width:1024px;*/
    padding: 0;
  font-family: "Microsoft yahei",SimHei,SimSun,Arial;}

body#home, #homeno .stiker {background:url('../images/bg.jpg') repeat-x center 0}

.component-wrapper {margin: 0 auto;  width:1200px;max-width:1200px; }



#wideblok {width:100%;position:relative;}
.wide {margin:0 auto;width:1200px;max-width:1200px;}

.wide a.logo {
    order:0;
    float: left;
    width: 680px;
    height: 155px;
    display: block;}
#wideblok .wide a.logo:hover {color:#E0A032;}
.zagolovok {padding: 50px 0 0 274px;
    font-size: 42px;
    font-family: simsun;
    line-height: 32px;}
.zagolovok .podzagolovok {    font-size: 22px;}
.topkontakt {
    order:3;
    float: right;
    width: 245px;
    padding-right: 10px;
    height: 155px;
    background: url('../images/baba.png') no-repeat 0 7px;
}
.custom.topkontakt p.topf2,.custom.topkontakt p.topf3 {text-align: right;    padding-right: 10px;}
.custom.topkontakt p.topf3 {margin-top:0;}
.custom.topkontakt p.topf2 {margin-bottom:0; margin-top: 10px;}
.wide-menu {z-index:999999;border-top: 1px solid;border-bottom: 1px solid; width: 100%;background:url('../images/nav-bg.png') repeat 0 0;}
.nav.menu {margin: 0 auto;width: 1200px;max-width: 1200px;text-align: center;    height: 30px;    line-height: 30px; padding-left: 0;}
#wideblok .nav.menu li {display:inline-block;  font-size: 19px;   margin-left: 15px;}
#wideblok .nav.menu li:after {content: " "; margin-left: 15px; display:inline-block;width:10px;height:10px;background:url('../images/pic-m.png') no-repeat center center;}
#wideblok .nav.menu li:first-child:before {content: " "; margin-right: 15px; display:inline-block;width:48px;height:30px;background:url('../images/left-m.png') no-repeat 0 0;     vertical-align: middle;}
#wideblok .nav.menu li:last-child:after {content: " "; margin-right: 15px; display:inline-block;width:48px;height:30px;background:url('../images/right-m.png') no-repeat 0 0;     vertical-align: middle;}
.wide-menu li.active a, #wide-menu li a:hover {color:#DCAE63;}  
 #wideblok .nav.menu li a:hover {color:#DCAE63;}

/* Новый стиль шапки ------------------------- */

#header.wide {display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;display: flex; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
#header.wide a.logo {width:277px;outline: none}

#header .zagolovok {
    padding: 0;
    line-height: 21px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;	
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;	
    -ms-flex-direction: column; 
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center; 
    justify-content: center;
    order:2;
}
.custombbb {text-align: center;    padding: 40px 0;
/*border-bottom: 4px solid #efc885;*/
}
.custombbb img { max-width: 100%;  width: 700px;}
#cycler img, #text-banner img {max-width:100%;}
@media (max-width:780px) {
    #header .topf {display:none;}
    #header.wide {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    #header.wide a.logo {
        width: 40%;
        height: 86px;
    }
    
    
    .custombbb img {width:100%;}
}
.maincontect {    
    min-height: 288px; 
padding-bottom:30px;
}
.maincontect .owl-theme .owl-controls {margin-top:0;}
.maincontect .htext {align-content: center;display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;	-ms-flex-direction: column;flex-direction: column;}
.maincontect h1.main-h1 {font-size:30px;background:url(/assets/images/green-kolos.jpg) no-repeat center 0;}
a.link_kangengduo {
    border: 1px solid;
    padding: 5px 15px;
    border-radius: 4px;
}
@media (min-width:1200px) {
    #home .item-page {margin:50px 0;}
}
.slidrr {width:48%;margin-left:5%;float:right;}
@media (max-width:800px) {
    .slidrr {
        width: 100%;
        margin-left: 0;
        float: none;
        overflow-x: hidden;
    }
    .slidrr .ext_owl_carousel_mod_98 {
        max-width:100%;
    }
    .htext {padding: 0 20px;}
    .slidrr .mod_ext_owl_carousel_images {padding:0;box-sizing: border-box;}
    #ext_owl_carousel_mod_98 .owl-buttons div {display:none;}
    .owl-theme .owl-controls, .owl-theme .owl-controls div {display:none !important;}
}
.zapros .wide { background: url(/assets/images/map.jpg) no-repeat top center;height: 480px;}
.com-jshopping .wide, .itemid-106 .newback .wide, .itemid-102 .newback .wide, .itemid-104 .newback .wide, .itemid-107 .newback .wide  {max-width: 980px;}
.row-fluid.jshop {float:left;width:40%;}
.productfull .image_middle {text-align:center;float:none;}
.productfull .text_zoom img {float:none;}
.jshop_list_product .row-fluid {display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;  flex-wrap: wrap;-webkit-box-pack: justify;	-webkit-justify-content: space-between;	-ms-flex-pack: justify;justify-content: space-between;}
#comjshop h1 {text-align: center; border-bottom: 1px solid #f1d199;  padding-bottom: 15px;}
.jshop_list_product .product .name {height:inherit;font-size: 14px;}
#list_product_image_thumb img.jshop_img_thumb {height: 100px;}
.jshop_img_description #list_product_image_thumb {display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}
.jshop_list_product .block_product {margin-bottom: 30px;border: 1px solid #f7f2f2; border-radius: 5px; box-shadow: 0 0 0px #ccc;  padding: 2px;background:#fff;}
.jshop_list_product .block_product .oiproduct {margin-bottom: 20px;}
.com-jshopping.view-category .newback {background: #f8f8f9 !important;}
.com-jshopping.view-category .newback #comjshop h1 {border:none;}
.jshop_list_product .block_product:hover {border: 1px solid #faa528}
.productfull .button_back {clear:both;}
.pager.pagenav {display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;display: flex;-webkit-box-pack: justify;	-webkit-justify-content: space-between;	-ms-flex-pack: justify;justify-content: space-between;}
.content .pager.pagenav li a {display:block;}
.podzagolovok {margin-top:0}

/* конец нового стиля шапки ------------------ */

@media (max-width:560px) {
    .maincontect h1.main-h1 {font-size:22px;margin-bottom:15px;}
    .maincontect p {padding: 0 15px;}
    /*#home .owl-theme .owl-controls .owl-buttons div {display:none !important;}*/
}

.promotext {text-align:center;}
  
.topf {color: #3c6f43;text-align:right;}
.telp {      text-align: right;    margin-top: 4px;  font-family: a_avanteltnrthin;    font-weight: bold;    font-size: 40px;    color: #000;}
.telp span {color: #3c6f43;  font-size: 18px;   vertical-align: super;}
.others {   color:#000; font-family: arial;padding-left: 32px;    line-height: 18px;   font-size: 14px;}
.others .green {color: #3c6f43;}    
      
    
    @font-face {
    font-family: 'a_avanteltnrthin';
    src: url('../fonts/a_avanteltnr-thin_allfont.net-webfont.eot');
    src: url('../fonts/a_avanteltnr-thin_allfont.net-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/a_avanteltnr-thin_allfont.net-webfont.woff2') format('woff2'),
         url('../fonts/a_avanteltnr-thin_allfont.net-webfont.woff') format('woff'),
         url('../fonts/a_avanteltnr-thin_allfont.net-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#homeno .item-page {padding-bottom: 30px;}

.url-path-test {
    background: url('../images/test.png');
}

#wideblok .nav li { display: inline-block;}

.main-slider {margin-top: 16px;}
.owl-item .block_item .item_name{
z-index: 100;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid;
    height: 122px;
    width: 149px;
    background: url(/assets/images/poduct-bg.png) repeat 0 0;
    left: 12px;
    bottom: 30px;
position:absolute;
  }

.owl-item .block_item .item_name span {  
  display: block;
    margin: 22px 10px 0 12px;
    font-size: 15px;
    text-align: center;
}
.content 
.owl-item .block_item .item_name span a {color:#000;}
.owl-item .block_item .item_name .item_detal {   
text-align: center;
    margin-top: 0px;
    font-size: 16px;
}
#owl_example_mod_97 .owl-wrapper {margin-top:56px;}
.owl-item .block_item .item_name .item_detal a {color:red;}

.promotext {
    /*background:url('../images/pod-main3.jpg') repeat-x 0 0;*/
height: 64px;
background:red;
/*padding-top:28px;*/
border-top: 4px solid #fbac00;
border-bottom: 4px solid #fbac00;
}
.pod_promo {
    height:20px;
    width:100%;
    background:url('../images/pod-main3.jpg') repeat-x 0 bottom;
}
#text-banner img {
    top: 0;
}
/*#text-banner {*/
/*    max-width: 1023px;*/
/*    margin: 0 auto;*/
/*}*/
.content .promotext p {color:#000;font-size:22px;font-family:simsun;margin-top: 0;}
.content .promotext p a {color:#fff;}

@media (max-width:560px) {
    .promotext, #text-banner {height:40px !important;}
    .promotext .wide {
        padding-top: 7px;
    }
}

.wide.cck {padding-top:20px;}

h1.main-h1 { font-size: 34px;
    margin: 20px 0 40px 0;
    font-family: simsun;
    text-align: center;
    padding: 14px 0 27px 0;
    background: url('../images/green-kolos.jpg') no-repeat center 0;}    

.promoblok {    background: url('../images/yo.jpg') repeat-x 0 0;margin-top: 30px;  padding-top: 50px;}
.promoblok .wide {      height: 280px;background: url('../images/youdian.png') no-repeat center top;}
.content h2.youdian {    text-align: center;
    font-family: simsun;
    font-size: 34px;
  margin-top:0;
    padding-top: 7px;}

.yo1 {width: 200px;float:left;
    padding-top: 120px;
    background: url('../images/yo1.png') no-repeat top center;
  text-align:center;
      margin-left: 50px;
  font-size: 20px;
}

.yo2 {width: 200px;float:left;
    padding-top: 120px;
    background: url('../images/yo2.png') no-repeat top center;
  text-align:center;
  font-size: 20px;
}

.yo4 {width: 200px;float:right;
    padding-top: 120px;
    background: url('../images/yo4.png') no-repeat top center;
  text-align:center;
  font-size: 20px;margin-right: 50px;
}

.yo3 {width: 200px;float:right;
    padding-top: 120px;
    background: url('../images/yo3.png') no-repeat top center;
  text-align:center;
  font-size: 20px;
      
}
@media (max-width:700px) {
    .promoblok .wide {height:auto;background:none;margin-bottom:30px;}
    .promoblok .wide .custom {
        display: flex;
        flex-wrap: wrap;
        justify-items: center;
    }
    .content h2.youdian {width:100%;}
    
}

.news { background: url('../images/news.jpg') repeat-x top center;background-size:cover;}
.news .wide {background: url('../images/vniz.png') no-repeat top center;padding-top: 40px;}
.newss {    border-bottom: 1px solid;    margin-bottom: 40px;
    line-height: 30px;
    font-size: 28px;
    font-family: simsun;}
.newss span {font-family: georgia;
    font-weight: bold;
    font-style: italic;}
.newss a.news-a {    float: right;
    padding: 0px 20px 0px 15px;
    color: #fff;
    background: #3c6f43;
    /* display: block; */
    font-size: 16px;}

.newss .ext-item-img.ext-item-img-article {overflow: hidden;
    height: 210px;
    width: 100%;}

.newss .ext-item-img.ext-item-img-article a img {width: 100%;}

@media (max-width:560px) {
    .newss {padding: 0 15px;}
    .newss a.news-a {float:none;display:block;margin-top: 10px;}
    .owl-controls.clickable {display:none !important;}
    .mod_ext_owl_carousel_articles_news {padding:0 !important;}
}

#homeno .zapros {border:none;}
.zapros {    border-top: 10px solid #F5DDBB;padding-top:20px;}

#wideblok fieldset {border: 1px solid #dc9e88;    background: #FFF6DE;    border-radius: 10px;}
.zapros .rsforma {width:45%; float: right;}
.zapros h3 {font-size: 44px;    font-family: simsun;}

.zapros .zag {font-size:18px;color:#bd5530;    margin: 15px 25px 25px 25px;    border-bottom: 1px solid #3c6f43;    padding: 15px;}
.zapros .zag span {font-size:30px; color: #3c6f43;  font-family: simsun;}
#wideblok  .formResponsive input[type="text"] {    width: 80%;margin-bottom:0; font-size: 16px;  height: 25px;}
#wideblok .formResponsive textarea {  width: 80%;margin-bottom:0;
    font-size: 16px;}
#wideblok .formResponsive .formHorizontal .formControls {margin-left: 30%;}
#wideblok .formResponsive .formHorizontal .formControlLabel {    width: 25%;}
#wideblok .formResponsive .formHorizontal .rsform-block {margin-bottom:5px;}
#wideblok .rsform-block.rsform-block-mima br {display:none;}
#wideblok .rsform-block.rsform-block-mima {float: left;    width: 50%;}
#wideblok .rsform-block.rsform-block-submit {float:left;}
#wideblok .formResponsive input[type="submit"] {    width: 190px;}
#wideblok .rsform-block.rsform-block-submit .formControls {    margin-left: 10px;}

.zapros .custom.kontactt {padding-top: 5px;width:100%;text-align:right;clear:both; padding-bottom: 20px;}

.zapros .custom.kontactt p {    font-size: 22px;
    font-family: simsun;
padding-right: 10px;}

.license {
    height: 370px;
    margin-top: 20px;
    background:url('../images/pod-licenc.jpg') repeat-x 0 0;
    background:rgb(141, 182, 32);
}

.license .mod_ext_owl_carousel_images .ext-item-wrap img {box-shadow: 0 0 2px #666;}
.license h3 {
    margin-top: 0;
    padding: 33px 0 0 45px;
    margin-bottom: 30px;
    color: #fff;
    font-family: simsun;
    font-size: 28px;
}
.license .wide {background: url('../images/vniz.png') no-repeat top center;}
.map1 {    position: relative;
    height: 350px;
    background: url('../images/baidu.jpg') repeat top center;}

footer#wideblok { background: url('../images/podval.jpg') repeat-x top center;color:#fff;}
footer .wide {    height: 160px;padding-top:30px;background: url('../images/baba3.jpg') no-repeat top center;}
.left-foot {float: left;    width: 40%;
    padding-top: 20px;
    width: 40%;}
footer .custom {float: right;
    width: 40%;
    text-align: right;}
footer .custom p {padding-right:20px;}
.left-foot p {margin-top:0;margin-bottob:20px;font-family:arial;padding-left:20px;}

.content .bread {padding-left:0;margin-top:0;margin-bottom:40px;margin-left:0;}
.content .bread li {display:inline-block;}

#right {float: right;
    width: 30%;    
    margin-left: 20px;
    
}
@media (max-width:560px) {
    footer#wideblok {background-size: contain;}
}

.podbel {position: absolute;
    width: 100%;
    height: 40px;
    bottom: 5px;
    left: 0;}
.podbel .bel2 {padding:0 5px;}
.podbel .bel22 {width:100%;background: #fff;height:40px;}

#wideblok .sblock100 .image_block a img {width:100%;}
.row-fluid [class*="sblock"]:first-child {padding-left:10px;}
#wideblok .jshop .product_label {width:50px;}
#wideblok .jshop .product_label img {width:100%;}
#wideblok .jshop .form_sort_count {border-bottom: 1px solid #ccc;    padding-bottom: 10px; margin-bottom: 25px;}

#wideblok .jshop_list_product .product .buttons a,.content .pager.pagenav li a, .content .readmore a.btn {    background: #2A7960;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0 1px 5px #000;
    border: 1px solid #fff;}

#wideblok .jshop_list_product .product .buttons a:hover,.content .pager.pagenav li a:hover, .content .readmore a.btn:hover, #wideblok .jshop_list_product .product .buttons a:focus {    background: #943D08;
    box-shadow: 0 0px 5px #000;}

.content .highslide-controls li {list-style:none;}

#mxcpr a {display:none !important;}

.content .blog img {    height: 120px;    margin-top: 15px;
    margin-right: 20px;float:left;
    border: 1px solid #fff;
    box-shadow: 0 0 1px #000;}

.content .content_rating img {height:auto;box-shadow:none;margin:0;border:none;}
.content .blog .pull-left.item-image {float:left;}
.content .blog .pull-left.item-image img {height:200px;margin-top:0;}
.article-info-term {display:none;}
.content dl dd.published {
    padding: 2px 10px;
    margin-left: 0;
    color: #fff;
    display: inline-block;
    background-color: forestgreen;
    border-radius: 3px;
    margin-bottom: 10px;
}

.blog .items-row.cols-1 {    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;}

.content .pager.pagenav li {list-style:none;}

.content .item-page .pull-left.item-image {    float: left;    margin-right: 20px;}

#text-banner {
    padding:0;
    height:64px;
    display: flex;
    justify-content: center;
}
#cycler, #text-banner {position:relative;}
#cycler img {position:absolute;z-index:1}
#cycler img.active, #text-banner img.active {z-index:3}

#right .formResponsive textarea {height:150px;}
#right .formResponsive h3 {display:none;}
#right .formResponsive .zag {display:none;}
#right .formResponsive .formHorizontal {    padding-top: 30px;}
#right .formResponsive .formHorizontal .rsform-block.rsform-block-submit {width:50%; padding-top: 27px;}
#right .formResponsive .formHorizontal rsform-block.rsform-block-mima {width:49%; }
#right .formResponsive input[type="submit"] {width:100%;}

#right .rsform-block.rsform-block-submit .formControls {margin: 0 20px 0 0px;}


.mavik {    width: 48%;float:left;text-align:center;
    margin-right: 1%;}
.mavik img {width:100%;}
.imgintext {float: right; margin-left: 20px;}

/***************   MEDIA REQUESTS   ******************/




@media screen and (min-width:1200px) {
.wide,.nav.menu {width:1200px;max-width:1200px;box-sizing: border-box;}
}
@media (min-width:1200px) and (max-width:1260px) {
    .wide,.nav.menu { padding:0 30px;}
}

@media screen and (min-width:980px) and (max-width:1199px) {
.wide,.nav.menu {width:980px;max-width:980px;}
.yo1 {width: 160px;}
.yo2 {width: 138px;}
.yo3 {width: 124px;}
.yo4 {width: 155px;}
.zapros h3 {    font-size: 40px;}
.zapros .rsforma {width: 40%;}
.zapros .zag span {display: block;
    text-align: center;
    padding-bottom: 10px;}
.zapros .zag {    text-align: center;}
#wideblok .rsform-block.rsform-block-mima {width:40%;}
#wideblok .rsform-block.rsform-block-submit {    width: 46%;}
#wideblok .formResponsive input[type="submit"] {width: 100%;}
.zapros .custom.kontactt p {text-align: center;
    margin-top: 40px;
    font-size: 28px;}

#wideblok .sblock100, .row-fluid [class*="sblock"] {width:20%;}

#wideblok .nav.menu li:first-child:before, #wideblok .nav.menu li:last-child:after {display:none;}
#wideblok .nav.menu li:first-child {margin-left:0;}

}

@media screen and (max-width:1024px) { 
.zapros .custom.kontactt {text-align:center;}
}

@media screen and (max-width:979px) {
.wide,.nav.menu {width:100%;    padding-left: 0;}

.stiker a.logo { float: left;width: 100%;}

.topkontakt {position:absolute; text-align: right;top:0;right:0;background:none;}

p.topf,p.topf2,p.topf3 { float: none;padding-right:0;display:inline-block;}

p.topf2,p.topf3 {margin-top: 10px; vertical-align: sub;}
p.topf2 {padding-right: 0 !important;}
p.telp {float: left; padding-right: 15px; padding-left: 30px;}

.imgintext {float: right; margin-left: 20px;width:35%;}

#wideblok .sblock100, .row-fluid [class*="sblock"] {width:24%;}
#comjshop {padding: 0 20px;}
#wideblok .nav.menu li:after, #wideblok .nav.menu li:first-child:before, #wideblok .nav.menu li:last-child:after {display:none;}
}

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

#homeno .item-page, #homeno .blog {padding: 0 20px 30px 20px;}
#right {display:none;}
.yo1, .yo2, .yo3, .yo4 {width:50%;margin:0;}
.zapros .rsforma {    width: 80%;    margin-right: 10%;    margin-top: 511px;}
.zapros h3 {text-align: center;}
.zapros .custom.kontactt {text-align: center;}
.zapros .wide {background-position: top center;}
#wideblok .sblock100, .row-fluid [class*="sblock"] {width:33%;}
/*.topkontakt {display:none;}*/
}
@media (max-width:1200px) {
    .topkontakt {display:none;}
}

.content .ext-item-wrap h4.newsflash-title {font-weight: normal;font-family: inherit;}
#owl-example-mod_99 .ext-item-wrap p {font-size:15px;}
#owl-example-mod_99 .image {
    height:240px;
    width:100%;
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
    position:relative;
}

    #owl-example-mod_99 .image:after {
    content: "";
    background: url(/assets/images/news-v.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 15px;
    bottom: -1px;
    height: 26px;
    width: 51px;
    }

.mod_ext_owl_carousel_articles_news .ext-item-wrap {
/* margin: 5px; */
text-align: center;
background: #fff;
min-height: 515px;
border-radius: 5px;
overflow: hidden;
}

.swiper-btns svg {
fill: none;
stroke: #fff;
stroke-width: 2px;
height: 50px;
width: 20px;
}
.swiper-btns {
position: absolute;
top: 18%;
z-index: 10;
width: 17px;
height: 43px;
cursor: pointer;
display:none;
}

#owl-example-mod_99 {position:relative;}
@media (min-width:1320px){
    .swiper-btns {top: 35%;display:block;}
    .swiper-btns.swiper-adv-button-next, .blog-button-next, .swiper-btns.swiper-reviews-button-next {
    right: -60px;
    }
    .swiper-btns.swiper-adv-button-prev, .blog-button-prev, .swiper-btns.swiper-reviews-button-prev {
    left: -60px;
    }
}

@media screen and (max-width:560px) {
    
    .swiper-btns {display:block;}
    .swiper-btns.swiper-adv-button-next, .blog-button-next, .swiper-btns.swiper-reviews-button-next {
    right: 15px;
    }
    .swiper-btns.swiper-adv-button-prev, .blog-button-prev, .swiper-btns.swiper-reviews-button-prev {
    left: 15px;
    }
    .wide,.nav.menu {width:100%;    padding-left: 0;}
    /* p.topf {display:none;}*/
    .telp {    margin-bottom: 0;}
    #owl-example-mod_99 .ext-item-wrap p {font-size:15px;line-height:1.5em;color:#4d4c4b;}
    .license h3 {
        margin-top: 0;
        padding: 50px 0 0 15px;
        margin-bottom: 25px;
        color: #fff;
        font-family: simsun;
        font-size: 22px;
        text-align: center;
    }
    footer .wide {
        background-size: auto;
        background-position-x: 200%;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    footer .custom, .left-foot {width:100%;}
    footer p {padding:15px;text-align: left;font-size: 20px;}
}




#gall {display:grid;
    grid-template-columns: 31% 31% 31%;
    gap: 2%;
    justify-content: space-between;
}
#gall img {width:100%;
    box-shadow: 0 0 21px #ccc;
    border-radius: 10px;
}
@media (max-width:1024px) {
   #gall {grid-template-columns: 47% 47%;} 
}
@media (max-width:560px) {
   #gall {grid-template-columns: 100%;} 
}

.content .pagination ul > li {    display: inline-block;
    margin-left: 26px;
    list-style: none;}
    
    
/* Продукты по категориям */
.sj-extraslider {margin-bottom:35px;}
.sj-extraslider .heading-title, .product-category h2, .productgroup h3 {
    font-size: 30px;
    padding-left:20px;
    border-bottom: 2px solid #b9b9b9;
    margin-bottom: 15px;
    padding-bottom: 10px;
    
}
.sj-extraslider .padding-10 {
    padding:10px 5px;
    height: 100%;
    box-sizing: border-box;}
.sj-extraslider .extraslider-inner {
    display: flex;
    flex-wrap: wrap;
}
.sj-extraslider .item-wrap {
    width: 20%;
    text-align: center;
}
.sj-extraslider .item-wrap a {
    position:relative;
    border:1px solid #e7e4e4;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    justify-content: space-between;
    border-radius: 5px;
    box-shadow: 0 2px 20px #e6e6e6;
    top:0;
    transition: all 0.5s ease;
}
.sj-extraslider .item-wrap a:hover {box-shadow:-1px 17px 20px #dbdbdb;top: -10px;}
.sj-extraslider .item-image {height: 200px;}
.sj-extraslider img {max-width: 100%;height: 100%;}
.sj-extraslider .item-info .item-title {margin-top: 10px;}
.sj-extraslider .item-readmore {font-weight: 700;}
@media (max-width:800px) {
    .sj-extraslider .item-wrap {width:30%;}
}
@media (max-width:560px) {
    .sj-extraslider .item-wrap {width:47%;}
     .productfull .row-fluid.jshop {width:100%;margin-bottom:25px;}
     #wideblok .sblock100, .row-fluid [class*="sblock"] {width:100%;}
     .content .blog .pull-left.item-image {
         width:100%;
         margin-bottom:15px;
     }
     .content .blog .row-fluid h2 {
         line-height: 35px;
        font-size: 24px;
     }
     .item-page .pull-left.item-image img, .view-article .item-page img {max-width:100%;}
     .content .item-page .page-header h2 {line-height: 46px;}
}

/* mobile menu */

.header__button {
    display: none;
    cursor:pointer;
    margin: 0;
    position: relative;
    background: none;
    box-shadow: none;
    border: none;
    width: 30px;
    height: 14px;
    padding: 0;
    outline: none; }
    @media (max-width: 1200px) {
      .header__button {
        order:4;
        display: inline-block; 
        margin-right: 20px;
      } 
      .wide-menu .menu.nav {
          display:none;
      }
      #header.wide {
    	-webkit-align-content: space-around;
    	-ms-flex-line-pack: distribute;
        justify-content: space-around;
        
    	-webkit-box-align: center;
    	-webkit-align-items: center;
    	-ms-flex-align: center;
    	align-items: center
      }
      #header .zagolovok {
          text-align:left;
    	-webkit-box-flex: 1;
    	-webkit-flex-grow: 1;
    	-ms-flex-positive: 1;
    	flex-grow: 1;
      }
      #header .zagolovok {
          font-size:30px;
      }
      #header .zagolovok .podzagolovok {font-size:14px;}
      #header .zagolovok p:first-child {margin-top: 20px;}
      #header.wide a.logo {
          width:150px;
          height: 94px;
      }
    }
    @media (max-width:560px) {
      #header .zagolovok {
        /*width:100%;*/
        font-size:18px;
        color:#000;
      }
      #header .zagolovok .podzagolovok {font-size:12px;}
      .header__button {
          margin: 0 15px 0 0;
          /*order:2;*/
      }
      #header .zagolovok p:first-child {
        margin-top: 12px;
        margin-bottom: 5px;
        }
      #header.wide a.logo {
        width: 125px;
        height: 75px;
        }
     }
    .header__button::before {
      content: "";
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      width: 48px;
      height: 48px;
      background-color: transparent; }
      @media all and (max-width: 576px) {
        .header__button::before {
          left: -20px;
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); } }
    .header__button span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      display: inline-block;
      background: #0e2c40;
      transition: all 0.2s ease-in-out; }
      .header__button span.s2 {
        top: 7px; }
      .header__button span.s3 {
        top: 14px; }
    .header__button.open span.s1 {
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      -ms-transform-origin: center;
          transform-origin: center;
      top: 7px; }
    .header__button.open span.s2 {
      top: 7px;
      width: 0; }
    .header__button.open span.s3 {
      top: 7px;
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
      -ms-transform-origin: center;
          transform-origin: center; }

/* Sidebar */

#nav-icon3 {
  margin-right: 10px;
   width: 20px;
   height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon3 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #90b5cc;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}
#nav-icon3 span:nth-child(4) {
  top: 24px;
}
#nav-icon3.open span:nth-child(1),#nav-icon3.opened span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2),#nav-icon3.opened span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3),#nav-icon3.opened span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4),#nav-icon3.opened span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}

/* menu */
.sidebar .nav.menu {
    width:100%;
}

.sidebar #nav-icon3 span {background: #000;}

body.sidebar-opened {overflow:hidden;}
.hidden-overley {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #000000;
    opacity:0;
    width:0;
    height:0;
    transition: opacity 1s;
}
.hidden-overley.show {
    height: 100%;
    width: 100%;
    opacity:0.5;
    transition: opacity 1s;
}
.sidebar {
  position: fixed;
  z-index:99999999;
  width: 90%;
  height: 100%;
  right: -90%;
  top:0;
   background: radial-gradient(circle, #555 0%, #000 100%); 
  
  background-size: cover;
  transition: right 0.4s ease;
  overflow: auto;
}
.sidebar::before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
background: #fff;
  z-index: -1;
}
@media(min-width:560px) {
  .sidebar {width: 450px;right:-450px}
}
.sidebar .d-flex.p-2 {
    background: transparent; display:-webkit-box;display:flex;padding: 10px!important;align-items: center;border-bottom: 1px solid #4f5d67;}
.sidebar .text{
  color: white;
  font-size: 18px;
  font-weight: 600;
  line-height: inherit;
  text-align: center;
  background: #00bc54;
  letter-spacing: 1px;
  -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between; -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;
}
.sidebar .side-tel {font-size:0.8rem;}
.sidebar .text a {color: white;}

.sidebar.show{
  right: 0px;
}
.sidebar div > ul {
    margin-top:20%;
}
.sidebar ul{
  background: none;
  height: auto;
  width: 100%;
  list-style: none;
      margin: 0;
      padding:0;
}
.sidebar ul li{
  line-height: 62px;
  margin: 0;
}
.sidebar ul li:last-child{
  /*border-bottom: 1px solid rgba(255,255,255,0.05);*/
}
.sidebar ul li a{
  box-sizing:border-box;    
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 30px;
  /*padding-left: 30px;*/
  font-weight: 700;
  display: block;
  width: 100%;
}
.sidebar ul li.current a{
    color: #fff;
    background: #707070;
    
}
.sidebar ul li a:hover{
    cursor:pointer;
    background: #818181;
    color:#fff;
}
.sidebar ul ul{
  position: static;
  display: none;
}
.sidebar ul .sub-menu.show{
  display: block;
}

.sidebar ul ul li{
  line-height: 42px;
  border-top: none;
}
.sidebar ul ul li a{
  font-size: 17px;
  color: #333;
  padding-left: 40px;
}
.sidebar ul li.current-menu-item ul li a{
  color: #333;
  background: #f9f9f9;
  border-left-color: transparent;
}
.sidebar ul li ul li.current-menu-item a {color:#2196F3;}
.sidebar ul ul li a:hover{
  color: #333!important;
  background: #F5F5F5!important;
}
.sidebar ul li a i:before {display:none;}
.sidebar ul li.menu-parent-item a i:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 22px;
  transition: transform 0.4s;
  width: 20px;
    height: 20px;
    background-repeat:no-repeat; 
    background-position: 0 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='iso-8859-1'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.011 512.011' style='enable-background:new 0 0 512.011 512.011;' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    display: block;
}
.sidebar ul ul a i:before {display:none !important;}
.sidebar ul li a i.rotate:before{
  transform: translateY(-50%) rotate(-180deg);
}
.sidebar .langs {
  justify-content: center;
width: 100%;
}
.sidebar .langs ul {
  display: flex;
  justify-content: center;
margin: 0;
  }
.sidebar .langs a {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 0 15px;
    }
.sidebar .langs .active a {
      font-weight: 700;
      }
.sidebar .langs ul li a {
  margin: 0;
  padding: 0;
  width: 50px;
  text-align: center;}

/* Product page */
.jshop.productfull #list_product_image_middle {display:block;}
.jshop.productfull #list_product_image_middle img {width:100%;} 
.jshop.productfull .text_zoom {display:none;}
.jshop.productfull > form {
    display: flex;
    flex-wrap: wrap;
}
#comjshop h1 {width:100%;}
.jshop.productfull div.jshop_prod_description {width:45%;}
.jshop.productfull .row-fluid.jshop {width:50%; margin-right: 10px;}
@media (max-width:560px) {
    .jshop.productfull div.jshop_prod_description,
   .jshop.productfull .row-fluid.jshop {width:100%;}
}

@media (min-width:1200px) {
    .jshop.productfull .row-fluid.jshop {
        display: flex;
        flex-direction: row-reverse;
         margin-right: 5%
    }
    .jshop.productfull .product_label {display:none;}
    .jshop.productfull .jshop_img_description #list_product_image_thumb {
        justify-content: left;
        flex-direction: column;
        width: 80px;
    }
    .jshop.productfull #list_product_image_thumb img.jshop_img_thumb {
        height: auto;
        max-width: 50px;
    }
    .productfull .image_middle {
        flex-grow: 1;
    }
    .jshop.productfull .row-fluid.jshop .span8 {width:80px;}
    
}

.ext_owl_carousel_mod_98 {
        max-width: 600px;
    }
.ext_owl_carousel_mod_98 .swiper-wrapper {
    text-align:center;
}    
.ext_owl_carousel_mod_98 .swiper-pagination {
    position:relative;
}
.ext_owl_carousel_mod_98 .swiper-slide {padding-top:6px;}

@media (min-width:768px) {
    .ext_owl_carousel_mod_98 img {
        border: 2px solid #fff;
        box-shadow: 0 0 7px rgba(207, 207, 207, 0.42);
        border-radius:5px;
    }
}
    .ext_owl_carousel_mod_101 {
        max-width: 1199px;
    }

/**
 * Swiper 10.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2023
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #ff7700
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}
.swiper-v .swiper-slide {
    height: auto;
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
.news .swiper-pagination-bullet {
    background: #fff;
    opacity: .8;
}
.news .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ff7700;
    opacity: .8;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/* News List */

@media (min-width:768px) {
  .newslist .flexy {
    display: flex;
    justify-content: space-between;
    align-items: center;
   }  
    .receptlist .flexy {
        display: flex;
    }
    .newslist .flexy .info {width:60%;}
}
.newstpl .pics {display: flex;}
.newstpl .image {
    height: 120px;
    width: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 15px;
    border-radius: 8px;
    border: 1px solid #fff;
    box-shadow: 0 0 4px rgba(102, 102, 102, 0.57);
}
.receptlist .newstpl .image {
    height: 200px;
    width: 400px;
    max-width: 400px;
    margin-right:30px;
}
.newstpl .image.url {
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.pagination {
    display:flex;
}
.content ul.pagination > li {
    list-style: none;
    margin: 10px 10px;
    font-size: 1.3em;
}
.content .page-item.active a {
    background-color: forestgreen;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
}
.neighbors {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
    font-size: 1.2em;
    padding: 30px;
    border-radius: 5px;
    background: #ecf9ea;
}

@media (max-width:768px ){
    .neighbors {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .neighbors span {
        margin-bottom: 15px;
    }
}

.image-container {
    position: relative;
  }

  .image-container .img {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 1s ease-in-out;
  }

  .image-container .active {
    z-index: 2;
    opacity: 1;
  }

  .image-container .inactive {
    z-index: 1;
    opacity: 0;
  }
  #text-banner .img {
      width:100%;
      height:100%;
      text-align:center;
  }
  #text-banner .img img {
      max-width: 100%;
      max-height: 64px;
  }
  
  /* CATEGORY PRODUCT */
  
  .productgroup .greedy {
      display: flex;
      flex-wrap:wrap;
  }
  .productgroup .greedy .item-wrap {
      text-align: center;
      width: 50%;
  }
  @media (min-width:550px) {
      .productgroup .greedy .item-wrap {
          width: 33%;
      }
  }
  @media (min-width:768px) {
     .productgroup .greedy .item-wrap {
          width: 25%;
      }
  }
  @media (min-width:900px) {
      .productgroup .greedy .item-wrap {
          width: 20%;
      }
  }
  
  .productgroup .greedy .padding-10 {
      padding: 10px 5px;
  }
  .productgroup .greedy a {
      position: relative;
        border: 1px solid #e7e4e4;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 10px;
        justify-content: space-between;
        border-radius: 5px;
        box-shadow: 0 2px 20px #e6e6e6;
        top: 0;
        transition: all 0.5s ease;
  }
  .productgroup .greedy a:hover {
    box-shadow: -1px 17px 20px #dbdbdb;
    top: -10px;
    }
  .productgroup .greedy .item-image {
      height: 200px;
  }
  .productgroup .greedy .item-info .item-title {
    margin-top: 10px;
    }
  .productgroup .greedy img {
      max-width: 100%;
    height: 100%;
  }
  .ext-item-wrap p {
    padding: 0 20px;
    text-align: center;
    color: #8A6647;
    }
    .content h4.newsflash-title {
    margin-left: 5px;
    font-family: simsun;
    margin-right: 5px;
    }
    .mod_ext_owl_carousel_articles_news .ext-item-wrap span {
    color: red;
    }
    .mod_ext_owl_carousel_articles_news .readmore {
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    border-bottom: 1px solid #956537;
    width: 214px;
    margin: 0 30px;
    text-align: left;
    }
    .mod_ext_owl_carousel_articles_news .readmore a {
    padding: 5px 10px;
    background: #956537;
    color: #fff;
    }
.commonpage {padding-bottom:50px;}    
/* .swiper-pagination span:nth-last-child(-n+2) {
    display: none;
} */