.container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:border-box}
.column,
.columns{width:100%;float:left;box-sizing:border-box}
@media (min-width:400px){.container{width:98%;padding:0}
}
@media (min-width:550px){.container{width:98%}
.column,
.columns{margin-left:4%}
.column:first-child,
.columns:first-child{margin-left:0}
.one.column,
.one.columns{width:4.66666666667%}
.two.columns{width:13.3333333333%}
.three.columns{width:22%}
.four.columns{width:30.6666666667%}
.five.columns{width:39.3333333333%}
.six.columns{width:48%}
.seven.columns{width:56.6666666667%}
.eight.columns{width:65.3333333333%}
.nine.columns{width:74.0%}
.ten.columns{width:82.6666666667%}
.eleven.columns{width:91.3333333333%}
.twelve.columns{width:100%;margin-left:0}
}
html{font-size:62.5%}
body{font-size:1.5em;line-height:1.8em;font-weight:400;color:#333;margin:0;padding:0}
h1, h2, h3, h4{margin:0}
h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}
h2{font-size:3.6rem;line-height:1.25}
h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}
h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}
h5{font-size:2.4rem}
h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}
@media (min-width:550px){h1{font-size:5.0rem}
h2{font-size:4.2rem}
h3{font-size:3.6rem}
h4{font-size:3.0rem}
h5{font-size:2.4rem}
h6{font-size:1.5rem}
}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.taj{text-align: justify}
a{text-decoration: none}
a[href^="tel:"] {cursor: pointer}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{text-align:center;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{min-height:65px;padding-top:6px;padding-bottom:6px}
label,
legend{display:block;margin-bottom:.5rem;font-weight:600}
fieldset{padding:0;border-width:0}
input[type="checkbox"],
input[type="radio"]{display:inline}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:normal}
ul{list-style:circle inside}
ol{list-style:decimal inside}
ol, ul{padding-left:0;margin-top:0}
ul ul,
ul ol,
ol ol,
ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}
li{margin-bottom:1rem}
code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}
pre > code{display:block;padding:1rem 1.5rem;white-space:pre}
.container:after,.row:after{content:"";display:table;clear:both}


body{font-family: 'Play', sans-serif;font-display: auto;font-weight:400;color:#222}
a, input, button,textarea{outline: none}
ul, li {margin:0;padding:0}

.preload *{-webkit-transition: all 0s linear;-moz-transition: all 0s linear;-ms-transition: all 0s linear;-o-transition: all 0s linear}


.photoblock{background: linear-gradient(to right, #333, #222, #333), url(../img/svg/pattern.svg) center center;box-shadow: 0 0 1rem 0 rgba(0,0,0,0.65);text-align:center}
.headercnc{margin-top: -4.5rem;position: fixed;width: 100%;z-index: 25;background: linear-gradient(to right, #333, #222, #333), url(../img/svg/pattern.svg) center center}
.breadcrumbs{background: linear-gradient(to right, #333, #222, #333), url(../img/svg/pattern.svg) center center;min-height:5rem;padding:1rem 0}
.breadcrumbs2{/*background: #009049*/background: #00BF63}
.breadcrumbs2 a{color: #fff;line-height: 3rem}
.breadcrumbs2 a:hover{color:#333}
ul#crumps{display:block}
ul#crumps li{float:left;display:block;padding-right:1.4rem;margin: 0 .6rem 0 0;background: url(../img/svg/arrowright.svg) center right no-repeat}
ul#crumps li:last-child {background: url(../img/svg/arrowup.svg) center right no-repeat}
.cntc a{color:#fff;font-size:1.4rem;line-height:4.6rem;font-weight:600}
.cntc a.topmail:hover{color:#009049}
.cntc img{height: 1.6rem;margin: 0 .3rem -.3rem 0}
.fffline{margin-top:4.5rem;background:linear-gradient(to right, #fff, rgba(255, 255, 255, 0.9), #fff);height:11rem;box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.65), inset 0 -1rem 1rem -1rem rgba(0,0,0,0.65)}
.photoblock div.fffline{margin-top:0rem}
.shi{box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.65), inset 0 -1rem 1rem -1rem rgba(0,0,0,0.65);padding:2.5rem 0}
.logo img{/*margin:1.5rem 0;*/float: left}
.logo a{font-weight: 900;font-size: 3.2rem;color:#2f5327;display: block;float: left;margin: 2rem 0 0;}
.logo a b{color:#00BF63;font-weight: 900;}
.logo a span{font-size:1.4rem;color:#222;font-weight: 400;letter-spacing: 2.45px;display: block;margin-top: -.5rem;}
.logo a span.sh2{margin-top: -1.5rem;font-size: 1.3rem;letter-spacing: 3.4px;opacity: .6}
.f_logo h4{color: #00BF63;font-size: 2.2rem;text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);}
.f_logo p small{opacity:.7}
.menu{line-height:11rem}
.menu a{text-transform: uppercase;font-size:1.8rem;color:#333;font-weight:600;text-shadow: none}
.menu a#show2ndlvl{display:none}
.menu a:hover, .menu a.active{color:#7cd854}
.munudnd{display:none}
.menuheader, .menubutton, #firstlvlbody a:first-child,img#closefirstlvl,img#close2ndlvl{display:none}
.maintext{color:#fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .75)}
.maintext h1{text-transform: uppercase;font-size: 4.2rem;margin-top: 3.5rem}
.maintext p{width: 66%;margin: 2rem 17%;font-size: 1.8rem;word-spacing: .2rem;line-height: 3rem}
h1{font-size: 3.3rem;text-transform: uppercase;margin: 2.5rem 0 0 0;float: left;width: 100%}
.breadcrumbs h1{color: #fff;font-size: 2.2rem;line-height: 5rem;text-shadow: 0 0 1rem rgba(0, 0, 0, .5);overflow:hidden;margin:0}
h2{font-size: 3.2rem;text-transform: uppercase;margin: 2.5rem 0 0 0;float: left;width: 100%}
span.desc{font-family: 'Marck Script', cursive;font-display: auto;color:#00BF63;font-size:2.4rem;margin-bottom:1.5rem;display:block}
.pluses div{width:calc(25% - 3rem);margin:1.5rem;float:left}
.pluses div img{width:70%}
.pluses div h3{font-size: 2.35rem;padding-top: 1rem;text-transform: uppercase}
.pluses div p{color: #777;font-size: 1.4rem;line-height: 2rem;width: 90%;margin: .5rem 5%}
.items{float:left; width:100%;margin-bottom:2.5rem}
.items div{width:calc(25% - 3.8rem);margin:1.1rem;padding:.7rem;float:left;border:.1rem solid #ddd;background:#fff;position: relative}
.items div:hover{border:.1rem solid #cacaca}
.items div a img{width:calc(100% - .2rem);float: left;margin-bottom: 1rem;border: .1rem solid #eee;}
.items div.bighalf, .items div.twohalfs{width:calc(100% - 5.5rem);border:none;padding:0;margin:0 1rem 0 0;float:left;height:5rem;overflow: hidden}
.items div.twohalfs{width:100%;margin:0}
.items div.smallhalf{width:4.5rem;border:none;padding:0;margin:0;float:left;height:5rem;overflow: hidden}
.items div.getit, #deschalf div.getit, .sershalf div.getit{float:left;width:calc(100% - .4rem);border:none;padding:0;margin:1.5rem 0 0 0;line-height:4.8rem;height:4.8rem;color:#fff;font-size: 1.9rem;text-transform: uppercase;font-weight: 700;letter-spacing: .1rem;cursor:pointer;/*border:.2rem solid #009049;background: url(../img/svg/cart.svg) center -5rem no-repeat #009049*/ background:linear-gradient(to right, #7BDB57, #00BF63 100%);}
.items div.getit:hover, #deschalf div.getit:hover, .sershalf div.getit:hover{color: transparent;background: url(../img/svg/cart.svg) center center no-repeat #7BDB57}
.items div.getit:hover span, #deschalf div.getit:hover span, .sershalf div.getit:hover span{opacity:0}
.bighalf a, .twohalfs a{color: #333;font-weight: 700;line-height: 2.5rem}
.bighalf a:hover, .twohalfs a:hover{color:#009049}
.smallhalf p{margin:0;color:#00BF63;font-weight: 700;font-size:1.5rem}

.grayblock{padding-top:2rem;background: url(../img/pattern.png)}
.menu a::before,.menu a::after{	display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s}
.menu a::before{margin-right: .5rem;content: '';font-size:.4rem;color:#009049;-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px)}
.menu a::after{margin-left: .5rem;content: '';font-size:.4rem;color:#009049;-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px)}
.menu a.active::before,.menu a.active::after,.menu a:hover::before,.menu a:hover::after,.menu a:focus::before,.menu a:focus::after{opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px)}

.mainsearch input{float:left;border:.1rem solid rgba(255, 255, 255, 0.8);border-right:none;width:calc(64% - 9.7rem)}
.catitems div.mainsearch input{width:calc(100% - 2rem);margin:0 0 1rem;color:#222;padding:0 1rem;border-radius:.3rem}
.mainsearch button{height:4.4rem;width:100%;float:left;padding: 0;border:#009049;color:#fff;border-left:none;border-radius: 0; background:#009049;border-radius:.3rem}
.mainsearch button:hover{background:#08b962}

.brands{padding:1rem 0 3rem}
.brands img{float:left;width: calc(20% - 4rem);margin: 0 2rem 3rem;filter: grayscale(1);opacity: .85;}
.brands img:hover{filter: grayscale(0);opacity: 1;}

.footer{background:#333;color:#fff;border-top: .4rem solid #00BF63}
.logo img, .f_logo img{max-width:100%;height: 7rem;float:left}
.f_logo img{margin: 1.7rem 0}
.fcntc{padding:2.5rem 0}
.fcntc p{line-height:3rem;margin:0}
.fcntc p img{width: 1.6rem;padding: .7rem .6rem;float:right}
.fcntc a{color: #fff;letter-spacing: .1rem;float:right}
.fcntc span{float:right}

.copy{background:#1f1f1f; line-height:5rem; box-shadow: 0 0 16rem 0 rgba(0, 0, 0, 0.75)}
.copy a{color:#fff}
.copy a:hover, .fcntc a[href^="mailto:"]:hover, .fcntc a[href^="skype:"]:hover{color:#009049}
.mask{position:fixed;backdrop-filter: blur(.5rem);left:0;top:0;width:100%;height:100%;background: rgba(30, 30, 30, .87);z-index:8888;display:none}
.aircall, .airorder{position:fixed;z-index:9998;width:74rem;height:45rem;left:calc(50% - 37rem);top:-60rem;background: url(../img/aircallbg.jpg) center center;text-align:center;box-shadow: 0 0 10rem .6rem rgba(0,0,0,0.75)}
.aircall h2, .aircall span, .airorder h2, .airorder span{color:#fff}
.aircall h2, .airorder h2{text-shadow: 0 0 1rem rgba(0, 0, 0, .75)}
.airform {width:85%;padding-right:15%}
div.airorder > div.airform {width:85%;padding:0 12% 0 3%;margin:3.2rem 0}

.airform input{width:calc(70% - 4rem);margin:2rem 0}
div.airorder > div.airform textarea{float: left;min-width: calc(100% - 12.8rem); max-width: calc(100% - 12.8rem);padding: 1rem 2rem;margin: 2rem 1.5rem;line-height: 2rem;    max-height: 10rem;min-height: 10rem;resize: none;background: rgba(0, 0, 0, 0.2);border: .1rem solid rgba(255, 255, 255, 0.7);font-size: 1.7rem;color:#fff;letter-spacing: .1rem}
.airform button[type^="submit"]{width:70%;margin:2rem 0}
div.airorder > div.airform button[type^="submit"]{width: calc(100% - 8.8rem);margin: 0 1.5rem;float: left}
.airform form.mt38{margin-top:2rem}
#closeairc, #closeairg{width: 5rem;position: absolute;top: 0;right: -6rem;cursor: pointer;opacity:0}
#closeairc:hover, #closeairg:hover{opacity:.5}
.activeaircall{top:calc(50% - 22.5rem)}

.catitems div.items{margin:2.5rem 0}
.catitems div.items div{width:calc(33.3333% - 2.9rem);margin:1rem .6rem}
.catitems div.items div.bighalf{width:calc(100% - 7.5rem);margin:0 1rem 0 0;float:left}
.catitems div.items div.twohalfs{width:100%;margin:0}
.catitems div.items div.smallhalf{width:6.5rem;margin:0}
.catitems div.items div.getit{width:calc(100% - .4rem);margin:1.5rem 0 0 0}
.catdscr {float:left;padding: 1rem .75rem 0 .75rem;text-align: justify;width: calc(100% - 1.5rem)}
.catdscr p{margin:0; padding:0}

.secmenuheader{font-size: 2.4rem;font-weight: 600;color: #00BF63;margin: 1rem 0 1rem 0}
#secondlvlmenu{position: static;position: sticky;top: 6rem}
#secondlvlmenu a{display: block;color: #333;font-size: 1.6rem;line-height: 5rem;padding-left: 1.3rem;border-left: .3rem solid #d0d0d0}
#secondlvlmenu a:hover{color: #08b962;background:#f0f0f0}
#secondlvlmenu a.active2nd{color: #00BF63;background:#f0f0f0;border-left: .3rem solid #7BDB57;font-weight: 600}


.footer .fcntc .row .footer-category-list a:hover{
    color: #009049;
    transition: 0.3s;
}
.footer .fcntc .row .footer-category-list{
    display: flex;
    flex-direction: column;
    width: 210px;
    min-width: 186px;
}
.footer .fcntc .row {
    display: flex;
}
@media screen and (max-width: 768px) {
    .footer .fcntc .row {
        flex-direction: column;
        align-items: center;
    }
    .footer .fcntc .row .footer-category-list{
        align-items: center;
    }
}

/*.news-item-wrapper{padding-top: 20px;display:flex;justify-content: space-around;width: 100%;overflow: hidden}*/
.news-wrapper{display: flex;flex-direction: column}
.news-item-wrapper{grid-gap: 24px;display: grid;grid-template-columns: repeat(5, 1fr);margin: 32px 0 56px;}

.news-item{margin-right:20px;max-width: 200px;}
/*.news-item .news_img{max-width: 20rem}*/
.news-item .news_img img{height: 135px; width: 200px; object-fit: cover;border-radius: 1.5rem}
@media screen and (max-width: 1250px) {
    .news-item-wrapper{grid-template-columns: repeat(4, 1fr)}
}
@media screen and (max-width: 1024px) {
    .news-item-wrapper{grid-template-columns: repeat(3, 1fr)}
}
@media screen and (max-width: 768px) {
    .news-item-wrapper{grid-template-columns: repeat(2, 1fr)}
    .news-item{max-width: 100%;}
    .news-item .news_img img {width: 100%;}
}
@media screen and (max-width: 500px) {
    .news-item-wrapper{grid-template-columns: repeat(1, 1fr)}
    .news-item{max-width: 100%; margin-right: 0}
    .news-item .news_img img {width: 100%; height: 200px}
}

#imghalf, #deschalf{float:left;padding-top:1rem}
#imghalf{width:46%}
#deschalf {width:52%;margin-left:2%}
.imgcontainer{width:calc(100% - 1.6rem);border: .1rem solid #ddd;float:left; background:#fff;overflow:hidden;margin-left: .7rem;}
.imgcontainer:hover{border:.1rem solid #cacaca}
.imgcontainer img{width:calc(100% - 2rem);padding:1rem;float:left;display:none}
.imgcontainer img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}
.imgcontainer img#img1{display:block}
#deschalf h3{font-size: 1.8rem;line-height: 2rem;color: #111;text-align: right;margin-bottom: 1rem}
.descinfo{margin: 0;font-size: 1.5rem;line-height: 2.4rem;text-align: justify}
.descinfo span{float:right}
.descinfo span b{color: #00BF63;padding-left: 2rem;background: url(../img/svg/check.svg) left center no-repeat;background-size: 1.5rem;font-weight: 400;}
.descinfo span.price{color:#009049;font-weight:600}
.descinfo span.price strong{color:#333}
.promo {padding: 1rem 1rem 1rem 8rem;background: url(../img/svg/gift.svg) 1.6rem center no-repeat #d6d6d6;border: 1rem solid #cacaca;text-align: right;margin:bottom:1rem}
.promo p.descinfo{text-align:right;margin-bottom:.5rem}
.promo a{margin:0;text-align:right;color:#009049;font-weight:600;font-size: 1.4rem}
.promo a:hover{opacity:.7}
.iteminfo{float: left;width: 100%;margin: 0}
.iteminfo h3{float: left;width: 100%;font-size: 2.5rem;color: #00BF63;padding-top: 3rem;}
.iteminfo p{text-align: justify;float:left;width:100%}

.rotate{position: absolute;right: -1.3rem;top: -1.3rem;z-index: 1;overflow: hidden;width: 20rem;height: 20rem;text-align: right}
.lenta{display: block;position: absolute;left: 2.5rem;background: #ea3800;box-shadow: 0px 2px 15px -2px #666;color: #fff;text-align: center;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);height: 3rem;line-height:3rem;padding:.5rem 1rem;width: 100%}
.lenta::after,.lenta::before{content: '';position: absolute;top: 100%;border-width: 1rem 1rem;border-style: solid;border-radius: .1rem;box-sizing: border-box;padding: 0;width: 0;z-index: -1}
.lenta::before{left: 0;border-color: #760101 transparent transparent #760101}
.lenta::after{right: 0;border-color: #760101 #760101 transparent transparent}

.mmap{border-top: .4rem solid #00BF63;}

.mt38{margin-top:3.8rem}
.flex{display: flex}
.starprice{float: left;width: calc(100% - 15rem);padding: 2rem 2rem 2rem 13rem;text-align: justify;margin: 2rem 0 0 0;background: url(../img/svg/itemstar.svg) 1.5rem center no-repeat #e7e7e7;line-height:2rem}
.starprice a{color: #009049;text-decoration: none}
.starprice p{margin:0;font-size:1.4rem;color:#444}
.threeinrow{width:calc(33.3333% - 7rem);margin:1.5rem;height:16rem;padding:2rem;float:left;background-position: center center;background-repeat: no-repeat;background-size: cover;box-shadow: 0 0 0.8rem 0.1rem rgba(0,0,0,0.35);color:#fff;line-height:4rem}
a:hover div.threeinrow {box-shadow: 0 0 2rem 0.2rem rgba(0,0,0,0.5);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}
.threeinrow p{margin:0}



.pagedescr {float: left;width: 100%;border-bottom: .1rem solid #00BF63;margin-bottom: 2rem;margin-top: 2.5rem;}
.tabsc{float: left;padding: 0 1rem;line-height: 5rem;background: #ddd;text-transform: uppercase;font-weight: 600;cursor:pointer;transition: .3s all ease;}
.tabsc:hover{background:#fd885e;}
.actabc{color:#fff;background:#7BDB57;cursor:default}
.tabsc:hover{background:#7BDB57;}
.taby img{width:100%}

.taby h3{padding-top:0}


.taby{text-align: justify;display:none}
.taby:first-child, .activemtab{display:block}



table{border-collapse: collapse;width: 100%;text-align: left;margin:1.5rem 0;float:left}
th{padding: 0 1rem;font-size:1.8rem;line-height:4rem; background:#009049;color:#fff}
td{padding: .6rem 1rem;line-height:2.2rem}
tr:nth-child(2n+2){background:#d6d6d6}
tr:hover{background:#00BF63;color:#fff}
table.flac{text-align:center}
tr.darktr{background:#333;font-weight:600;color:#fff;text-align:center}
tr.darktr:hover{background:#333}
table.flac th:first-child, table.flac td:first-child{text-align:left}
table.border{text-align:center;border:.1rem solid #444}
table.border td{border:.1rem solid #444}
table.border td:first-child{text-align:center}
table.border tr, table.border tr:nth-child(2n+2){background:#fff}
table.border tr:hover{background:#fff;color:#333}
table.border th{line-height:3rem}


div.pagination{float:right;margin-top: -2rem}
div.pagination ul{list-style: none;display: block}
div.pagination li{font-size:1.8rem;height:4.6rem;line-height:4.6rem;width:4.4rem;text-align:center;background:#009049;display:block;margin:0 .75rem 0 1.25rem;color:#fff;float:left;font-weight:600}
div.pagination li span.b-pagination_page-active{display:block;height:4.6rem;line-height:4.6rem;width:4.4rem;background:#333}
div.pagination li a{color:#fff;display:block;height:4.6rem;line-height:4.6rem;width:4.4rem}
div.pagination li a:hover{background:#09b15e}
div.pagination li.b-pagination_next img, div.pagination li.b-pagination_prev img{width: 1.4rem;margin: 1.6rem 1.5rem}
div.pagination li.b-pagination_prev img{-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);transform: scale(-1, 1);filter: FlipH;-ms-filter: "FlipH"}
.newsblock{width: calc(100% - 5.2rem);float: left;padding: 1rem;border: .1rem solid #ddd;background: #fff;margin:1.5rem;overflow: hidden}
.newsimg{width: 24rem;float: left;padding-right:1rem}
.newsimg img{width:100%;float:left}
.newsdesc{width: calc(100% - 25rem);float: left}
.newsdesc h3{font-size: 2.1rem;line-height: 2.5rem;height: 2.5rem;overflow: hidden;color: #00BF63}
.newsdesc p{font-size: 1.5rem;text-align: justify;overflow: hidden;line-height: 2rem;height: 12rem;margin: 1rem 0 0 0}
.newsdesc a.readmore{float: right;margin-top: 1rem;line-height: 2rem;color: #00BF63;border-bottom: .1rem solid #00BF63; text-decoration:none}
.newsdesc a.readmore:hover{color:#333;border-bottom: .1rem dashed #fff}
.newsdesc .newsdesc__title {
    font-size: 2.1rem;line-height: 2.5rem;height: 2.5rem;overflow: hidden;color: #00BF63;font-weight: bold;
}
.plogpost{text-align: justify}
.plogpost img{max-width:100%}
.plogpost>p>a, .iteminfo>p>a, .catdscr>p>a, .serinstock a{color: #009049;border-bottom: .1rem dashed #333}
.plogpost>p>a:hover, .iteminfo>p>a:hover, .catdscr>p>a:hover, .serinstock a:hover{color:#333;border-bottom:none}
.half2full{float:left;width:50%;margin:1rem 0}
.w100img{float:left;width:100%;margin:1rem 0}

.seritems{width: 100%;float: left;margin: 2rem 0}
.seritemst{width: 100%;float: left}
.seritem, .seritemt{float:left;width:calc(25% - 2rem);margin:1rem;background-size:auto 100%;background-position: center center}
.seritemt{width:calc(33.3333% - 2rem)}
.serinner{width:calc(100% - 2.4rem);margin:1rem;border:.2rem solid #fff;background-color: rgba(0, 0, 0, 0.33)}
.serinner h2{font-size: 2.4rem;line-height: 7rem;color: #fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .75);margin: 0;text-transform: none;float: none}
.serinner h2:hover{color:#009049}
.serdesc {min-height:14rem}
.serdesc p{margin: 0;font-size: 1.5rem;color: #fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .25)}
a.serlink{display: block;width:calc(86% - .2rem);margin: 1.5rem 7%;background:#009049;color: #fff;line-height: 4.8rem;font-size: 1.9rem;text-transform: uppercase;font-weight: 700;border: .2rem solid #009049}
a.serlink:hover{background: rgba(255, 255, 255, 0.2)}


.ivid {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.ivid iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.serbhalf{width:60%;float:left}
.sershalf{width:35%;float:left;padding:2rem 0 2rem 5%}
.sershalf h4 {line-height: 2.6rem;padding-top: .2rem;font-size: 2.4rem}
.serprice, .serdelivery, .serinstock {float:left; width:calc(100% - 7rem);padding-left:7rem;margin:1rem 0;background-position: left center;background-repeat:no-repeat;background-size:5.8rem}
.serprice{background-image:url(../img/svg/pluses/piggy-bank.svg)}
.serdelivery{background-image:url(../img/svg/pluses/truck.svg)}
.serinstock{background-image:url(../img/svg/pluses/box.svg)}
.serfullrew h2{font-size: 3rem;padding: 2rem 0 1rem}
.serfullrew p{text-align: justify}

.mybanner{float: left;width: calc(100% - 3rem);padding: 2rem 1.2rem;border: .3rem solid #009049;margin: 3rem 0 0;overflow: hidden;position: relative}
.mybanner h5{margin:0;padding:0; line-height:4rem;font-size:2.7rem;z-index: 2;position: relative;color:#009049;text-shadow: 0 0 1rem rgba(0, 0, 0, 0.75)}
.mybanner p{font-family: 'Marck Script', cursive;font-display: auto;margin:0;padding:0; line-height:3rem;font-size: 2rem;z-index: 2;position: relative;color:#fff;text-shadow: 0 0 1rem rgba(0, 0, 0, .75)}
.mybanner a{position: absolute;padding: 0 2rem;right: 2rem;margin-top: -6.2rem;line-height: 4.8rem;height: 4.8rem;color: #fff;font-size: 1.9rem;text-transform: uppercase;font-weight: 700;letter-spacing: .1rem;cursor: pointer;border: .2rem solid #009049;background: #009049;z-index: 2;text-shadow: 0 0 1rem rgba(0, 0, 0, .75)}
.mybanner a:hover{background: rgba(255, 255, 255, 0.1);z-index: 2}
.mybanner img{width: calc(100% + 2.6rem);position: absolute;left: 0;top: -15rem;z-index: 1}

.mb20{margin-bottom:2rem}
.mb2{padding-bottom:5rem}
.darken{background: linear-gradient(to right, #ababab, rgba(196, 196, 196, 0.85), #ababab), url(../img/svg/pattern.svg) center center;padding-bottom: 4rem}

.starz{position: absolute;right: 1rem;top: -11rem;z-index: 2;transform: scale(.75);text-align: center;color: #fff;opacity:.9}
.starz:hover{opacity:1}
.subcats{float: left;padding: 2rem 0 0}
.subcats a{background: #08b962;color: #fff;padding: .5rem 1rem;margin: .5rem;float: left;text-transform: lowercase;font-size: 1.4rem}
.subcats a:hover{background: #009049}
.catdescrb{float:left; width:calc(100% - 21.1rem);padding-right:1rem}
.catdescrs{float:left;width:19rem;padding-left:1rem;border-left:.1rem dashed #009049}

.subcats a, .getit, .catitems div.items div, div.pagination li, .items div, .imgcontainer, .imgcontainer img, img.imgtabs, div.pagination li span.b-pagination_page-active{border-radius: .3rem}


.menu a, .subcats a, div.pagination li a, .mainsearch button, .copy a, .fcntc a[href^="mailto:"], .fcntc a[href^="skype:"], .callonpage button div#progress, .callonpage button[type^="submit"], .callonpage input, .airform button div#progress, .airform button[type^="submit"], .airform input, .airform button div#progress2, .cntc a, .items div, .items div a, .aircall, .airorder, #closeairc, #secondlvlmenu a,.imgcontainer img, img.imgtabs,.promo a, .breadcrumbs2 a, #deschalf div.getit, .sershalf div.getit, tr, .threeinrow, .newsdesc a.readmore, .plogpost>p>a, .iteminfo>p>a, a.serlink, .brands img{-moz-transition: .3s all ease;-o-transition: .3s all ease;-webkit-transition: .3s all ease;transition: .3s all ease}

li.b-pagination_last, li.b-pagination_first{display:none !important}
#callme{bottom:25px;right:10px;position:fixed;z-index:999;cursor:pointer}
.img-circle{background-color:#00BF63;box-sizing:content-box;-webkit-box-sizing:content-box}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #00BF63;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#00BF63;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/svg/call.svg);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite}
.img-circle:hover{opacity: 1}
.callonpage input, .airorder input, .airform  input{padding: 1rem 2rem;border-radius: .3rem}
.infohi{float: left;padding: 2rem 0 3rem}
.infotext{width: calc(100% - 36rem);text-align: justify;padding-right: 2rem;float: left}
.infoicon {width:32rem;float:left;padding-left:2rem}
.infoicon img{width:100%;float:left}
.dod58{display:none}
.w100{width:100%}
.mb10{margin-bottom:2rem}

.sendform{width: 80rem;padding: 0 calc(50% - 40rem);height:34.5rem;position: relative;}
.sendform input{float: left;width: calc(50% - 4.2rem);margin: 0 1rem 2rem;padding: 0 1rem;line-height: 5rem;background: transparent;border: .1rem solid #c2c2c2;}
.sendform textarea{float: left;width: calc(100% - 4.2rem);margin: 0 1rem 2rem;padding:1rem;line-height: 3rem;background: transparent;border: .1rem solid #c2c2c2;height:15rem}
.sendform input:hover, .sendform input:focus, .sendform textarea:hover, .sendform textarea:focus{background: #fff;border: .1rem solid #009049;}
.sendform input[type="submit"], .getcall input[type="submit"] {height: 6rem;border: 0;background: #009049;width: 30rem;padding: 0;border-radius: 0;color: #fff;float: left;}
.sendform input[type="submit"]:hover, .getcall input[type="submit"]:hover{background: #1B242B;color:#009049}
.sfload, .sfload2{width: 20rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: none;}
.sfdone, .sfdone2{width: 30rem;height:7rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: none;}
.sfdone h5, .getcall h5{font-size: 1.9rem;text-align: center;text-transform: uppercase;font-weight: 900;letter-spacing: -.1rem;color: #009049;margin: 0 0 1rem;line-height:2rem}
.sfdone p, .sfdone2 p{text-align: center;font-size: 1.4rem;margin: 0;line-height:2rem}


.greenblock{/*background: #009049;*/background: #00BF63;color: #fff;padding: 1rem 0}
.greenblock a{color:#fff}
.getcall {display:none;position: fixed;z-index: 9999;color: #fff;width: 40rem;height: 26.4rem;top: calc(50% - 13.2rem);left: calc(50% - 20rem)}
.getcall h5{padding-bottom:1rem}
.getcall input{float: left;width: calc(100% - 2.2rem);margin: 0 0 2rem;padding: 0 1rem;line-height: 5rem;background: transparent;border: .1rem solid #fff;color:#fff}
.getcall input:hover, .getcall input:focus{background:transparent;border: .1rem solid #009049;}
.getcall input[type="submit"]{width:100%}

.getcall {
    max-width: 47rem;
    width: 100%;
    padding: 3.9rem 5.6rem 1.7rem;
    background: linear-gradient(to right, #7BDB57 68%, #00BF63);
    height: initial;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media (max-width:490px){
  .getcall{
    width: calc(100% - 5.2rem);
      padding: 3.9rem 2.6rem 1.7rem;
  }
}

.getcall .getcall-title {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 2rem;
}
.getcall input::placeholder {
color: #7F7F7F;
    opacity: 0.5;
    padding-left: 1rem;
}

.getcall .getcall-title p {
    margin: 0;
    font-size: 2.8rem;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
}

.getcall input {
    background: #ffffff;
    transition: 0.3s;
}
.getcall input:hover {
    background: #f3efef;
    transition: 0.3s;
    border-color: white;
}

.getcall input[type="submit"] {
    box-sizing: border-box;
    background: #00BF63;
    font-size: 2rem;
    text-transform: uppercase;
    border: 1px solid white;
    margin-bottom: 3rem;
}

.getcall input[type="submit"]:hover {
    background: #4ea67e;
    margin-bottom: 3rem;
    color: white;
}

.getcall .getcall-info {
    display: flex;
    flex-direction: column;
    p {
        text-align: center;
        margin: 0;
        font-size: 1.6rem;
        line-height: 100%;
    }
}

.getcall #getonpage {
    display: flex;
    flex-direction: column;
}

.getcall .button-close {
    position: absolute;
    box-sizing: border-box;
    width: 4rem;
    height: 4rem;
    top: -1.5rem;
    right: -1.5rem;
    border-radius: 1rem;
    border: 2px solid white;
    background: #00BF63;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.getcall .button-close:hover {
    transition: 0.3s;
    background: red;
}

.getcall .button-close svg {
    width: 1.3rem;
    height: 1.3rem;
    color: white;
}


.alert{float: left;width: calc(100% - 34rem);line-height: 2rem;padding-top: 2rem;font-size: 1.4rem;margin: 0 1rem;font-style: italic;opacity: .75;}

.coninfo{float: left;padding: 1rem 0 3rem}
.coninfo img{width: 25rem;padding-right: 4rem;float: left;}
.coinfotext{float:left;width:calc(100% - 29rem)}
.coinfotext p {margin:0}
.gall{padding-top:1rem}
.gall img{float: left;width: calc(25% - 1.6rem);margin: .7rem;border: .1rem solid #cacaca;}

.catitems div.items div.catitemz{width: 100%;background-size: cover;background-position: center;padding:2.5rem}
.catitems div.items div.catitemzbody{width: 100%;float: left;padding: 1rem 0 2.5rem;margin: 0;background: rgb(0 0 0 / 0.6);color: #fff;border: none;text-align:center}
.catitems div.items div.catitemzbody h2{font-size: 2.8rem;letter-spacing: -.1rem;height: 7rem;line-height: 3.5rem;margin: 1.5rem 0;padding:0 1rem;width: calc(100% - 2rem);}
.catitems div.items div.catitemzbody a{font-size: 1.8rem;line-height: 2rem;color: #fff;border-bottom: .1rem solid;}
.catitems div.items div.catitemzbody a:hover{border-bottom: none;}

.catitems div.items .catitemz-wrapper {
  width: 100%;
    display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: white;
    padding: 0 0 3rem 0;
    max-width: 33.3338%;
    margin: 0;
    border: 1px solid #ece8e8;
    transition: 0.3s;
}

@media (max-width:1220px){
    .catitems div.items .catitemz-wrapper {
        max-width: 33.33%;
    }
}

.catitems div.items .catitemz-wrapper:hover {
    transition: 0.3s;
    z-index: 1;
    box-shadow: 0px 0px 2px 2px rgba(227, 220, 227, 0.7);
}

.nine.columns.mainsearch .items {
    justify-content: space-between;
}

.catitems div.items .catitemz-wrapper div.catitemz {
    box-sizing: border-box;
    margin: 0;
    aspect-ratio: 1/1;
    padding: 0;
    display: flex;
    justify-content: center;
    border: none;
}
.catitems div.items div.catitemz img {
width: 90%;
    margin: 2rem auto 0;
    height: fit-content;
}

.catitems div.items div.catitemzbody {
    padding: 1.75rem 0 1.75rem;
}

.catitems div.items .catitemz-wrapper h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    text-align: center;
    max-width: 90%;
    margin: 2rem auto 0 ;
}

@media (max-width:660px){
    .catitems div.items .catitemz-wrapper div.catitemz {
        margin: 0 auto;
    }
    .catitems div.items .catitemz-wrapper h2 {
        font-size: 1.4rem;
    }
}

@media (max-width:475px){
    .catitems div.items .catitemz-wrapper{
        max-width: 100%;
    }
    .catitems div.items div.catitemz img {
        max-width: 80%;
    }
    .catitems div.items .catitemz-wrapper div.catitemz {
        aspect-ratio: initial;
    }
    .catitems div.items .catitemz-wrapper h2 {
        font-size: 2.4rem;
    }
}



#deschalf div.getit{width:calc(42% - .4rem);margin:0;line-height:4rem;height:4rem;font-size: 1.7rem;letter-spacing: -.1rem;}
.itcost{width:58%;float:left;line-height: 4.4rem;font-size: 2rem;font-weight: 600;letter-spacing: -.1rem;position: relative}
.itcost b{color: #00BF63;font-weight: 900;letter-spacing: none}
.itcost b s{color: #777;position: absolute;bottom: -.9rem;font-weight: 400}
.itcost b strong{top: -.9rem;font-weight: 900;position: relative;}
.itcost strong{color: #00BF63}
.stars{float: left;width: calc(100% - 2rem);text-align: justify;font-size: 1.3rem;line-height: 1.8rem;padding: 1rem;margin: 1rem 0;background: #f0f0f0;color: #8a8a8a;}
.short, .ttk{margin-bottom:2rem;padding-bottom: 2rem;border-bottom: .1rem solid #00BF63}
.short p{margin: 0;text-align: justify;}

.map{height: 45rem;background: url(../img/svg/loaderf.svg) center center no-repeat #00BF63;}
.texticon{float: left;width: 1.6rem;margin: .5rem .5rem 0 0;}
.cover, .cover2{position:fixed;left:-50%;top:-50%;width:200%;height:200%;background: rgba(0, 0, 0, 0.45);z-index:9998;display:none}
.iteminfo td:nth-child(2){text-align:right}

.pitem{width:calc(25% - 2rem);float:left;padding:2rem 1rem;text-align:center}
.pitem img{height:11rem;padding-bottom:1rem}
.pitem p{margin: 0;line-height: 2rem;font-size: 1.4rem;font-style: italic;opacity: .7;}
.pitem h4{font-size: 2rem;line-height: 3rem;text-transform: uppercase;text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.41)}
.gb2{margin:1rem 0}
.crtit{width:25.33333%;float:left;margin:1.5rem 4%;text-align:center;position:relative}
.crtit img{width:100%;-moz-transition: .3s all ease;-o-transition: .3s all ease;-webkit-transition: .3s all ease;transition: .3s all ease}
.crtit img:hover{transform:scale(1.08)}
.crtit img.cp1{position: relative;z-index:2}
.crtit img.cp2{position:absolute;z-index:1;left: 1rem;top: 1rem;}
.crtit img.cp2:hover{transform:none}


.pdf{width:calc(50% - 2rem);float:left;margin:1rem;font-size: 1.2rem;line-height: 1.8rem;text-align: center;color: #5e5e5e;}
.pdf img{width:40%;margin:1rem 30%;-moz-transition: .3s all ease;-o-transition: .3s all ease;-webkit-transition: .3s all ease;transition: .3s all ease}
.pdf img:hover{transform:scale(1.07)}
.secp{margin-right:2.2rem}
.six.columns.tar a:hover {color:#7cd854}
.five.tofour.columns.tar.cinfo.totac p a:hover {color:#009049;transition: 0.3s}
.five.tofour.columns.tar.cinfo.totac p a{transition: 0.3s}

.catitems div.items div.liq, .fiveitems  div.liq{padding:.5rem .5rem .5rem 2.2rem;width: auto;position: absolute;top: 0;left: .5rem;float: left;font-size: 1.3rem;line-height: 2rem;background: url(../img/svg/liq.svg) left .3rem center no-repeat #fff;background-size:1.6rem;border:none!important; border-radius:.3rem;color: #888;font-weight: 700;line-height: 1.8rem;}


.items div.discount{text-align: center;position: absolute;right: 1rem;top: 1rem;height: 3.2rem!important;width: 3.2rem!important;line-height: 3.2rem;background: #00BF63;color: #fff;font-size: 1.1rem;border-radius: 50%!important;border:none;box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.5)}


@keyframes pulse{0%{transform: scale(0.9);opacity: 1}
  50%{transform: scale(1); opacity: 1; }
  100%{transform: scale(0.9);opacity: 1}}
 @-webkit-keyframes pulse{0%{-webkit-transform: scale(0.95);opacity: 1}
  50%{-webkit-transform: scale(1);opacity: 1}
  100%{-webkit-transform: scale(0.95);opacity: 1}}
@keyframes tossing{
  0%{transform: rotate(-8deg)}
  50%{transform: rotate(8deg)}
  100%{transform: rotate(-8deg)}}
@-webkit-keyframes tossing{
  0%{-webkit-transform: rotate(-8deg)}
  50%{-webkit-transform: rotate(8deg)}
  100%{-webkit-transform: rotate(-8deg)}}
@-moz-keyframes circle-anim{
  0%{-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1}
  30%{-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5}
  100%{-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1}}
@-webkit-keyframes circle-anim{
  0%{-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1}
  30%{-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5}
  100%{-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1}}
@-o-keyframes circle-anim{
  0%{-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1}
  30%{-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5}
  100%{-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1}}
@keyframes circle-anim{
  0%{transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1}
  30%{transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5}
  100%{transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1}}
@-moz-keyframes circle-fill-anim{
  0%{-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}
  50%{-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2}
  100%{-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}}
@-webkit-keyframes circle-fill-anim{
  0%{-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50%{-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100%{-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}}
@-o-keyframes circle-fill-anim{
  0%{-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}
  50%{-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2}
  100%{-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}}
@keyframes circle-fill-anim{
  0%{transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}
  50%{transform: rotate(0deg) scale(1) skew(1deg);opacity: .2}
  100%{transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2}}

  @media (max-width:1140px){
#imghalf, #deschalf{width:49%}
#deschalf{margin-left:2%}
.tofour{width: 30.6666666667% !important}
.bighalf a, .twohalfs a{font-size: 1.5rem}
.ovh{overflow:hidden}
table.flac{min-width:100%;max-width:100%;display:block;overflow-x:auto;border:none}
.newsimg{width: 18rem}
.newsdesc{width: calc(100% - 19rem)}
.seritem, .seritemt{float:left;width:calc(50% - 3rem);margin:1.5rem}
.serinner{width:calc(100% - 4.4rem);margin:2rem}
}

  @media (max-width:1050px){
.infotext{width: calc(100% - 33rem);padding-right: 1rem}
.infoicon {width:31rem;float:left;padding-left:1rem}
.menu a{font-size:1.8rem}
.items div{width: calc(25% - 3.8rem)}
.items div:nth-child(4n+4){display:none}
.catitems div.items div:nth-child(4n+4){display:block}
div.getit{display:block !important}
.pluses div{width: calc(50% - 3rem)}
.pluses div img{width: 42%}
.pluses div p{width: 70%;margin: .5rem 15%}
.pitem h4{font-size: 1.9rem}
}
  @media (max-width:820px){
.fcntc p{font-size:1.5rem}
.fcntc p img{width: 1.5rem;padding: .75rem .5rem}
.newsimg{width: 17.5rem}
.newsdesc{width: calc(100% - 18.5rem)}
}
@media (max-width:1010px){
.dnd1000{display:none}
.infotext{width: calc(100% - 31.5rem);padding-right: .75rem}
.infoicon {width:30rem;float:left;padding: 2rem 0 0 .75rem}
}
  @media (max-width:950px){
.pitem h4{font-size: 1.8rem}
.pitem{width:calc(50% - 2rem)}
.logo img, .f_logo img {height:7rem;/*margin:2rem 0*/}
.f_logo p span, .logo p span {font-size: 4rem}
.menu a{font-size:1.7rem}
.newsimg{width: 17rem}
.newsdesc{width: calc(100% - 18rem)}
.serbhalf{width:55%}
.sershalf{width:40%}
}
  @media (max-width:920px){
.f_logo p span{font-size:3.8rem}
.menubutton{display:block;width:4rem;height:4rem;float:right;cursor:pointer;margin:3.5rem 0 3.5rem 1.5rem}
.menubutton img{width: 3.2rem;margin-top: .4rem;float:left}
.plogpost, .mainsearch{width:100% !important;margin:0}
.logo{width:calc(100% - 5.5rem)!important}
.menu{width:5.5rem !important;margin:0}
.cntc div.six{width:50% !important;margin:0}
.menu a#show2ndlvl, .menu a:first-child {display:block}
.menu a#full2ndlvl{display:none}
#secondlvlmenu, #firstlvl{width: 45%;height: 100%;z-index: 9997;position: fixed;top: 0;right: -50%;opacity: 0;display: block;background:#fff;box-shadow: 0 0 10rem 0.6rem rgba(0,0,0,0.75);overflow:hidden;-moz-transition: .3s all ease;-o-transition: .3s all ease;-webkit-transition: .3s all ease;transition: .3s all ease;overflow: auto}
#secondlvlmenu{z-index: 9996}
#firstlvl.activatedlvl {right: 0;opacity: 1}
#secondlvlmenu.activatedlvl {right: 45%;opacity: 1}
#firstlvlbody a, #firstlvlbody a:first-child, #secondlvlbody a{text-transform: uppercase;font-size: 1.6rem;font-weight: 600;display:block;line-height: 4rem;padding: 1.1rem 1rem 1rem 1rem;text-align: left;border-bottom: .1rem dashed #cacaca;margin-top: -.1rem}
.menu a::before,.menu a::after{margin:0;content:''}
.menuheader, .secmenuheader{display: block;background: #009049;color: #fff;text-transform: uppercase;font-size: 2.2rem;line-height: 5rem;font-weight:600;padding: 1rem;text-align: left;z-index:2;margin: 0}
#firstlvlbody a.active, #secondlvlbody a.active2nd{background: rgba(0, 144, 73, .55);color:#fff}
#firstlvlbody{box-shadow: inset 0 1rem 1rem -1rem rgba(0,0,0,0.65)}
img#closefirstlvl, img#close2ndlvl{display:block;position:absolute;width:3.4rem;right:1rem;top:1.8rem;cursor:pointer}
#deschalf h3{display:none}
#firsthalfcat, .munudnd{display:block;position: absolute}
.maintext p {width: 69%;margin: 2rem 15.5%}
.newsimg{width: 16.5rem}
.newsdesc{width: calc(100% - 17.5rem)}
.items div{width: calc(33.3333% - 3.8rem)}
.items div:nth-child(4n+4){display:block}
.items div:nth-child(10n+10){display:none}
}

  @media (max-width:890px){
.pitem h4{font-size: 2rem}
.pitem{width:calc(50% - 2rem)}
.f_logo p{display:none}
.infotext{width:100%;padding-right:0}
.infoicon {display:none}
.sendform{width: 100%;padding: 0}
}
  @media (max-width:840px) {
#imghalf, #deschalf{width:48%}
#deschalf{margin-left:4%}
.imgcontainer {width: calc(100% - .2rem)}
img.imgtabs {width:calc(33.3333% - 1rem);margin:1.2rem 1.2rem 0 0}
#gotoimg3{margin:1.2rem 0 0 0}
.newsimg{width: 18rem}
.newsdesc{width: calc(100% - 19rem)}
}
  @media (max-width:800px) {
.catitems div.items div{width: calc(50% - 3.2rem)}
.items div.bighalf{width:calc(100% - 7rem)}
.items div.smallhalf{width:6rem}
.bighalf a, .twohalfs a{font-size: 1.55rem}
.smallhalf p{font-size:1.55rem}
.callonpage input{width:calc(74% - 4rem);margin:2rem 0 2rem 13%}
.callonpage button[type^="submit"]{width:74%;margin:2rem 13%}
.maintext p {width: 76%;margin: 2rem 12%;font-size: 1.7rem;line-height: 2.8rem}
.aircall, .airorder {width:64rem;left:calc(50% - 32rem)}
div.airorder > div.airform{width: 90%;padding: 0 8% 0 2%}
.airform input{width:calc(74% - 4rem)}
.airform button[type^="submit"]{width:74%}
.breadcrumbs h1{line-height:4rem;margin-bottom:1rem}
.threeinrow{width:calc(50% - 7rem)}
.newsblock{width:calc(100% - 2.2rem);margin:0 0 2rem 0}
.newsimg{width: 22rem}
.newsdesc{width: calc(100% - 23rem)}
.newsdesc p{height:14rem}
.newsdesc a.readmore{margin-top:1.5rem}
.brands img {width: calc(33.33333% - 4rem)}
.brands img:last-child, .coninfo img{display:none}
.coinfotext{width:100%}
}
  @media (max-width:760px){
 .f_logo p{display:block;margin-bottom:1.5rem}
 #callme{display:none;opacity:0;left:-999rem}
 #secondlvlmenu, #firstlvl{width: 50%;right: -55%}
 #secondlvlmenu.activatedlvl {right: 50%;opacity: 1}
.items div{width: calc(50% - 4.7rem)}
.catitems div.items div{width: calc(50% - 3.2rem)}
div.getit{display:block !important}
.f_logo{width: 94% !important; margin:0 3%;text-align:center}
      .tofour{width: 70% !important; margin:0 15%; text-align: center; display: flex; justify-content: center;}
.fcntc p{font-size:1.6rem}
.fcntc p img{width: 1.6rem;padding: .7rem .6rem}
.cinfo2{position:relative}
.cinfo2 a, .cinfo2 span{float:left;padding-left:2.8rem}
.cinfo2 p img{position:absolute;left:0}
.maintext p {width: 81%;margin: 2rem 9.5%;font-size: 1.6rem;line-height: 2.8rem}
#closeairg{right:0}
div.airorder > div.airform{width: 91%;padding: 0 7% 0 2%}
.items div:nth-child(10n+10){display:block}
.fiveitems  div:nth-child(5n+5){display:none}
}
  @media (max-width:660px){
.pdf {font-size:1.1rem;line-height:1.6rem}
.hp{display:none}
#secondlvlmenu, #firstlvl{width: 55%;right: -60%}
#secondlvlmenu.activatedlvl {right: 0;opacity: 1;z-index:9999}
.maintext h1 {font-size: 3.8rem;margin-top: 3rem}
.mainsearch form {margin: 2.5rem 0}
.mainsearch input {width: calc(74% - 9.7rem);margin: 1.5rem 0 1.5rem 13%}
.mainsearch button {margin: 1.5rem 0}
.maintext p {width: 81%;margin: 2rem 9.5%;font-size: 1.6rem;line-height: 2.6rem}
.airorder {width: 100%;margin: 0;left: 0;top: -100rem;height: 100vh;background: rgba(51, 51, 51, 0.5)}
div.airorder > div.airform{width:100%;padding:0}
.activeaircall{top:0}
div.airorder > div.airform input, div.airorder > div.airform textarea {width: calc(100% - 7.2rem);float: left;margin: 1rem 1.5rem}
div.airorder > div.airform textarea {min-width: calc(100% - 7.2rem);max-width: calc(100% - 7.2rem)}
div.airorder > div.airform button[type^="submit"] {width: calc(100% - 3rem);margin: 1rem 1.5rem;float: left}
p.showit2 {width: 100%;padding:10.8rem 0 10.8rem 0}
div.airorder h2{margin-top: 4rem}
.serinner h2{font-size: 2.2rem}
.serbhalf, .sershalf{width:100%;padding-left:0}
.mybanner{text-align:center;padding-bottom: 4rem}
.mybanner h5, .mybanner p{float:left;width:100%}
.mybanner a{position:relative;padding: 1.5rem 2.2rem;top: 2rem;right:auto}
.mybanner img{min-width:100%;min-height:100%;top: -10rem}
.starz{display:none}
.catitems div.items div.catitemz{width: calc(100% - 5rem);margin-right:0;margin-left:0}
}

@media (max-width:580px){
.pitem h4{font-size: 1.9rem}
#secondlvlmenu, #firstlvl{width: 60%;right: -65%}
.items div{width: calc(50% - 3.7rem);margin:1rem}
.cinfo{position:relative}
.cinfo a, .cinfo2 a, .cinfo2 span{float:right}
.cinfo p img{/*position:absolute;*/left:0}
    .tofour{width: 70% !important; margin:0 15%; text-align: center; display: flex; justify-content: center;}
.callonpage input{width:calc(84% - 4rem);margin:2rem 0 2rem 8%}
.callonpage button[type^="submit"]{width:84%;margin:2rem 8%}
.newsimg{width: 20rem}
.newsdesc{width: calc(100% - 21rem)}
.newsdesc p{height:12rem}
.half2full{width:100%}
.seritem, .seritemt{float:left;width:100%;margin:1.5rem 0}
.catdescrb, .catdescrs{width:100%;padding:0;border:none}
.catitems div.mainsearch input {width: calc(100% - 8.4rem)}
.dnd58{display:none}
.dod58{display:block; width:2.4rem;padding:1rem}
.mainsearch button{width: 4.4rem;float: left;margin: 0 0 0 1.9rem}
}
@media (max-width:550px){
.logo img {height: 7rem;/*margin: 1.5rem 0*/}
.menubutton img {margin-top: -.4rem}
.fffline {height:9rem}
.menubutton {margin: 3.5rem 0 1.5rem 1.5rem}
.menubutton img{margin-top: -.8rem}
#secondlvlmenu, #firstlvl{width: 65%;right: -70%}
.items div, .catitems div.items div{width: calc(50% - 3.2rem);margin:.75rem}
.copy{line-height: 4rem}
.owner, .dev{text-align:center}
.dev{opacity:.8}
div.pagination{margin-top:-1rem}
div.pagination li, div.pagination li span.b-pagination_page-active, div.pagination li a{font-size:1.8rem;height:3.6rem;line-height:3.6rem;width:3.4rem}
div.pagination li.b-pagination_next img, div.pagination li.b-pagination_prev img{width: 1.2rem;margin: 1.2rem 1.1rem}
.threeinrow{width:calc(100% - 4rem);margin:1.5rem 0}
.logo a{margin-top:1rem}
}
@media (max-width:520px){
#imghalf, #deschalf{width:100%;margin:0}
img.imgtabs{margin-bottom:2rem}
#secondlvlmenu, #firstlvl{width: 75%;right: -80%}
.maintext h1 {font-size: 3.7rem;margin-top: 2.5rem}
.breadcrumbs h1{text-align:center;font-size:3rem;max-height:8rem;overflow:hidden}
.breadcrumbs2 a {line-height: 4rem;font-size:1.5rem}
.maintext p {width: 86%;margin: 1.75rem 7%;font-size: 1.6rem;line-height: 2.5rem;text-align: justify}
    .tofour{width: 70% !important; margin:0 15%; text-align: center; display: flex; justify-content: center;}
.sendform input[type="submit"], .alert{width:calc(100% - 2rem);margin:0 1rem;text-align:center}
.alert{padding:1rem 0 2rem}
.sendform {height:37.5rem}
}
@media (max-width:480px){
.brands img {width: calc(50% - 4rem)}
.brands img:last-child{display:block}
.pitem h4{font-size: 1.8rem}
.pitem p{font-size: 1.3rem;line-height:1.9rem}

#secondlvlmenu, #firstlvl{width: 80%;right: -85%}
th{padding: 0 .75rem}
td{padding: .6rem .75rem}
h2{font-size: 3.2rem}
span.desc{font-size: 1.9rem}
.items div, .catitems div.items div{width: calc(50% - 2.1rem);margin: .25rem}
.bighalf, .twohalfs{line-height:1.63333rem}
.bighalf a, .twohalfs a{font-size:1.3rem;line-height:1.63333rem}
.catitems div.items div.getit{font-size:1.7rem}
.mainsearch form {margin: 1.5rem 0}
.mainsearch input {width: calc(80% - 9.7rem);margin: 1.2rem 0 1.2rem 10%}
.starprice{float: left;width: calc(100% - 11.5rem);padding: 1rem 1em 1rem 10rem;background: url(../img/svg/itemstar.svg) left center no-repeat #e7e7e7}
.starprice p{font-size:1.3rem;line-height: 1.8rem}
}
@media (max-width:445px){
.pdf {width:100%;margin:1rem 0}
.pitem h4{font-size: 1.7rem}
.breadcrumbs h1{font-size:2.9rem}
p.showit{padding: 5.2rem 0}
.pluses div h3{font-size: 2.1rem}
.pluses div p{width: 80%;margin: .5rem 10%}
.maintext p {width: 91%;margin: 1rem 4.5%;font-size: 1.6rem;line-height: 2.5rem;text-align: justify}
.newsimg{width: 100%;margin-bottom:1rem}
.newsdesc{width: 100%}
.newsdesc h3{text-align:center;font-size:2.2rem}
    .newsdesc .newsdesc__title{text-align:center;font-size:2.2rem}
.newsdesc p{height:12rem}
.newsdesc a.readmore {width: 100%;border: none;line-height: 4.6rem;text-align: center;background: #7BDB57;color: #fff}
.mybanner h5{font-size:2.4rem}
.mybanner p{font-size:1.8rem}
.mybanner img{min-width:100%;min-height:100%;top: 0rem}
.sendform {height: 44.7rem}
.sendform input{width:calc(100% - 4.2rem);margin:0 1rem 2rem;text-align:center}
.cntc a{font-size:1.3rem}
}
@media (max-width:420px){
.pitem h4{font-size: 1.5rem}
.pitem p{font-size: 1.2rem;line-height:1.7rem}
.pitem img{height:10rem}
#secondlvlmenu, #firstlvl{width: 100%;right: -95%}
th{padding: 0 .5rem}
td{padding: .6rem .5rem}
.pluses div{width: calc(100% - 3rem)}
.breadcrumbs h1{font-size:2.7rem}
h2{font-size: 3.1rem}
span.desc{font-size: 1.8rem}
.tofour{width: 70% !important; margin:0 15%; text-align: center; display: flex; justify-content: center;}
.cntc a{font-size:1.3rem}
div.pagination li {margin: 0 .5rem 0 1rem}
div.pagination li, div.pagination li span.b-pagination_page-active, div.pagination li a{font-size:1.6rem;height:3.2rem;line-height:3.2rem;width:3rem}
div.pagination li.b-pagination_next img, div.pagination li.b-pagination_prev img{width: 1.2rem;margin: 1rem .9rem}
}
@media (max-width:400px){
.catitems div.items div.catitemzbody h2 {font-size: 2.4rem}
.pitem h4{font-size: 1.3rem}
.pitem p{font-size: 1.1rem;line-height:1.6rem}
.pitem img{height:9rem}
.breadcrumbs h1{font-size:2.6rem}
.mainsearch input {width: calc(86% - 9.7rem);margin: 1rem 0 1rem 7%}
.cntc img{height: 1.4rem;margin: 0 0 -.3rem 0}
.cntc a{font-size:1.2rem}
}
@media (max-width:370px){
.breadcrumbs h1{font-size:2.5rem}
.maintext h1 {font-size: 3.6rem;margin-top: 2rem}
h2{font-size: 3rem}
span.desc{font-size: 1.8rem}
.tofour{width: 70% !important; margin:0 15%; text-align: center; display: flex; justify-content: center;}
.callonpage input{width:calc(94% - 4rem);margin:2rem 0 2rem 3%}
.callonpage button[type^="submit"]{width:94%;margin:2rem 3%}
.mainsearch input {width: calc(92% - 9.7rem);margin: 1rem 0 1rem 4%}
div.pagination li {margin: 0 .3rem 0 .8rem}

}

@media (max-width:350px){
#secondlvlmenu, #firstlvl{width: 98%;right: -103%}
.maintext h1 {font-size: 3.3rem;margin-top: 1.5rem}
.tofour{width: 80% !important; margin:0 10%}
.cntc img{height: 1.4rem;margin: 0 0 -.3rem 0}
}

@media (max-width:336px){
.pitem p{font-size: 1rem;line-height:1.4rem}
.cntc img{display:none}
div.pagination li {margin: 0 .2rem 0 .7rem}
}
.twelve .items.tal,
.catitems .items.tal {
	display: flex;
    flex-wrap: wrap;
}
.twelve .items.tal > div,
.catitems .items.tal > div {
	display: flex;
    flex-wrap: wrap;
}

.twelve div.items div.smallhalf,
.twelve div.items div.bighalf,
.catitems div.items div.smallhalf,
.catitems div.items div.bighalf {
	margin-bottom: 1.5rem;
}
.twelve div.items div.getit,
.catitems div.items div.getit {
	margin-top: auto;
    width: 100%;
}
@media (max-width:420px){
.twelve div.items div.smallhalf,
.twelve div.items div.bighalf,
.catitems div.items div.smallhalf,
.catitems div.items div.bighalf {
  	margin: 0 auto 1.5rem;
    width: 100%;
    }
}

ul {
    margin-bottom: 20px;
}