@charset "UTF-8";

@font-face {
font-family: GothamPro;
src: url(//herbion.co.uk/wp-content/themes/herbion/fonts/GothamPro.ttf);
}
* {
margin: 0;
padding: 0;
}
html,
body {
color: #333;
font-size: 16px;
line-height: 1.4;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
}
header .about-logo,
header nav li a {
font-size: 20px;
}
.wrap-right-header {
font-size: 14px;
}
header nav .nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-bottom: 0;
}
header nav {
width: 100%;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
width: 100%;
max-width: 100%;
}
audio,
canvas,
img,
svg,
video {
height: auto;
}
h1,
h2,
h3,
h4,
h5 {
margin-bottom: 25px;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
color: #333;
}
main {
padding-top: 160px;
}
h1 {
font-size: 46px;
}
h2 {
font-size: 42px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
.page-title {
font-size: 16px;
margin-top: 0;
}
.alignleft {
float: left;
margin: 10px 40px 10px 0;
width: auto;
}
.alignright {
float: right;
margin: 10px 0 10px 40px;
width: auto;
}
.aligncenter {
display: block;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
width: auto;
}
.container-wide {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
padding-top: 35px;
padding-bottom: 35px;
}
.container-padding {
width: 100%;
padding-right: 6%;
padding-left: 6%;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.padding-height {
padding-top: 50px;
padding-bottom: 50px;
}
.breadcrumbs a:hover {
color: #000 !important;
}
.single .thumbnail {
float: right;
width: 48%;
margin-left: 4%;
margin-bottom: 2%;
}
.product-container .thumbnail {
float: left;
width: 100%;
margin-right: 40px;
margin-left: 0;
margin-bottom: 40px;
padding-right: 11%;
}
.sub-title-product {
font-weight: bold;
margin: 10px 0 20px;
}
.breadcrumbs {
margin: 0 10px;
margin-bottom: 50px;
padding: 20px 0;
}
.breadcrumbs * {
color: #fff;
font-size: 14px;
}
.breadcrumbs a:hover {
color: #8fbe5a;
text-decoration: none;
}
.breadcrumbs .delimiter {
padding: 0 8px;
}
.single .article p {
margin-bottom: 2.5rem;
line-height: 1.4;
}
main .banner.one {
min-height: 167px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content h2 {
text-align: left;
}
section.content .article {
margin-top: 30px;
}
.wrap-about-logo {
display: inline-block;
}
header {
height: auto;
}
header img.logo {
width: 290px;
}
header nav ul {
width: 100%;
}
header nav li {
display: inline-block;
}
header nav li a {
font-size: 16px;
}
header .top-line {
padding: 0;
position: absolute;
width: 100%;
background: #fff;
z-index: 999;
}
header .top-line {
position: fixed;
width: 100%;
top: 0;
}
header .banner * {
color: #fff;
}
header .banner h1 {
letter-spacing: 3px;
}
header .banners {
position: relative;
}
header .logo-wrap {
padding: 0;
}
header p {
margin-bottom: 0;
}
header .menu-main-header {
background: #333333;
color: #fff;
}
header .menu-main-header a {
color: #fff;
}
.home .banner {
min-height: 655px;
}
.about-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 35px;
}
.about-logo .green {
padding-right: 7px;
}
.sub-menu li {
display: block;
}
button.search {
background: transparent;
border: 0;
}
.nav-info {
padding: 0;
}
header form input {
border: 0;
background: transparent;
border-bottom: 1px solid #6d6d6d;
}
.main-banner {
position: relative;
padding-top: 120px;
}
.main-banner .banner-bottom {
position: absolute;
height: 290px;
z-index: 9;
bottom: 0;
width: 100%;
}
main section.content {
padding-bottom: 50px;
}
.solution p {
font-size: 20px;
}
header input::-webkit-input-placeholder {
color: #333 !important;
}
header input:-ms-input-placeholder {
color: #333 !important;
}
header input::-ms-input-placeholder {
color: #333 !important;
}
header input::placeholder {
color: #333 !important;
}
header form input:focus {
outline: none;
}
.top-line a {
color: #333;
}
.top-line nav li {
padding: 0 14px 0;
}
.top-line nav li a {
color: #fff;
}
.top-line nav li a:hover {
color: #8fbe5a;
}
.top-line select {
border: none;
text-transform: uppercase;
font-size: 16px;
}
.wrap-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
}
.top-line option {
text-transform: uppercase;
}
.top-line.scroll {
padding: 0;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.scroll .before-menu {
display: none !important;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.top-line {
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
header .top-line.scroll .logo-wrap {
padding: 0;
}
.top-line .nav-menu {
margin-bottom: 0;
}
header nav,
header form {
display: inline-block;
}
.wrap-right-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-pack: flex-end;
padding: 0;
}
.banners .owl-carousel {
position: relative;
}
header .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.green {
color: #8fbe5a;
}
.green-background {
background: -webkit-gradient(linear, left top, right top, from(#73ab3c), to(#8fbe5a));
background: linear-gradient(to right, #73ab3c, #8fbe5a);
}
.banner-home,
.accordion {
max-width: 1000px;
margin: 0 auto;
}
.banner-home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.banner-home .text {
text-align: center;
padding-right: 10%;
text-align: left;
color: #fff;
line-height: 1.5rem;
}
.button {
color: #333;
background: #fff;
min-width: 250px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 20px;
padding: 9px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
border-radius: 5px;
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
text-decoration: none;
margin: 0 auto;
}
.banner-contant {
margin: 10px 7px;
}
.banner-contant .container {
padding: 35px 0;
}
.banner-contant p {
margin-bottom: 0;
}
.banner-home .button:hover {
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
color: #333;
text-decoration: none;
}
.wrap-button {
text-align: center;
}
.wrap-button a {
display: inline-block;
}
.banner-home form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
.banner-home form .wrap-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
header .owl-nav img {
max-height: 100px;
width: auto;
}
header .owl-prev {
margin-left: 40px;
}
header .owl-next {
margin-right: 40px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
header nav li a:hover {
display: inline-block;
}
.mobile-btn {
display: none;
}
.before-menu {
text-align: right;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.before-menu span,
.before-menu a {
margin-left: 30px;
}
form * {
color: #6d6d6d;
}
form input.form-control {
border-radius: 0;
}
form input.form-control,
form textarea {
color: #333;
}
.banner-contant .submit {
background: transparent;
color: #fff;
border: 1px solid #fff;
display: inline-block;
padding-bottom: 0;
line-height: 0;
padding: 16px 20px 20px;
font-size: 18px;
font-style: italic;
}
.banner-contant .submit:hover {
-webkit-box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
}
.home .banner-contant .container {
padding: 0;
}
.banner-contant input {
margin-left: 20px;
}
.banner-contant p {
color: #fff;
}
.green-block {
background: #7cc140;
color: #fff;
padding: 10px 20px;
margin-bottom: 20px;
}
.product-title-catalog {
font-size: 18px;
margin-top: 20px;
margin-bottom: 15px;
}
.green.read-more:hover {
color: #000;
}
body .sub-title-product {
margin-bottom: 20px !important;
}
.menu.category a:hover {
color: #8fbe5a;
cursor: pointer;
}
.product-item img {
height: 355px;
width: auto;
}
.question-page .accordion dt {
border-bottom: 1px solid grey;
margin: 10px 0;
}
.question-page .accordion {
max-width: none;
}
.question-page .button.green-button {
margin: 20px 0 0;
max-width: 250px;
}
.question-page .accordionTitle,
.accordion__Heading {
padding: 17px 0;
}
.menu.category a {
padding: 7px 0;
display: inline-block;
}
.menu.category li {
border-bottom: 1px solid #e9e9e9;
}
.menu.category {
margin-right: 10%;
}
.menu.category li:last-child {
border-bottom: none;
}
.menu.category ul {
list-style-type: none;
}
.title-section {
letter-spacing: 2px;
font-weight: normal;
word-spacing: 1px;
margin-bottom: 50px;
}
h1.title-section {
margin-top: 0;
}
.home .title-section {
letter-spacing: 2px;
text-align: center;
}
.news h3 {
margin: 15px 0 10px;
font-weight: 700;
}
.date {
display: inline-block;
margin-bottom: 5px;
}
red {
font-size: 20px;
}
.contacts .form-control {
padding: 17px 10px;
}
.home .news .col-md-4,
.home .preparation .col-md-4 {
padding-right: 3px;
padding-left: 3px;
}
.home .preparation .icon {
min-height: 440px;
-webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home .preparation .icon a {
color: #fff;
text-decoration: none;
font-weight: normal;
font-size: 25px;
margin-bottom: 15px;
display: inline-block;
}
.preparation .item:hover .icon {
-webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.6);
}
.preparation .container-wide {
padding-bottom: 0;
}
.home .preparation .icon a:hover {
color: #8fbe5a;
}
.home .news .description {
padding: 20px 27% 0 12%;
}
input::-webkit-input-placeholder {
color: #333 !important;
}
input::-moz-placeholder {
color: #333 !important;
}
form .form-control {
color: #333;
}
.contacts .wrap-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
margin-bottom: 10px;
}
.content.news .article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 50px 0;
}
.content.news .article .thumbnail {
margin-right: 50px;
-o-object-fit: cover;
object-fit: cover;
}
.content.news .article h3 {
margin-top: 0;
margin-bottom: 20px;
color: #8fbe5a;
font-weight: normal;
}
.block-back {
max-width: 250px;
margin: 0px 0 30px;
text-align: left;
}
.content.news .article .read-more {
color: #8fbe5a;
font-size: 16px;
}
.content.news .article .read-more:hover {
text-decoration: underline;
cursor: pointer;
}
.wrap-pagination {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.pagination {
display: inline-block;
margin: 0 auto;
}
.pagination span,
.pagination a {
padding: 10px;
}
.pagination span {
color: #8fbe5a;
}
.farmakonadzor,
.question-answer {
background-repeat: no-repeat;
background-size: cover;
}
.farmakonadzor ul {
list-style-image: url(//herbion.co.uk/wp-content/themes/herbion/img/list-big.png);
margin-left: 10%;
}
.farmakonadzor ul li {
margin: 20px 20px 40px;
}
.farmakonadzor img {
padding: 5%;
}
.green-button {
background-image: -webkit-gradient(linear, left top, right top, from(#7cb149), to(#99c465));
background-image: linear-gradient(to right, #7cb149, #99c465);
color: #fff;
text-decoration: none !important;
}
.green-button:hover {
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
text-decoration: none !important;
color: #fff;
}
.home .news h5 a {
font-weight: normal;
}
.home .news h5 a:hover {
color: #000;
}
.home .news h5 {
margin-top: 20px;
margin-bottom: 15px;
}
.before-read-more {
width: 18px !important;
height: 14px !important;
display: inline-block !important;
margin-right: 5px !important;
}
.product-item .info {
margin-bottom: 20px;
text-align: justify;
}
.block-answer {
max-width: 250px;
margin: 30px auto;
}
.news a:hover {
color: #000;
}
.form-banner #email {
width: 250px;
}
.block-answer .button {
font-size: 18px;
font-weight: normal;
}
.wrap-right-header img {
max-width: 20px;
height: auto;
}
.wrap-right-header img.region {
margin-right: 30px;
margin-left: 10px;
}
.advantages {
text-align: center;
background: #f8f8f8;
}
.advantages .icon {
width: 70px;
height: 70px;
margin: 0 auto;
}
.advantages img {
vertical-align: middle;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.advantages .description {
font-size: 20px;
padding: 20px;
line-height: 1.5rem;
}
footer {
padding: 30px 0 20px;
color: #333;
}
footer .sub-menu {
padding-top: 4px;
}
footer .sub-menu li {
display: block;
padding: 2px 0 4px;
}
.footer-block {
display: inline-block;
width: 18%;
}
.footer-block .tel i,
.footer-block .email i {
padding-right: 10px;
}
footer .map-site {
display: inline-block;
margin-top: 10px;
}
footer p {
margin-bottom: 12px;
}
footer .logo {
max-width: 290px;
}
footer {
font-size: 14px;
}
.footer-row {
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.popup input {
line-height: normal;
max-width: 100%;
margin: 10px 0;
font-size: 14px;
padding: 7px 0;
}
.wrap-popup {
text-align: center;
padding: 40px 20px;
width: 60%;
height: auto;
background-color: #fff;
margin: 0px auto;
font-size: 30px;
color: #fff;
margin-top: 20px;
position: relative;
}
.popup * {
color: #333;
}
.popup ul {
margin-top: 20px;
line-height: 1.5rem;
}
.popup ul li a {
font-size: 16px;
text-decoration: underline;
}
.popup img {
max-height: 450px;
-o-object-fit: contain;
object-fit: contain;
margin-top: 20px;
}
.popup ul li a:hover {
color: #8fbe5a;
}
.popup ul li {
display: inline-block;
width: 20%;
text-align: left;
-webkit-box-sizing: unset;
box-sizing: unset;
}
.popup .green {
color: #8fbe5a;
}
.popup {
width: 100%;
min-height: 100%;
background-color: rgba(0, 0, 0, 0.5);
overflow: hidden;
position: fixed;
top: 0px;
z-index: 99999;
display: none;
}
.popup ul {
list-style: none;
}
.popup .close {
position: absolute;
right: -32px;
top: -13px;
background-color: #fff;
width: 25px;
height: 25px;
border-radius: 50%;
}
.popup .close img {
width: 100%;
border-radius: 50%;
} .heading-primary {
font-size: 2em;
padding: 2em;
text-align: center;
}
.accordion dd,
.accordion__panel {
font-size: 1em;
line-height: 1.5em;
}
.accordion p {
padding: 0 0 1em;
}
table {
margin-bottom: 20px;
width: 100%;
}
td,
th {
padding: 9px 5px 7px 0;
}
table tr:nth-child(even) {
background-color: #f6f6f5;
}
.wrap-contant-accordeon {
padding: 20px 40px;
}
.social i {
font-size: 20px;
}
.banner-home .social {
margin-right: 20px;
}
.accordion {
position: relative;
margin: 10px auto;
}
.accordion dd {
margin-bottom: 0px;
}
.accordionTitle,
.accordion__Heading {
font-weight: bold;
text-align: left;
padding: 27px 30px;
display: block;
text-decoration: none;
-webkit-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
color: #333;
background: #fff;
margin-bottom: 20px;
border-radius: 7px;
}
.accordionTitle:before,
.accordion__Heading:before {
content: '';
font-size: 1.5em;
line-height: 0.5em;
float: left;
width: 24px;
height: 24px;
margin-right: 15px;
background-image: url(//herbion.co.uk/wp-content/themes/herbion/img/question.png);
background-repeat: no-repeat;
background-size: contain;
text-decoration: none;
font-size: 20px;
}
.accordionTitle:hover,
.accordion__Heading:hover,
.accordion-title.is-collapsed {
color: #333;
text-decoration: none;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
color: #333;
text-decoration: none;
}
.accordionItem {
height: auto;
overflow: hidden;
max-height: 50em;
-webkit-transition: max-height 1s;
transition: max-height 1s;
}
.accordionItem.is-collapsed {
max-height: 0;
}
.no-js .accordionItem.is-collapsed {
max-height: auto;
}
.animateIn {
-webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
animation: accordionIn 0.45s normal ease-in-out both 1;
}
.animateOut {
-webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@-webkit-keyframes accordionIn {
0% {
opacity: 0;
-webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes accordionIn {
0% {
opacity: 0;
-webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes accordionOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
}
}
@keyframes accordionOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
}
}
footer .footer-content-wrap {
text-align: center;
}
footer nav li {
display: inline-block;
vertical-align: top;
}
footer a,
footer a:hover {
color: #333;
padding: 0 20px 12px 0 !important;
}
footer .menu a {
font-weight: bold;
}
footer .menu .sub-menu a {
font-weight: normal;
}
footer .sub-menu a {
text-transform: none;
}
footer .menu {
width: 100%;
margin-right: 90px;
}
.footer row {
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.social a {
display: inline-block;
padding: 0 12px 0 0 !important;
color: #fff;
}
.form-banner form p,
.form-banner form wrap-input,
.form-banner form input {
display: inline-block;
}
.nav-menu {
text-transform: uppercase;
}
.menu-item {
position: relative;
}
.e-menu__submenu .menu-item {
display: block;
text-transform: uppercase;
}
@media screen and (min-width: 992px) {
.e-menu__submenu .menu-item:not(:last-child) {
margin-bottom: 10px;
}
}
@media screen and (min-width: 992px) {
.menu-item-has-children {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='960px' height='560px' viewBox='0 0 960 560' enable-background='new 0 0 960 560' xml:space='preserve' fill='%23ffffff' style='transform:rotate(-90deg)'%3E%3Cg id='Rounded_Rectangle_33_copy_4_1_'%3E%3Cpath d='M480,344.181L268.869,131.889c-15.756-15.859-41.3-15.859-57.054,0c-15.754,15.857-15.754,41.57,0,57.431l237.632,238.937 c8.395,8.451,19.562,12.254,30.553,11.698c10.993,0.556,22.159-3.247,30.555-11.698l237.631-238.937 c15.756-15.86,15.756-41.571,0-57.431s-41.299-15.859-57.051,0L480,344.181z'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 20px;
background-repeat: no-repeat;
background-position: center right 6px;
padding-right: 30px !important;
}
.nav-menu > .menu-item-has-children {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='960px' height='560px' viewBox='0 0 960 560' enable-background='new 0 0 960 560' xml:space='preserve' fill='%23ffffff'%3E%3Cg id='Rounded_Rectangle_33_copy_4_1_'%3E%3Cpath d='M480,344.181L268.869,131.889c-15.756-15.859-41.3-15.859-57.054,0c-15.754,15.857-15.754,41.57,0,57.431l237.632,238.937 c8.395,8.451,19.562,12.254,30.553,11.698c10.993,0.556,22.159-3.247,30.555-11.698l237.631-238.937 c15.756-15.86,15.756-41.571,0-57.431s-41.299-15.859-57.051,0L480,344.181z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
}
@media screen and (min-width: 992px) {
.e-menu__subwrap {
background-color: #333333;
position: absolute;
width: 100%;
top: -20px;
left: 50%;
min-width: 230px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 0.8em;
opacity: 0;
pointer-events: none;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.nav-menu > .menu-item-has-children > .e-menu__subwrap {
-webkit-transform: translateX(-50%) translateY(18px);
transform: translateX(-50%) translateY(18px);
top: 100%;
left: 50%;
}
.menu-item-has-children:hover > .e-menu__subwrap {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateX(50%) translateY(0);
transform: translateX(50%) translateY(0);
}
.nav-menu > .menu-item-has-children:hover > .e-menu__subwrap {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
}
@media screen and (max-width: 991.98px) {
.e-menu__subwrap {
border-left: 2px solid #000;
margin-left: 16px;
}
}
.e-menu__submenu a {
color: #000000 !important;
}
.e-menu__submenu a:hover, .e-menu__submenu a:focus {
color: #8fbe5a !important;
}
@media screen and (min-width: 992px) {
.e-menu__submenu a {
color: #ffffff !important;
}
}
@media screen and (max-width: 991.98px) {
.e-menu__submenu a {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
}
@media (min-width: 1450px) {
.container {
max-width: 1350px;
}
}
@media (min-width: 1700px) {
.container {
max-width: 1450px;
}
}
@media only screen and (max-width: 1500px) {
.header .about-logo {
opacity: 0;
}
}
@media only screen and (max-width: 1350px) {
header .about-logo {
opacity: 0 !important;
}
.home .preparation .icon {
min-height: 300px;
}
}
@media only screen and (max-width: 1200px) {
header .about-logo {
opacity: 0;
}
html,
body {
font-size: 14px;
}
header nav li a {
font-size: 14px;
}
.top-line nav li {
padding: 0 6px 0;
}
.top-line nav li a {
color: #fff;
font-size: 13px;
padding: 0.5rem 5px !important;
}
.banner-home {
padding: 0 20px;
}
.footer-row {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-left: 0;
margin-right: 0;
}
.footer-block {
display: inline-block;
width: 32%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1050px) {
.menu-main-header {
position: absolute;
width: 100%;
top: 0;
padding: 15px;
min-height: 50px;
}
.wrap-search {
position: absolute;
right: 20px;
}
.container-wide {
padding-top: 0;
padding-bottom: 0;
}
header .about-logo {
opacity: 0 !important;
display: none;
}
.top-logo-header {
padding-top: 50px;
}
.mobile-btn {
display: inline-block;
}
.mobile-btn p {
width: 25px;
height: 3px;
background: #fff;
}
.line-1 {
width: 30px;
height: 3px;
background: #fff;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-bottom: 4px;
}
.line-2 {
width: 30px;
height: 3px;
background: #fff;
display: block;
margin: 6px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.line-3 {
width: 30px;
height: 3px;
background: #fff;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.mobile-btn.active {
margin-bottom: 10px;
}
.mobile-btn.active p {
margin-bottom: 0px;
}
.mobile-btn.active .line-1 {
-webkit-transform: rotate(45deg) translate(7px, 5px);
transform: rotate(45deg) translate(7px, 5px);
}
.mobile-btn.active .line-2 {
display: none;
}
.mobile-btn.active .line-3 {
-webkit-transform: rotate(-45deg) translate(-3px, 5px);
transform: rotate(-45deg) translate(-3px, 5px);
}
.home .line-1,
.home .line-2,
.home .line-3 {
background: #fff;
}
.top-line img {
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
margin-top: 0;
}
header .top-line {
padding: 0;
}
.top-line nav {
width: 100%;
}
.langs-block {
position: absolute;
right: 15px;
}
.top-line .nav-info {
display: none;
position: absolute;
width: 100%;
background: white;
color: black;
left: 0px;
top: 50px;
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
z-index: 99;
}
.top-line.scroll {
padding: 0;
top: 0;
}
header nav li {
display: block;
}
.nav-menu > .menu-item > a {
color: #000 !important;
text-align: center;
}
.footer-block .nav-menu > .menu-item > a {
color: #fff !important;
}
}
@media only screen and (max-width: 991px) {
.home .banner {
min-height: 400px;
background-size: cover;
}
.home .preparation .icon {
min-height: 200px;
}
.home .preparation .icon a {
font-size: 17px;
margin-bottom: 0;
}
.farmakonadzor ul {
list-style-image: url(//herbion.co.uk/wp-content/themes/herbion/img/list-big-mob.png);
}
.title-section {
font-size: 40px;
}
.top-line .wrapper {
position: relative;
}
header .logo-wrap {
padding: 0;
}
.nav-menu select,
.before-menu {
display: none;
}
.top-line .nav-menu {
margin-bottom: 20px;
display: block;
}
}
@media only screen and (max-width: 767.98px) {
.menu.category a {
display: block;
padding: 10px 0 !important;
font-size: 1.2em;
}
.menu.category > ul > li {
padding: 0 !important;
margin-bottom: 0 !important;
}
.product-container > .row,
.category .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.single .banner-home,
.news .banner-home {
padding: 0 20px;
margin-top: 0;
}
.question-page .accordion {
max-width: none;
padding: 0 20px;
}
.question-page .accordionTitle,
.question-page .accordion__Heading {
border-bottom: none;
}
main {
padding-top: 207px;
}
.breadcrumbs {
display: none;
}
.question-page .container {
width: auto;
max-width: none;
}
.question-page .button.green-button {
margin: 0 auto 20px;
}
.single .title-section,
.news main .title-section {
background: -webkit-gradient(linear, left top, right top, from(#73ab3c), to(#8fbe5a));
background: linear-gradient(to right, #73ab3c, #8fbe5a);
color: #fff;
padding: 10px;
font-size: 18px;
}
.single .content .container {
padding: 20px 0;
}
.single .thumbnail {
float: none;
width: 100%;
margin-left: 0;
margin-bottom: 0;
}
.single .banner-home,
.single .article {
padding: 0 15px;
}
.wrap-right-header {
float: none;
display: inline-block;
margin: 20px 0;
text-align: center;
}
header .logo-wrap {
text-align: center;
}
.top-line select {
position: static !important;
}
.footer-block-logo {
display: none;
}
.footer-block {
width: 100%;
}
.footer-block .nav-menu {
width: 100%;
}
.content.news .article {
display: inline-block;
margin: 0 0 20px;
}
.alignleft,
.alignright {
width: 100%;
}
.content.news .article .thumbnail {
margin-bottom: 15px;
width: 100%;
}
.single .article p {
margin-bottom: 1rem;
font-size: 14px;
}
.title-section {
font-size: 24px;
}
main section .container {
padding: 50px 15px;
}
footer .nav-menu {
display: inline-block;
text-align: center;
}
footer .nav-menu > li {
width: 100%;
margin-bottom: 0;
}
footer .tel,
footer .email {
display: none;
}
footer {
background: #333;
}
footer * {
color: #fff !important;
font-weight: normal !important;
}
.banner-contant {
margin: 0;
}
.farmakonadzor,
.question-answer {
margin: 0;
}
.home .banner {
min-height: 260px;
}
.banner-home,
.banner-contant form,
.banner-contant .wrap-input,
.form-banner #email {
display: block;
text-align: center;
width: 100%;
margin: 10px 0;
}
.banner-home form .wrap-input {
display: inline-block !important;
}
.banner-contant .submit {
width: 100%;
margin: 10px 0 0;
}
.banner-home .social {
margin-right: 0;
}
.nav-menu {
margin-top: 0;
margin-bottom: 0;
text-align: left !important;
}
footer .nav-link {
padding: 0 20px 0 0 !important;
}
.home main section .container {
padding: 60px 15px;
}
.home .news .item {
margin-bottom: 20px;
}
.home .banner {
min-height: 260px;
margin-top: 86px;
}
header .owl-nav img {
max-height: 40px;
}
.advantages .description {
font-size: 14px;
}
.banner-home {
padding: 0;
margin-top: 0;
}
.preparation .container-wide {
padding-left: 0;
padding-right: 0;
}
.wrap-button a {
display: inline-block;
margin-top: 20px;
width: 100%;
}
.top-line select {
margin-right: 0;
position: absolute;
top: -42px;
right: 45px;
}
.mobile-btn {
display: inline-block;
position: absolute;
}
header form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
header form input {
max-width: none;
width: 100%;
}
.main-banner .banner-bottom {
position: absolute;
height: 130px;
}
.banner-bottom .button {
right: 20px;
bottom: 10px;
}
header .banner {
min-height: none;
max-height: 400px;
}
.submit.button {
padding: 11px 10px;
}
header .banner {
min-height: 470px;
}
footer {
padding: 20px 0;
}
header form input {
border-bottom: 0;
}
.farmakonadzor,
.question-answer {
background-image: none;
}
.home .news .container-wide {
padding-left: 0;
padding-right: 0;
}
.home .news .description {
padding: 0 20px 0;
}
.banner-contant .container-wide {
padding: 20px;
}
.title-section {
margin-bottom: 25px;
margin-top: 20px;
font-weight: bold;
}
.home .question-answer {
background-color: #f8f8f7;
}
.home main section .container {
padding: 20px 15px;
}
.accordionTitle,
.accordion__Heading {
padding: 7px;
background: transparent;
margin-bottom: 20px;
border-bottom: 1px solid grey;
border-radius: 0;
}
.farmakonadzor ul {
margin-left: 0;
}
header form {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 200px;
}
.news .excerpt p {
max-height: 60px;
overflow: hidden;
}
.wrap-search {
max-width: 200px;
}
main section .container {
padding: 50px 0;
}
.news .article .excerpt {
padding: 0 15px;
}
h3 {
font-size: 26px;
}
.block-back {
max-width: none;
margin: 0px 0 30px;
text-align: center;
}
.block-back .green-button {
max-width: 220px;
}
.content.category .title-section {
display: none;
}
.content.category {
margin-top: 15px;
}
.content.category .row > div {
padding: 0;
}
.menu.category {
padding: 0 20px;
margin-right: 0;
}
.product-item {
padding: 0 25px !important;
}
.product-item img {
height: auto;
width: 100%;
}
.product-container .article {
padding: 0;
}
.product-container .article img {
width: 100%;
height: auto;
}
.title-section.product-title {
margin-left: -15px;
margin-right: -15px;
}
}
@media only screen and (max-width: 600px) {
.farmakonadzor img {
display: none;
}
}
@media only screen and (max-width: 575px) {
.row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.breadcrumbs {
padding: 0 15px;
}
}
@media only screen and (max-width: 480px) {
header img.logo {
width: 100%;
}
h2 {
font-size: 34px;
}
footer .nav-menu > li {
width: 100%;
}
}