*{margin:0;padding:0;border:0 none;outline:0}
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
body{background:#fff;margin:0;padding:0;font-family:'Ubuntu','sans-serif';font-size:1.0em;color:#666;font-weight:300}
p{line-height:1.9em;margin-bottom:20px}
b,strong{font-weight:bold;color:#555}
i,em{font-style:italic;color:#555}
a{color:#555;text-decoration:none;-webkit-transition:color 0.3s ease 0s;-o-transition:color 0.3s ease 0s;transition:color 0.3s ease 0s}
a:hover{color:#555}
a:focus{outline:none}
article p a{text-decoration:underline}
article p a:hover{text-decoration:none}
article p.bolder{color:#8cc524;font-weight:bold;margin-bottom:0}
blockquote{border-left:4px solid #2ca7c9;border-right:4px solid #2ca7c9;padding:0 2rem;margin:1rem 0;line-height:1.5;font-weight:bold}
blockquote p{font-style:italic;color:#333;margin:0;font-weight:bold;color:#2ca7c9}
.formula{text-align:center;margin:0 auto}
.formula p{font-style:normal}
.clearfix,.clearfix::before,.clearfix::after{content:" ";clear:both;display:table}
h1,h2,h3{width:100%;position:relative;display:inline-block;color:#8cc524;padding:0 1em;text-align:center}
h1{font-size:2.7em;text-transform:uppercase;margin:0 auto 1em}
h2{font-size:2.2em;letter-spacing:-1.5px;font-weight:bold;margin:1em auto}
h3{font-size:1.9em;letter-spacing:-1px;font-weight:normal;margin:0.5em auto;}
h1:before,h1:after,h2:before,h2:after,h3:before,h3:after{content:"";position:absolute;width:0.5em;height:0.5em}
h1:before,h2:before,h3:before{top:-10%;left:0em;border-top:4px solid #2ca7c9;border-left:4px solid #2ca7c9}
h1:after,h2:after,h3:after{bottom:-10%;right:0em;border-bottom:4px solid #2ca7c9;border-right:4px solid #2ca7c9}
li{padding-bottom:0.5rem;line-height:1.5}
li:last-child{padding-bottom:0}
.center-list{text-align:left;width:90%;margin:1em auto;padding:1em 2em;background-color:#F3FAFB}
.list-disc{list-style-type:disc;width:100%!important}
img{max-width:100%;height:auto}
.error p{text-align:center}
.error p.bold{color:#8cc524;font-size:3em;font-weight:bold;text-transform:uppercase;line-height:1.3em}
.expanded.error{text-align:center}
.expanded.error a:hover{color:#8cc524}
.width{max-width:1170px;margin:0 auto}
#container{background-color:#fff;width:auto;margin:0 auto}
header{margin:0 auto;text-align:center;background:#333 url('../images/header.jpg') no-repeat center top / cover}
.vert-logo{padding-top:10%;padding-bottom:10%}
header a,.expanded.error a{color:#2ca7c9;font-size:2.5em;padding:15px 25px;letter-spacing:-2px;text-transform:uppercase;font-weight:bold;background-color:#fff;-webkit-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;border:4px solid #2ca7c9;background:linear-gradient(135deg, #fff 50%, #f3fafb 50%)}
header a:hover{color:#8cc524}
header a span{color:#555}
nav{margin-bottom:30px;width:100%;background-color:#f3fafb;border-bottom:3px solid #bbdade}
nav ul{list-style:none;margin:0;padding:0;text-align:center}
nav ul li{display:inline-block;padding:0px 10px;line-height:1}
nav ul li a{color:#2ca7c9;font-size:1.2em;letter-spacing:0;border-bottom:none;white-space:nowrap;position:relative}
nav ul li a:before{content:"\2022";position:absolute;left:-16px;top:0;font-size:1.3em}
nav ul li a:hover{color:#555}
nav ul li.selected a,nav ul li.selected a:hover{color:#555}
nav .tops{padding:20px 0px}
#body{background:none;margin:5px auto 0;padding:0}
#content{float:left}
.two-column{width:72%;margin:0 1%}
article{padding:10px 10px 0px 5px}
article h2{padding-bottom:0}
.box{margin:0px 0px 20px;padding:10px 10px 0;border:0px solid #ededed;background:#fff url('../images/bg.jpg') no-repeat center top / cover}
.box .box-title{line-height:35px;font-size:19px;text-align:center;color:#555;margin:0px;padding:0px 15px 0px 15px;background-color:#fff;border-bottom:3px solid #bbdade;text-transform:uppercase;font-weight:bold}
.box-content{text-align:left;padding:15px 0px}
.box-content img{float:left;margin:0 1rem 0 0}
.box-content p{margin-bottom:0px}
.price-center{text-align:center;margin-bottom:1rem}
a img:hover{-webkit-box-shadow:0px 0px 10px 4px #eee;box-shadow:0px 0px 10px 4px #eee}
img.price-big,img.price-small{max-width:100%}
img.price-small{display:none}
.image-left{max-width:100%;width:400px;margin:10px 2em 1em 0;float:left;}
.image-right{max-width:100%;width:400px;margin:10px 0 2em 2em;float:right}
.reviews{border-bottom:1px solid #e1e2e2;padding:1rem 0.5rem}
.reviews:last-child{border-bottom:none;}
.reviews-title{float:left;font-weight:bold;color:#555}
.reviews-info{float:right;padding:0}
.reviews-info-star{color:#8cc524}
.reviews-info-star i{color:#ccc}
.reviews-info-date{color:#2ca7c9;margin-left:5px}
form{margin:0px;padding:0px;border:medium none}
label{margin:1rem 0}
label,input,textarea,select,button{display:block;resize:none;outline:medium none;color:inherit;font-size:inherit;font-family:inherit;vertical-align:middle}
:required,:invalid{outline:medium none;-webkit-box-shadow:none;box-shadow:none}
#form .form-title,article .price-title{font-size:20px;line-height:normal;color:#555;font-weight:300;text-transform:uppercase;margin:25px 0px 10px;text-align:center}
#form form{display:block;width:100%}
#form div{margin-bottom:15px}
#form input:focus,#form textarea:focus,#form *:required:focus{border-color:#555}
#form input,#form textarea{width:100%;padding:10px;border:1px solid #eee}
#form textarea{overflow:auto}
#form .textarea-width{width:100%}
#form .field{display:inline-block;width:48.38%;float:left;margin:0px 0px 0px 3.06%;list-style:outside none none}
#form .first{margin-left:0px}
#form .delivery input[type="submit"]{margin-top:20px}
#form input[type="submit"]{display:inline-block;width:100%;margin:0;padding:10px;cursor:pointer;color:#fff;background-color:#2ca7c9}
#form input[type="submit"]:hover{background-color:#8cc524}
.comm-item{max-width:100%;margin:1em auto;border:2px solid #bbdade;font-style:italic;padding:1em;position:relative}
.comm-item:last-child{margin-bottom:0}
.comm-item img{float:left;position:absolute;width:80px;height:80px;top:50%;margin-top:-40px;}
.comm-text{padding-left:5.8rem}
.comm-name-date{display:block;background-color:#f3fafb;padding:0.2rem}
.comm-text span{font-weight:bold;color:#2ca7c9;margin-right:1em;}
.comm-text span + span{font-weight:300;color:#555;margin-right:0em;}
.comm-text p{margin-bottom:0;padding:0.5rem;}
.sidebar{margin:10px 1% 0px 0px}
.big-sidebar{width:25%}
.right-sidebar{float:right}
.sidebar ul{margin:0;padding:0;list-style:none}
.sidebar ul li{margin-bottom:20px;line-height:1.9em;padding:10px;}
.sidebar ul li:last-child{margin-bottom:0}
.sidebar .fon{background:#fff url('../images/bg.jpg') no-repeat center top / cover}
.sidebar ul li ul{list-style:none outside none;margin:0px}
.sidebar ul li ul li{display:block;border-top:none;padding:7px 2px;margin:0.5em 0;line-height:1.5em;font-size:1em}
.sidebar ul li ul li:last-child{margin:0.5em 0 0}
.sidebar ul li ul li a{color:#555}
.sidebar ul li ul li a:hover{color:#8cc524}
.sidebar ul li .widget-title.empty{margin-bottom:15px}
.sidebar ul li input[type=text]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;font-size:16px;background-color:white;background-image:url('../images/searchicon.png');background-position:10px 12px;background-repeat:no-repeat;padding:12px 20px 12px 40px}
.sidebar ul li input[type=text]:focus{border-color:#ccc}
.sidebar ul.blocklist li{background-color:#fff;padding:0;position:relative}
.sidebar ul.blocklist li a{display:block;padding:12px 10px;position:relative}
.sidebar ul.blocklist li a::after{content:"\2605";position:absolute;right:10px;top:10px;font-size:1.3em}
.sidebar ul.blocklist li a:hover::after{content:"\2605";}
.sidebar ul.blocklist li a.selected{color:#8cc524;font-weight:bold}
.sidebar ul.blocklist.article li a::after{content:none}
.widget-title{font-size:1.5em;color:#555;letter-spacing:-1px;text-transform:uppercase;font-weight:bold;border-bottom:3px solid #bbdade;padding:10px;background:linear-gradient(135deg, #fff 50%, #f3fafb 50%);text-align:center}
footer{margin:20px auto 0;border-top:3px solid #bbdade}
footer .footer-links{padding:20px 0px;color:#fff;background-color:#f3fafb}
footer .footer-links ul{list-style:none;margin:0;padding:0;text-align:center;margin:0 auto}

footer .footer-links ul li{display:inline-block;padding:0px 15px;line-height:1}
footer .footer-links ul li a{color:#2ca7c9;font-size:1.2em;letter-spacing:0;border-bottom:none;white-space:nowrap;position:relative}
footer .footer-links ul li a::before {content:"\2022";position:absolute;left:-16px;top:0;font-size:1.3em}

footer .footer-links ul li a:hover{color:#555;text-decoration:none}
footer .footer-links ul li.selected a,footer .footer-links ul li.selected a:hover{color:#555}
footer .footer-copyright{padding:10px;text-align:center;background-color:#2CA7C9}
footer .footer-copyright p{color:#fff;text-align:center;font-size:0.9em;margin:0;padding:0}
footer .footer-copyright p a{color:#a2c4ec;font-weight:bold}
footer .footer-copyright p a:hover{color:#ccdff5}
@media screen and (max-width:1077px){
nav .tops{padding:20px}
footer .footer-links{padding:20px}
}
@media screen and (max-width:770px){
.vert-logo{padding-top:9%;padding-bottom:9%}
div#container{width:auto}
.width{width:auto;padding-left:10px;padding-right:10px}
article{padding:10px 5px 0px 5px}
h1{font-size:2em}
h2{font-size:1.8em}
h3{font-size:1.6em}
p{text-align:justify}
.sidebar{margin:10px 2% 0px 2%}
.sidebar ul li ul li{font-size:1.2em}
#content,aside.sidebar{float:none;width:auto}
#form .field{display:block;width:auto;float:none;margin:0;padding:0}
#form input[type="submit"]{margin:0}
.comm-item:last-child{margin-bottom:20px}
.expanded.error a{margin-bottom:40px;display:inline-block}
.center{text-align:center}
}
@media screen and (max-width:600px){body{font-size:0.9em}
.box .box-title{line-height:30px;font-size:16px}
.vert-logo{padding-top:8%;padding-bottom:8%}
img.price-big{display:none}
img.price-small{display:inline}
.image-left,.image-right{display:block;float:none;margin:15px auto}
.err p.error{font-size:2em}
.comm-text{padding-left:5.7rem}
nav ul li,footer .footer-links ul li{padding:3px 10px}
}
@media screen and (max-width:450px){
header a,.expanded.error a{font-size:2em;padding:10px 20px}
nav{margin-bottom:20px}
#form{text-align:center}
.comm-item img{display:none}
.comm-name-date{text-align:center}
.comm-text{padding-left:0rem}
.comm-text p{line-height:1.5rem}
}
@media screen and (max-width:369px){
.box .box-title{font-size:14px;padding:0px 5px}
h1{font-size:1.9em}
h2{font-size:1.7em}
h3{font-size:1.5em}
.sidebar ul li ul li{font-size:1em}
.center-list {width:90%}
}
@media screen and (max-width:317px){
header a,.expanded.error a{font-size:1.8em;padding:5px 10px}
.box .box-title{font-size:13px;padding:0px}
h1{font-size:1.8em}
h2{font-size:1.6em}
h3{font-size:1.4em}
.err p.error{font-size:1.5em}
}
@media screen and (max-width:286px){
header a,.expanded.error a{font-size:1.5em}
.box .box-title{font-size:10px}
h1{font-size:1.7em}
h2{font-size:1.5em}
h3{font-size:1.3em}
}