/*box*/
.box {
  padding: 40px 0;
}
.box.grey {
  background-color: #f3f2eb;
  background-image: -moz-linear-gradient(top, rgba(236,235,228,1) 0%, rgba(243,242,235,1) 47%, rgba(243,242,235,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(236,235,228,1) 0%, rgba(243,242,235,1) 47%, rgba(243,242,235,1) 100%);
  background-image: linear-gradient(to bottom, rgba(236,235,228,1) 0%, rgba(243,242,235,1) 47%, rgba(243,242,235,1) 100%);
  background-repeat: repeat-x;
  background-size: 100% 50px;
}
.box-heading {
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #eee;
  font-size: 28px;
  margin-bottom: 30px;
}
.grey .box-heading {
  border-bottom-color: #e1e1e1;
}
.box-heading-noborder {
  border: none;
}
.text {
  line-height: 22px;
  font-size: 15px;
}
.text-about {
  margin-bottom: 20px;
  text-align: justify;
}
.prod-range-item {
  padding: 20px 30px;
  text-align: center;
}
.prod-range-item .cover {
  margin-left: auto;
  margin-right: auto;
}
.prod-range-item .cover a {
  height: 300px;
  display: block;
}
.prod-range-item .cover img {
  max-width: 100%;
  max-height: 100%;
}
.prod-range-item .desc {
  font-size: 13px;
  line-height: 19px;
  overflow: hidden;
  margin: 25px 0;
}
.prod-range-item .desc p {
  margin-top: 4px;
}
/*btn*/
.greenbtn {
  display: inline-block;
  line-height: 20px;
  padding: 8px 23px;
  border: 2px solid #dbdbdb;
  font-weight: bold;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'PFDinDisplayPro';
  background-color: transparent;
  background-image: none;
}
.greenbtn:hover {
  padding: 10px 25px;
  border: none;
  background-color: #8dbb01;
  background-image: -moz-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: linear-gradient(to bottom, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-repeat: repeat-x;
  color: #fff;
}
.greenbtn.active {
  padding: 10px 25px;
  border: none;
  background-color: #8dbb01;
  background-image: -moz-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: linear-gradient(to bottom, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-repeat: repeat-x;
  color: #fff;
}
.greenbtn.active:hover {
  background-position: 0 10px;
}
.redbtn {
  display: inline-block;
  line-height: 20px;
  padding: 10px 25px;
  background: #f72b2b;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border-radius: 25px;
  font-size: 15px;
  font-family: 'PFDinDisplayPro';
  border: none
}
/*slider*/
#owl-range {
  padding-left: 50px;
  padding-right: 50px;
}
#owl-range .owl-buttons .owl-prev, #owl-range .owl-buttons .owl-next {
  display: block;
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 0;
  background: url("../img/arrow.png") no-repeat;
  font-size: 0;
}
#owl-range .owl-buttons .owl-next {
  background-position: -35px 0;
  left: auto;
  right: 0;
}
#owl-range .owl-buttons .disabled {
  opacity: .5;
}
.review-item {
  padding-left: 50px;
  padding-right: 50px;
}
.review-comment {
  display: table;
  width: 100%;
}
.review-item .foto {
  display: table-cell;
  width: 110px;
  vertical-align: middle;
}
.review-item .foto img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
.review-item .info {
  display: table-cell;
  padding-left: 25px;
}
.review-item .h4 {
  font-size: 20px;
  text-decoration: underline;
}
.review-item .text {
  margin: 20px 0;
  max-height: 64px;
  overflow: hidden;
}
.box-head-btn {
  float: right;
  display: inline-block;
  padding: 2px 8px 5px;
  margin-top: 5px;
  color: #fff;
  text-decoration: none;
  background-color: #565656;
  background-image: -moz-linear-gradient(top, rgba(115,115,115,1) 0%, rgba(43,43,43,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(115,115,115,1) 0%, rgba(43,43,43,1) 100%);
  background-image: linear-gradient(to bottom, rgba(115,115,115,1) 0%, rgba(43,43,43,1) 100%);
  background-repeat: repeat-x;
  border-radius: 3px;
  font-size: 13px;
}
.box-head-btn:hover {
  background-image: -moz-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(115,115,115,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(115,115,115,1) 100%);
  background-image: linear-gradient(to bottom, rgba(43,43,43,1) 0%, rgba(115,115,115,1) 100%);
}
#owl-reviews .owl-buttons .owl-prev, #owl-reviews .owl-buttons .owl-next {
  display: block;
  width: 24px;
  height: 47px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 0;
  background: url("../img/arrow2.png") no-repeat;
  font-size: 0;
}
#owl-reviews .owl-buttons .owl-next {
  background-position: -24px 0;
  left: auto;
  right: 0;
}
#owl-reviews .owl-buttons .disabled {
  opacity: .5;
}
/*breadcrumbs*/
.breadcrumb {
  margin: 5px 0 25px;
  padding: 0;
}
.breadcrumb li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.breadcrumb li + li {
  padding-left: 15px;
  margin-left: 5px;
}
.breadcrumb li + li:before {
  content: "»";
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 20px;
  margin-top: -10px;
  color: #777;
}
.inbox {
  background: #fff;
  padding: 40px;
  -webkit-box-shadow: 0 1px 30px rgba(224,223,218,.75);
  box-shadow: 0 1px 30px rgba(224,223,218,.75);
}
/*content-cols*/
.content ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.content ul li {
  position: relative;
  margin-left: 0;
  padding: 4px 0 4px 24px;
}
.content ul li:after {
  width: 14px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #777;
}
.side-block {
  padding-right: 40px;
}
.side-block .text {
  margin: 30px 0;
}
/*form*/
.form-group {
  margin-bottom: 20px;
}
.form-label {
  display: block;
  font-weight: normal;
  color: #555;
  margin-bottom: 10px;
}
.form-field {
  display: block;
  width: 100%;
  height: 42px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fcfbf5;
  background-image: none;
  border: 1px solid #e6e5df;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, .035);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, .035);
}
.form-field:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
 .form-field::-moz-placeholder {
 color: #999;
 opacity: 1;
}
.form-field:-ms-input-placeholder {
 color: #999;
}
.form-field::-webkit-input-placeholder {
 color: #999;
}
.form-field::-ms-expand {
 background-color: transparent;
 border: 0;
}
textarea.form-field {
  height: 100%;
}
.helper-inline {
  display: inline-block;
  margin: 10px 20px;
  vertical-align: middle;
}
.helper-left {
  margin-left: 0;
}
.btn-group {
  margin-top: 30px;
}
.btn-group * {
  vertical-align: middle;
}
.btn-group button + button, .btn-group a + a, .btn-group a + button, .btn-group button + a, {
 margin-left: 8px;
}
.cart-empty {
  padding: 100px;
  text-align: center;
}
.cart-empty img {
  margin: 10px;
}
.cart-empty .text {
  text-align: center;
}
/*contacts*/
.contacts {
  font-size: 16px;
  margin-bottom: 30px;
}
.contacts li {
  margin: 5px 0;
}
.contacts li .icon-phone, .contacts li .icon-mail {
  margin-right: 5px;
}
.icon-phone {
  background: url("../img/icon-phone.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.icon-mail {
  background: url("../img/icon-mail.png") no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
/*reviews*/
.reviewbox {
  padding: 0;
  margin-bottom: 20px;
}
.review-heading {
  padding: 20px 40px;
}
.review-content {
  padding: 35px 40px;
}
.review-heading {
  background-color: #f7f6f0;
}
.review-content .text {
  margin-bottom: 20px;
}
.review-heading .col {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}
.review-heading .col + .col {
  margin-left: 20px;
}
.rate {
  padding: 8px 18px;
  border-radius: 22px;
  border: 1px solid #62a642;
}
.rate .rate-stars {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
/*pagination*/
.pagin {
  font-size: 20px;
  padding: 10px 0 20px;
  text-align: center;
}
.pagin ul {
  display: inline-block;
  vertical-align: middle;
}
.pagin li {
  display: inline-block;
  margin: 3px;
}
.pagin li a, .pagin li span {
  color: inherit;
  border: 2px solid #e3e3e6;
  display: inline-block;
  padding: 5px 12px;
  text-decoration: none;
}
.pagin li a:hover, .pagin li span {
  border-color: #69a937;
  border-top-color: #8bba03;
  border-bottom-color: #3d9479;
}
.pagin .next, .pagin .prev {
  border: none;
  padding: 7px 14px;
  color: inherit;
  text-decoration: none;
}
/*cart*/
.cart-table {
  width: 100%;
  margin-bottom: 30px;
}
.cart-table td {
  padding: 20px 10px;
  border-bottom: 2px solid #eee;
}
.cart-table .h4 {
  margin-bottom: 10px;
}
.cart-table .h4 a {
  color: inherit;
}
.cart-table .price {
  white-space: nowrap;
}
.delete {
  color: #f72b2b;
  font-weight: bold;
  text-decoration: none;
}
.cart-cover {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
}
.cart-cover a {
  width: 90px;
  height: 90px;
  display: block;
}
.cart-cover img {
  max-width: 100%;
  max-height: 100%;
}
.cart-num-count {
  border: 2px solid #eeede6;
  display: table;
  font-size: 22px;
}
.cart-num-count input[type="text"] {
  width: 30px;
  text-align: center;
  border: none;
  position: relative;
  right: -5px;
  display: block;
}
.cart-num-count .col {
  padding: 10px;
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.cart-num-count .col + .col {
  padding-left: 0;
}
.count-plus, .count-minus {
  display: block;
  height: 30px;
  width: 30px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  margin: 2px;
}
.count-minus {
  color: #777;
  background: #eeede6;
}
.count-plus {
  color: #fff;
  background-color: #85b70c;
  background-image: -moz-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: linear-gradient(to bottom, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-repeat: repeat-x;
}
.content-item {
  margin-bottom: 20px;
}
/*bav*/
.navtop {
  padding: 20px;
  padding-left: 65px;
  color: #fff;
  background-color: #85b70c;
  background-image: -moz-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-image: linear-gradient(to bottom, rgba(141,187,0,1) 0%, rgba(136,184,8,1) 11%, rgba(125,179,24,1) 27%, rgba(104,169,57,1) 52%, rgba(77,156,97,1) 77%, rgba(66,150,115,1) 91%, rgba(60,148,123,1) 100%);
  background-repeat: repeat-x;
  margin: 0;
  position: relative;
  font-size: 22px;
}
.navtop:after {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  content: "";
  background: url("../img/list.png") no-repeat;
}
.navblock {
  background: #fff;
  -webkit-box-shadow: 0 1px 30px rgba(224,223,218,.75);
  box-shadow: 0 1px 30px rgba(224,223,218,.75);
  padding-bottom: 10px;
}
.navblocklist {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.navblocklist li {
  position: relative;
  margin-left: 0;
}
.navblocklist li:after {
  width: 14px;
  height: 1px;
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  background-color: #777;
}
.navblocklist a {
  color: inherit;
  text-decoration: none;
  padding: 10px 20px 10px 50px;
  display: block;
  font-size: 16px;
}
.navblocklist a:hover {
  background-color: #f5f4ed;
  font-weight: bold;
}
/*products*/
.content-item-cover {
  width: 210px;
  height: 210px;
  line-height: 210px;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.content-item-cover a {
  display: block;
  width: 210px;
  height: 210px;
}
.content-item-cover img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.content-item .h3 {
  height: 30px;
  overflow: hidden;
}
.content-item .text {
  margin-top: 20px;
  color: #525252;
  overflow: hidden;
}
.content-item .info {
  margin: 20px -40px 30px;
  height: 50px;
}
.content-item .info > * {
  float: left;
  width: 50%;
  padding: 10px;
  height: 50px;
}
.content-item .info .col1 {
  background-color: #ecda00;
  font-size: 18px;
}
.content-item .info .col2 {
  background-color: #f3f2eb;
  font-size: 15px;
  font-weight: bold;
}
.content-item .info .col2 .icon-bootle, .content-item .info .col2 .icon-box {
  margin-right: 5px;
}
.icon-box {
  background: url("../img/icon-box.png") no-repeat;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.icon-bootle {
  
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.contentsmall {
  padding: 20px;
}
/*comments*/
.comment {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.comment .comment-ava {
  display: table-cell;
  width: 100px;
  text-align: center;
}
.comment .comment-ava img {
  max-width: 100%;
}
.comment .comment-main {
  display: table-cell;
  padding-left: 40px;
  vertical-align: top;
}
.comment .inbox {
  min-height: 100%;
  padding: 30px;
  position: relative;
}
.comment .info {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  font-size: 15px;
}
.comment .info .col {
  display: inline-block;
  vertical-align: middle;
}
.comment .info .col + .col {
  padding-left: 20px;
}
.comment .inbox:after {
  right: 100%;
  top: 45px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #fff;
  border-width: 10px;
  border-right-width: 8px;
}
.product-main {
  margin-bottom: 40px;
}
.product-main hr {
  margin: 25px 0;
}
.product-price-info {
  font-size: 18px;
}
.product-price-info .price-label {
  padding: 5px;
  background-color: #e2d000;
  margin: 0 4px;
}
.bull {
  margin: 0 4px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #303030;
  border-radius: 50%;
  position: relative;
  top: -2px;
}
.product-order {
  display: table;
}
.product-order .col {
  display: table-cell;
  vertical-align: middle;
}
.product-order .col + .col {
  padding-left: 15px;
}
.order-field {
  width: 60px;
  padding: 9px 12px;
  border: 2px solid #dbdbdb;
  border-radius: 25px;
  text-align: center;
}
.order-field:focus {
  border-color: #66afe9;
  outline: 0;
}
 .order-field::-moz-placeholder {
 color: #999;
 opacity: 1;
}
.order-field:-ms-input-placeholder {
 color: #999;
}
.order-field::-webkit-input-placeholder {
 color: #999;
}
.order-field::-ms-expand {
 background-color: transparent;
 border: 0;
}
/*mainslider*/
.slide {
  height: 300px;
  overflow: hidden;
}
.slide-image {
  float: left;
  width: 750px;
  height: 300px;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.slide-image img {
  width: 100%;
  min-height: 300px;
  display: block;
}
.slide-image a {
  display: block;
}
.slide-info {
  float: left;
  width: 350px;
  height: 300px;
  float: left;
  background: #fff;
  position: relative;
  padding: 30px;
}
.slide-info:after {
  right: 100%;
  top: 45px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #fff;
  border-width: 10px;
  border-right-width: 8px;
}
.slide-info .h3 {
  font-size: 22px;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
}
.slide-info ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 20px;
}
.slide-info ul li {
  position: relative;
  margin-left: 0;
  padding: 4px 0 4px 24px;
}
.slide-info ul li:after {
  width: 14px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #777;
}
.slide-info .text {
  margin: 18px 0;
  max-height: 64px;
  overflow: hidden;
}
.slide-info .next {
  color: #fff;
  text-decoration: none;
  background-color: #727272;
  background-image: -moz-linear-gradient(top, rgba(115,115,115,1) 0%, rgba(43,43,43,1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(115,115,115,1) 0%, rgba(43,43,43,1) 100%);
  background-image: linear-gradient(to bottom, rgba(115,115,115,1) 0%, rgba(43,43,43,1) 100%);
  background-repeat: repeat-x;
  border-radius: 4px;
  padding: 6px 18px 8px;
  display: inline-block;
  line-height: 20px;
  font-size: 15px;
}
.slide-info .next:hover {
  background-position: 0 10px;
}
.slide-info .next .icon-arrow {
  margin-left: 5px;
}
.icon-arrow {
  background: url("../img/icon-arrow.png") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
#owl-slider .owl-buttons .owl-prev, #owl-slider .owl-buttons .owl-next {
  display: block;
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: 132px;
  
  background: url("../img/arrow.png") no-repeat 0 -35px;
  font-size: 0;
}
#owl-slider .owl-buttons .owl-next {
  background-position: -35px -35px;
  left: auto;
  right: 350px;
}
#owl-slider .owl-buttons .disabled {
  opacity: .5;
}
#owl-slider .owl-controls {
  text-align: center;
}
#owl-slider .owl-pagination {
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 0 1px 30px rgba(224,223,218,.75);
  box-shadow: 0 1px 30px rgba(224,223,218,.75);
  margin-top: 30px;
  display: inline-block;
}
#owl-slider .owl-page {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 3px solid #303030;
  border-radius: 50%;
  margin: 0 3px;
}
#owl-slider .owl-page.active {
  border-color: #87b400;
}
.product-gallery-image {
  width: 100%;
  height: 305px;
  line-height: 305px;
  text-align: center;
  overflow: hidden;
}
.product-gallery-image a {
  display: block;
  width: 100%;
  height: 305px;
}
.product-gallery-image img {
  max-width: 100%;
  text-align: center;
  max-height: 100%;
  vertical-align: middle;
}
#bx-pager {
  text-align: center;
}
#bx-pager a {
  width: 96px;
  height: 96px;
  padding: 3px;
  border: 2px solid #e4e4e4;
  border-radius: 2px;
  display: inline-block;
  margin: 0 5px 10px;
}
#bx-pager span {
  display: block;
  width: 86px;
  height: 86px;
  overflow: hidden;
}
#bx-pager span img {
  width: 86px;
  min-height: 86px;
}
#bx-pager .active {
  border-color: #69a937;
  border-top-color: #8bba03;
  border-bottom-color: #3d9479;
}
.rate-1, .rate-2, .rate-3, .rate-4, .rate-5 {
  height: 15px;
  width: 95px;
  display: block;
  background: url("../img/stars-5.png") no-repeat;
}
.rate-1 {
  background-position: 0 -60px;
}
.rate-2 {
  background-position: 0 -45px;
}
.rate-3 {
  background-position: 0 -30px;
}
.rate-4 {
  background-position: 0 -15px;
}
.rate-5 {
  background-position: 0 0;
}
.cat-news-menu ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 15px;
}
.cat-news-menu li {
  position: relative;
  margin-left: 0;
  padding: 4px 0 4px 24px;
}
.cat-news-menu li:after {
  width: 14px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #777;
}
.cat-news-menu a {
  color: inherit;
  font-size: 16px;
}
.cat-news-menu a:hover {
  color: #2975d4;
  text-decoration: underline;
}
.menu {position: relative;}
.menu li a * {transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.menu li a {position: relative; display: inline-block; padding-bottom: 10px;}
.menu ul {display: none;}
.menu li {position: relative;}
.menu li:hover ul {margin: 0; padding: 0; list-style-type: none; display: block; position: absolute; top: 27px; left: 0; min-width: 250px; max-width: 300px; min-height: 100%; background-color: #f9f9f9; padding: 15px; z-index: 20; text-align: left; border-radius: 5px; box-shadow: 0 -2px 10px rgba(0,0,0,0.3);}  
.menu li ul::after {position: absolute; top: -5px; left: 18%; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #f9f9f9 transparent; content: "";}
.menu ul li {display: block;  text-align: left; width: 100%; margin: 0; padding: 0;}
.menu ul li a {padding: 10px; text-align: left; }
.menu ul li.active a {color: #2975d4; font-weight: bold;}