/**
 *	Theme Name: Codeart.mk Theme
 *	Theme URI: http://codeart.mk/
 *	Author: Codeart.mk
 *	Author URI: http://codeart.mk/
 *	Description: Codeart Child WordPress Theme for Genesis Framework.
 *	Version: 1.0
 *	License: GNU General Public License v2 or later
 *	License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *	Text Domain: codeart
 *	Template: genesis
 **/
@import 'https://fonts.googleapis.com/css?family=Oswald:400,700|Raleway:400,400i,700,700i';

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

*,
*:after,
*:before {
    outline: none;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: none;
}

blockquote,
q {
    quotes: none;
    background: #EBEBEB;
    color: #4F4F4F;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    padding: 30px 10px 30px 50px;
    border-left: 5px solid #00B2DD;
    margin-bottom: 15px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
}

/*HELPER CLASS BEGIN*/

.briefly-hidden {
    opacity: 0 !important;
}

a {
    color: inherit;
}

.flow-visible {
    overflow: visible !important;
}

.flow-visible:after {
    content: '';
    clear: both;
    display: block;
}

.font-oswald {
    font-family: 'Oswald', sans-serif;
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a[href^="mailto"]:hover {
    color: #12a751;
}

input[type=submit],
button[type=submit] {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.test {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.no-scroll {
    overflow: hidden;
}

.alignLeft {
    float: left;
}

.alignRight {
    float: right;
}

img.alignLeft {
}

img.alignRight {
}

.no-margin-bottom {
    margin-bottom: 0;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.grid-space-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.grid-flex,
#footer div.widget-area,
.after_footer_holder ul.menu,
.widget-sharing .sharify-container li a,
.widget-sharing .textwidget {
    display: -ms-flexbox;
    display: flex;
}

.grid-center,
.grid-full-center,
.after_footer_holder .menu,
.widget-sharing .sharify-container li a {
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-full-center,
.widget-sharing .sharify-container li a {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.grid-wrap,
#footer div.widget-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid-2 {
    width: 50%;
}

.grid-3 {
    width: 33.33%;
}

.grid-4 {
    width: 25%;
}

strong,
b {
    font-weight: 700;
}

em,
i {
    font-style: italic;
}

p,
ul li,
ol li {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px 0;
}

ul li,
ol li {
    margin-bottom: 10px;
}

section {
    position: relative;
}

/*HELPER CLASS END*/

body {
    background: #FFF;
    color: #000;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin: 5px 0;
    font-family: 'Oswald', sans-serif;
}

h1 {
    font-size: 49px;
    line-height: 53px;
}

h2 {
    font-size: 47px;
    line-height: 51px;
}

h3 {
    font-size: 36px;
    line-height: 40px;
}

h4 {
    font-size: 30px;
    line-height: 34px;
}

h5 {
    font-size: 26px;
    line-height: 30px;
}

h6 {
    font-size: 20px;
    line-height: 24px;
}

b,
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.alignleft {
    float: left;
}

img.alignleft {
    margin: 0 15px 15px 0;
}

.alignright {
    float: right;
}

img.alignright {
    margin: 0 0 15px 15px;
}

a {
    text-decoration: none;
    word-wrap: break-word;
}

a:hover {
    color: #12a751;
}

img {
    max-width: 100%;
    height: auto;
}

div.wp-caption {
    max-width: 100%;
    padding: 3px;
    border: 1px solid #DCDCDC;
    margin-bottom: 15px;
}

div.wp-caption p {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 0;
}

input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-family: 'Raleway', sans-serif;
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

input[type="submit"] {
    cursor: pointer;
}

/* GENERAL STYLE BEGIN */

.entry-content h1 {
    font-size: 30px;
    line-height: 35px;
}

.entry-content h2 {
    font-size: 40px;
    line-height: 45px;
    margin: 0 0 20px 0;
    color: #000000;
    position: relative;
    padding-bottom: 20px;
    font-weight: 400;
}

.entry-content h2:after {
    content: '';
    display: block;
    background: #000000;
    width: 100%;
    max-width: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin: auto;
}

.entry-content h3 {
    font-size: 24px;
    line-height: 29px;
    color: #12a751;
    margin: 0 0 25px 0;
    font-weight: 400;
}

.entry-content h4 {
    font-size: 24px;
    line-height: 29px;
}

.entry-content h5 {
    color: #000000;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.entry-content h6 {
    font-size: 20px;
    line-height: 25px;
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 15px 15px;
}

.entry-content ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 0;
}

.entry-content ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.entry-content p,
.entry-content ul li,
.entry-content ol li {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 20px 0;
    color: #000000;
}

.entry-content ul li,
.entry-content ol li {
    margin-bottom: 5px;
    position: relative;
}

.entry-content ul li {
    list-style: none;
    padding-left: 25px;
}

.entry-content ul li:after {
    content: '';
    display: block;
    background: #12a851;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: 0;
    transform: rotate(45deg);

}

/* GENERAL STYLE END */

#wrap {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    clear: both;
    padding: 0;
    margin: 0;
}

.wrap,
#content-sidebar-wrap {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 960px;
    position: relative;
    clear: both;
    padding: 0;
    margin: 0 auto;
}

#content-sidebar-wrap {
    overflow: visible;
}

#content-sidebar-wrap:after {
    content: '';
    clear: both;
    display: block;
}

#header,
#nav,
#inner,
#footer {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    clear: both;
    padding: 0;
    margin: 0 auto;
}

/* HEADER */

#header #title-area {
    width: 30%;
    float: left;
}

#header .header-widget-area {
    width: 70%;
    float: right;
}

#content {
    width: 72%;
    float: left;
    margin-bottom: 20px;
    padding: 0 10px;
}

.full-width-content #content {
    width: 100%;
}

#sidebar {
    width: 24.5%;
    float: right;
}

/*PRE HEADER BEGIN*/

.pre_header_holder .main-social-icons {
    padding-left: 10px;
}

.pre_header_holder .wrap,
#header .wrap {
    max-width: 1060px;
}

.nafda_login,
.pre_header_holder .ext_links li a {
    font-size: 15px;
    line-height: 20px;
    color: #12a851;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    display: block;
    font-family: 'Oswald', sans-serif;
}

.nafda_login {
    padding-top: 3px;
}

.pre_header_holder .ext_links li {
    position: relative;
    margin: 0 0 0 15px;
}

.nafda_login,
.pre_header_holder .ext_links li {
    transition: all 0.2s ease-out;
}

.search-is-ready .pre_header_holder .ext_links li,
.search-is-ready .nafda_login {
    transform: scale(0);
    opacity: 0;
}

.search-is-ready .pre_header_holder .ext_links li:nth-child(2) {
    transition-delay: 0.1s;
}

.search-is-ready .pre_header_holder .ext_links li:nth-child(3) {
    transition-delay: 0.12s;
}

.search-is-ready .pre_header_holder .ext_links li:nth-child(4) {
    transition-delay: 0.14s;
}

.search-is-ready .pre_header_holder .ext_links li:nth-child(5) {
    transition-delay: 0.16s;
}

.search-is-ready .pre_header_holder .ext_links li:nth-child(6) {
    transition-delay: 0.18s;
}

.pre_header_holder .ext_links li:after {
    content: '';
    background: white;
    width: 1px;
    height: 17px;
    background: rgba(255, 255, 255, 0.54);
    position: absolute;
    left: -9px;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*HIDE ELEMENT*/
.pre_header_holder .ext_links li:first-child:after,
.widget.main-search input[type=submit],
.brand-products-responsive,
.component-contact-form .wpcf7-not-valid-tip,
.responsive-categories-viewer,
.category-close-trigger,
.brand-product-item-close-trigger,
#header ul.menu li.ca-responsive-menu {
    display: none;
}

.tp-leftarrow.hesperiden:before,
.tp-rightarrow.hesperiden:before {
    display: none !important;
}

.pre_header_holder .ext_links li a {
    text-transform: none;
    color: white;
    font-weight: 400;
    padding: 4px 0 4px 35px;
}

.pre_header_holder .ext_links li a:hover {
    color: #12a851;
}

.pre_header_holder .ext_links li a.icon-member {
    background: url('images/icons/icon-member.png') no-repeat 0 6px;
}

.pre_header_holder .ext_links li a.icon-supplier {
    background: url('images/icons/icon-supplier.png') no-repeat 0 6px;
    padding-left: 30px;
}

.pre_header_holder .ext_links li a.icon-growgo {
    background: url('https://www.nafda.com.au/wp-content/uploads/2017/04/bob-small.png') no-repeat 0 4px;
background-size: 27px auto;
}

.pre_header_holder .ext_links li a.icon-tips {
    background: url('images/icons/icon-tips.png') no-repeat 0 6px;
    padding-left: 25px;
}

.pre_header_holder {
    background: #000000;
    padding: 10px 0;
}

.pre_header_holder div.widget-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.before-header-menu {
    margin-left: auto;
}

.ca-search-trigger {
    background: url('images/icons/icon-search.png') no-repeat 0 0;
    width: 20px;
    height: 21px;
    display: block;
    position: absolute;
    top: 1px;
    right: 7px;
    bottom: 0;
    margin: auto;
}

.ca-search-trigger:after {
    content: '';
    display: block;
    background: url('images/icons/icon-close-white.svg') no-repeat center center / 100% black;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: rotate(-30deg);
    opacity: 0;
    z-index: -1;
    transition: all 0.2s ease-out;
}

.search-is-ready .ca-search-trigger:after {
    transform: rotate(0deg);
    opacity: 1;
    z-index: 1;
}

.pre_header_holder .wrap {
    padding: 0 40px 0 10px;
}

.widget.main-search {
    position: absolute;
    right: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 360px;
    transform: translate3d(20px, 0px, 0);
    opacity: 0;
    z-index: 15;
    display: none;
    transition: all 0.2s ease-out;
}

.search-is-init .widget.main-search {
    display: block;
}

.search-is-ready .widget.main-search {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition-delay: 0.3s;
}

.widget.main-search input[type=text] {
    background: none;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid white;
    height: auto;
    color: white;
    padding: 3px 10px;
}

/*PRE HEADER END*/

/*HEADER BEGIN*/

.social_icons_holder svg {
    width: 17px;
    height: 17px;
}

.social_icons_holder svg,
.social_icons_holder svg path {
    fill: white !important;
}

.social_icons_holder li {
    margin: 0 0 0 12px;
}

.social_icons_holder li a:hover svg,
.social_icons_holder li a:hover svg path {
    fill: #12a851 !important;
}

.social_icons_holder li:first-child {
    margin: 0;
}

#title-area #title {
    margin: 0;
}

#title-area a {
    font-size: 0;
    background: url('images/icons/logo-white.png') no-repeat 0 0 / 100%;
    width: 216px;
    height: 57px;
    display: block;
}

.menu-fixed #title-area a {
    width: 150px;
    height: 40px;
}

#header {
    background: rgba(0, 0, 0, 0.83);
    position: absolute;
    z-index: 10;
    top: 48px;
    left: 0;
    right: 0;
    padding: 20px 0;
    -webkit-backdrop-filter: blur(4px);
}

.menu-fixed #header {
    position: fixed;
    top: 0;
    padding: 10px 0;
    z-index: 50;
}

#header ul.menu {
    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: end;

    justify-content: flex-end;
}

#header ul.menu li {
    margin: 0;
}

#header ul.menu li a {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    line-height: 23px;
    color: white;
    border-bottom: 1px solid white;
    margin-left: 14px;
    text-transform: uppercase;
}

#header ul.menu li.current-menu-item a,
#header ul.menu li a:hover {
    color: #12a851;
    border-color: #12a851;
}

.tp-leftarrow.hesperiden {
    background: url('images/icons/icon-arrow-left.png') no-repeat 0 0 !important;
    font-size: 0;
    width: 42px !important;
    height: 42px !important;
}

.tp-rightarrow.hesperiden {
    background: url('images/icons/icon-arrow-right.png') no-repeat 0 0 !important;
    width: 42px !important;
    height: 42px !important;
}

.tp-bullets.hesperiden {
    right: 40px !important;
    left: auto !important;
}

.hesperiden .tp-bullet {
    background: white !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: rotate(45deg);
}

.hesperiden .tp-bullet.selected {
    background: #12a851 !important;
}

#header ul.menu li:first-child a {
    margin-left: 0;
}

#header div.wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;

    padding: 0 10px;
}

/*HEADER END*/

/*AFTER SLIDER BEGIN*/

a.videos_btn {
    background: #12a851;
    font-size: 17px;
    line-height: 23px;
    font-family: 'Oswald', sans-serif;
    display: block;
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

a.videos_btn:after,
a.videos_btn:before {
    content: '';
    background: #12a851;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

a.videos_btn:before {
    content: '';
    background: url('images/icons/icon-arrow-up.png') no-repeat center center / 12px;
    z-index: 1;
}

.video-section-is-visible a.videos_btn:before {
    transform: rotate(180deg);
}

.top-pages-holder {
    margin: 40px 0 0 0;
}

.top-pages-holder__single {
    width: 31.3%;
    margin-left: 3%;
    position: relative;
}

.top-pages-holder__single img {
    width: 100%;
}

.top-pages-holder__single:first-child {
    margin-left: 0;
}

.top-pages-holder__single--heading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}

.top-pages-holder__single--heading span {
    display: block;
    border: 2px solid white;
    color: white;
    background: rgba(0, 0, 0, 0.51);
    padding: 10px 23px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    -webkit-backdrop-filter: blur(3px);
}

.home_links_holder {
    background: #12a851;
    padding: 40px 0;
}

.home_link_item {
    width: 25%;
    padding: 0 10px;
    text-align: center;
}

.home_link_item img {
    margin-bottom: 15px;
}

.home_link_item .page_link_title {
    margin: 0;
    font-size: 17px;
    line-height: 23px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: white;
}

body.home #content {
    padding: 50px 0;
}

/*SUBSCRIBE FORM BEGIN*/

.home_subscribe_holder {
    background: #333333;
    padding: 30px 0;
}

.home_subscribe_holder .wrap,
#footer .wrap {
    padding: 0 10px;
}

.home_subscribe_holder h3 {
    color: white;
    font-size: 22px;
    line-height: 29px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 20px 0;
    font-weight: 400;
}

.form-subscribe input[type=email] {
}

.form-subscribe {
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

.form-subscribe input[type=email] {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 23px;
    padding: 8px 10px;
    width: 100%;
    border: 2px solid transparent;
}

.input-error {
    border-color: red !important;
}

input[type=radio].input-error + label:after {
    border-color: red !important;
}

.form-subscribe input[type=submit],
.btn-learn-more,
.btn-subscribe {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    line-height: 19px;
    background: none;
    border: 2px solid white;
    text-transform: uppercase;
    color: white;
    width: 100%;
    max-width: 110px;
    margin-left: 10px;
}

.btn-subscribe {
    padding: 9px 10px;
}

.btn-learn-more {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    max-width: 100%;
    font-size: 17px;
    line-height: 23px;
    margin: 0;
}

.form-subscribe input[type=submit]:hover,
.btn-learn-more:hover,
.btn-subscribe:hover {
    background: white;
    color: black;
}

/*SUBSCRIBE FORM END*/

.home_video_section {
    background: #000000;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.video-section-is-visible .home_video_section {
    padding: 60px 0 40px;
    max-height: 1000px;
    opacity: 1;
}

.home_video_section p {
    color: white;
    margin-bottom: 25px;
}

.video_item {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.home_video_item {
    display: none;
    opacity: 0;
}

.home_video_item.active-video-init {
    display: block;
}

.home_video_item.active-video-ready {
    opacity: 1;
}

.video_item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home_video_section .wrap {
    max-width: 650px;
}

.single-contact_info_holder.address_item {
    width: 100%;
}

.single-contact_info_holder.address_item br {
    display: none;
}

.home_video_bottom {
    margin-top: 20px;
}

.single-video-trigger {

    /*width: 20%;*/
    display: block;
    border: 2px solid transparent;
}

.js-videos-slider .owl-item {
    border: 5px solid black;
    margin-left: -5px;
    opacity: 0.3;
}

.js-videos-slider .owl-item.active {
    opacity: 1;
}

.single-video-trigger img {
    display: block;
    width: 100%;
}

.single-video-trigger.active-video {
    border-color: #12a851;
}

.owl-item:first-child .single-video-trigger {
    /*margin-left: 0;*/
}

.owl-buttons .owl-prev,
.owl-buttons .owl-next,
.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next {
    opacity: 1;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0;
    position: absolute;
    top: 0;
    left: -41px;
    bottom: 0;
    margin: auto;
    height: 35px;
    background: none;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -41px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:after,
.owl-theme .owl-controls .owl-buttons div.owl-next:after {
    content: '';
    display: block;
    background: url(images/icons/icon-arrow-right.png) no-repeat center center / 31px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    transform: rotate(180deg);
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {

}

/*AFTER SLIDER END*/

/*FOOTER BEGIN*/

#footer {
    background: #000000;
    padding: 30px 0;
}

.footer .widget-area .widget {
    width: 25%;
    padding-left: 20px;
}

.footer .widget-area .widget:first-child {
    padding-left: 0;
}

.footer .widget p,
.footer .widget a {
    font-size: 14px;
    line-height: 19px;
    color: #a6a8ab;
    font-weight: 400;
}

.footer .widget a:hover {
    color: #12a751;
}

.footer .widget .widget-title a,
.footer .widget .widget-title {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    line-height: 23px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
}

.footer .widget .widget-title a:hover {
    text-decoration: underline;
}

.footer .widget_recent_entries li {
    border-bottom: 1px solid #a6a8ab;
    padding-bottom: 10px;
}

.footer .widget_recent_entries ul li:last-child {
    padding-bottom: 0;
    border: 0;
}

.after_footer_holder {
    background: #333333;
    padding: 20px 0;
    position: relative;
}

.btn-go-up {
    background: url('images/icons/icon-arrow-up-white.png') no-repeat center center / 40px #12a751;
    width: 63px;
    height: 63px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.btn-go-up:hover {
    transform: translate3d(0, -10px, 0);
}

.after_footer_holder p {
    margin: 0;
    color: #bbbdbf;
    font-size: 14px;
    line-height: 18px;
    padding: 3px 0 0 0;
}

.after_footer_holder ul.menu li {
    margin: 0;
}

.after_footer_holder .menu a {
    font-size: 14px;
    line-height: 19px;
    color: #bbbdbf;
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.after_footer_holder .menu a:hover {
    text-decoration: underline;
}

.after_footer_holder .menu a:after {
    content: '';
    display: block;
    background: #bbbdbf;
    position: absolute;
    width: 1px;
    height: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*.after_footer_holder .menu li:first-child a:after {*/
/*display: none;*/
/*}*/

/*.after_footer_holder .menu li:first-child a {*/
/*margin-left: 0;*/
/*padding-left: 0;*/
/*}*/

.footer .social_icons_holder.grid-center {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.widget_recent_entries li span.post-date {
    color: #a6a8ab;
    font-size: 12px;
    line-height: 15px;
    display: block;
    clear: both;
    font-weight: 600;
}

.widget-only-logo .textwidget {
    padding: 33px 0 0 10px;
}

/*FOOTER END*/

.main-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 60;
    -webkit-backdrop-filter: blur(4px);
    transform: translate3d(0, -20px, 0);
    opacity: 0;
    display: none;
}

.contact-popup-init .main-popup {
    display: block;
}

.contact-popup-ready .main-popup {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.main-popup-content {
    max-width: 510px;
    margin: 110px auto 0;
    border: 7px solid white;
    padding: 40px 20px 30px;
    background: #12a851;
    text-align: center;
    position: relative;
}

.btn-close-popup {
    background: url(images/icons/icon-close-white.png) no-repeat center center;
    width: 19px;
    height: 19px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.main-popup-content h3 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 20px 0;
    color: white;
}

.single-form-input input[type=text],
.single-form-input input[type=email] {
    width: 100%;
    display: block;
    padding: 5px 10px;
}

.single-form-input {
    max-width: 400px;
    margin: 0 auto 10px;
}

.single-form-input label {
    font-size: 13px;
    line-height: 18px;
    color: white;
    margin-right: 10px;
    cursor: pointer;
    width: 55px;
    position: relative;
}

.single-form-radio-group label {
    width: auto;
}

.single-form-radio input[type=radio] {
    display: none;
}

.single-form-radio label {
    padding: 0 0 3px 15px;
    display: block;
}

.single-form-radio label:after,
.single-form-radio label:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.58);
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0;
    border: 2px solid white;
}

.single-form-radio label:before {
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transform: scale(0);
    opacity: 0;
}

.single-form-radio input:checked + label:before {
    transform: scale(1);
    opacity: 1;
}

/*ABOUT US BEGIN*/

.hero_img_holder {
    height: 300px;
    background-position: center center !important;
    background-size: cover !important;
    padding-top: 97px;
    margin-bottom: 30px;
}

.hero_img_holder h1,
.single-post .hero_img_holder h1 {
    font-size: 34px;
    line-height: 39px;
    text-transform: uppercase;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    padding: 19px 40px;
    border: 2px solid white;
    -webkit-backdrop-filter: blur(5px);
}

.sharify_share_holder {
    margin-bottom: 20px;
}

.widget-sharing .sharify-container li a,
.widget-sharing .sharify-container li {
    width: 16px;
    min-width: initial;
    height: 16px;
}

.widget-sharing .sharify-icon {
    font-size: 8px;
}

.widget-sharing .sharify-icon .sharify-gplus {
    font-size: 12px;
}

.widget-sharing .sharify-container li {
    margin-left: 5px !important;
}

.widget-sharing .share_text {
    font-size: 18px;
    line-height: 23px;
    color: #12a751;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    margin-right: 6px;
    padding-top: 3px;
}

.widget-sharing .sharify-container {
    padding: 4px 5px 0 0;
    width: auto;
}

.widget-sharing .sharify-container li:first-child {
    margin-left: 0 !important;
}

.widget-sharing .textwidget {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.widget-subscribe .nafda_sf_holder {
    background: #12a751;
    padding: 20px 13px;
}

.widget-subscribe .nafda_sf_holder h3 {
    font-size: 19px;
    line-height: 23px;
    font-family: 'Oswald', sans-serif;
    color: white;
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: 400;
}

.widget-subscribe .nafda_sf_holder .form-subscribe {
    display: block;
}

.widget-subscribe .nafda_sf_holder .form-subscribe input[type=text],
.widget-subscribe .nafda_sf_holder .form-subscribe input[type=email] {
    margin-bottom: 20px;
}

.widget-subscribe .nafda_sf_holder .form-subscribe input[type=submit] {
    max-width: 110px;
    padding: 9px 10px;
    margin: 0 auto;
    display: block;
}

.widget-top-pages .top-pages-holder__single--heading span {
    padding: 9px 16px;
    font-size: 14px;
    line-height: 19px;
}

#sidebar div.widget {
    margin-bottom: 20px;
}

.widget-top-pages .top-pages-holder.grid-flex {
    display: block;
    margin: 0;
}

.widget-top-pages .top-pages-holder__single {
    margin: 0 0 20px 0;
    display: block;
    width: 100%;
}

/*ABOUT US END*/

/*PROMOTIONS BEGIN*/

.promotion_cat_wrap .promotion_item {
    border-bottom: 1px solid silver;
    padding-bottom: 50px;
}

.promotion_cat_wrap .promotion_item:last-child {
    padding-bottom: 0;
    border: 0;
}

.promotion_item {
    margin-bottom: 40px;
}

.promotion_cat {
    /*background: url('images/icons/icon-arrow-down.png') no-repeat right 10px center #12a851;*/
    background: #12a851;
    padding: 8px 10px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
}

.promotion_cat:after {
    content: '';
    background: url('images/icons/icon-arrow-down.png');
    width: 27px;
    height: 28px;
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.promotion_cat.category-not-active:after {
    transform: rotate(180deg);
}

.promotion_cat p {
    font-size: 19px;
    line-height: 24px;
    font-family: 'Oswald', sans-serif;
    color: white;
    margin: 0;
    text-transform: uppercase;
}

.promotion_content {
}

.promotion_content h2 {
    font-size: 24px;
    line-height: 29px;
    color: #12a851;
    margin: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
}

.promotion_content-cover {
    margin-bottom: 20px;
    width: 100%;
}

.btn-register-now {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    background: #333333;
    color: white;
    padding: 5px 20px;
    text-transform: uppercase;
    border: 2px solid transparent;
}

.btn-register-now:hover {
    color: #333333;
    border-color: #333333;
    background: white;
}

/*PROMOTIONS END*/

/*NEWS BEGIN*/

.single_post_nav a {
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    background: #12a851;
    text-transform: uppercase;
    color: white;
    padding: 4px 10px;
    font-weight: 600;
}

.single_post_nav a:hover {
    background: #11984a;
}

.single-post-item {
    border-bottom: 2px solid #e4e4e4;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.single-post-item__image {
    width: 27%;
}

.single-post-item__content {
    width: 73%;
    padding-left: 20px;
}

.single-post-item__content h2 {
    color: #231f20;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 23px;
}

.single-post-item__content .post_date {
    font-weight: 600;
    color: #808184;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 10px 0;
}

.single-post-item__content p {
    font-size: 14px;
    line-height: 19px;
}

a.link-read-more {
    font-size: 12px;
    line-height: 17px;
    color: #12a851;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

a.link-read-more:hover {
    text-decoration: underline;
}

.widget-search .search-form {
    position: relative;
}

.widget-search input[type=text] {
    font-size: 16px;
    display: block;
    width: 100%;
    background: #f8f8f8;
    padding: 12px 35px 12px 10px;
    color: #b3b3b3;
    border: 1px solid #e6e6e7;
    margin: 0;
}

.widget-search input[type=submit] {
    background: url(images/icons/icon-search-green.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
}

.widget-latest-news {
    border-top: 1px solid #12a851;
    border-bottom: 1px solid #12a851;
    padding: 15px 0 10px 0;
}

.widget-latest-news .widget-title,
.widget-categories .widget-title {
    color: #12a851;
    font-size: 17px;
    line-height: 23px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.widget-latest-news li a {
    display: block;
    color: #000000;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    border-bottom: 1px solid #b7b8bb;
    padding-bottom: 10px;
    font-weight: 700;
}

/*TEXT GREEN*/

.widget-latest-news li a:hover {
    color: #12a851;
}

.widget-latest-news li:last-child a {
    padding-bottom: 0;
    border: 0;
}

.widget-categories ul {
    font-size: 0;
}

.widget-categories ul li {
    display: inline-block;
    margin: 0;
}

.widget-categories ul li a {
    font-size: 14px;
    line-height: 19px;
    border: 1px solid #12a851;
    padding: 5px 10px;
    margin: 0 2px 6px;
    display: block;
}

.pagination-next a,
.pagination-previous a {
    font-size: 15px;
    line-height: 20px;
    background: #12a851;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: white;
    padding: 5px 34px;
    display: block;
}

.pagination-next a,
.pagination-previous a:hover {
    background: #0b8e42;
}

.news_promotion_section {
    background: #12a851;
    margin-top: 50px;
    padding: 56px 10px;
}

.news_promotion_section h2 {
    font-size: 24px;
    line-height: 29px;
    color: white;
    font-weight: 400;
    margin: 0;
}

.promo_section_right {
    margin-left: auto;
}

div.navigation ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

div.navigation li {
    margin: 0;
}

div.navigation li a {
    width: 25px;
    height: 25px;
    background: #e8e8e8;
    font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    margin: 0 4px;
    font-weight: 600;
    color: #231f20;
}

div.navigation li a:hover,
div.navigation li.active a {
    background: #12a751;
    color: white;
}

div.navigation li.pagination-next a {
    background: url(images/icons/icon-arrow-right-white.svg) no-repeat center center / 14px #12a751;
    display: block;
    padding: 0;
}

div.navigation li.pagination-previous a {
    background: url(images/icons/icon-arrow-left-white.svg) no-repeat 4px center / 14px #12a751;
    display: block;
    padding: 0;
}

div.navigation li.pagination-next a:hover,
div.navigation li.pagination-previous a:hover {
    background-color: #0f9648;
}

/*NEWS END*/

/*SUPPLIERS BEGIN*/

.single-supplier-item {
    width: 23.5%;
    border: 1px solid #c8c9cb;
    text-align: center;
    margin: 0 0 20px 2%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-supplier-item a {
    display: block;
    padding: 10px;
    position: relative;
}

.single-supplier-item a:after,
.single-supplier-item a:before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.48);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    backface-visibility: hidden;
}

.single-supplier-item a:before {
    background: url('images/icons/icon-arrow-hover.png') no-repeat center center;
    transform: rotate(-45deg);
    z-index: 2;
}

.single-supplier-item a:hover:after,
.single-supplier-item a:hover:before {
    opacity: 1;
    z-index: 1;
}

.single-supplier-item a:hover:before {
    z-index: 2;
}

.single-supplier-item a:hover:before {
    transform: rotate(0deg);
}

.single-supplier-item:first-child,
.single-supplier-item:nth-child(4n+1) {
    margin-left: 0;
}

/*SUPPLIERS END*/

/*CONTACT BEGIN*/

.single-contact_info_holder {
    width: 100%;
    position: relative;
    padding: 5px 0 0 60px;
}

.single-contact_info_holder:after {
    content: '';
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.single-contact_info_holder .item_title,
.single-contact_info_holder .item_content {
    color: #231f20;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 2px 0;
    font-weight: 700;
}

.single-contact_info_holder .item_content {
    margin: 0 0 10px 0;
    font-weight: 400;
}

.single-contact_info_holder.phone_item {
    background: url(images/icons/icon-phone.png) no-repeat 0 0;
}

.single-contact_info_holder.email_item {
    background: url(images/icons/icon-email.png) no-repeat 0 0;
}

.single-contact_info_holder.address_item {
    background: url(images/icons/icon-location.png) no-repeat 0 0;
}

.single-sub-component-contact-form p {
    width: 100%;
}

.single-sub-component-contact-form p:last-child {
    margin-left: 15px;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=number],
.wpcf7-form input[type=password],
.wpcf7-form select,
.wpcf7-form textarea {
    display: block;
    background: #eaeaea;
    font-size: 16px;
    width: 100%;
    padding: 14px 10px;
    border: 2px solid transparent;
}

.wpcf7-form input::-webkit-input-placeholder,
.wpcf7-form textarea::-webkit-input-placeholder {
    color: #3a3a3a;
}

.wpcf7-form input::-moz-placeholder,
.wpcf7-form textarea::-moz-placeholder {
    color: #3a3a3a;
}

.wpcf7-form input:-ms-input-placeholder,
.wpcf7-form textarea:-ms-input-placeholder {
    color: #3a3a3a;
}

.wpcf7-form input:-moz-placeholder,
.wpcf7-form textarea:-moz-placeholder {
    color: #3a3a3a;
}

.wpcf7-form textarea {
    resize: none;
    max-width: 100%;
}

.entry-content {
    position: relative;
}

h3.has-button-right,
.has-button-right {
    padding-right: 230px;
}

.wpcf7-form input[type=submit],
.component-distributor input[type=button],
a.btn-green {
    font-size: 13px;
    line-height: 18px;
    border: 0;
    text-transform: uppercase;
    background: #12a851;
    padding: 5px 20px;
    color: white;
    font-weight: 700;
}

a.btn-green {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    padding: 5px 22px;
}

a.btn-green-right {
    position: absolute;
    top: 0;
    right: 0;
}

/*GREEN HOVER*/
.wpcf7-form input[type=submit]:hover,
.widget-categories ul li a:hover,
.component-distributor input[type=button]:hover,
a.btn-green:hover {
    background: #0d8a41;
}

.widget-categories ul li a:hover {
    color: white;
}

.component-contact-form input.wpcf7-not-valid,
.component-contact-form textarea.wpcf7-not-valid,
.component-contact-form select.wpcf7-not-valid {
    border-color: red !important;
}

/*CONTACT END*/

/*BRANDS BEGIN*/

.brand_products_left {
    width: 25%;
}

.brand_products_right {
    width: 75%;
    padding-left: 25px;
}

h3.single-brand-categories__heading {
    color: #000000;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: 400;
}

.single-brand-categories ul li {
    margin: 0 0 4px 0;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    position: relative;
    padding-left: 18px;
}

.single-brand-categories ul li:hover,
.single-brand-categories ul li:hover a,
.single-brand-categories ul li.active,
.single-brand-categories ul li.active a {
    color: #12a851;
}

.single-brand-categories ul li:hover:after,
.single-brand-categories ul li.active:after {
    background: #12a851;
}

.single-brand-categories ul li:after {
    content: '';
    background: #999999;
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 0;
    transform: rotate(45deg);
}

.single-brand-categories {
    margin-bottom: 30px;
}

.brand_product_item {
    width: 31.33%;
    margin: 0 0 30px 3%;
}

.brand_product_item a {
    display: block;
}

.brand_product_item:hover p.bp_title,
.brand_product_item.brand-is-active p.bp_title {
    background: #12a851;
    color: white;
}

.brand_product_item:first-child,
.brand_product_item:nth-child(3n+1) {
    margin-left: 0;
}

.brand_product_item .bp_title {
    font-size: 16px;
    line-height: 21px;
    font-family: 'Oswald', sans-serif;
    color: #000000;
    text-align: center;
    background: #f7f7f7;
    margin: 0;
    padding: 30px 10px;
}

.page-our-brands .entry-content h2 {
    color: #12a851;
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 0;
    margin-bottom: 30px;
}

.page-our-brands .entry-content h2:after {
    display: none;
}

.brand_products_hidden {
    background: #e6e7e8;
    max-height: 0;
    overflow: hidden;
    display: none;
    opacity: 0;
    transition: all 0.3s;
}

.brand_products_hidden.brand-info-init {
    display: block;
}

.brand_products_hidden.brand-info-ready {
    max-height: 5000px;
    opacity: 1;
    overflow: visible;
    margin-bottom: 30px;
}

.brand_products_hidden.brand-info-ready.briefly-hidden {
    opacity: 0;
}

.brand_product_item_hidden {
    padding: 0;
    display: none;
    overflow: hidden;
    position: relative;
    transition: all 0.2s;
}

.brand_product_item_hidden:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #e6e7e8;
    position: absolute;
    top: -25px;
    left: 81px;
}

.bp_hidden_top_left {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.brand_product_item_hidden:nth-child(2):after {
    left: 46%;
}

.brand_product_item_hidden:nth-child(3):after {
    left: 79%;
}

.brand_products_section {
    margin-bottom: 20px;
}

.brand_product_item_hidden.single-brand-active {
    padding: 30px;
    overflow: visible;
    display: block;
}

.bp_hidden_top_left .bp_hidden_title {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    line-height: 28px;
    color: #12a851;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px 0;
}

.brand_product_item_hidden .bp_hidden_top {
    margin-bottom: 20px;
    border-bottom: 1px solid #12a851;
    padding-bottom: 15px;
}

.bp_hidden_bottom_left {
    width: 45%;
    padding-right: 30px;
}

.table_holder .table_holder_bottom .nt-two-column {
    font-weight: 600;
    color: #808184;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    text-transform: uppercase;
}

.table_holder_top h5 {
    font-weight: 600;
    color: #808184;
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.nt_first {
    width: 50%;
}

.nt_second {
    width: 25%;
}

.bp_hidden_bottom_right {
    width: 55%;
}

.bp_hidden_bottom h3 {
    font-size: 17px;
    line-height: 23px;
    color: #000000;
    margin: 0 0 5px 0;
}

.bp_hidden_bottom p {
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

a.btn-product-pdf {
    font-size: 9px;
    line-height: 14px;
    font-family: 'Oswald', sans-serif;
    background: #12a851;
    color: white;
    text-transform: uppercase;
    display: block;
    max-width: 110px;
    text-align: center;
    padding: 4px 5px;
}

.component-nutrition-information {
}

.component-nutrition-information__single {
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.component-nutrition-information__single p {
    font-size: 14px;
    line-height: 19px;
    color: #000000;
    margin: 0;
}

/*BRANDS END*/

/*SINGLE NEWS BEGIN*/

.single-post h1 {
    color: #12a851;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    margin: 0 0 5px 0;
}

.single-post p.single_post_date {
    font-size: 13px;
    line-height: 18px;
    color: #808184;
    font-weight: 600;
}

div.news_btn {
    text-align: right;
    margin-bottom: 30px;
}

div.news_btn a {
    font-size: 14px;
    line-height: 18px;
    color: #231f20;
    display: inline-block;
    background: url('images/icons/icon-back-btn.png') no-repeat left center;
    padding-left: 30px;
}

div.news_btn a:hover {
    color: #12a851;
}

/*SINGLE NEWS END*/

/*DISTRIBUTORS BEGIN*/

.page-distributors #content-sidebar-wrap {
    padding: 0 10px;
}

.page-distributors #content {
    padding: 0;
}

.component-distributor div.wpgmza_sl_query_innerdiv1,
.component-distributor div.wpgmza_sl_radius_innerdiv1 {
    font-size: 16px;
    line-height: 23px;
    float: none;
    width: 100%;
    clear: both;
    height: auto;
}

.component-distributor .wpgmza_sl_query_innerdiv2,
.component-distributor .wpgmza_sl_query_div,
.component-distributor .wpgmza_sl_radius_div,
.component-distributor .wpgmza_sl_radius_innerdiv2 {
    float: none;
    width: 100%;
    clear: both;
    height: auto;
}

.component-distributor .wpgmza_sl_query_innerdiv2,
.component-distributor .wpgmza_sl_radius_innerdiv2 {
    max-width: 282px;
}

.component-distributor input[type=text],
.component-distributor input[type=email],
.component-distributor select {
    border: 1px solid silver;
    display: block;
    width: 100%;
    padding: 11px 10px;
    font-size: 13px;
    margin: 0 0 15px 0px;
    float: none;
}

.component-distributor select {
    background: url('images/icons/icon-arrow-down.svg') no-repeat right 10px center / 20px;
}

.component-distributor .wpgmza_sl_search_button_div,
.component-distributor .wpgmza_sl_reset_button_div {

}

.component-distributor .wpgmza_sl_query_div,
.component-distributor .wpgmza_sl_radius_div {
    display: -ms-flexbox;
    display: flex;
}

.component-distributor .wpgmza_sl_query_div div:first-child,
.component-distributor .wpgmza_sl_radius_div div:first-child {
    width: 100%;
    max-width: 160px;
    padding-right: 10px;
}

.component-distributor input[type=button] {
    cursor: pointer;
}

.component-distributor .wpgmza_sl_search_button_div,
.component-distributor .wpgmza_sl_reset_button_div {
    float: left;
    clear: none;
    width: auto;
    margin-left: 10px;
}

.component-distributor .wpgmza_sl_search_button_div {
    margin-left: 0;
}

.component-distributor #locationSelect {
    margin: 20px 0;
}

/*DISTRIBUTORS END*/

/*SITEMAP BEGIN*/


.site_map_holder{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px 0px;
}

.site_map_holder:first-child{
    border-bottom: 1px solid #333333;
}

.site_map_item{
    width: 50%;
}

.site_map_item h2:after{
    height: 0;
}

.site_map_item h2{
    color: #12a851;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
}

/*SITEMAP END*/

/******************
** TRANSITIONS
*******************/

.home_video_item,
a,
.single-supplier-item a:after,
.single-supplier-item a:before,
.js-videos-slider .owl-item,
.home_video_top,
.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next,
#header ul.menu li a,
.pre_header_holder .ext_links li a,
.home_video_section,
a.videos_btn:before,
.single-brand-categories ul li:after,
div.news_btn a,
a[href^="mailto"],
.single-brand-categories ul li,
.single-brand-categories ul li a,
.brand_product_item p.bp_title,
.social_icons_holder svg,
.social_icons_holder svg path,
.form-subscribe input[type=submit],
.btn-learn-more,
.btn-go-up,
.wpcf7-form input[type=submit],
.widget-categories ul li a,
.pagination-next a,
.pagination-previous a,
#title-area a,
.main-popup,
.promotion_cat:after,
.btn-subscribe,
div.navigation li a,
.single_post_nav a,
.component-distributor input[type=button],
.single-video-trigger {
    transition: all 0.2s;
}

.single-form-radio label:before {
    transition: all 0.3s;
}

#header {
    transition: padding 0.2s;
}

.single-supplier-item a:before {
    transition-delay: 0.1s;
}

.transition {
    transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s, border 0.25s ease-in-out 0s;
    -webkit-transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s, border 0.25s ease-in-out 0s;
    -moz-transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s, border 0.25s ease-in-out 0s;
    -o-transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s, border 0.25s ease-in-out 0s;
}

/******************
** END TRANSITIONS
*******************/

/* MEDIA QUERIES */

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

    .hero_img_holder {
        padding-top: 60px;
    }

    #title-area a {
        width: 150px;
        height: 40px;
    }

    #header {
        padding: 10px 0;
    }

    #header #title-area {
        width: 20%;
    }

    #header .header-widget-area {
        width: 80%;
    }

    #header ul.menu li a {
        font-size: 15px;
        line-height: 20px;
    }
}

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

    .brand_products_holder {
        display: block;
    }

    .brand_products_left,
    .brand_products_right {
        width: 100%;
        padding: 0;
    }

    .responsive-categories-viewer {
        background:white;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 51px;
        padding: 10px;
        border-top: 1px solid silver;
        cursor: pointer;
    }

    .responsive-categories-viewer span{
        background: url(images/icons/icon-list.svg) no-repeat left center / 30px white;
        display: inline-block;
        padding: 14px 40px;
    }

    .single-brand-categories ul li {
        padding: 0px 14px 10px;
    }

    .responsive-categories-viewer:after {
        content: 'Close Categories';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        line-height: 19px;
        transform: translate3d(0, 100%, 0);
        opacity: 0;
        transition: all 0.3s;
    }

    .categories-visible .responsive-categories-viewer:after {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .categories-visible .responsive-categories-viewer {
        z-index: 100;
    }

    .brand_products_left {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        z-index: 100;
        padding: 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        transform: translate3d(0, 100%, 0);
        opacity: 0;
        transition: all 0.25s;
    }

    .categories-visible .brand_products_left {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .brand_product_item img {
        width: 100%;
    }

    #header ul.menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background: white;
        z-index: 50;
        width: 100%;
        max-width: 350px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        transform: translate3d(-100%, 0%, 0);
        opacity: 0;
    }

    .menu-init #header ul.menu {
        transition: all 0.25s;
    }

    .menu-ready #header ul.menu {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .tp-bullets.hesperiden {
        right: 0 !important;
    }

    #header ul.menu li a {
        margin: 0;
        padding: 12px 10px;
        display: block;
        color: black;
        border: 0;
    }

    #header {
        overflow: visible;
        position: relative;
        top: 0;
        z-index: 100;
    }

    .menu-fixed .js-helper-main-navigation {
        height: 60px;
    }

    div.main-back-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.77);
        z-index: 30;
        opacity: 0;
        display: none;

        -webkit-backdrop-filter: blur(3px);
        transition: all 0.25s;
    }

    div.main-back-overlay:after {
        content: '';
        background: url('images/icons/icon-close-white.svg') no-repeat center center / 100%;
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .menu-init div.main-back-overlay {
        display: block;
    }

    .menu-ready div.main-back-overlay {
        opacity: 1;
    }

    div.icon-responsive-menu {
        background: url(images/icons/icon-menu-white.svg) no-repeat center center / 100%;
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        margin: auto;
        cursor: pointer;
    }

    .after_footer_holder {
        padding-right: 80px;
    }
}

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

    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 0;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 0;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-next,
    .owl-theme .owl-controls .owl-buttons div.owl-prev{
        opacity:0.3;
    }

    .pre_header_holder {
        padding: 12px 0;
    }

    .pre_header_holder .wrap {
        overflow: visible;
    }

    .widget.main-search {
        top: 0;
    }

    .before-header-menu {
        display: none;
    }

    .pre_header_holder div.widget-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
    }

    .ca-search-trigger {
        top: 0;
        width: 17px;
        height: 17px;
        background-size: 100%;
    }

    #header ul.menu li.ca-responsive-menu.ca-responsive-menu-first {
        border-top: 3px solid #12a851;
        margin-top: 20px;
    }

    #header ul.menu li.ca-responsive-menu {
        display: block;
    }

    .before-header-menu {
        margin: 10px 0 10px 0;
    }

    .hero_img_holder {
        padding: 0;
        height: 150px;
    }

    .hero_img_holder h1, .single-post .hero_img_holder h1 {
        font-size: 24px;
        line-height: 29px;
        padding: 10px 20px;
        text-transform: capitalize;
    }

    .news_promotion_section {
        padding: 20px 10px;
    }

    .news_promotion_section h2 {
        font-size: 19px;
        line-height: 23px;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .news_promotion_section .grid-flex {
        display: block;
    }

}

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

    body.home #content {
        padding-bottom: 0;
    }

    .top-pages-holder {
        display: block;
    }

    .top-pages-holder__single,
    .top-pages-holder__single:first-child {
        width: 100%;
        margin: 0 auto 20px;
        max-width: 450px;
    }

    a.btn-green-right {
        position: static;
        margin: 0 auto;
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 19px;
        padding: 10px 0;
    }

    h3.has-button-right, .has-button-right {
        padding-right: 0;
    }
}

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

    .widget.main-search {
        top: 38px;
        z-index: 200;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
    }

    .widget.main-search input[type=text] {
        background: white;
        padding: 10px 10px;
        color: black;
    }

    .menu-fixed .js-helper-main-navigation {
        height: 52px;
    }

    .contact_info_holder.grid-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0 !important;
    }

    .single-contact_info_holder {
        margin: 0 0 30px 0;
        width: 50%;
    }

    #title-area a,
    .menu-fixed #title-area a {
        width: 120px;
        height: 32px;
    }

    .promotion_content h2 {
        font-size: 22px;
        line-height: 28px;
        text-transform: none;
    }

    .entry-content h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .entry-content h3 {
        font-size: 20px;
        line-height: 25px;
        text-transform: none;
    }

    .btn-go-up {
        width: 50px;
        height: 50px;
        background-size: 30px;
    }

    div.after_footer_holder .grid-flex {
        display: block;
    }

    .after_footer_holder .menu a:after {
        display: none;
    }

    .after_footer_holder ul.menu li {
        width: 50%;
    }

    div.after_footer_holder ul.menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .after_footer_holder p {
        text-align: center;
        margin: 0 0 15px 0;
    }

    .after_footer_holder {
        padding: 20px 10px 70px;
    }
}

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

    .tp-bullets.hesperiden {
        display: none !important;
    }

    a.btn-product-pdf {
        display: block;
        width: 100%;
        max-width: 440px;
        font-size: 13px;
        line-height: 17px;
        padding: 10px 0;
        margin: 0 auto 10px;
    }

    .single-supplier-item:first-child,
    .single-supplier-item:nth-child(4n+1),
    .single-supplier-item {
        margin: 0 0 20px 2%;
        width: 49%;
    }

    .widget-sharing .textwidget {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-supplier-item:nth-child(odd) {
        margin-left: 0;
    }

    .bp_hidden_bottom.grid-flex,
    .brand_product_item_hidden .bp_hidden_top {
        display: block;
    }

    .bp_hidden_top_right {
        text-align: center;
    }

    .bp_hidden_top_left .bp_hidden_title {
        font-size: 18px;
        line-height: 23px;
        text-transform: none;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .bp_hidden_bottom_left,
    .bp_hidden_bottom_right,
    .bp_hidden_top_left,
    .bp_hidden_top_right {
        padding: 0;
        width: 100%;
    }

    .bp_hidden_bottom_left {
        margin-bottom: 20px;
    }

    .brand_product_item_hidden:after {
        display: none;
    }

    .brand_products_hidden,
    .brand_products_hidden.brand-info-ready {
        max-height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0;
    }

    .brand-product-item-close-trigger {
        background: url(images/icons/icon-close-white.png) no-repeat center center / 14px #131313;
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        cursor: pointer;
    }

    .brand_product_item_hidden.single-brand-active {
        padding: 50px 10px 20px;
    }

    .brand_product_item,
    .brand_product_item:first-child {
        width: 100%;
        margin: 0 auto 30px;
        max-width: 400px;
    }

    .home_link_item {
        width: 50%;
        margin-bottom: 40px;
    }

    .home_links_holder {
        padding: 40px 0 0;
    }

    #header ul.menu {
        max-width: 250px;
    }

    .site_map_holder{
        display: block;
    }

    .site_map_item{
        width: 100%;
    }
}

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

    .main-popup-content h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .main-popup-content {
        padding: 40px 15px 30px;
    }

    .tp-rightarrow.hesperiden,
    .tp-leftarrow.hesperiden {
        background-size: 30px !important;
        background-position: center center !important;

    }

    .home_video_bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .single-video-trigger img {
        width: 100%;
    }

    .single-video-trigger:nth-child(3n+1) {
        margin-left: 0;
    }

    .btn-register-now {
        display: block;
        text-align: center;
        padding: 10px 10px;
    }

    .component-distributor .wpgmza_sl_query_div,
    .component-distributor .wpgmza_sl_radius_div {
        display: block;
    }

    .component-distributor .wpgmza_sl_query_div div:first-child,
    .component-distributor .wpgmza_sl_radius_div div:first-child {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .footer .widget-area .widget,
    .footer .widget-area .widget:first-child {
        width: 50%;
        padding: 0;
    }

    .footer .widget-area .widget:nth-child(even) {
        padding-left: 20px;
    }

    .form-subscribe {
        display: block;
    }

    .form-subscribe input[type=submit],
    .widget-subscribe .nafda_sf_holder .form-subscribe input[type=submit] {
        margin: 10px 0 0 0;
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 11px 0;
    }

    .component-distributor .wpgmza_sl_query_innerdiv2,
    .component-distributor .wpgmza_sl_radius_innerdiv2 {
        max-width: 100%;
    }
}

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

    .wpcf7-form input[type=submit] {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 16px 10px;
        font-size: 15px;
    }

    .footer .widget-area .widget:nth-child(even),
    .footer .widget-area .widget {
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .widget-only-logo {
        text-align: center;
    }
}

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

    .widget-top-pages .top-pages-holder__single--heading span {
        padding: 10px 23px;
        font-size: 16px;
        line-height: 21px;
    }

    .widget-top-pages .top-pages-holder__single {
        max-width: 450px;
        margin: 0 auto 20px;
    }

    .widget-top-pages .top-pages-holder__single:last-child,
    #sidebar div.widget:last-child {
        margin-bottom: 0;
    }

    #content,
    #sidebar {
        display: block;
        width: 100%;
        float: none;
    }

    #sidebar {
        margin-bottom: 20px;
    }

    #sidebar .widget-has-padding {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .single-contact_info_holder {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .single-contact_info_holder p,
    .single-contact_info_holder .item_content {
        margin: 0;
    }

    .single-sub-component-contact-form.grid-flex {
        display: block;
    }

    .single-sub-component-contact-form p:last-child {
        margin-left: 0;
    }
}

@media only screen and (max-height: 500px) {

    .main-popup-content {
        margin: 10px auto 0;
    }

    .main-popup {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

}