.frame *, .frame ::after, .frame ::before,.panel-popup *, .panel-popup ::after, .panel-popup ::before {
    box-sizing: border-box;
}
@font-face {
  font-family: 'fontAwesomea';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("..fonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'iconGemmart';
  src:  url('../fonts/iconGemmart.eot?5ds8gu');
  src:  url('../fonts/iconGemmart.eot?5ds8gu#iefix') format('embedded-opentype'),
    url('../fonts/iconGemmart.ttf?5ds8gu') format('truetype'),
    url('../fonts/iconGemmart.woff?5ds8gu') format('woff'),
    url('../fonts/iconGemmart.svg?5ds8gu#iconGemmart') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'iconGemmart2';
  src:  url('../fonts/iconGemmart2.eot?lrpmfm');
  src:  url('../fonts/iconGemmart2.eot?lrpmfm#iefix') format('embedded-opentype'),
    url('../fonts/iconGemmart2.ttf?lrpmfm') format('truetype'),
    url('../fonts/iconGemmart2.woff?lrpmfm') format('woff'),
    url('../fonts/iconGemmart2.svg?lrpmfm#iconGemmart2') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'create-store';
  src: url('../fonts/create-store/icomoon.ttf')  format('truetype'), url('../fonts/create-store/icomoon.eot') format('embedded-opentype'), url('../fonts/create-store/icomoon.woff')  format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'linecons';
  src: url('../fonts/linecons/linecons.ttf')  format('truetype'), url('../fonts/linecons/linecons.eot') format('embedded-opentype'), url('../fonts/linecons/linecons.woff')  format('woff');
  font-display: swap;
}
.no-padding {
    padding: 0
}
.line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.d-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
@font-face {
  font-family: 'fontAwesomeb';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'fontAwesomeb';
  font-weight: 400; }
@font-face {
  font-family: 'fontAwesome2';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
  font-family: 'fontAwesome2';
  font-weight: 900; }

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-des,
.col-des-1,
.col-des-10,
.col-des-11,
.col-des-12,
.col-des-2,
.col-des-3,
.col-des-4,
.col-des-5,
.col-des-6,
.col-des-7,
.col-des-8,
.col-des-9,
.col-des-auto,
.col-tb,
.col-tb-1,
.col-tb-10,
.col-tb-11,
.col-tb-12,
.col-tb-2,
.col-tb-3,
.col-tb-4,
.col-tb-5,
.col-tb-6,
.col-tb-7,
.col-tb-8,
.col-tb-9,
.col-tb-auto,
.col-mb,
.col-mb-1,
.col-mb-10,
.col-mb-11,
.col-mb-12,
.col-mb-2,
.col-mb-3,
.col-mb-4,
.col-mb-5,
.col-mb-6,
.col-mb-7,
.col-mb-8,
.col-mb-9,
.col-mb-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.col-mb-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 16.666667%;
    flex: 0 1 16.666667%;
    max-width: 16.666667%
}
.col-mb-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 83.333333%;
    flex: 0 1 83.333333%;
    max-width: 83.333333%
}
.col-mb-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .col-tb {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-tb-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: auto;
        max-width: none
    }
    .col-tb-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 8.333333%;
        flex: 0 1 8.333333%;
        max-width: 8.333333%
    }
    .col-tb-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.666667%;
        flex: 0 1 16.666667%;
        max-width: 16.666667%
    }
    .col-tb-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%
    }
    .col-tb-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
        flex: 0 1 33.333333%;
        max-width: 33.333333%
    }
    .col-tb-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 41.666667%;
        flex: 0 1 41.666667%;
        max-width: 41.666667%
    }
    .col-tb-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%
    }
    .col-tb-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 58.333333%;
        flex: 0 1 58.333333%;
        max-width: 58.333333%
    }
    .col-tb-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.666667%;
        flex: 0 1 66.666667%;
        max-width: 66.666667%
    }
    .col-tb-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%
    }
    .col-tb-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.333333%;
        flex: 0 1 83.333333%;
        max-width: 83.333333%
    }
    .col-tb-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 91.666667%;
        flex: 0 1 91.666667%;
        max-width: 91.666667%
    }
    .col-tb-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%
    }
}
@media (min-width:992px) {
    .col-des {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-des-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: auto;
        max-width: none
    }
    .col-des-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 8.333333%;
        flex: 0 1 8.333333%;
        max-width: 8.333333%
    }
    .col-des-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.666667%;
        flex: 0 1 16.666667%;
        max-width: 16.666667%
    }
    .col-des-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%
    }
    .col-des-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
        flex: 0 1 33.333333%;
        max-width: 33.333333%
    }
    .col-des-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 41.666667%;
        flex: 0 1 41.666667%;
        max-width: 41.666667%
    }
    .col-des-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%
    }
    .col-des-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 58.333333%;
        flex: 0 1 58.333333%;
        max-width: 58.333333%
    }
    .col-des-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.666667%;
        flex: 0 1 66.666667%;
        max-width: 66.666667%
    }
    .col-des-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%
    }
    .col-des-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.333333%;
        flex: 0 1 83.333333%;
        max-width: 83.333333%
    }
    .col-des-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 91.666667%;
        flex: 0 1 91.666667%;
        max-width: 91.666667%
    }
    .col-des-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%
    }
    
    body:not(.active-builder) .hidden-des {
        display: none !important;
    }
    
    
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none!important;
    }
    .page-header .header-area .logo img.default-logo {
        display: block;
    }
}

.text-align-left, .text-align-left .slide-text {
    text-align: left
}
.mgs-products.products-grid { margin: 0; }
.mgs-products.products-grid .product-item{padding-left:15px; padding-right:15px}

.panel-block *{
    -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

/* Slider */
.owl-carousel .owl-nav > button, .owl-carousel .owl-nav > .cart.table-wrapper .actions-toolbar > .action, .owl-carousel .owl-nav > .cart.table-wrapper .action-gift {
    color: #656565;
}
.mgs-owl-carousel{position: relative;}
.mgs-owl-carousel .owl-nav.disabled{display:none !important}
.mgs-owl-carousel .owl-dots {
    display: table;
    margin: 20px auto 0;
    position: absolute;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.slider_mgs_carousel.owl-carousel .owl-dots {
    bottom: 20px;
}
.nav-position-middle-outside .owl-nav div span, 
.nav-position-middle-inside .owl-nav > button, 
.nav-position-middle-inside .owl-nav div span {position:absolute; top:50%; cursor:pointer;transform: translateY(-50%);}

.slider_mgs_carousel .owl-nav > button {
    border: none;
    background-color: rgba(54,57,64,0.4);
}
.owl-carousel.nav-position-middle-inside .owl-nav .owl-next ,
.mgs-owl-carousel.nav-position-middle-inside .owl-nav .owl-next span,
.mgs-owl-carousel.nav-position-middle-outside .owl-nav .owl-prev span{right:0}
.mgs-owl-carousel.mgs-carousel-multiple .owl-dots{bottom:-30px}
.owl-nav > button, .owl-nav > .cart.table-wrapper .actions-toolbar > .action, .owl-nav > .cart.table-wrapper .action-gift   {
    line-height: 33px;
}
/* Products Block */
.mgs-products .product-image-container{width:100% !important}
.mgs-products:not(.list-products) .mgs-owl-carousel .product-item{background-color: transparent; width:100% !important; margin-bottom:30px;     padding-left: 5px;  padding-right: 5px;}
.mgs-products:not(.list-products) .mgs-owl-carousel .product-item .product-item-info {background-color: #fff;}
.mgs-products .product-item-info{position:relative}
.category-grid-block .category-item{position:relative}
.category-grid-block .category-grid-icon .category-item { padding: 25px; text-align: center; width: 100%;-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;}
.category-grid-block .category-grid-icon .category-item > a { display: inline-block; }
.category-grid-block .category-grid-icon .category-item .widget-category-infor {
    margin-top: 16px;
}
.category-grid-block .category-grid-icon .category-item .widget-category-infor .category-name {
    font-size: 16px;
    letter-spacing: 0.025em;
}
.category-grid-block .category-grid-icon .category-item .category-icon {
    font-size: 46px;
    color: #1a1a1a;
}
.font-bold{font-weight:bold !important}
.mgs-heading.heading-left{text-align:left}
.mgs-image-block .image-content span{display:block; overflow:hidden; line-height:0}
.mgs-image-block .image-content {
    width: 100%;
}
.slider_mgs_carousel.owl-carousel.dot-position-center .owl-dots {
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 20px;
}
.slider_mgs_carousel.owl-carousel.dot-position-center .owl-dots>.owl-dot {
    width: 9px;
    height: 9px;
} 
.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.home-banner-section .col-right .line {
    height: 100%;
}

.home-banner-section .col-right .line>div {
    min-height: 48%;
    position: relative;
    padding-bottom: 5px;
}

.home-banner-section .line>.col-right {
    padding-left: 6px;
}
.category-icons .group-categorys {
  display: none;
}
.category-icons .group-categorys:nth-child(1),
.category-icons .group-categorys:nth-child(2),
.category-icons .group-categorys:nth-child(3),
.category-icons .group-categorys:nth-child(4),
.category-icons .group-categorys:nth-child(5),
.category-icons .group-categorys:nth-child(6),
.category-icons .group-categorys:nth-child(7),
.category-icons .group-categorys:nth-child(8) {
  display: block;
}

.category-icons.owl-loaded .group-categorys {
  display: block;
}
/* owl.carousel.css */

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}
.owl-carousel .item:not(:first-child) {
display: none;
}
.owl-carousel .item .item-image {
background-image: unset !important;
display: block;
}
.owl-carousel .item .item-image img {
  width: 100%;
}
.owl-carousel.owl-loaded .item:not(:first-child) {
display: block;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d
}
.slider_mgs_carousel .owl-item.active .slide-text {
    transition: all 900ms ease 500ms;
    -webkit-transition: all 900ms ease 500ms;
    -moz-transition: all 900ms ease 500ms;
    -o-transition: all 900ms ease 500ms;
    transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -o-transition-delay: 800ms
}
.slider_mgs_carousel .owl-item .slide-text {
    max-width: 1200px
}
.slider_mgs_carousel .owl-item .slide-text {
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    opacity: 1;
    visibility: visible;
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.slider_mgs_carousel .owl-item .slide-text>* {
    max-width: 500px;
    padding: 15px 60px
}

.slider_mgs_carousel .owl-item .slide-text.middle {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.slider_mgs_carousel .owl-item .slide-text.middle>* {
    margin: 0 auto
}

/* fontawesome.css */
.pull-right {
    float: right;
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-camera:before {
    content: "\f030";
}
/* megamenu */
.vertical-dropdown-menu {
    position: relative;
}
.vertical-dropdown-menu .title-vertical-menu {
    font-weight: 500;
    text-transform: none;
    padding: 11px 15px 12px 30px;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0.075em;
  word-spacing: 0.1em;
    transition: background .4s, color .1s;
    display: block;
    width: 298px;
  position: relative;
}

.vertical-dropdown-menu .title-vertical-menu:after {
    content: "\f0c9";
    font-family: 'fontAwesome2';
    border: none;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    position: absolute;
    margin-left: 0;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.vertical-dropdown-menu .dropdown-menu {
    position: absolute;
    top: 100%;
  width: 100%;
    z-index: 9;
    display: none;
    font-size: 1rem;
    color: #212529;
    background-color: #fff;
    left: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    padding: 0;
    -webkit-box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    -moz-box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
}

.header-area ul > li + li {
    margin-top: 0;
  }
  .horizontal-menu  .navigation ul {
    padding: 0;
}
.header-area .horizontal-menu .mgs-megamenu--main > ul.nav-main-menu > li > span.toggle-menu {
    position: absolute;
    top: 17px;
    right: 12px;
}
.header-area .horizontal-menu .mgs-megamenu--main > ul.nav-main-menu > li > span.toggle-menu span:before {
font-family: "fontAwesome2";
display: inline-block;
line-height: 1;
content: "\f078";
font-size: 8px;
vertical-align: super;
}
.horizontal-menu .mgs-megamenu--main > ul.nav-main-menu > li:hover > span.toggle-menu , 
.header-area  .horizontal-menu .mgs-megamenu--main ul li:hover > a{
color: #f5583e; 
}
@media (min-width: 1024px){
  .vertical-dropdown-menu .category-menu .toggle-menu {
    line-height: 1;
    font-size: 12px;
    display: inline-block;
    float: right;
    margin-top: 5px;
  }
  .vertical-dropdown-menu .category-menu .dropdown-menu {
    right: auto;
    left: 100%;
    top: 0;
    
  }
  .vertical-menu .category-menu .dropdown-menu.menu-3-columns, 
  .vertical-menu .category-menu .dropdown-menu.menu-4-columns, 
  .vertical-menu .category-menu .dropdown-menu.menu-5-columns, 
  .vertical-menu .category-menu .dropdown-menu.menu-6-columns {
    width: 750px;
    max-width: calc(100vw - 240px);
  }
  .vertical-menu .category-menu .dropdown-menu.menu-2-columns {
    width: 500px;
    max-width: calc(100vw - 240px);
  }
  .vertical-menu .category-menu .dropdown-menu.menu-1-columns {
    width: 250px;
  }

  .vertical-menu .category-menu .dropdown-menu  a {
    display: block;
	font-size: 13px;
    padding: 5px 0; 
  }
	.vertical-menu .category-menu .dropdown-menu .sub-menu .category-image {
		max-width: 90%;
		margin: 20px auto 0;
	}
  .vertical-menu .category-menu .dropdown-menu .sub-menu {
    padding: 20px 0 0;
  }
  .vertical-menu .category-menu .dropdown-menu .sub-menu .sub-menu {
    padding-top: 0;
    padding-bottom: 7px;
  }

  .vertical-menu .category-menu .dropdown-menu .sub-menu .mega-menu-sub-title {
    color: #f5583e;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -.01em;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 7px;
    display: block;
  }
  .vertical-menu .category-menu .dropdown-menu .sub-menu .toggle-menu {
    display: none;
  }
    .vertical-menu .category-menu .dropdown-menu .bottom_content {
    border-top: 1px solid #eaeaea;
  }
 .category-menu  .menu-brands .brand {
	  -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	margin-top: 5px;
  }
  .category-menu  .menu-brands .brand:hover {
	 -webkit-filter: grayscale(0);
    filter: grayscale(0);  
  }
  .vertical-menu .category-menu .dropdown-menu .right_content .banner-cate-menu {
    margin-right: -21px;
  }
  .vertical-menu .category-menu .dropdown-menu .right_content .banner-cate-menu img {
    float: right;
  }
  .vertical-menu .category-menu .dropdown-menu .right_content .banner-cate-menu:after {
    content: '';
    display: table;
    clear: both;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul li a.has-submenu {
    padding-right: 24px;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul {
    padding: 0;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul li a {
  font-size: 17px;
    display: block;
    padding: 13px 19px 13px 5px;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    text-transform: none;
  letter-spacing: 0.075em;
    word-spacing: 0.1em;
  }

  .header-area .horizontal-menu .mgs-megamenu--main ul li + li {
    margin-top: 0;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li {
    float: left;
    position: relative;
  margin-right: 5px;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-1columns .dropdown-mega-menu {
     padding-top: 20px;
   padding-bottom: 20px;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu .dropdown-mega-menu .line.mega-menu-content > div {
    padding: 0;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-2columns > .dropdown-mega-menu {
    width: 500px;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-3columns.mega-menu-fullwidth > .dropdown-mega-menu {
    width: 694px;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-4columns,
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-6columns {
    position: static;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-4columns > .dropdown-mega-menu,
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-6columns > .dropdown-mega-menu {
    width: 100%;
    max-width: 1170px;
  max-height: 65vh;
    overflow-y: inherit;
    overflow-x: hidden;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu:after {
    content: '';
    display: table;
    clear: both;
  }
  .header-area .horizontal-menu .nav-main-menu > li > .dropdown-mega-menu {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .header-area .horizontal-menu .nav-main-menu > li:hover > .dropdown-mega-menu,
  .header-area .horizontal-menu .nav-main-menu > li._hover > .dropdown-mega-menu {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
  }
  .header-area .horizontal-menu .nav-main-menu > li.menu-1columns > .dropdown-mega-menu, 
  .header-area .horizontal-menu .nav-main-menu > li.menu-2columns > .dropdown-mega-menu , 
  .header-area .horizontal-menu .nav-main-menu > li.menu-3columns > .dropdown-mega-menu  {
    left: 0;
    right: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .header-area .horizontal-menu .nav-main-menu > li.menu-1columns:hover > .dropdown-mega-menu,
  .header-area .horizontal-menu .nav-main-menu > li.menu-1columns._hover > .dropdown-mega-menu,
  .header-area .horizontal-menu .nav-main-menu > li.menu-2columns:hover > .dropdown-mega-menu,
  .header-area .horizontal-menu .nav-main-menu > li.menu-2columns._hover > .dropdown-mega-menu ,
  .header-area .horizontal-menu .nav-main-menu > li.menu-3columns:hover > .dropdown-mega-menu,
  .header-area .horizontal-menu .nav-main-menu > li.menu-3columns._hover > .dropdown-mega-menu  {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-2columns:last-child > .dropdown-mega-menu, 
  .header-area .horizontal-menu .mgs-megamenu--main ul.nav-main-menu > li.menu-3columns:last-child > .dropdown-mega-menu  {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu {
    background-color: #fff;
    -webkit-box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    -moz-box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    position: absolute;
  min-width: 220px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0 20px;
    z-index: 99;
  }
  .header-area .horizontal-menu .nav-main-menu  .home-banner .dropdown-mega-menu {
   padding: 20px 30px 0;
  }
  .header-area .horizontal-menu .nav-main-menu  .home-banner .dropdown-mega-menu .menu-title {
    margin-bottom: 20px;
  }
 
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .dropdown-submenu-ct {
    padding: 0;
  }

  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .dropdown-submenu-ct li > a {
    padding: 14px 0;
  font-weight: 400;
  letter-spacing: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 20px;
  }

  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content h5 {
    margin: 0 0 10px;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content ul {
    padding: 0;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .dropdown-submenu ul.dropdown-menu-ct {
    padding: 10px 20px;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .menu-col li a {
  padding: 5px 0;
    display: inline-block;
  font-size: 14px;
  font-weight: 400;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .mega-menu-sub-title a {
    text-transform: uppercase;
    padding: 0;
    font-size: 14px;
    color: #000;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content hr {
    margin: 20px 0;
    border: 1px solid #ddd;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .sub-menu {
    padding: 0;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .mega-menu-sub-title {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .sub-menu li a {
    padding: 7px 0;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .sub-menu li.level1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .mega-menu-content .sub-menu li.level1 > .category-image {
    order: 2;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-submenu {
    position: relative;
  }
  .header-area .horizontal-menu .nav-main-menu .dropdown-submenu .dropdown-menu-ct {
    background-color: #fff;
    -webkit-box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    -moz-box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    box-shadow: 5px 10px 16px rgba(51,51,51,0.05), -5px 10px 16px rgba(51,51,51,0.05);
    position: absolute;
    top: 100%;
    left: calc(100% + 20px);
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 15px 30px;
    z-index: 11;
  }
   .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .dropdown-menu-ct > .dropdown-submenu:first-child:hover .dropdown-menu-ct, 
  .header-area .horizontal-menu .nav-main-menu .dropdown-mega-menu .dropdown-menu-ct > .dropdown-submenu._hover:first-child .dropdown-menu-ct   {
      top: -10px;
   }
  .header-area .horizontal-menu .nav-main-menu .dropdown-submenu:hover > .dropdown-menu-ct,
  .header-area .horizontal-menu .nav-main-menu .dropdown-submenu._hover > .dropdown-menu-ct {
    top: 0;
    opacity: 1;
    visibility: visible;
  }
  .header-area .horizontal-menu .nav-main-menu .mega-menu-item.has-banner .dropdown-mega-menu, 
  .header-area .horizontal-menu .nav-main-menu .mega-menu-item.has-banner .mega-menu-content {
  padding: 0;  
  }
  .header-area  .mega-menu-item.has-banner .mega-menu-content .promobanner-block .promobanner a {
    padding: 0;
  }
  .header-area .horizontal-menu .nav-main-menu .menu-title {
    color: #1a1a1a;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .mega-menu-content .menu-col ul + .menu-title {
    margin-top: 15px;
  }
  .mega-menu-content .menu-col {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 25px;
    padding-bottom: 20px;
  }
  .header-area .horizontal-menu .nav-main-menu .mega-menu-item .mega-menu-content li > a {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .header-area .horizontal-menu .nav-main-menu .mega-menu-item .mega-menu-content li:hover > a {
    color: #f5583e;
  }
  .header-area .horizontal-menu .nav-main-menu .mega-menu-item .mega-menu-content .tip {
    bottom: 80%;
    left: auto;
  }
  .promobanner .banner-text .banner-menu-title  {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .promobanner .banner-text .banner-menu-title > span {
    font-size: 24px;
  }
  .promobanner .banner-text .banner-menu-title.big > span {
    font-size: 31px;
  }
  
  .header-area .dropdown-submenu > a:after {
    font-family: "fontAwesome2";
    content: '\f054';
    display: inline-block;
    font-size: 9px;
    line-height: 1;
    line-height: 1;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
  }
  .header-area .horizontal-menu .mgs-megamenu--main .mega-menu-content  .dropdown-menu-ct a {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
  }
  .header-area .horizontal-menu .mgs-megamenu--main .mega-menu-content  .dropdown-menu-ct li:hover > a {
    color: #f5583e;
  }
  .header-area.header7 .horizontal-menu .mgs-megamenu--main > ul.nav-main-menu > li > span.toggle-menu {
  font-size: 8px;
  }
  .header-area.header7 .horizontal-menu .mgs-megamenu--main > ul.nav-main-menu > li > span.toggle-menu span:before {
  content: "\f078";
    font-size: 8px;
  }
  .header-area.header8 .horizontal-menu .mgs-megamenu--main ul.nav-main-menu>li.menu-4columns>.dropdown-mega-menu, 
  .header-area.header8 .horizontal-menu .mgs-megamenu--main ul.nav-main-menu>li.menu-6columns>.dropdown-mega-menu  {
    left: 100px;
      right: auto;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
  }
  .header-area.header4 .horizontal-menu .menu-4columns .has-submenu::after  {
    bottom: 20px;
  }
  .header-area.header3 .horizontal-menu .menu-4columns .has-submenu::after {
    bottom: 22px;
  }
}


.clear{clear: both}
ul#login-type, .password-login ul{list-style: none; margin: 0px; padding: 0px;}
.login-section .otp-login, .login-section .password-login,.login-section-page .otp-login, .login-section .password-login{padding-top: 30px}
.login-section .actions-toolbar, .registratio-section .actions-toolbar,.login-section-page .actions-toolbar, .registratio-section .actions-toolbar{padding-top: 15px;}
.forgot-password-section .actions-toolbar,.forgot-password-section-page .actions-toolbar{padding-top: 145px;}
::placeholder {
    font-family: system-ui;
    font-size: 13px;
    font-weight: 500 !important
}

.register,.forogotlink {
    font-family: system-ui;
    font-size: 13px
}
.input-box,.otp-content {
    margin-top: 30px
}

.actions-toolbar {
    padding-top: 0px !important
}
.modal-popup .action-close {
    padding: 0
}
.action-close:before {
    content: unset !important
}

.modal-header button {
    font-size: unset !important
}

.action-close {
    margin-right: 34px !important;
    margin-top: 20px !important
}
#customer-popup-login {
    display: none
}
.action-close:before {
    content: '\e62f';
    transition: color 0.1s linear;
    -webkit-font-smoothing: antialiased;
    font-family: 'Admin Icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
}
.fa,.fas,.far,.fal,.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slider .slick-track,.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide img {
    display: block
}
.slick-initialized .slick-slide {
    display: block
}

.mgs-instant-search-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    opacity: 1;
    visibility: visible;
    max-height: calc(100vh - 100%);
    overflow-y: auto;
    z-index: 2;
    max-height: 50vh
}

.mgs-instant-search-dropdown>.mgs-instant-autocomplete-wrapper {
    background: #fafafa;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 23px 20px 20px;
    box-shadow: 0 5px 20px #eaeaea;
    text-align: left
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #dedede;
    border-radius: 10px
}
.text-align-center, .text-align-center .slide-text {
    text-align: center
}
.category-grid-block .category-grid-icon .owl-stage {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    align-items: stretch;
    -ms-flex-align: stretch;

}
.category-grid-block .category-grid-icon .owl-stage .owl-item {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    align-items: stretch;
    -ms-flex-align: stretch;
}
.category-grid-block .category-grid-icon .owl-item + .owl-item .category-item {
    border-left: 1px solid #eaeaea;
}
.slick-loading .slick-track,
.pm-slick .slick-loading .slick-slide {
	visibility: hidden;
}
.message.global.cookie.mgs-gdpr-cookie-notice {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 3;
    margin: 0;
    display: block;
    z-index: 10;
    padding: 20px;
    background-color: rgba(255,255,255,0.9);
}
.mgs-gdpr-cookie-notice.gdpr-box-shadow {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
}

.mgs-gdpr-cookie-notice.text-align-center {
    text-align: center;
}
header.page-header .header-area {
}
header .middle-header {
    background-color: #1b4571 !important
}

header .middle-header .theme-header-icon {
    color: #ffffff !important;
}

header.page-header .block-search .block-content input {
    color: #000000 !important;
    background-color: #ffffff !important;
    border-color: #a6a7aa !important;
}

footer.page-footer {
}

footer.page-footer .top-footer {
    background: #080b12 !important;
}

.mgs-carousel-single .owl-nav button span em {
    font-size: 20px;
    padding-top: 6px;
}
.cms-index-index.cms-page285 #maincontent > .columns, .cms-page-view.cms-page285 #maincontent > .columns, .cms-index-index.cms-page285 main.page-main, .cms-page-view.cms-page285 main.page-main {
    max-width: 100vw !important;
    padding-left: 0;
    padding-right: 0;
}
.cms-page-view.cms-page285 #maincontent .page.messages, .cms-index-index.cms-page285 #maincontent .page.messages, .cms-index-index.cms-page285 #maincontent .section-builder .frame, .cms-page-view.cms-page285 #maincontent .section-builder .frame {
    max-width: 1308px;
    margin: auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
}
.page.messages .messages {
    max-width: 1308px;
}
.breadcrumbs .items {
    margin: 0 auto;
}
@media(min-width: 1338px) {
    body.custom .frame, body.custom .breadcrumbs .items, body.custom .page-main, body.custom .page-main>.columns , .slider_mgs_carousel .owl-item .slide-text {
        max-width: 1308px;
    }
}
.page-header .header-area .logo img.default-logo {
    display: block;
    width: 75%;
}

.conts-middle-header .left-content {
    padding-left: 0;
}
.page-header .header-top {
    padding-bottom: 10px;
}
.owl-nav.disabled {
    display: none;
}
.group-categorys {
    width: 100%;
}
.breadcrumbs {
    margin-bottom: 0;
  }