/*-- home Page
================================================== */

.top-banner {
    height: calc(100vh - 90px);
    background-repeat: no-repeat;
    background-position: center center;;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

.text-banner {
    text-align: center;
    margin: auto;
    -ms-flex-item-align: center;
    align-self: center;
}

.text-banner h1 {
    font-size: 110px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 38px;
}

.men-banner {
    background-image: url(../images/man-banner-home.jpg);
}

.women-banner {
    background-image: url(../images/women-home-banner.jpg);
}

.text-banner .btn-main {
    min-width: 260px;
}

.banner-product {
    height: 720px;
}

.banner-link {
    height: 720px;
    width: 100%;
    position: relative;
    background-color: #F4F4F4;
    overflow: hidden;
    cursor: pointer;
}

.banner-link:before {
    content: "";
    position: absolute;
    z-index: 1;
    border-top: 0px solid;
    border-right: 1800px solid transparent;
}

.banner-link:hover:before, .banner-link:focus:before, .banner-link:active:before {
    border-top: 1400px solid;
    border-right: 3800px solid transparent;
}

.hover-color1:before, .hover-color1:hover:before {
    border-top-color: #0CCD73 !important;
}

.hover-color2:before, .hover-color2:hover:before {
    border-top-color: #BF5DCA !important;
}

.hover-color3:before, .hover-color3:hover:before {
    border-top-color: #3AADDA !important;
}

.hover-color4:before, .hover-color4:hover:before {
    border-top-color: #AB91EA !important;
}

.hover-product-wrap, .article-home-wrape {
    max-width: 720px;
    padding: 50px;
    position: relative;
    z-index: 2;
    text-align: center;
    height: 100%;
    margin: auto;
}

.hover-product-wrap figure img {
    max-height: 480px;
    max-width: 480px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-item-align: center;
    align-self: center;
}

.hover-product-wrap figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0px;
    height: 100%;
    opacity: 1;
}

.banner-link:hover .hover-product-wrap figure {
    margin-left: 150px;
    opacity: 0.5;
}

.btn-more {
    min-width: 150px;
}

.banner-product-details {
    text-align: left;
    max-width: 430px;
    position: absolute;
    z-index: 99;
    margin-top: 0px;
    opacity: 0;
}

.banner-product-details * {
    color: #fff;
}

.banner-product-details h2 {
    margin-bottom: 40px;
}

.banner-product-details h4 {
    margin-bottom: 70px;
}

.banner-link:hover .banner-product-details {
    margin-top: 52px;
    opacity: 1;
}

.home-article img {
    width: 100%;
    position: absolute;
}

.home-article {
    overflow: hidden;
    height: 720px;
    cursor: pointer;
}

.article-home-wrape {
    text-align: left;
}

.article-home-wrape h2 {
    max-width: 430px;
}

.article-home-wrape h2 a {
    color: #fff;
}

.article-home-wrape .badge {
    display: inline-block;
    line-height: 32px;
    background-color: #1A1A1A;
    font-size: 14px;
    font-weight: bold;
    border-radius: 24px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.article-home-wrape .btn-more {
    position: absolute;
    bottom: 50px;
}

/*-- product Listing
================================================== */

.product-listing {
    padding-top: 80px;
    padding-bottom: 120px;
    position: relative;
}

.product-listing [class*="col-"] {
    margin-bottom: 22px;
}

.product-category-box {
    text-align: center;
    color: #fff;
    height: 100%;
    margin-left: 11px;
    margin-right: 11px;
    margin-bottom: 22px;
    z-index: 1;
}

.articles-listing .row .row {
    margin-bottom: -11px;
    margin-top: -11px;
}

.articles-listing {
    padding-top: 80px;
    padding-bottom: 120px;
}

.articles-listing [class*="col-"] {
    margin: 11px 0px;
}

.product-category-box div.categories {
    display: block;
    padding-top: 96px;
    padding-bottom: 104px;
    height: 100%;
    min-height: 420px;
    position: relative;
}

.product-category-box div.categories p {
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    color: #fff;
}

.logo-color1 {
    background-color: #191919;
}

.logo-color2 {
    background-color: #22A6DA;
}

.logo-color3 {
    background-color: #D6E016;
}

.logo-color4 {
    background-color: #5E4AB9;
}

.logo-color5 {
    background-color: #A9CD00;
}

.logo-color6 {
    background-color: #0087A6;
}

.logo-color7 {
    background-color: #53DBED;
}

.logo-color8 {
    background-color: #0270A5;
}

.logo-color9 {
    background-color: #1BAA76;
}

.logo-color10 {
    background-color: #D7003B;
}

.logo-color11 {
    background-color: #89DC29;
}

.logo-color12 {
    background-color: #FFB124;
}

.women-logo-color1 {
    background-color: #BF5ECA;
}

.women-logo-color2 {
    background-color: #5DDAE7;
}

.women-logo-color3 {
    background-color: #BF5ECA;
}

.women-logo-color4 {
    background-color: #AB91EA;
}

.women-logo-color5 {
    background-color: #00CBBF;
}

.women-logo-color6 {
    background-color: #F78BA5;
}

.women-logo-color7 {
    background-color: #E92C76;
}

.women-logo-color8 {
    background-color: #E92C76;
}

.women-logo-color9 {
    background-color: #E92C76;
}

.women-logo-color10 {
    background-color: #E0299A;
}

.women-logo-color11 {
    background-color: #C546E8;
}

.women-list-hover-color1:before, .women-list-hover-color1:hover:before {
    background-color: #BF5ECA !important;
}

.women-list-hover-color2:before, .women-list-hover-color2:hover:before {
    background-color: #5DDAE7 !important;
}

.women-list-hover-color3:before, .women-list-hover-color3:hover:before {
    background-color: #BF5ECA !important;
}

.women-list-hover-color4:before, .women-list-hover-color4:hover:before {
    background-color: #AB91EA !important;
}

.women-list-hover-color5:before, .women-list-hover-color5:hover:before {
    background-color: #00CBBF !important;
}

.women-list-hover-color6:before, .women-list-hover-color6:hover:before {
    background-color: #F78BA5 !important;
}

.women-list-hover-color7:before, .women-list-hover-color7:hover:before {
    background-color: #E92C76 !important;
}

.women-list-hover-color8:before, .women-list-hover-color8:hover:before {
    background-color: #E92C76 !important;
}

.women-list-hover-color9:before, .women-list-hover-color9:hover:before {
    background-color: #E92C76 !important;
}

.women-list-hover-color10:before, .women-list-hover-color10:hover:before {
    background-color: #E0299A !important;
}

.women-list-hover-color11:before, .women-list-hover-color11:hover:before {
    background-color: #C546E8 !important;
}

.list-hover-color1:before, .list-hover-color1:hover:before {
    background-color: #0CCD73 !important;
}

.list-hover-color2:before, .list-hover-color2:hover:before {
    background-color: #22A6DA !important;
}

.list-hover-color3:before, .list-hover-color3:hover:before {
    background-color: #D6E016 !important;
}

.list-hover-color4:before, .list-hover-color4:hover:before {
    background-color: #5E4AB9 !important;
}

.list-hover-color5:before, .list-hover-color5:hover:before {
    background-color: #A9CD00 !important;
}

.list-hover-color6:before, .list-hover-color6:hover:before {
    background-color: #0087A6 !important;
}

.list-hover-color7:before, .list-hover-color7:hover:before {
    background-color: #53DBED !important;
}

.list-hover-color8:before, .list-hover-color8:hover:before {
    background-color: #0270A5 !important;
}

.list-hover-color9:before, .list-hover-color9:hover:before {
    background-color: #1BAA76 !important;
}

.list-hover-color10:before, .list-hover-color10:hover:before {
    background-color: #D7003B !important;
}

.list-hover-color11:before, .list-hover-color11:hover:before {
    background-color: #89DC29 !important;
}

.list-hover-color12:before, .list-hover-color12:hover:before {
    background-color: #FFB124 !important;
}

/*.women-list-hover-color1:before , .women-list-hover-color1:hover:before{ border-top-color:#BF5ECA!important;}
.women-list-hover-color2:before , .women-list-hover-color2:hover:before{ border-top-color:#5DDAE7!important;}
.women-list-hover-color3:before , .women-list-hover-color3:hover:before{ border-top-color:#BF5ECA!important;}
.women-list-hover-color4:before , .women-list-hover-color4:hover:before{ border-top-color:#AB91EA!important;}
.women-list-hover-color5:before , .women-list-hover-color5:hover:before{ border-top-color:#00CBBF!important;}
.women-list-hover-color6:before , .women-list-hover-color6:hover:before{ border-top-color:#F78BA5!important;}
.women-list-hover-color7:before , .women-list-hover-color7:hover:before{ border-top-color:#E92C76!important;}
.women-list-hover-color8:before , .women-list-hover-color8:hover:before{ border-top-color:#E92C76!important;}
.women-list-hover-color9:before , .women-list-hover-color9:hover:before{ border-top-color:#E92C76!important;}
.women-list-hover-color10:before , .women-list-hover-color10:hover:before{ border-top-color:#E0299A!important;}
.women-list-hover-color11:before , .women-list-hover-color11:hover:before{ border-top-color:#C546E8!important;}


.list-hover-color1:before , .list-hover-color1:hover:before{ border-top-color:#191919!important;}
.list-hover-color2:before , .list-hover-color2:hover:before{ border-top-color:#22A6DA!important;}
.list-hover-color3:before , .list-hover-color3:hover:before{ border-top-color:#D6E016!important;}
.list-hover-color4:before , .list-hover-color4:hover:before{ border-top-color:#5E4AB9!important;}
.list-hover-color5:before , .list-hover-color5:hover:before{ border-top-color:#A9CD00!important;}
.list-hover-color6:before , .list-hover-color6:hover:before{ border-top-color:#0087A6!important;}
.list-hover-color7:before , .list-hover-color7:hover:before{ border-top-color:#53DBED!important;}
.list-hover-color8:before , .list-hover-color8:hover:before{ border-top-color:#0270A5!important;}
.list-hover-color9:before , .list-hover-color9:hover:before{ border-top-color:#1BAA76!important;}
.list-hover-color10:before , .list-hover-color10:hover:before{ border-top-color:#D7003B!important;}
.list-hover-color11:before , .list-hover-color11:hover:before{ border-top-color:#89DC29!important;}
.list-hover-color12:before , .list-hover-color12:hover:before{ border-top-color:#FFB124!important;}*/
.col-md-6:hover {
    z-index: 10;
}

.product-box figure {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    min-height: 300px;
}

/*.product-box:hover figure{ margin-left:170px; z-index:2; opacity:1;  }*/
.product-box:hover figure {
    margin-left: 50px;
    z-index: 0;
    opacity: 0.5;
}

.product-box figure img {
    max-width: 310px;
    max-height: 310px;
    margin: auto;
    -ms-flex-item-align: center;
    align-self: center;
    justfy-content: center;
    -webkit-justfy-content: center;
}

.product-box {
    position: relative;
    height: 100%;
    z-index: 2;
    margin-left: 11px;
    margin-right: 11px;
    margin-bottom: 22px;
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: 420px;
}

.product-box:hover {
    position: relative;
    height: 100%;
    z-index: 3;
    margin-left: 11px;
    margin-right: 11px;
}

.product-box a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    overflow: hidden;
}

.product-box a h4 {
    padding-left: 30px; /*max-width:230px;*/
    width: 66%;
    padding-top: 27px;
    color: #FFF;
    margin-bottom: 30px;
    opacity: 0;
}

.product-box:hover a h4 {
    padding-top: 57px;
}

.product-box a h6 {
    padding-left: 30px; /*max-width:230px;*/
    width: 66%;
    color: #FFF;
    margin-bottom: 30px;
    opacity: 0;
}

.product-box a span {
    display: inline-block;
    padding-left: 30px;
    margin-top: 30px;
    opacity: 0; position:relative;
}
.product-box a span:after { position:absolute; content:''; opacity:0; width:86px; height:56px; background-image: url(../images/a-h.svg); left:30px;}
.product-box a span:hover:after { opacity:1; }
.product-box a span img { opacity:1;}
.product-box a span:hover img { opacity:0;}

.product-box:hover a * {
    opacity: 1;
}

.product-box a:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    z-index: -1;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Safari 3-8 */
    transform: rotate(-15deg);
    top: -250%;
    left: -50%;
}
.product-box.removing-out a:before {
    transition: all 0s ease 0s !important;
    -webkit-transition: all 0s ease 0s !important;
    -moz-transition: all 0s ease 0s !important;
    -o-transition: all 0s ease 0s !important;
    -ms-transition: all 0s ease 0s !important;
    top: -250% !important;
}

.product-box.out a:before {
    top: 150%;
}

.product-box:hover a:before, .product-box:focus a:before, .product-box:active a:before {
    top: -70%;
}

.product-box:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #F4F4F4;
    z-index: -2;
    content: ''
}

.fitler-button {
    position: fixed;
    left: 50%;
    margin-left: -114px;
    bottom: 50px;
    width: 228px;
    z-index: 11;
}

.filtermenu {
    height: 120px;
    background-color: #191919;
    width: 100%;
    position: fixed;
    z-index: 60;
}

.filtermenu ul {
    text-align: center;
}

.filtermenu ul li {
    display: inline-block;
    padding-top: 25px;
    padding-left: 56px;
    padding-right: 56px;
}

.filtermenu ul li img {
    margin-bottom: 5px;
}

.on {
    display: none;
}

.filtermenu ul li span {
    display: block;
    font-size: 13px;
}

.filtermenu ul li a, .filtermenu ul li a span {
    color: #ADADAD;
    display: block;
}

.filtermenu ul li a:hover img {
    margin-top: -10px;
    margin-bottom: 15px;
}

.filtermenu ul li a:hover, .filtermenu ul li a:hover span {
    color: #fff;
}

.filtermenu ul li.active a .on {
    display: inline-block;
}

.filtermenu ul li.active a .off {

    display: none;
}

.menuclosed {
    display: none;
}

/*-- search result
================================================== */

.search-result-title {
    margin-bottom: 80px;
    text-align: center;
}

.search-result-title h2 span {
    font-weight: 400;
}

/*-- Article Listing
================================================== */

.article-list {
    margin: 0 11px;
}

.article-list {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.article-list a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative
}

.article-text {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
}

.article-text h4, .article-text p, .article-text span {
    margin-left: 48px;
    max-width: 215px;
}

.article-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.article-text h4 {
    padding-top: 40px;
    margin-bottom: 30px;
}

.article-list img {
    width: 100%;
    min-height: 100%;
}

.article-text * {
    color: #fff;
}

.article-text span.bottom-btn {
    position: absolute;
    bottom: 48px;
}

.dark .article-text * {
    color: #1A1A1A;
}

.dark .btn-main {
    border-color: #1a1a1a;
}

.dark .btn-main:hover {
    border-color: #1a1a1a;
    background-color: #1a1a1a;
    color: #FFF;
}

.list-big .article-text h4, .list-big .article-text p, .list-big .article-text span {
    max-width: 320px;
}

/*-- Article Details
================================================== */

.article-header {
    overflow: hidden;
    position: relative;
    max-height: 710px; text-align:right;
}

.article-header h1 {
    max-width: 1024px;
    margin: auto;
    margin-right: auto;
    padding-left: 22px;
    padding-right: 22px;
    text-align: center;
    position: absolute;
    left:50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    bottom: 130px;
    color: #fff;
}

.blog-text {
    padding-bottom: 100px;
}

.article-header img {
    width: 100%; max-width:1820px;
}

.metadat {
    text-align: center;
    font-size: 16px;
}

.article-title {
    text-align: center;
}

.article-title {
    margin-bottom: 60px;
}

.blog-box {
    margin-bottom: 60px;
    max-width: 588px;
    margin-left: auto;
    margin-right: auto;
}

.blog-box p {
    margin-bottom: 40px;
}

.blog-box p:last-child {
    margin-bottom: 0px;
}

.blog-img {
    text-align: center;
}

.blog-img img {
    max-width: 720px;
    margin-bottom: 80px;
    width: 100%;
}

.blog-box h3 {
    font-size: 32px;
    margin-bottom: 30px;
    color: #0976B6;
}

.tall-banner {
    padding: 40px 32px 120px 32px;;
    height: 100%;
}

.tall-banner {
    margin-left: 11px;
    margin-right: 11px;
    position: relative;
    text-align: center;
}

.tall-banner a {
    height: 100%;
    display: block;
}

.tall-banner a span {
    position: absolute;
    left: 32px;
    bottom: 40px;
}

.tall-banner a h4 {
    text-align: left;
    margin-bottom: 25px;
    color: #fff;
}

.tall-banner a h6 {
    text-align: left;
    margin-bottom: 35px;
    color: #fff;
}

.bg-colo1 {
    background-color: #11467C;
}

.bg-colo1:hover {
    background-color: #EA9819;
}

.img-banner {
    max-height: 340px;
}

.blog-cta {
    margin-left: 11px;
    margin-right: 11px;
    padding-top: 40px;
}

.tall-banner-mobile {
    display: none;
}

.related h3 {
    text-align: center;
    margin-bottom: 40px; padding-left:20px; padding-right:20px;
}

.owl-item:hover {
    z-index: 5;
}

.owl-item .product-box:hover figure {
    margin-left: 70px;
    opacity: 0.5;
}

.related-articles {
    margin-bottom: 100px;
}

.blog-text .row {
    margin-bottom: 38px;
}

.blog-box a {
    color: #0976B6;
    text-decoration: underline;
}

.blog-box a:hover {
    color: #0976B6;
    text-decoration: none;
}

/*-- About us
================================================== */

.about-box {
    margin-bottom: 82px;
    max-width: 805px;
    margin-left: auto;
    margin-right: auto;
}

.about-box h4 {
    float: left;
    max-width: 180px;
    color: #0976B6;
}

.about-box h3 {
    color: #0976B6;
    margin-left: 204px;
    margin-bottom: 40px;
}

.about-box h4 span {
    font-size: 84px;
}

.about-box h4 b {
    font-size: 44px;
}

.about-box p {
    padding-left: 204px;
}

.marge1 {
    margin: 0 11px;
}

.marge1.marge2 {
    margin-top: 22px;
    margin-right: 200px;
}

.about-text .row {
    margin-bottom: 100px;
}

/*-- Privacy
================================================== */

.page-heading {
    text-align: center;
    padding: 117px 0;
}

.page-heading * {
    color: #FFF;
}

.privacy {
    background-color: #0976B6;
}

.privacy-women {
    background-color: #EB5DD7;
}

.content-wapper {
    max-width: 834px;
    margin: auto;
    padding: 0 21px;
}

.content-wapper p {
    margin-bottom: 30px;
}

.content-wapper p span {
    margin-left: -32px;
    padding-right: 15px;
}

.content-wapper h4 {
    margin-bottom: 30px;
    margin-top: 30px;
    color: #0976B6;
    font-size: 22px;
}

/*.content-wapper,*/
.ulbox ul {
    margin-bottom: 30px;
}

/*.content-wapper,*/
.ulbox ul li {
    list-style: disc;
    margin-left: 20px;
    padding-left: 20px;
}

.content-wapper a {
    color: #888888;
    text-decoration: underline;
}

.content-wapper a:hover {
    color: #888888;
    text-decoration: none;
}

.last-update {
    text-align: center;
    padding-top: 60px;
}

.last-update h6 {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #A8A8A8;
}

.last-update h6:after {
    content: '';
    display: inline-block;
    width: 100%;
    background-color: #A8A8A8;
    height: 1px;
}

.content-women h4 {
    color: #EB5DD7;
}

/*-- Contact Us
================================================== */
.contact-wrap1 {
    max-width: 630px;
    margin: auto;
    padding: 0 11px;
}

.contact-wrap .form-group label span {
    color: #D23214;
}

.contact-wrap1 .form-group label {
    width: 100%;
}

.contact-wrap1 .form-group label a {
    float: right;
    text-decoration: underline;
    padding-left: 15px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/label-link.svg);
}

.contact-wrap1 .form-group label a:hover {
    float: right;
    text-decoration: none;;
}

.contact-wrap .form-control {
    border-color: #979797;
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 30px;
    background-color: #FBFBFB
}

.contact-wrap .form-control.is-valid {
    border-color: #28a745;
}

.contact-wrap .form-control.is-invalid {
}

.valid-feedback, .invalid-feedback {
    color: #191919;
    font-size: 100%;
}

.contact-wrap select.form-control:not([size]):not([multiple]) {
    height: calc(60px + 2px);
    background-image: url(../images/dropdown.svg);
    background-size: 16px 11px;
}

.contact-wrap .form-row > .col, .form-row > [class*="col-"] {
    padding: 0 10px;
}

textarea.noresize {
    resize: none;
}

.form-group .btn {
    width: 100%;
    text-align: center;
}

.contact-wrap1 .alert {
    width: 100%;
}

/*-- Product details
================================================== */
.product-top {
    position: relative;
    padding: 100px 0;
}

.product-top:after {
    position: absolute;
    right: 0;
    width: 33.333%;
    height: 100%;
    top: 0;
    content: '';
    z-index: 0;
}

.product-color1 {
    background-color: #0BCD70;
}

.product-top.product-color1:after {
    background-color: #000;
}

.product-color2 {
    background-color: #BF5ECA;
}

.product-top.product-color2:after {
    background-color: #DCF3FF;
}

.product-details-photo {
    width: 650px;
    text-align: center;
    height: 100%;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -120px;
}

.product-details-text h1, .product-details-text h4, .product-details-text p {
    color: #fff;
}

.product-details-text h1 span {
    font-size: 48px;
    font-weight: bold;
}

.product-details-text p {
    margin-bottom: 30px;
}

.product-details-text h4 {
    font-size: 22px;
}

.socila-btn {
    margin-left: 10px;
}

.product-cta {
    padding-bottom: 60px;
    padding-top: 50px;
}

.btn-buy {
    min-width: 180px;
}

.review-recommend {
    margin-top: 45px;
    color: #FFF;
}

.product-button {
    text-align: left;
}

.btn.socila-btn {
    width: 56px;
    height: 56px;
    border: solid 2px #fff;
    border-radius: 28px;
    line-height: 56px;
    color: #fff;
    padding: 0px;
}

.btn.socila-btn {
    font-size: 27px;
}

.product-button .btn-main {
    margin-right: 15px;
}

.btn.socila-btn a {
    border: solid 1px #fff;
    border-radius: 28px;
    line-height: 56px;
    color: #fff;
}

.review-recommend a {
    color: #1A1A1A;
    font-size: 16px;
}

.review-recommend a span {
    font-weight: bold;
}

.review-recommend a span i {
    font-size: 18px;
    float: left;
    margin-right: 6px;
    color: #fff;
    vertical-align: middle;
    line-height: 30px;
}

.review-recommend a span b {
    font-size: 30px;
    float: left;
    margin-right: 5px;
    color: #fff;
}

.review-recommend a big {
    font-size: 18px;
    padding-left: 27px;
    color: #fff;
}

.product-cta-2 {
    display: flex;
}

.product-cta-2:hover .cta-img img {
    transform: scale(1.03);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.03);
}

.cta-img { width:150px; margin-right:20px; text-align:left;}
.cta-img img {max-height: 150px;}


.cta-link {
    width: 88px;
    margin-bottom: 20px;
    float: right;
}

.cta-link a {
    display: block;
    width: 86px;
    height: 56px;
    background-image: url(../images/a.svg);
    background-size: cover;
}

.cta-link a:hover {
    background-image: url(../images/a-h.svg);
}

.cta-text {
    margin-right: 30px;
    width: 310px;
}

.cta-text p {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 26px;
}

.video-banner {
    position: relative;
}

.video-banner a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 108px;
    height: 108px;
    border-radius: 54px;
    text-align: center;
    line-height: 108px;
    margin-left: -54px;
    margin-top: -54px;
}

.video-banner button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 108px;
    height: 108px;
    border-radius: 54px;
    text-align: center;
    line-height: 108px;
    margin-left: -54px;
    margin-top: -54px;
}

.bg-color1 {
    background-color: #0BCD6F;
}

.bg-color2 {
    background-color: #BF5ECA;
}

.product-banners {
    position: relative;
    display: block;
    height: 100%;
}

.product-banners img {
    width: 100%;
    min-height: 100%;
}

.product-banners h4 {
    position: absolute;
    left: 48px;
    top: 40px;
    max-width: 227px;
    color: #383838;
}

.product-banners h4 span {
    font-size: 16px;
    line-height: 26px;
    display: block;
    margin-top: 20px;
    font-weight: 400;
}

.product-banner-bottom h4 {
    top: 50% !important;
    max-width: inherit !important;
    margin-right: 48px;
    margin-top: 40px;
}

.tile .article-list {
    margin: 0px;
}

.product-banners-bg h4 {
    max-width: 330px;
}

.videoimg {
    min-height: 100%;
    width: 100%;
}

.detail-article {
}

.detail-article small {
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    border-radius: 16px;
    text-transform: uppercase;
    color: #1A1A1A !important;
    margin-bottom: 15px;
}

.dark .detail-article small {
    background-color: #1A1A1A;
    color: #fff !important;
}

.banner-light * {
    color: #FFF !important;
}

.banners {
    padding-left: 48px;
    display: block;
    height: 100%;
    min-height: 400px;
}

.banners .banner-image {
    width: 40%;
    float: right;
    text-align: right;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 400px;
}

.banners .banner-text {
    width: 50%;
    float: left;
    padding-top: 40px;
}

.banners .banner-text h4 {
    color: #383838;
}

.banners .banner-text h4 span {
    color: #383838;
    font-size: 16px;
    font-weight: normal;
    display: block;
    padding-top: 15px;
}

.banners.banners-top, .banners.banner-bottom {
    padding-left: 0px;
}

.banners.banners-top h4, .banners.banner-bottom h4 {
    padding-left: 48px;
    padding-right: 48px;
}

.banners.banners-top .banner-text, .banners.banner-bottom .banner-text {
    width: 100%;
    float: none;
}

.banners .banner-image img {
    -ms-flex-item-align: end;
    align-self: end;
    margin-left: auto;
    max-height: 440px;
}

.banners .banner-image.center-img img {
    -ms-flex-item-align: center;
    align-self: center;
}

.banners .banner-image.bottom-img img {
    -ms-flex-item-align: flex-end;
    align-self: flex-end;
}

.banner-color-1 {
    background-color: #191919;
}

.banner-color-2 {
    background-color: #0BCD70;
}

.banner-color-3 {
    background-color: #DCF3FF;
}

.banner-color-4 {
    background-color: #BF5ECA;
}

.banners.banners-top .banner-image, .banners.banner-bottom .banner-image {
    width: 100%;
    float: none;
    height: auto;
}

.banners.banner-bottom .banner-image img {
    margin-left: auto;
    margin-right: auto;
}

.banners.big-img .banner-image {
    width: 60%;
}

.banners.big-img .banner-text {
    width: 40%;
}

.banners.big-img h4 {
    width: calc(100% + 50%)
}

.banners:after {
    content: '';
    clear: both;
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    background-color: #CCC;
}

.tile.is-ancestor {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.tile.is-ancestor:last-child {
    margin-bottom: 0;
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: 0;
}

.tile.is-child {
    margin: 0 !important;
}

.tile.is-parent {
    padding: 0;
}

.tile.is-vertical {
    flex-direction: column;
}

.tile.is-vertical > .tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important;
}

@media screen and (min-width: 769px), print {
    .tile:not(.is-child) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333%;
    }

    .tile.is-2 {
        flex: none;
        width: 16.66667%;
    }

    .tile.is-3 {
        flex: none;
        width: 25%;
    }

    .tile.is-4 {
        flex: none;
        width: 33.33333%;
    }

    .tile.is-5 {
        flex: none;
        width: 41.66667%;
    }

    .tile.is-6 {
        flex: none;
        width: 50%;
    }

    .tile.is-7 {
        flex: none;
        width: 58.33333%;
    }

    .tile.is-8 {
        flex: none;
        width: 66.66667%;
    }

    .tile.is-9 {
        flex: none;
        width: 75%;
    }

    .tile.is-10 {
        flex: none;
        width: 83.33333%;
    }

    .tile.is-11 {
        flex: none;
        width: 91.66667%;
    }

    .tile.is-12 {
        flex: none;
        width: 100%;
    }
}

/*-- Reviews
================================================== */

.roduct-review-box {
    margin-bottom: 40px;
    background-color: #F4F4F4;
    padding: 50px;
    margin-left: 11px;
    margin-right: 11px;
}

.review-heading h3 {
    float: left;
    text-align: left;
    margin-bottom: 0px;
}

.review-heading h3 small {
    display: block;
    font-size: 18px;
    line-height: 18px;
}

.star-ratting span {
    display: block;
}

.star-ratting {
    text-align: right;
}

.review-text h4:before {
    content: '“';
    display: block;
    font-size: 66px;
    font-family: "Arial Black", Gadget, sans-serif;
}

.review-text {
    margin-bottom: 35px;
}

.review-vote h6 {
    display: inline-block;
    margin-right: 10px;
}

.review-vote a {
    line-height: 40px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    min-width: 90px;
    text-align: center;
    color: #383838;
    background-color: #fff;
    border-radius: 20px;
}

.review-vote a:hover {
    color: #fff;
    background-color: #383838;
}

.writereview {
    background-color: #191919;
    padding: 43px;
    text-align: center;
    margin-bottom: -62px;
    position: relative;
    z-index: 9;
    margin-left: 11px;
    margin-right: 11px;
}

.writereview-star {
    text-align: center;
    color: #FFF;
    margin-bottom: 34px;
}

.writereview-star span {
    display: block;
}

.writereview-star b {
    font-size: 30px;
}

.close {
    opacity: 1;
    font-size: 0.5rem;
}

.review-modal {
}

.modal-body {
    padding-left: 70px;
    padding-right: 70px;
}

.modal-content {
    border-radius: 20px;
}

.teanks {
    text-align: center;
    padding: 120px 0;
}

.teanks h1 {
    margin-bottom: 40px;
}

.teanks h4 {
    margin-bottom: 70px;
}

.teanks a {
    min-width: 164px;
}

.modal-header {
    border: none;
}

.review-terms {
    font-size: 12px;
    line-height: 18px;
    margin-top: 30px !important;
    border-top: solid 1px #CCCCCC !important;
    margin-bottom: 30px !important;
    padding-top: 10px !important;
}

.review-from label {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.review-from .form-control {
    border-radius: 0;
    border: solid 1px #ccc;
    font-size: 18px;
    line-height: 1.7rem;
}

.review-from .form-control:focus {
    box-shadow: 0 0 0 0rem rgba(0, 0, 0, .0);
    border: solid 1px #5F5F5F;
}

.custom-radio .custom-control-label {
    font-size: 18px;
    font-weight: 400;
}

.form-control::placeholder, .form-control::-moz-placeholder {
    color: #191919;
    opacity: 0.3 !important;
}

.custom-control-label:before {
    background-color: #fff;
    border: solid 1px #ccc;
}

.custom-control-label:after {
    background-image: none !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #383838;
}

.review-from a {
    color: #757575;
}

.startline {
    border-bottom: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    padding-top: 30px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.review-from select.form-control:not([size]):not([multiple]) {
    background-image: url(../images/dropdown.svg);
    background-size: 16px 11px;
}

/*-- Header
================================================== */
header {
    border-bottom: solid 1px #ccc;
}

.left-nav {
    float: left;
}

.header-search {
    float: right;
}

.brand-header {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    width: 50%;
}

.left-nav ul {
    padding-left: 37px;
    padding-right: 36px;
    border-right: solid 1px #CCCCCC;
}

.left-nav ul, .footer-link ul {
    center;
    display: -webkit-flex; /* Safari */
    display: flex;
}

.left-nav ul li {
    display: inline-block;
    line-height: 90px;
    padding-left: 3px;
    align-self: center;
    -webkit-align-self: center;
}

.left-nav ul li span {
    padding-right: 4px;
    font-size: 14px;
}

.left-nav ul li a {
    padding: 0 16px;
    font-size: 12px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 35px;
    border-radius: 18px;
    background-color: #fff;
    display: block;
    border: solid 1px #fff;
}

.left-nav ul li a.active {
    border: solid 1px #2E2E2E;
    cursor: default;
}

.left-nav ul li a:hover {
    color: #fff;
    background-color: #383838;
    border: solid 1px  #383838;
}

.left-nav ul li a.active:hover {
    color: #383838 !important;
    background-color: #fff !important;
}

.brand-header ul, .mobile-header .left-nav ul, .footer-social, .filtermenu ul {
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-flex; /* Safari */
    display: flex;
}

.brand-header ul li {
    display: inline-block;
    line-height: 90px;
    padding: 0 30px;
}

.brand-header ul li a {
    font-size: 14px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

.brand-header ul li a:hover {
    color: #383838;
}

.brand-header ul li a.selected:before {
    background-color: #383838;
}

.brand-header ul li a:before {
    content: '';
    height: 4px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: -3px;
}

.brand-header ul li a:hover:before {
    background-color: #383838;
}

.brnad:before {
    display: none;
}

.header-search-input {
    background-color: #fff;
    background-image: url(../images/search-black.svg);
    background-repeat: no-repeat;
    background-position: right center;
    border: none;
    line-height: 90px;
    border-left: solid 1px #ccc;
    width: 102px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    text-indent: -200px;
    position: relative;
    z-index: 2;
    border-radius: 0;
    -webkit-appearance: none;
    height: 90px;
    padding-right: 102px;
}

.header-search-input:hover {
    background-color: #191919;
    background-image: url(../images/search-w.svg);
}

.header-search-input:focus {
    background-color: #191919;
    background-image: none;
    width: 350px;
    cursor: text;
    text-indent: 40px;
    z-index: 0;
}

.header-search button {
    background-image: url(../images/search-w.svg);
    width: 102px;
    height: 90px;
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 39px center;
}

.mobile-header {
    display: none;
}

.menu-icon {
    width: 60px;
    text-align: center;
    float: left;
    line-height: 60px;
    cursor: pointer;
}

.sidenav {
    height: 100%;
    width: 240px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #fff;
    margin-left: -320px;
    transition: 0.5s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.smallmenu {
    padding-top: 60px;
}

.smallmenu a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #383838;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
}

.smallmenu a:hover {
    color: #999999;
}

.sidenav .closebtn {    position: absolute; width:60px; height:60px;     top: 0;    right: 0px; text-align:center; line-height:60px; margin-right:-60px; background-color:#FFF; border-left:solid 1px #ccc;  }


.footer-social.header-scial a {
    color: #383838;
}

.fitler-button .btn-main-secondary {
    display: block;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

/*-- Footer 
================================================== */
footer {
    background: #191919;
    z-index: 12;
    position: relative;
}

.footer-warp {
    max-width: 1320px;
    padding: 0 30px;
    margin: auto;
}

.copyright {
    float: right;
    font-size: 13px;
    color: #AFAFAF;
    line-height: 200px;
}

.footer-link ul li {
    display: inline-block;
    border-left: solid 1px #5F5F5F;
    padding: 80px 30px 0px 30px;
}

.footer-link ul li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: bold;
    position: relative
}

.footer-link ul li a:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: rgb(255, 255, 255, 0);
    position: absolute;
    bottom: -1px;
}

.footer-link ul li a.active:before {
    height: 4px;
    background-color: rgb(255, 255, 255, 1);
    bottom: -4px;
}

.footer-link ul li a:hover:before {
    background-color: rgb(255, 255, 255, 1);
}

.footer-link {
    float: left;
}

.footer-social {
    padding-top: 80px;
}

.footer-social a {
    margin-left: 10px;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 25px;
    text-align: center;
}

.fb:hover {
    color: #3766B0;
}

.ut:hover {
    color: #DA3539;
}

.insta:hover {
    color: #F06A63;
}

.footer-social {
    float: left;
    margin-left: 140px;
}

/*.fb{ background-image:url(../images/f-w.svg);}
.ut{ background-image:url(../images/u-w.svg);}
.insta{ background-image:url(../images/i-w.svg);}
.fb:hover{ background-image:url(../images/f-c.svg);}
.ut:hover{ background-image:url(../images/u-c.svg);}
.insta:hover{ background-image:url(../images/i-c.svg);}*/

.mobile-only1 {
    display: none;
}

.spinner {
    margin: 20px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.home-article:hover img, .article-list:hover img, .product-details-photo img:hover, a:hover .wide-type-1 img {
    transform: scale(1.03);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.03);
}

.home-article, .article-list {
    overflow: hidden;
    position: relative;
}

.product-details-photo img {
    width: 100%;
    margin: auto;
    -ms-flex-item-align: center;
    align-self: center;
    justfy-content: center;
    -webkit-justfy-content: center;
}

.article-nocar .article-list {
    max-width: 400px;
    float: left;
}

.noslider-box {
    width: 100%;
    display: block;
}

.noslider-box .product-box {
    width: calc(33.33% - 22px);
    float: left;
    height: auto;
}

.custome-scroll {
    overflow: auto;
    height: calc(100vh - 90px);
    position: relative
}

.banners .btn-main {
    margin-top: 20px;
}

.btn-dark1 {
    border-color: #1a1a1a !important;
    color: #1a1a1a !important;
}

.banners .btn-main.btn-dark1:hover {
    border-color: #1a1a1a !important;
    color: #fff !important;
    background-color: #1a1a1a !important;
}

.banners .btn-main:hover {
    color: #1a1a1a !important;
}

.articles-only .article-list {
    margin: 0px;
    max-height: 475px;
}

.articles-only .product-box {
    margin: 0px;
}

.articles-only .big-article .article-list img {
    height: 100%;
    width: auto;
    float: right;
}

.articles-only .big-article .article-list {
    max-height: inherit;
}

.hide1 {
    overflow: hidden;
    position: relative;
}

.bottom-top {
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
    transition: -webkit-transform .9s cubic-bezier(.4, 0, 0, 1);
    transition: transform .9s cubic-bezier(.4, 0, 0, 1);
    transition: transform .9s cubic-bezier(.4, 0, 0, 1), -webkit-transform .9s cubic-bezier(.4, 0, 0, 1);
    overflow: hidden;
}

.top-bottom {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    transition: -webkit-transform .9s cubic-bezier(.4, 0, 0, 1);
    transition: transform .9s cubic-bezier(.4, 0, 0, 1);
    transition: transform .9s cubic-bezier(.4, 0, 0, 1), -webkit-transform .9s cubic-bezier(.4, 0, 0, 1);
    overflow: hidden;
}

.active .bottom-top, .active .top-bottom {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.last .bottom-top {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
}

.last .top-bottom {
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
}

.home-banner-carousel {
    background-color: #F4F4F4;
}

.mobile-only2 {
    display: none;
}

.article-list.article-list-result img {
    width: auto;
    height: 100%;
    max-height: 450px;
}

.content-wapper div.about-box:last-child {
    margin-bottom: 0px;
}

.content-wapper .row {
    margin-bottom: 100px;
}

@media (max-width: 991px) {
    .content-wapper .row {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .content-wapper p {
        margin-bottom: 1rem;
    }
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: .75rem 1.25rem !important;
    border: 0 !important;

}

.video-banner a {
    padding-left: 7px;
}

.buy-from {
    margin-bottom: 40px;
    text-align: center;
}

.buy-from span {
    display: block;
    min-height: 60px;
    margin-bottom: 20px;
    line-height: 60px;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}

.buy-from .btn-main-dark {
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 28px;
}

.buy-from img {
    max-height: 60px;
}

/* ACF Review Form */
.review-from .acf-fields > .acf-field, .review-from .form-row > [class*="col-"] {
    padding: 0 10px;
}

.review-from .acf-input-wrap input {
    height: auto;
}

.review-from .acf-field.acf-field-star-rating .acf-label {
    padding-left: 0;
}

.review-from .acf-field-star-rating {
    width: 100%;
}

.review-from .clear-button {
    display: none;
}

.review-from div[data-name="overall_rating"] {
    padding: 0 10px;
}

.review-from div.field_type-star_rating ul.star-rating {
    font-size: 20px;
}

.review-from div.field_type-star_rating ul.star-rating li {
    color: #757575
}

.review-from div.field_type-star_rating ul.star-rating li:hover {
    color: #191919
}

.review-from .custom-select {
    padding: .375rem 1.75rem .375rem .75rem;
}

.writereview-star span .overall-review-stars {
    display: inline;
}

.review-from .acf-field input[type="text"],
.review-from .acf-field textarea,
.review-from .acf-field input[type="email"] {
    line-height: 1.7rem;
    padding: .375rem .75rem;
    font-size: 18px;
}

.image-hegiht {
    overflow: hidden;
    max-height: 420px;
}

.half-height {
    overflow: hidden;
}

.full-height {
    overflow: hidden;
}

.video-banner {
    height: 100%;
}

.banners-top img {
    max-height: 600px;
}

.tile .article-list a {
    max-height: 440px;
}

.video-banner.image-height .videoimg {
    width: auto;
    max-height: 440px;
}

.full-height .video-banner {
    max-height: inherit;
}

.full-height-article article .article-list a {
    max-height: inherit;
}

.full-height-article article .article-list img {
    width: auto;
    max-height: 880px;
}

.banners .banner-image.center-img img {
    -ms-flex-item-align: center;
    align-self: center;
}

.banners .banner-image.top-img img {
    -ms-flex-item-align: start;
    align-self: start;
}

.banners-top-img-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.banners-top-img-bottom .banner-text {
    margin-bottom: auto;
}

.only-image {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    min-height: 440px;
}

.only-image a:hover img, a:hover .wide-article-1 img {
    transform: scale(1.03);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.03);
}



.video-wide, .video-square {
    width: 100%;
    /*min-height: 480px;*/
}

.video-tall {
    width: 100%;
    height: 960px;
}

.square-box h4, .tall-box h4 {
    font-size: 30px;
    line-height: 40px;
    color: #383838;
}

.square-box p, .tall-box p {
    font-size: 16px;
    line-height: 26px;
    color: #383838;
}

.square-box {
    display: block;
    width: 100%;
    height: 100%;
}

.square-type-1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.wide-type-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.square-type-1 .square-box-text {
    float: left;
    width: 66%;
    margin-right: -16%;
    padding-left: 48px;
    padding-top: 48px;
}

.square-box-text {
    z-index: 2;
}

.square-type-1 .square-box-img {
    float: right;
    width: 50%;
    overflow: hidden;
}

.square-type-1 .square-box-img img {
    width: 200%;
}

.square-type-2 .square-box-text {
    float: left;
    width: 63%;
    padding-left: 48px;
    padding-top: 48px;
}

.square-type-2 .square-box-img {
    float: right;
    width: 36%;
    text-align: right;
}

.square-type-2 .square-box-img img {
    width: 100%;
    max-height: 480px;
}

.square-type-3 .square-box-text {
    position: absolute;
    width: 63%;
    padding-left: 48px;
    padding-top: 48px;
}

.square-type-3 .square-box-img {
    float: none;
    width: 100%;
    overflow: hidden;
}

.square-type-3 .square-box-img img {
    width: 100%;
}

.square-box.square-type-4 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.square-type-4 .square-box-text {
    width: 100%;
    padding-right: 48px;
    padding-left: 48px;
    padding-top: 48px;
    margin-bottom: auto;
    height: 50%;
}

.square-type-4 .square-box-img {
    float: none;
    width: 100%;
    height: 50%;
    overflow: hidden;
}

.square-type-4 .square-box-img img {
    width: 100%;
}

.box-color-1 {
    background-color: #0BCD70;
}

.box-link {
    display: block;
    width: 100%;
    height: 100%;
}

.square-box-dark * {
    color: #fff !important;
}

.square-box a {
    color: #383838;
}

.tall-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 960px;
    min-height: 100%;
}

.tall-type-1 .tall-box-text, .tall-type-2 .tall-box-text {
    float: none;
    width: 100%;
    padding-right: 48px;
    padding-left: 48px;
    padding-top: 48px;
    height: 25%;
    z-index: 2;
}

.tall-type-1 .tall-box-img {
    float: none;
    width: 100%;
    height: 75%;
    overflow: hidden;
    margin-top: auto;
    -ms-flex-item-align: end;
    align-self: end;
}

.tall-type-2 .tall-box-img {
    float: none;
    width: 100%;
    height: 50%;
    overflow: hidden;
    margin-bottom: auto;
    -ms-flex-item-align: start;
    align-self: start;
}

.tall-type-1 .tall-box-img img, .tall-type-2 .tall-box-img img{ width:auto; height:100%;
	-ms-transform: translateX(-16.5%);
    -webkit-transform: translateX(-16.5%);
    transform: translateX(-16.5%);}


.tall-type-3 .tall-box-text {
    position: absolute;
    float: none;
    width: 100%;
    padding-right: 48px;
    padding-left: 48px;
    padding-top: 48px;
}

.tall-type-3 .tall-box-img {
    float: right;
    width: 100%;
}

.tall-type-3 .tall-box-img img {
    width: 100%;
}

.wide-type-1 .square-box-text {
    position: absolute;
    width: 50%;
    padding-left: 48px;
    padding-top: 48px;
    height: 100%;
    z-index: 2;
}

.wide-article-1 .square-box-text {
    position: absolute;
    width: 66%;
    padding-left: 48px;
    padding-top: 48px;
    height: 100%;
    z-index: 2;
}

.wide-type-1 .square-box-img {
    float: none;
    width: 100%;
}

.wide-type-1 .square-box-img img {
    width: 100%;
}

.product-details-text {
    z-index: 2;
    position: relative;
}

.wide-type-2 .square-box-text {
    width: 50%;
    float: left;
    padding-left: 48px;
    padding-top: 48px;
    height: 100%;
    z-index: 2;
}

.wide-type-2 .square-box-img {
    float: right;
    width: 50%;
    overflow: hidden;
}

.wide-type-2 .square-box-img img {
    width: 100%;
}

.wide-article-1 span.bottom-btn {
    position: absolute;
    bottom: 48px;
    color: #1A1A1A !important;
    border-color: #1a1a1a;
}

.wide-article-1 span:hover.bottom-btn {
    color: #fff !important;
    border-color: #1a1a1a;
    background-color: #1a1a1a;
}

.wide-article-1.text-color-light span.bottom-btn {
    color: #fff !important;
    border-color: #fff;
}

.wide-article-1.text-color-light span:hover.bottom-btn {
    color: #1a1a1a !important;
    border-color: #fff;
    background-color: #fff;
}

.wide-article-1 small {
    display: inline-block;
    background-color: #1A1A1A;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    border-radius: 16px;
    text-transform: uppercase;
    color: #fff !important;
    margin-bottom: 15px;
}

.article-text small.badge {
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    border-radius: 16px;
    text-transform: uppercase;
    color: #1A1A1A !important;
    margin-bottom: 15px;
}

.dark .article-text small.badge {
    display: inline-block;
    background-color: #1A1A1A;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    border-radius: 16px;
    text-transform: uppercase;
    color: #fff !important;
    margin-bottom: 15px;
}

.wide-article-1.text-color-light small {
    background-color: #fff;
    color: #1A1A1A !important;
}

.tall-type-3.wide-article-1 .square-box-text {
    width: 100%;
    padding-right: 48px;
}

.btn-main.cta-btn {
    border-color: #1a1a1a;
    color: #1a1a1a;
}

.btn-main.cta-btn:hover {
    border-color: #fff;
    color: #fff;
    background-color: #1a1a1a;
}

.text-color-light .btn-main.cta-btn {
    border-color: #fff;
    color: #fff;
}

.text-color-light .btn-main.cta-btn:hover {
    border-color: #fff;
    color: #1a1a1a;
    background-color: #fff;
}

.text-color-light.square-box h4, .text-color-light.tall-box h4, .text-color-light.tall-box p, .text-color-light.square-box p {
    color: #fff;
}

/*.img-align-bottom, .img-align-top, .img-align-center{display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -moz-flex;  display: -webkit-flex;  display: flex; height:100%;}

.img-align-bottom img{ margin-top:auto; -ms-flex-item-align: end;     align-self: end; }
.img-align-top img{ margin-bottom:auto; -ms-flex-item-align: start;     align-self: start; }
.img-align-center img{ margin-bottom:auto; margin-top:auto; -ms-flex-item-align: center;     align-self: center; }*/

.box-color-2 {
    background-color: #22A6DA;
}

.list-tall h4 {
    max-width: inherit;
    padding-right: 48px;
}

.list-big .square-img {
    display: none;
}

.list-big .vert-img {
    display: none;
}

.list-square .horiz-img {
    display: none;
}

.list-square .vert-img {
    display: none;
}

.list-tall .square-img {
    display: none;
}

.list-tall .horiz-img {
    display: none;
}

.scrollbars {
    width: 100%;
    height: calc(100vh - 90px);
}

.vert-scroll {
    overflow: auto;
}

.box-color-3 {
    background-color: #292929;
}

.blog-details-product {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

.video-banner {
    position: relative;
}

.video-banner a img {
    width: 32px;
    height: auto;
    min-height: inherit;
}

.start-video {
    position: absolute;
    top: 80px;
    left: 174px;
    cursor: pointer;
    transition: all 0.3s;
}

.start-video:hover {
    opacity: 1;
    -webkit-filter: brightness (1);
}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.for-video .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

.for-video .modal-body {
    position: relative;
    padding: 0px;
}

.for-video .close {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}

.overflow-sroll{ overflow-x:hidden; }
.morewidth { width:100%;}

#header {position: fixed; left: 0; top: 0; width: 100%; backface-visibility: hidden; z-index: 1080; background-color:#fff;}
.heads-up {-webkit-transform: translateY(-125px); transform: translateY(-125px); -webkit-transform: translate3d(0,-125px,0); transform: translate3d(0,-125px,0); }

.header-space { height:91px;}
.filtermenuopen .header-space { height:211px;}

.fixed {
    position: fixed;
}

.show-overlay  {
    position: fixed;
    left: 0;
    right: 0;
    overflow-y: scroll; /* render disabled scroll bar to keep the same width */
}

.details-bgonly h1{ position:static; padding-top:130px; padding-bottom:130px; -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);}
.sidenav.mobile-header { height:100%; z-index:9999; padding-top:0; }
.menu-overflow { position:absolute; height:100%; width:100%; overflow:auto;}

.no-scroll {
    height: 100%;
    overflow: hidden;
}

.modal {
    z-index: 1100;
}
.modal-backdrop {
    z-index: 1090;
}

.review-from .acf-notice{
    display: none;
}
.review-from .acf-notice.acf-individual-notice{
    display: block;
}


.filtermenu-close {
    position: absolute;
    right: 15px;
    top: 44px;
}