/*
Theme Name: MAD
Theme URI: 
Author: MAD
Author URI: 
Description: MAD
Version: 1.0
License: Private
Text Domain: MAD
*/


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;
	box-sizing: border-box;
}

/* 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: circle; */
	/* line-height: 1.5 !important; */
	/* padding-right: 15px !important; */
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body,h1,h2,h3,h4,h5,h6,p,span,div
{
	font-family: 'Varela Round','Segoe UI';
}

h3 {
	font-weight: bold;
    font-size: 20px;
	line-height:1.3em;
	color:#000000;
	padding-top:5px;
}


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

body a:hover {
    /* text-decoration: underline; */
    /* color: #000; */
}


body {
    background: #ffffff;
    direction: rtl;
}
div#content {padding-top: 104px;}
.container {
    max-width: 1300px;
}

header#masthead {
    height: 104px;
    line-height: 104px;
    background-color: white;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 333;
    transition: 0.4s all ease;
    background: #000;
}
body.is-sticky header#masthead {
    /* background: white; */
    /* transition: 0.4s all ease; */
    box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.2);
}
ul#menu-top {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}

#menu-top a {
    transition: 0.4s all ease;
    text-decoration: none !important;
    /* position: relative; */
    color: #2c2c2c;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
}

#menu-top a:hover {
    color: #ec1c24;
}

body.is-sticky header#masthead {
    //height: 75px;
    //line-height: 75px;
}


div#header-logo {
    position: relative;
    transition: 0.4s all ease;
    margin: 0px;
    padding-bottom: 5px;
    /* max-height: 84px; */
}

nav.site-menu {
    width: 90%;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-weight: normal;
    font-family: Open Sans;
    color: #fff !important;
    font-size: 12px;
    line-height: normal !important;
    text-shadow: 0 0 0 rgba(255,255,255,0);
    border: 0;
    box-shadow: none;
}


a.logo {
    display: table;
    margin: 10px auto;
    line-height: 1;
    transition: 0.4s all ease;
    width: auto;
}
ul.sub-menu {
    list-style-type: none;
    line-height: 1.5;
    background: white;
    position: absolute;
    top: 90%;
    padding: 0px;
    width: 210px;
    transform: rotateY(30deg);
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    transition: 0.4s all ease;
    max-height: 0px;
    width: 308px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
}

ul.sub-menu li {
    line-height: 1;
}

#menu-top ul.sub-menu li a {
    display: table;
    width: 100%;
    line-height: 1;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #575757;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.15px;
}

#menu-top>li>a:after {
    content: '';
    width: 100%;
    top: 20px;
    margin: auto;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.42);
    display: block;
    position: absolute;
    z-index: 2;
    max-width: 0px;
    transition: 0.4s all ease;
    /* opacity: 0.4; */
    left: 0;
    right: 0;
}
#menu-top ul.sub-menu li:hover a {
    background: #ec1c24;
    color: white;
}
#menu-top li {
    position: relative;
}

#menu-top>li:hover>a:after {
    max-width: 100%;
    max-width: 0px;
}


ul#menu-top li:hover ul.sub-menu {
    transform: none;
    opacity: 1;
    max-height: 700px;
}



a.tp-item {
    display: block;
    width: 90%;
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    margin: 10px auto;
    color: #575757;
    font-weight: 400;
    transition: 0.4s all ease;
    text-transform: uppercase;
    padding: 20px 10px;
    /* font-size: 25px; */
    font-size: 26px;
    letter-spacing: 0.19px;
    text-align: center;
    border-radius: 3px 3px 0px 0px;
}

body.home .owl-carousel .slider-img-mobile { display:none; }
.owl-carousel img.slider-img-left {
    left: 5%;
    bottom: 5%;
    position: absolute;
    width: auto;
    max-width: 30%;
    max-height: 50%;
    opacity: 0;
    transition: 0.4s all ease;
    transition-delay: 2.2s;
    transform: translateX(-50px);
}
div#owl-top-products {
    width: calc(100% - 100px);
    margin: auto;
    padding: 20px 0px;
}

.tp-text {
    font-size: 19px;
}

a.tp-item:hover {
    text-decoration: none;
    opacity: 0.7;
}
.pb-sep {
    width: 50px;
    position: relative;
    overflow: hidden;
    background: black;
    margin-right: -50px;
    z-index: 2;
    position: relative;
}

.pb-sep:after {
    content: '';
    position: absolute;
    left: 20px;
    top: 0%;
    display: table;
    border: 5px solid white;
    height: 70px;
    width: 70px;
    transform: rotate(45deg);
    border-right: 0px;
    bottom: 0;
    border-top: 0px;
    margin: auto;
    background: #706e6f;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
    opacity: 0.8;
    outline: none;
}
div#hp-slider .slider-item {
    height: 37vw;
    background: white url(/wp-content/themes/mad/images/mbg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 2;
}
.slider-readmore {
    position: absolute;
    left: 5%;
    bottom: 10%;
    background-color: #2c2c2c;
    padding: 0.2em 0.6em;
    color: #ffffff;
    font-weight: 400;
    font-size: 2vw;
    overflow: hidden;
    padding-left: 90px;
}
a.slider-item {
    display: block;
    width: 100%;
    height: 100%;
}

.slider-title {
    position: absolute;
    left: 10%;
    bottom: 20%;
    color: #ffffff;
    font-weight: 400;
    font-size: 2.8vw;
    background-color: rgba(78, 171, 232, 0.61);
    padding: 0.2em 0.6em;
}
.slider-readmore:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -45%;
    display: table;
    border: 10px solid white;
    height: 70px;
    width: 70px;
    transform: rotate(45deg);
    border-right: 0px;
    bottom: 0;
    border-top: 0px;
    margin: auto;
}
a.block-link.reco {
    width: 130px;
    text-align: right;
}

a.block-link.reco img {
    width: 20px;
    float: left;
}
div#hp-icons .col-icon {
    width: calc(100% / 5);
}

.inner-90>div {
    width: 90%;
    margin: 40px auto;
}

.icon-title {
    color: #575757;
    font-weight: 400;
    font-size: 29px;
    text-align: center;
}

.icon-img {
    width: 170px;
    text-align: center;
    height: 150px;
    border-radius: 6px;
    background-color: #706e6f;
    display: flex;
    vertical-align: middle;
    margin: 40px auto auto;
    transition: 0.4s all ease;
    position: relative;
}

.icon-img img {
    max-width: 90%;
    max-height: 80%;
    margin: auto;
    display: table;
}

.icon-img:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 0px;
    width: 0px;
    display: table;
    border: 10px solid transparent;
    border-bottom: 10px solid #706e6f;
    transition: 0.4s all ease;
}

.icon-img:hover {
    background: #4fabe8;
}

.icon-img:hover:before {
    border-bottom-color: #4fabe8;
}

div#hp-slider {
    /* margin-bottom: 30px; */
    display: block;
    position: relative;
}

div#hp-icons {
    padding: 30px 0px;
}


h2.info {
    color: #ffffff;
    font-weight: 400;
    font-size: 30px;
}

.info-text p {
    color: #ffffff;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.48px;
    font-size: 18px;
    margin-top: 20px;
}
.info-img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    margin: auto;
}

div#info-1-2 {
    position: relative;
}

.block-side-img {
    position: relative;
    /* padding-top: 29%; */
    padding: 0px;
}

.block-image {
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    margin: auto;
    min-height: 29vw;
}

.block-absolute {
    position: absolute;
    bottom: 28px;
    width: 100%;
    color: white;
    text-align: center;
    left: 0;
    right: 0;
    display: table;
    margin: auto;
    z-index: 2;
    bottom: 0;
    top: 0;
    height: 0px;
    padding: 15%;
}

.block-title {
    text-transform: uppercase;
    font-size: inherit;
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
    line-height: 60px;
    font-family: "Segoe UI";
    font-weight: 400;
}

.block-subtitle {
    color: #000000;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
}

.block-side-text {
    position: relative;
    background: white;
}

.block-text {
    color: #575757;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.32px;
    font-size: 18px;
    width: 100%;
    /* height: 70%; */
    position: relative;
    left: 0;
    display: table;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    padding: 11%;
}

a.block-link {
    display: block;
    float: left;
    transition: 0.4s all ease;
    /* width: 96px; */
    line-height: 1.2;
    text-align: center;
    color: #060606;
    font-size: 20px;
    font-weight: 400;
    font-family: "Segoe UI";
    font-weight: 400;
    text-decoration: none !important;
    border-bottom: 2px black dotted;
    padding: 0px 10px;
    margin-top: 40px;
}

div#hp-blocks>div:nth-child(odd) .block-side-img {
    order: 2;
}
.block-color {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 73px;
    z-index: 0;
    /* opacity: 0.4; */
}

.block-color-inner {
    height: 100%;
    opacity: 0.6;
}
a.block-link i {
    filter: drop-shadow(2px 0px 0px white) drop-shadow(-2px 0px 0px white) drop-shadow(-3px 4px 0px rgba(0,0,0,0.2));
    right: 3px;
    position: relative;
}


div#hp-tes {
    padding: 90px 0px 20px;
}

h2.h2-wide {
    text-align: center;
}

h2.h2-wide {
    color: #2c2c2c;
    font-weight: 400;
    font-size: 40px;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

h2.h2-wide:after {
    content: '';
    width: 100%;
    height: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    display: table;
    border-bottom: 5px solid #707070;
}

h2.h2-wide span {
    background: white;
    z-index: 2;
    position: relative;
    padding: 0px 30px;
}
.testimonials-item {
    padding: 0px 30px;
}

.testimonials-content {
    color: #000000;
    font-weight: 400;
    line-height: 1.4;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 4px dashed #4eabe8;
}

.testimonials-name {
    color: #4eabe8;
    line-height: 27.6px;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
}

.testimonials-content:before {
    content: '"';
    display: block;
    clear: both;
    text-align: right;
    color: #4eabe8;
    font-size: 50px;
    line-height: 1;
}
div#header-others>div {
    display: inline-block;
}

.top-icons {
    margin-right: auto;
}

div#header-others {
    display: flex;
    /* height: 94px; */
    /* line-height: 74px; */
    /* height: 60px; */
    /* line-height: 30px; */
    padding: 0px;
}

.top-phone {
    color: #ffffff;
    font-size: 28px;
    position: relative;
    font-weight: 300;
    margin-left: 0px;
    padding: 10px 50px 10px 30px;
    margin-right: auto;
    background: #ec1c24;
    display: table;
    background: url(/wp-content/themes/mad/images/sider.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

.top-phone a {
    line-height: 1;
    color: white;
    text-decoration: none !important;
}

.top-phone {
    direction: ltr;
    line-height: 90px;
    height: 104px;
}

.top-phone img {
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.top-icons {
    font-size: 32px;
    line-height: 94px;
}

.top-icons a {
    padding: 0px 10px;
    color:#1e7dbd;  
}

.top-changer {
    height: 104px;
    width: 62px;
    background: #4fabe8;
    overflow: hidden;
    position: relative;
    margin-left: 0px;
}

.top-changer:after {
    content: '';
    width: 94px;
    height: 94px;
    border: 10px solid #1e7dbd;
    display: table;
    position: absolute;
    left: 0;
    transform: rotate(45deg);
    z-index: 2;
    left: 20px;
    background: white;
}
div#content ul {
    margin: auto 20px 20px 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    font-family: "Segoe UI";
    font-weight: 400;
    margin-bottom: 15px;
}
div#footer-nl {
    background-color: #000000;
    padding: 0px;
    display: inline-block;
    width: 100%;
}

.social-icons a {
    display: inline-block;
    margin-left: 20px;
    height: 50px;
    width: 50px;
    color: white;
    border-radius: 10px;
    text-shadow: 0px -1px 0px black;
    font-size: 26px;
    text-align: center;
    line-height: 50px;
    background-image: linear-gradient(-52deg, #000000 8%, #0a0a0a 16%, #272727 30%, #565656 48%, #989898 70%, #eaeaea 94%, #ffffff 100%);
}

.footer-nl-title {
    color: #ffffff;
    font-weight: 400;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}

#footer-nl input[type="email"] {
    height: 50px;
    background-color: #ffffff;
    line-height: 50px;
    padding: 0px 20px;
    box-sizing: border-box;
    max-width: 100%;
    outline: none;
    border-radius: 12px;
    border: 0px;
    font-size: 20px;
}

input[type="checkbox"] {
    /* float: right; */
    margin: auto;
    order: -1;
    margin-left: 10px;
}

#footer-nl span.wpcf7-list-item {
    margin: 10px auto;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
}

#footer-nl label {
    line-height: 1;
    display: flex;
}

.col-nl {
    width: calc(100% - 80px);
    float: right;
}

.col-submit input {
    border: 0px;
    outline: 0px;
    width: 58px;
    font-size: 0px;
    height: 58px;
    background: url(/wp-content/uploads/2019/05/bluer.png);
    background-size: cover;
}

.col-submit {
    display: inline-block;
    width: 70px;
    /* float: left; */
    margin: auto;
    margin-right: 10px;
    text-align: left;
}

footer {
    padding: 30px 0px;
    background-color: #464646;
    position: relative;
}

.footer-menu li a {
    color: #ffffff;
    font-weight: 400;
    line-height: 1.4;
    font-size: 16px;
    font-family: "Segoe UI";
    font-weight: 400;
}
div#footer-menus {
    display: flex;
    width: 100%;
}

.footer-menu {
    flex: 0 0 calc(100% / 3);
}
.footer-menu li {
    list-style: none;
    padding: 0px;
}

.footer-menu ul.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.footer-menu ul.menu li {
    width: 100%;
    flex: 1 1 100%;
    margin-bottom: 20px;
}
footer h3 {
    color: #ffffff;
    font-size: 30px;
    text-align: center;
}

footer h4 {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

div#footer-form input:not(.wpcf7-submit) {
    width: 100%;
    text-align: right;
    height: 41px;
    background-color: #ffffff;
    margin-bottom: 10px;
    max-width: 100%;
    color: #a2a2a2;
    font-weight: 400;
    font-size: 16px;
    padding: 0px 10px;
    line-height: 41px;
    border-radius: 10px;
    border: 0px;
    outline: none;
}

div#footer-form .row>div {
    padding: 0px 5px;
}

#footer-form input.wpcf7-submit {
    height: 42px;
    background-color: #ec1c24;
    width: 100%;
    line-height: 42px;
    border: 0px;
    color: #ffffff;
    font-weight: 700;
    font-size: 25px;
    border-radius: 10px;
}
.footer-options a {
    display: flex;
    color: white !important;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
    margin-bottom: 20px;
}

.footer-options a span i {
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    color: #ec1c24;
    font-size: 30px;
    text-align: center;
}

.footer-options a:hover {
    text-decoration: none;
    color: white;
    opacity: 0.5;
}

div#hp-products {
    margin-top: 70px;
    margin-bottom: 80px;
}

.product-item img {
    max-width: 100%;
    max-height: 300px;
    width: auto;
}

.product-item .product-image img {
    width: auto;
    margin: auto;
    max-height: 250px;
    display: table;
}

.product-item {
    display: table;
    max-width: 90%;
    height: 300px;
    width: 100%;
    margin: auto;
    text-decoration: none !important;
}

.product-image {
    box-shadow: 4px 6px 9px rgba(0, 0, 0, 0.16);
    border: 1px solid #c2c2c2;
    background-color: #ffffff;
    padding: 20px;
}

.product-item .product-name {
    text-align: right;
    text-decoration: none;
    padding: 0px 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
    color: #101010;
    font-size: 15px;
    line-height: 35px;
    font-family: "Segoe UI";
    font-weight: 400;
    text-decoration: none !important;
}
div#hp-top {
    height: 22vw;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 120px;
    background-color: black;
}

.header-line {
    position: absolute;
    bottom: 0px;
    height: 75px;
    width: 100%;
    opacity: 0.36;
}

h1.header-title {
    /* max-width: 1260px; */
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 10px;
    display: table;
    z-index: 2;
    line-height: 0.4;
}



h1.header-title>div {
    max-width: 1200px;
    margin: 10px auto;
    color: #ffffff;
    font-weight: 700;
    font-size: 51px;
    font-family: 'Open Sans Hebrew';
}
.con-1 {
    position: relative;
    /* display: flex; */
}

.gmap {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    display: table;
    top: 0;
}

div#cp {padding: 5%;}

div#cp input:not(.wpcf7-submit) {
    height: 54px;
    border-radius: 0px;
    border: 1px solid #000000;
    line-height: 56px;
    padding: 0px 20px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    outline: 0px;
    color: #606060;
    font-size: 25px;
    font-family: "Segoe UI";
    font-weight: 400;
}

#cp input.wpcf7-submit {
    width: 100%;
    border: 0px;
    outline: 0px;
    cursor: pointer;
    height: 45px;
    background-color: transparent;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: -0.75px;
    font-family: "Segoe UI";
    font-weight: 400;
    position: relative;
    z-index: 3;
}

.footer-options.cpage {
    margin: 14% auto;
}

.footer-options.cpage {
}

.footer-options.cpage a {
    font-size: 22px;
    color: black !important;
    margin: 15px auto;
    display: inline-block;
    width: 100%;
    text-align: right;
}
.product-bot {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 58px;
    background-color: #706e6f;
    margin-top: 19px;
    line-height: 58px;
}
.prob-but {
    display: flex;
    padding: 10px 10px 15px;
    text-decoration: none !important;
}

a.pb-add-to-cart {
    display: inline-block;
    margin-right: auto;
    background: black;
    padding: 0px 14px;
    color: white;
    font-size: 40px;
}

.pb-right-ham>.fa {
    color: #ffffff;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin: auto 10px auto auto;
    line-height: 35px;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
    /* top: 4px; */
    position: relative;
    height: 36px;
    background-color: #204f8d;
    cursor: pointer;
}
a.pb-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: white;
    width: 100%;
    text-decoration: none !important;
}

.pb-right .pb-price {
    color: #ffffff;
    font-weight: 600;
    font-size: 27px;
    margin: auto;
    text-align: center;
}

.pb-right-ham {
    display: inline-block;
    margin: auto 0px auto auto;
}

.info-img:after {
    content: '';
    width: 10%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: rgba(78, 171, 232, 0.62);
}

.hp-info-absolute a {
    font-size: 50px;
    position: absolute;
    left: 10%;
    bottom: -30px;
    color: white;
    font-size: 100px;
    line-height: 0.7;
}


.hp-info-absolute a:hover {
    opacity: 0.6;
    color: white;
}





.pb-right:hover .pb-right-ham>.fa {
    background: #4fabe8;
    color: white;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
    height: 490px;
    display: flex;
    width: 100%;
    /* max-width: 480px; */
    flex-direction: column;
    flex-wrap: wrap;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.16);
    border: 1px solid #b2b2b2;
    background-color: #ffffff;
    position: relative;
    margin: auto;
}

body.single-product .woocommerce-product-gallery__image a {
    width: auto;
    height: auto;
    display: block;
    /* position: relative; */
    max-width: 100%;
    max-height: 450px;
    width: 100% !important;
    margin: auto;
    height: auto;
}

.woocommerce-product-gallery__image img {
    margin: auto;
    display: block;
}
.woocommerce-product-details__short-description p, .readmore p {
    margin-bottom: 30px;
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    font-family: "Segoe UI";
    font-weight: 400;
}

.woocommerce div.product form.cart .button {
    height: 67px;
    background-color: #4eabe8;
    width: 250px;
    line-height: 67px;
    color: #ffffff;
    font-weight: 400;
    line-height: 65px;
    font-size: 30px;
    padding: 0px;
    border-radius: 0px;
    clear: both;
    margin-top: 60px;
}

.woocommerce .quantity .qty {
    height: 50px;
    border: 1px solid #707070;
    background-color: #ffffff;
    width: 100px;
    text-align: center;
    /* -webkit-appearance: none; */
    color: #373737;
    font-weight: 400;
    line-height: 50px;
    font-size: 30px;
    margin: auto;
    display: inline-block;
}

button.plus, button.minus {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #707070;
    background-color: #ffffff;
    float: right;
}

.woocommerce div.product form.cart div.quantity {
    float: none;
    margin: auto 10px;
    display: inline-block;
    float: right;
}

body.single-product div.product p.price {
    margin-bottom: 40px;
    position: absolute;
    bottom: 0;
    color: #204f8d;
    font-size: 34px;
    font-weight: 700;
    line-height: 82px;
    height: 50px;
    border: 1px solid #707070;
    line-height: 50px;
    padding: 0px 20px;
    right: 170px;
}



a.post-title {
    text-align: center;
    display: table;
    width: 100%;
    color: #575757;
    font-weight: 400;
    line-height: 1.7;
    font-size: 24px;
    border-bottom:  3px dashed #ec1c24;
    margin-bottom: 14px;
    text-decoration: none !important;
    padding-bottom: 5px;
}

.post-item {
    padding: 10%;
}

.post-image {
    display: table;
    width: 100%;
    position: relative;
    padding-top: 61%;
    margin-bottom: 20px;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.16);
    border: 1px solid #b2b2b2;
    background-size: cover;
    background-position: center;
}

.posts-bot p {
    color: #575757;
    font-weight: 400;
    font-size: 18px;
}

a.post-button {
    display: table;
    margin: 30px auto auto;
    background: #ec1c24;
    line-height: 1;
    font-size: 20px;
    color: white;
    text-decoration: none;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    transition: 0.4s all ease;
}

a.post-button:hover {
    opacity: 0.7;
    text-decoration: none;
    color: white;
    position: relative;
    top: 1px;
}

.woocommerce-product-details__short-description p strong, .readmore p strong {
    font-weight: 700;
}
div#allposts.graycont {
    padding: 30px 0px;
    background: #6d6d6d;
}

.graycont h2.h2-wide {
    color: white;
}

.graycont h2.h2-wide span {
    background: #6d6d6d;
}

.graycont a.post-title {
    color: white;
    border-bottom-color: white;
}

.graycont .posts-bot p {
    color: white;
}

.graycont a.post-button {
    background: white;
    color: #6d6d6d;
}

.graycont h2.h2-wide:after {
    border-color: white;
}
.h2-fullwidth {
    height: 66px;
    background-color: #4eabe8;
    line-height: 66px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
    font-size: 46px;
}
.post-content p {
    color: #575757;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.3;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    display: none;
}
body.single-product .woocommerce-product-gallery__image a img {
    display: block;
    max-height: calc(100% - 10px);
    max-width: 100%;
    width: auto !important;
    height: 100%;
    object-fit: contain;
    object-position: center;
    max-height: 100%;
}

body.single-product .woocommerce-product-gallery__image a:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

body.single-product .woocommerce-product-gallery__image a:after {
    transition: 0.4s all ease;
    content: '';
    position: absolute;
    left: 20px;
    bottom: 20px;
    height: 50px;
    width: 51px;
    display: table;
    background: url(/wp-content/uploads/2019/05/mag.png);
    background-size: contain;
    opacity: 0.3;
}

body.single-product .woocommerce-product-gallery__image:hover a:after {
    opacity: 1;
}



.owl-carousel {
    position: relative;
}

.owl-carousel button.owl-next {
    position: absolute;
    left: -46px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: table;
}

.owl-carousel button.owl-prev {
    position: absolute;
    right: -46px;
    top: 0;
    bottom: 0;
    margin : auto;
    display: table !important;
    background-color: transparent !important;
}

.owl-carousel .owl-black-left {
    height: 36px;
    width: 36px;
    background: url(/wp-content/themes/mad/images/black_left.png) !important;
    background-size: cover !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
}

.owl-carousel .owl-black-right {
    height: 36px;
    width: 36px;
    background: url(/wp-content/themes/mad/images/black_right.png) !important;
    background-size: cover !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
}


.owl-carousel .owl-blue-left {
    height: 48px;
    width: 46px;
    background: url(/wp-content/themes/mad/images/blue_left.png) !important;
    background-size: contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    margin: auto !important;
}

.owl-carousel .owl-blue-right {
    height: 48px;
    width: 46px;
    background: url(/wp-content/themes/mad/images/blue_right.png) !important;
    background-size: contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    margin: auto !important;
}
.term-description p {
    color: #707070;
    font-weight: 400;
    line-height: 35px;
    font-size: 22px;
}

.term-description {
    padding: 40px 0px 50px;
}

body.single-product .inner-90 h3 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

body.single-product .inner-90 p {
    line-height: 1.5;
    font-size: 18px;
}





.owl-carousel img.slider-img-right {
    position: absolute;
    width: inherit;
    display: table;
    width: auto;
    top: 0;
    right: 0;
}
.slider-titles {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 40%;
    text-align: center;
    line-height: 1.5;
}

.slider-title-1 {
    color: #000000;
    font-size: 25px;
    line-height: 54px;
    font-family: "Segoe UI";
    border-bottom: 2px dotted black;
    font-weight: 700;
    opacity: 0;
    transition: 0.4s all ease;
    transition-delay: 1.2s;
    transform: translateY(10px);
    position: relative;
}

.slider-subtitle-1 {
    color: #000000;
    font-size: 24px;
    line-height: 1.7;
    padding-top: 10px;
    font-weight: 400;
    opacity: 0;
    transition: 0.4s all ease;
    transition-delay: 1.7s;
    transform: translateY(-10px);
}

.block-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 100%;
}
.block-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#hp-blocks>div:nth-child(odd) .block-side-img .block-image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: red;
    z-index: 0;
    background-color: #ec1c24;
    opacity: 0.7;
}

div#hp-blocks>div:nth-child(even) .block-side-img .block-image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #204f8d;
    opacity: 0.7;
}

a.block-link img {
    width: 22px;
    vertical-align: text-bottom;
}


.block-subtitle:before {
    display: table;
    width: 24px;
    height: 24px;
    background: #ec1c24;
    content: '';
    float: right;
    margin-left: 20px;
}


div#hp-products {
    background: transparent url(/wp-content/themes/mad/images/cat_slider_bh.png);
    height: 700px;
    background-size: cover;
    background-position: center;
    display: flex;
    width: 100%;
    z-index: 2;
    position: relative;
    padding-bottom: 60px;
}

div#owl-hp-products {
    margin: auto;
}
.product-block-image a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #204f8d8f;
    transform: scale(0);
    transition: 0.4s all ease;
}

.product-block-image a:hover:after {
    transform: none;
    opacity: 1;
}
.product-block-image {
    width: 291px;
    position: relative;
    margin: auto;
}

a.product-block-name {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    font-family: "Segoe UI";
    text-align: center;
    font-weight: 400;
    display: table;
    width: 100%;
    margin: auto;
    text-decoration: none !important;
}

.logo-block-image {
    height: 160px;
    display: flex;
}

#owl-logos .logo-block-image img {
    margin: auto;
    display: table;
    width: auto;
}

div#owl-logos {
    margin: auto;
}

div#hp-logos {
    height: 240px;
    background-color: #e5e5e5;
    display: flex;
    margin-top: -180px;
    /* padding-top: 100px; */
    z-index: 3;
    position: relative;
}

div#hp-logos:before {
    content: '';
    position: absolute;
    bottom: 240px;
    left: 0;
    margin: auto;
    width: 100%;
    height: 0px;
    border: 50vw solid #e5e5e5;
    display: table;
    border-top-width: 2vw;
    border-bottom-width: 2vw;
    z-index: 5;
    border-top-color: transparent;
    border-left-color: transparent;
}
.owl-item:nth-child(odd) .product-block-image a:hover:after {
    background: rgba(236, 28, 36, 0.46);
}
a.block-link:hover {opacity: 0.8;color: #ec1c24;}
img.testim-image {
    margin-right: auto;
    margin-left: 0px;
}

.row.row-recommendations>div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.row.row-recommendations {
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #204f8d;
    padding: 30px 8% 50px;
}

.testim-content {
    color: #383838;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
}

.testim-name {
    margin-right: auto;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    margin-top: 30px;
}

img.rec-q-1 {
    margin: auto auto 10px;
    margin-right: 0px;
    width: 90px;
    opacity: 0.2;
}


img.rec-q-2 {
    margin: auto 20px 0px auto;
    width: 90px;
    opacity: 0.2;
}


.block-side-img>a {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.block-side-img>a:after {
    content: '';
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: table;
    position: absolute;
    border: 2px solid white;
    left: 10px;
    top: 10px;
    transition: 0.4s all ease;
    opacity: 0;
    transform: scale(0.8);
}

.block-side-img>a:hover:after {
    transform: none;
    opacity: 1;
}
.row.row-recommendations:last-of-type {
    margin-bottom: 0px;
    border-bottom: 0px;
}

div#hp-recommendations {
    margin-top: 90px;
    border-bottom: 5px solid #b8b8b8;
}
h2.h2-hp {
    color: #606060;
    font-size: 30px;
    font-weight: 400;
    font-family: "Segoe UI";
    font-weight: 400;
}

h2.h2-hp {
    /* border-bottom: 5px solid #b8b8b8; */
    padding-bottom: 16px;
    position: relative;
    display: table;
}

h2.h2-hp:after {
    content: '';
    width: 100%;
    height: 12px;
    background: red;
    display: table;
    bottom: -8px;
    position: absolute;
}

.recommendations-name {
    color: #464646;
    font-size: 23px;
    font-weight: 700;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #c11823;
    line-height: 1.3;
    margin-bottom: 10px;
}

.recommendations-item {
    width: 90%;
    margin: auto;
}

.recommendations-content {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Segoe UI";
    font-weight: 400;
    max-height: 50px;
    overflow: hidden;
    margin: 10px auto auto;
}

.header-topper {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100% + 20px);
    width: 38%;
    z-index: 222;
    display: flex;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

h1.header-topper-title {
    margin: auto 10% 8%;
    color: #ffffff;
    font-size: 2.4vw;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Segoe UI";
    font-weight: 700;
}

img.header-topper-img {
    position: absolute;
    bottom: -11%;
    left: 10%;
    z-index: 2;
    max-height: 80%;
}

body.archive div#hp-logos {
    margin-top: 50px;
}

body.archive div#hp-logos:before, {
    display: none;
}

.product-item .product-name:before {
    width: 25px;
    height: 24px;
    background-color: #ec1c24;
    content: '';
    display: inline-block;
    position: relative;
    margin: auto auto auto 10px;
    top: 4px;
}

div#cat-products .product-item {
    margin-bottom: 80px;
}


body:not(.home):not(.single-product) #hp-logos:before {
    display: none;
}

body:not(.home):not(.single-product) #hp-logos {
    margin-top: 0px;
    /* margin-top: 70px; */
}

div#mt-posts p {
    font-size: 20px;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    font-family: "Segoe UI";
    font-weight: 400;
    margin-bottom: 15px;
}


div#mt-posts h2 {
    font-size: 24px;
    color: #000000;
    line-height: 40px;
    font-family: "Segoe UI";
    font-weight: 600;
    margin-bottom: 15px;
}



div#mt-posts p strong {
    font-weight: 700;
}

div#hp-top:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.34);
    z-index: 0;
}

div#cu-main {
    background: url(/wp-content/themes/mad/images/cc2.jpg);
    background-position: top;
    background-size: cover;
    /* min-height: 662px; */
}

div#cu-main>.row {
    min-height: 662px;
}

.acf-map {
    height: 400px;
    width: 100%;
}

.row.row-videos a {
    display: table;
    margin: auto auto 25px;
}

.row.row-videos a {
    position: relative;
    height: 0px;
    display: inline-block;
    padding-top: 56%;
    width: 100%;
    overflow: hidden;
}

.row.row-videos a img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

img.video-play {
    width: 20%;
    transition: 0.3s all ease;
    filter: grayscale(1);
}

.row.row-videos a:hover .video-play {
    filter: none;
}

.row.row-videos {
    margin-bottom: 60px;
}

.social-icons-floating {
    position: absolute;
    z-index: 33;
    left: 0;
    top: 60px;
    max-width: 50px;
}


.social-floating {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: white;
    margin: 4px auto;
    border-radius: 0px 30px 30px 0px;
    display: flex;
    transition: 0.4s all ease;
    /* transform: translateX(-15px); */
    box-shadow: 3px 1px 4px -3px rgba(0,0,0,0.4);
    float: left;
}
.submit-on {
    position: relative;
    background: #204f8d;
    overflow: hidden;
}

.submit-on:after {
    content: '';
    position: absolute;
    left: 10%;
    border: 10px solid white;
    height: 70px;
    bottom: 0;
    transform: rotate(45deg);
    top: 0;
    width: 70px;
    margin: auto;
    border-top: 0px;
    border-right: 0px;
    z-index: 1;
    /* background: #204f8d; */
}

span.ajax-loader {
    position: absolute;
}
.social-floating a {
    color: #707070;
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: table;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #707070;
    margin: auto;
    margin-right: 2px;
    transition: 0.4s all ease;
    font-size: 20px;
}


.social-floating a:hover {
    background: red;
    color: white;
}

.social-floating a i {
    position: relative;
    top: 1px;
}

.social-floating:hover {
    /* transform: none; */
    width: 50px;
}

.product-block-image img {
    height: 221px;
    object-fit: cover;
    object-position: center;
}
.woocommerce-product-details__short-description h2 {
    color: #373737;
    font-size: 30px;
    line-height: 1.3;
    font-family: "Segoe UI";
    font-weight: 400;
    margin-bottom: 10px;
}

.woocommerce-product-details__short-description h2:before {
    content: '';
    display: table;
    width: 24px;
    height: 24px;
    float: right;
    background: red;
    margin: 10px 0px 0px 10px;
    position: relative;
}

body.single-product #content div.product div.images {
    float: left;
}

.woocommerce #content div.product div.summary {
    height: 100%;
    padding-bottom: 100px;
    position: relative;
    padding-left: 70px;
}

.woocommerce div.product {
    height: 100%;
}




section#product-thumbnail .woocommerce-product-gallery__image {
    height: 120px;
    width: 140px;
    margin: 30px auto 20px;
    height: 140px;
    box-shadow: 5px 5px 5px -2px rgba(0, 0, 0, 0.16);
    border: 1px solid #b2b2b2;
}

section#product-thumbnail img {
    max-width: 75%;
}

section#product-thumbnail {padding: 0px 70px;}

section#product-thumbnail button.owl-prev {
    right: 0px;
}

section#product-thumbnail button.owl-next {
    left: 0;
}
a.block-link.bl-product {
    float: none;
    display: table;
    margin-left: 10%;
    margin-right: auto;
}

a.block-link.bl-product img {
    margin-right: 10px;
}

.owl-carousel .active img.slider-img-left {
    opacity: 1;
    transform: none;
}

.active .slider-title-1 {
    opacity: 1;
    transform: none;
}

.active .slider-subtitle-1 {
    opacity: 1;
    transform: none;
}

.slider-title-1 img {
    position: absolute;
    left: 20px;
    height: 40px;
    width: inherit !important;
    bottom: 0px;
}


.prod-item-inner {
    box-shadow: 4px 6px 9px rgba(0, 0, 0, 0.16);
    border: 1px solid #c2c2c2;
}

.prod-item-inner .product-image {
    box-shadow: none;
    border: 0px;
}
.footer-options a:not([href]) {
    pointer-events: none;
}


.button-order {
    width: 143px;
    height: 36px;
    background-color: #464646;
    margin: auto 0px auto 0px;
    display: flex;
    line-height: 36px;
    color: white;
    cursor: pointer;
    text-align: center;
    text-align-last: center;
    padding-right: 20px;
    text-decoration: none !important;
}

.p-price {
    margin: auto 0px auto 10px;
    color: #204f8d;
    font-size: 27px;
    font-weight: 700;
    line-height: 50px;
    border: 1px solid #ddd;
    width: 130px;
    text-align: center;
    line-height: 1;
    height: 36px;
    line-height: 36px;
}

.button-order img {
    height: 24px;
    margin: auto auto auto 10px;
}

.prob-but:hover .pb-right-ham i {
    background: #ec1c24;
}

.prob-but:hover  .button-order {
    background: #ec1c24;
}
section#product-thumbnail .owl-stage {
    margin: auto;
}

a.product-contact {
    position: absolute;
    bottom: 40px;
    line-height: 50px;
    height: 50px;
    right: 0px;
    width: 170px;
    background: black;
    text-align: center;
    color: white;
    font-size: 23px;
    text-decoration: none;
}

a.product-contact:hover {
    background:#ec1c24;
}

.fb-rec-warp {
    padding:50px;
}
body.page-id-224 div#hp-top {
    margin-bottom: 0px;
}

.search {
	display: inline-block;
    /* margin-top: 10%; */
    display: none;
    position: absolute;
    left: 76px;
    top: 36%;
    width: 100%;
}




@media (max-width:1569px)
{
    #menu-top li a {
        font-size: 16px;
    }
.top-phone {
        font-size: 20px;
    }
}
@media (max-width:1155px)
{
    .top-phone {
        font-size: 18px;
    }
    #menu-top li a {
        font-size: 15px;
    }

    .top-phone img {
        height: 28px;
    }
}




@media(max-width:1100px)
{
    nav.site-menu {
        position: fixed;
        background: white;
		transition:0.5s all ease;
    }

    body.mobile-menu-open ul#menu-top li a:hover {
		text-decoration: none;
		background: #ec1c24;
		color: white;
		border-right-color: white;
	}
    .mobile_toggler {
		display: table;
		width: 50px;
		margin: auto;
		line-height: 1;
		margin-right: 10px;
	}

	.mobile_toggler>span {
		width: 100%;
		height: 4px;
		margin: 10px auto;
		position: relative;
		background: white;
		/* background: #4fabe8; */
		display: table;
		transition: 0.4s all ease;
	}

	body.mobile-menu-open .mobile_toggler .hm1 {
		transform: rotate(45deg) translateY(6px) translateX(12px);
		background: #ec1c24;
		border-color: black;
	}

	body.mobile-menu-open .mobile_toggler .hm2 {
		transform: rotate(-45deg) translateY(3px) translateX(4px);
		background: #ec1c24;
		border-color: black;
	}

	body.mobile-menu-open .mobile_toggler .hm3 {
		opacity:0;
		/* transform: rotateY(31deg) translateY(12px); */
		/* width: 4px; */
		border-radius: 10px;
	}
    a.logo {
        margin: auto;
        margin-left: 0px;
    }

    div#header-others {
        display: none;
    }

    a.logo img {
        height: 70px;
        margin: 5px auto;
    }

    div#header-logo {
        width: 50%;
        order: 2;
        display: flex;
        padding-bottom: 0px;
        height: 80px;
    }

    div#header-menu {
        width: 50%;
        order: 1;
        display: flex;
    }


	nav.site-menu ul.menu a {
		font-size: 17px;
		padding: 0px 15px;
		width: 100%;
		border-bottom: 1px solid #DDD;
	}
	nav.site-menu {
		position: fixed;
		right: 0;
		top: 80px;
		background: transparent;
		width: 100%;
		transition: 0.4s all cubic-bezier(0, 1.09, 1, 1);
		transform: translateX(calc(-100% - 300px)) translateX(0%);
		/* display: none; */
		height: calc(100vh - 80px);
		background: white;
		overflow: auto;
	}
	body.mobile-menu-open #menu-top li:nth-child(1) a {transition-delay: 0.15s;}
	body.mobile-menu-open nav.site-menu li:nth-child(2) a {transition-delay: 0.3s;}
	body.mobile-menu-open nav.site-menu li:nth-child(3) a {transition-delay: 0.45s;}
	body.mobile-menu-open nav.site-menu li:nth-child(4) a {transition-delay: 0.6s;}
	body.mobile-menu-open nav.site-menu li:nth-child(5) a {transition-delay: 0.75s;}
	body.mobile-menu-open nav.site-menu li:nth-child(6) a {transition-delay: 0.9s;}
	body.mobile-menu-open nav.site-menu li:nth-child(7) a {transition-delay: 1.15s;}
	body.mobile-menu-open nav.site-menu li:nth-child(8) a {transition-delay: 1.3s;}
	body.mobile-menu-open nav.site-menu li:nth-child(9) a {transition-delay: 1.45s;}
	body.mobile-menu-open nav.site-menu li:nth-child(10) a {transition-delay: 1.6s;}
	body.mobile-menu-open nav.site-menu li:nth-child(11) a {transition-delay: 1.75s;}

	body.mobile-menu-open nav.site-menu {
		transform: none;
		/* border-bottom: 2px dashed #4fabe8; */
		box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.2);
	}

	header#masthead {
		height: 80px;
		line-height: 80px;
	}

	ul#menu-top {
		flex-direction: column;
		line-height: 2;
	}

	ul#menu-top li{
		width: 100%;
		display: block;
		transition: 0.4s all ease;
	}
	
	ul#menu-top li a 
	{
		width:100%;
		display:block;
		line-height: 2.5;
		/* border-right: 2px dashed #4fabe8; */
		transition: 0.4s all ease;
		opacity: 0;
		font-size: 20px;
	}
    .woocommerce #content div.product div.summary {
        padding: 0px 0px 100px;
    }
	body.mobile-menu-open ul#menu-top li a {
		opacity: 1;
		background: white;
		color: #204F8D;
	}
	.container {max-width: 100%}
    section#product-thumbnail {
        padding: 0px 50px;
    }
    ul#menu-top li ul.sub-menu {
        position: relative;
        width: 100%;
        z-index: 2;
    }

    #menu-top>li:hover>a:after {
        display: none;
    }

    ul#menu-top li ul.sub-menu li a {
        padding-right: 30px;
    }
}

@media (min-width:768px)
{
	.only-mobile { display:none; }
}



@media (max-width:767px)
{
	.only-desktop { display:none; }
    .owl-carousel button.owl-next {
        /* left: 0; */
        left: -57px;
        transform: scale(0.75);
    }
    a.product-contact {
        height: 40px;
        line-height: 40px;
        width: 130px;
        font-size: 16px;
    }
    .pb-right-ham {
        display: none;
    }

    .product-item {
        max-width: 100%;
        margin-bottom: 40px !important;
    }

    .button-order {
        width: 124px;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__image {
        height: 100vw;
    }
    .p-price {
        margin-right: auto;
        font-size: 24px;
    }
    body.single-product div.product p.price {
        right: 130px;
        line-height: 40px;
        height: 40px;
        font-size: 22px;
    }
    .owl-carousel button.owl-prev {
        /* right: 0; */
        right: -57px;
        transform: scale(0.75);
    }
    .footer-nl-title {
        font-size: 25px;
        text-align: center;
        margin-bottom: 10px;
    }

    footer.inner-90>.container-fluid {padding: 5px 15px;margin: 0px;}

    .footer-menu li a {
        font-size: 16px;
    }

    .inner-90>div {
        width: 100%;
        margin: 20px auto;
    }
    footer h3 {
        margin-top: 0px;
        font-size: 26px;
    }

    footer h4 {
        font-size: 18px;
    }

    .footer-options {
        margin-top: 20px;
        padding: 0px 10px;
    }

    .footer-options a {
        font-size: 18px;
    }
    .footer-menu ul.menu li {
        margin-bottom: 0px;
        text-align: center;
    }
    .owl-carousel img.slider-img-left {
        display: none;
    }
    .slider-title-1 img {
        height: 20px;
        left: 6px;
    }

    .slider-subtitle-1 {
        font-size: 3vw;
        padding: 0px;
        line-height: 2;
    }
    div#content {
        padding-top: 80px;
    }

    div#hp-slider .slider-item {
        height: 90vw;
        background-image: url(/wp-content/themes/mad/images/mobile_bg.png);
    }
    .owl-carousel img.slider-img-mobile {
        position: absolute;
        bottom: 0;
        width: 100%;
        transition: 0.7s all ease;
        transition-delay: 2.2s;
        transform: translateY(50px);
        opacity: 0;
        filter: drop-shadow(0px -11px 0px #204f8d);
        display: table !important;
    }

    .owl-carousel .active img.slider-img-mobile {
        opacity: 1;
        transform: none;
    }
    .slider-titles {
        left: 3%;
        top: 3%;
        width: 65%;
    }

    .slider-title-1 {
        font-size: 3vw;
        line-height: 1.9;
        font-weight: 600;
    }

    .owl-carousel img.slider-img-right {
        display: none;
    }

    #acp-toggle-toolbar.small {
        bottom: 20px;
        top: auto !important;
    }


    div#hp-mobile-about .block-text .block-subtitle {
        font-size: 25px;
        text-align: center;
        margin: auto auto 25px;
    }

    div#hp-mobile-about .block-text .block-subtitle:before {
        width: 20px;
        height: 20px;
        float: none;
        display: inline-block;
    }

    .block-content {
        font-size: 16px;
        text-align: center;
        line-height: 1.6;
    }

    a.block-link {
        margin: 30px auto auto;
        float: none;
        display: table;
    }


    .block-video-wrapper.mobile-video-wrapper {
        width: calc(100% + 30px);
        right: -15px;
        /* height: 56.26vw; */
        padding: 0px;
        padding-bottom: 56.25vw;
        height: 0px;
    }

    h2.h2-hp {
        margin: 0px auto auto;
        font-size: 20px;
    }

    .footer-menu {
        display: none;
    }

    div#footer-form {
        width: calc(100% - 50px);
    }

    .social-icons-floating {
        top: 79px;
    }

    div#hp-recommendations {
        margin-top: 50px;
    }

    div#owl-recommendations {
        max-width: calc(100% - 110px);
        margin: auto;
    }

    div#owl-hp-products {
        max-width: calc(100% - 120px);
        margin: auto;
    }

    div#owl-logos {
        max-width: calc(100% - 110px);
        margin: auto;
    }
    a.item-mobile-about span {
        position: relative;
        margin: auto;
        color: white;
        z-index: 3;
        font-size: 20px;
        padding: 0px 15%;
        text-align: center;
        font-weight: 100;
    }

    .container-fluid.h2-mobile {
        margin-top: 50px;
        position: relative;
    }

    .container-fluid.h2-mobile:after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: -4px;
        height: 4px;
        right: 0px;
        background: #b8b8b8;
        z-index: -1;
    }

    h2.h2-hp:after {
        height: 8px;
        bottom: -6px;
    }

    .recommendations-name {
        text-align: center;
        font-size: 18px;
    }

    .recommendations-content {
        text-align: center;
        font-size: 16px;
    }
    div#hp-products {
        height: 480px;
        padding: 0px;
    }
    .owl-item:nth-child(odd) a.item-mobile-about:after {
        content: '';
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background: rgba(32, 79, 141, 0.51);
    }
    .owl-item:nth-child(even) a.item-mobile-about:after {
        content: '';
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background: hsla(0, 100%, 50%, 0.51);
    }
    a.item-mobile-about {
        width: 100%;
        display: table;
        height: 44vw;
        position: relative;
        background-size: cover;
        display: flex;
    }
    div#hp-mobile-about-2 {
        max-width: calc(100% - 120px);
        margin: 30px auto auto;
    }
    ul#menu-top li.menu-item-has-children:after {
        content: '+';
        color: black;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        padding: 13px 21px;
        font-size: 24px;
        line-height: 1;
    }

    ul#menu-top li.menu-item-has-children:hover:after
    {
        content:'-';
    }

    ul#menu-top li ul.sub-menu li a {
        font-size: 15px;
    }

    div#hp-top {
        height: 50vw;
        margin-bottom: 30px;
    }

    img.header-topper-img {
        max-width: 30%;
    }

    h1.header-topper-title {
        font-size: 6vw;
        line-height: 1.2;
        margin: auto 10% 17%;
    }

    .header-topper {
        top: 0px;
        bottom: 0;
        margin: auto;
        width: 60%;
        background-size: contain;
        top: auto;
        background-position: bottom right;
    }

    img.rec-q-1 {
        width: 40px;
        margin: 30px 0px 10px;
    }

    img.rec-q-2 {
        display: block;
        width: 45px;
        margin: 10px auto auto 0px;
    }
	body.mobile-menu-open button#acp-toggle-toolbar {
		display: none !important;
	}


	body.mobile-menu-open div#wh-widget-send-button {
		display: none !important;
	}
}