/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/* Title Block */
.ApColumn .title_block {
  color: #000000;
  margin: 1.875rem 0 2.5rem;
  font-size: 48px;
  padding-bottom: 0.9375rem;
  position: relative;
  font-family: "mazzard_soft_hbold";
  font-weight: 400; }

.ap-popup {
  display: none; }

.bg-fullwidth {
  position: relative; }
  .bg-fullwidth:before {
    content: "";
    padding: 0px 1000px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 100%;
    display: block !important;
    top: 0;
    box-sizing: content-box;
    margin-left: -1000px; }
    .rtl .bg-fullwidth:before {
      margin-right: -1000px;
      margin-left: inherit; }

.block-toggler .title, .footer-container .links .title {
  cursor: pointer; }
  .block-toggler .title .collapse-icons .remove, .footer-container .links .title .collapse-icons .remove {
    display: none; }
.block-toggler .title[aria-expanded="true"] .collapse-icons .add, .footer-container .links .title[aria-expanded="true"] .collapse-icons .add {
  display: none; }
.block-toggler .title[aria-expanded="true"] .collapse-icons .remove, .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {
  display: block; }
.block-toggler .navbar-toggler, .footer-container .links .navbar-toggler {
  display: block;
  padding: 0;
  margin-top: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem; }
.block-toggler.ApBlockLink ul li, .footer-container .links.ApBlockLink ul li {
  margin-bottom: 17px; }
@media (min-width: 768px) {
  .block-toggler.accordion_small_screen .collapse-icons, .footer-container .links.accordion_small_screen .collapse-icons {
    display: none; } }
.block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
  display: block; }
  @media (min-width: 768px) {
    .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
      height: 100% !important; } }
  @media (max-width: 767px) {
    .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
      display: none; }
      .block-toggler.accordion_small_screen .collapse.in, .footer-container .links.accordion_small_screen .collapse.in {
        display: block; } }

/* Widget Alert */
.alert {
  text-align: left;
  margin-top: 15px;
  padding-left: 50px;
  position: relative; }
  .rtl .alert {
    text-align: right; }
  .rtl .alert {
    padding-right: 50px;
    padding-left: inherit; }
  .alert:before {
    font-family: "FontAwesome";
    font-size: 1.25rem;
    vertical-align: -2px;
    padding: 0 7px 0 0;
    float: left;
    position: absolute;
    left: 20px;
    top: 10px; }
    .rtl .alert:before {
      padding: 0 0 0 7px; }
    .rtl .alert:before {
      float: right; }
    .rtl .alert:before {
      right: 20px;
      left: auto; }
  .alert.alert-success:before {
    content: "\f00c"; }
  .alert.alert-warning {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
    .alert.alert-warning:before {
      content: "\f071"; }
  .alert.alert-info {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
    .alert.alert-info:before {
      content: "\f05a"; }
  .alert.alert-danger {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
    .alert.alert-danger:before {
      content: "\f00d"; }

/* Css Accordion */
.ap-accordion .in {
  display: block; }
.ap-accordion .panel-group .panel-default .panel-title {
  border-top: 1px solid transparent;
  padding: 0px;
  margin-bottom: 0px;
  font-size: 0.8125rem; }
  .ap-accordion .panel-group .panel-default .panel-title .collapsed {
    display: block;
    font-weight: normal; }
.ap-accordion .panel-default {
  border: 1px solid transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none; }
  .ap-accordion .panel-default .panel-title {
    text-transform: none;
    background: #f0f0f0;
    position: relative;
    font-weight: normal; }
    .ap-accordion .panel-default .panel-title a:before {
      background: none;
      content: "arrow_drop_up";
      cursor: pointer;
      display: block;
      font-family: "Material Icons";
      font-size: 1.5625rem;
      position: absolute;
      left: auto;
      right: 0px;
      top: 0px;
      width: auto; }
      .rtl .ap-accordion .panel-default .panel-title a:before {
        right: auto;
        left: auto; }
      .rtl .ap-accordion .panel-default .panel-title a:before {
        left: 0px;
        right: auto; }
    .ap-accordion .panel-default .panel-title .collapsed:before {
      background: none;
      content: "arrow_drop_down";
      cursor: pointer;
      display: block;
      font-family: "Material Icons";
      font-size: 1.5625rem;
      position: absolute;
      left: auto;
      right: 0px;
      top: 0px;
      width: auto; }
  .ap-accordion .panel-default .panel-heading {
    background: #f0f0f0;
    border: 1px solid #f0f0f0; }
  .ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 1px solid #f0f0f0; }

/* Widget Tab */
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0px; }

.tab-content .tab-pane, .tab-content .pill-pane, .pill-content .tab-pane, .pill-content .pill-pane {
  display: none; }
.tab-content .active, .pill-content .active {
  display: block; }

.tabs-below .nav-tabs {
  border-top: 1px solid #ececec; }
  .tabs-below .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0; }
    .tabs-below .nav-tabs > li > a {
      -moz-border-radius: 0px 0px 4px 4px;
      -webkit-border-radius: 0px 0px 4px 4px;
      border-radius: 0px 0px 4px 4px; }
      .rtl .tabs-below .nav-tabs > li > a {
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px; }
      .tabs-below .nav-tabs > li > a:hover, .tabs-below .nav-tabs > li > a:focus {
        border-top-color: #ececec;
        border-bottom-color: transparent; }
  .tabs-below .nav-tabs > .active a, .tabs-below .nav-tabs > .active a:hover, .tabs-below .nav-tabs > .active a:focus {
    border-color: transparent #ececec #ececec #ececec; }

.tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li {
  float: none; }
  .tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
    min-width: 74px;
    margin-bottom: 3px;
    margin-right: 0; }
    .rtl .tabs-left .nav-tabs > li > a, .rtl .tabs-right .nav-tabs > li > a {
      margin-left: 0;
      margin-right: inherit; }

.tabs-left .nav-tabs {
  float: left;
  border-right: 1px solid #ececec; }
  .rtl .tabs-left .nav-tabs {
    float: right; }
  .rtl .tabs-left .nav-tabs {
    border-left: 1px solid #ececec;
    border-right: inherit; }
  .tabs-left .nav-tabs > li > a {
    margin-right: -1px;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px; }
    .rtl .tabs-left .nav-tabs > li > a {
      margin-left: -1px;
      margin-right: inherit; }
    .rtl .tabs-left .nav-tabs > li > a {
      -moz-border-radius: 0px 4px 4px 0px;
      -webkit-border-radius: 0px 4px 4px 0px;
      border-radius: 0px 4px 4px 0px; }
    .tabs-left .nav-tabs > li > a:hover, .tabs-left .nav-tabs > li > a:focus {
      border-color: #eeeeee #ececec #eeeeee #eeeeee; }
  .tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus {
    border-color: #ececec transparent #ececec #ececec;
    *border-right-color: #FFFFFF; }

.tabs-right .nav-tabs {
  float: right;
  border-left: 1px solid #ececec; }
  .rtl .tabs-right .nav-tabs {
    float: left; }
  .rtl .tabs-right .nav-tabs {
    border-right: 1px solid #ececec;
    border-left: inherit; }
  .tabs-right .nav-tabs > li > a {
    margin-left: -1px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px; }
    .rtl .tabs-right .nav-tabs > li > a {
      margin-right: -1px;
      margin-left: inherit; }
    .rtl .tabs-right .nav-tabs > li > a {
      -moz-border-radius: 4px 0px 0px 4px;
      -webkit-border-radius: 4px 0px 0px 4px;
      border-radius: 4px 0px 0px 4px; }
    .tabs-right .nav-tabs > li > a:hover, .tabs-right .nav-tabs > li > a:focus {
      border-color: #eeeeee #eeeeee #eeeeee #ececec; }
  .tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus {
    border-color: #ececec #ececec #ececec transparent;
    *border-left-color: #ffffff; }

.widget-tabs li {
  padding: 5px 8px;
  border: 1px solid transparent;
  text-transform: uppercase; }
  .widget-tabs li a {
    color: #272727; }
  .widget-tabs li.active {
    border: 1px solid #6839CC; }
    .widget-tabs li.active a {
      color: #6839CC; }

.block .nav-pills > li.active > a {
  position: relative; }
  .block .nav-pills > li.active > a:before {
    content: "\f0d7";
    position: absolute;
    bottom: -7px;
    height: 0.625rem;
    line-height: 0.625rem;
    font-family: "FontAwesome";
    color: #6839CC;
    font-size: 1.1875rem;
    z-index: 9;
    right: 50%;
    margin-right: -4px; }
    .rtl .block .nav-pills > li.active > a:before {
      left: 50%;
      right: auto; }
    .rtl .block .nav-pills > li.active > a:before {
      margin-left: -4px;
      margin-right: inherit; }
.block .panel-group {
  margin-bottom: 0; }

.nav-tabs {
  border-bottom: 1px solid transparent;
  padding-bottom: 1.25rem; }
  .nav-tabs > li > a {
    font-weight: 800;
    color: #767676;
    border-bottom: 2px solid transparent;
    text-transform: uppercase; }
  .nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
    border: 1px solid transparent;
    background: #eeeeee;
    border-bottom: 2px solid #c0c700;
    color: #000000; }

.ApTabs .tab-content {
  position: relative; }
  .ApTabs .tab-content > .tab-pane {
    visibility: hidden;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s; }
    .ApTabs .tab-content > .tab-pane.active {
      position: static;
      visibility: visible;
      opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      -moz-opacity: 1;
      -webkit-opacity: 1;
      filter: alpha(opacity=100); }

/**
* Start for module ap_gmap
*/
div[id^="google-maps"] {
  position: relative; }

div[id^="gmap-stores-list"] {
  overflow: auto !important; }

div[id^="gmap-stores-list"] > ul {
  margin: 30px; }

.display-list-store {
  background-color: #6cabd5;
  float: left; }
  .rtl .display-list-store {
    float: right; }

.gmap-stores-content, .gmap-content {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative; }

.not-display-list-store .gmap-stores-content, .not-display-list-store .gmap-content {
  width: 100%; }

.gmap-cover {
  width: 100%; }

.item-gmap-store {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.625rem 0.9375rem;
  text-transform: uppercase;
  color: #FFFFFF;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .item-gmap-store:hover {
    color: #000000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .item-gmap-store .icon-map-marker {
    margin-right: 6px;
    font-size: 120%; }
    .rtl .item-gmap-store .icon-map-marker {
      margin-left: 6px;
      margin-right: inherit; }
  .item-gmap-store text {
    font-size: 85%; }

/**
* End for module ap_gmap
*/
/**
* Start for module ap_product_list
*/
.box-show-more a {
  background: #282d35;
  clear: both;
  text-align: center;
  width: 100%;
  height: 3.4375rem;
  line-height: 3.4375rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 0 15px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: none;
  font-size: 0.875rem;
  color: #FFFFFF;
  font-weight: 700; }
  .box-show-more a:hover {
    background-color: #6839CC; }
  .box-show-more a .fa {
    margin-left: 0.3125rem; }
    .rtl .box-show-more a .fa {
      margin-right: 0.3125rem;
      margin-left: inherit; }
.box-show-more.open a {
  display: block; }

/**
* End for module ap_product_list
*/
/**
* Start for module ap_image
*/
.ap_image .has-animation {
  opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0); }
  .ap_image .has-animation.animated {
    opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); }

/**
* End for module ap_image
*/
/**
* End for module ApFullSlider
*/
.full-slider .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: transparent; }
  .full-slider .carousel-inner .item {
    width: 100%;
    height: 100%; }
.full-slider .content-slider {
  position: absolute;
  top: 35%;
  color: #FFFFFF;
  left: 0;
  right: 0;
  text-align: center; }
  .full-slider .content-slider h3 {
    font-size: 3.75rem;
    text-transform: uppercase;
    font-weight: 600; }
  .full-slider .content-slider p {
    margin-top: 1.875rem;
    background: #c70005;
    padding: 0.625rem 1.25rem;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1rem; }
.full-slider .carousel-control {
  top: 50%;
  width: 40px;
  height: 40px;
  background-color: #121212;
  background-color: rgba(18, 18, 18, 0.52);
  zoom: 1;
  background-color: transparent\9; }
  .full-slider .carousel-control.left {
    left: 0.625rem; }
    .rtl .full-slider .carousel-control.left {
      right: 0.625rem;
      left: auto; }
  .full-slider .carousel-control.right {
    right: 0.625rem; }
    .rtl .full-slider .carousel-control.right {
      left: 0.625rem;
      right: auto; }

/**
* Widget Video
*/
#index .fancybox-wrap iframe {
  max-width: 100%;
  max-height: 100%; }

.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .embed-responsive iframe, .embed-responsive object, .embed-responsive embed {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0px; }
    .rtl .embed-responsive iframe, .rtl .embed-responsive object, .rtl .embed-responsive embed {
      right: 0px;
      left: auto; }

/**
* Start for module ApFullSlider
*/
.cover-live-edit {
  width: 100%;
  border-top: 1px solid #ececec; }
  .cover-live-edit .link-to-back-end {
    text-decoration: none;
    color: #FFFFFF;
    z-index: 9999;
    background-color: rgba(204, 153, 0, 0.5);
    padding: 5px;
    position: relative;
    -moz-box-shadow: 0 0 5px #bdbdbd;
    -webkit-box-shadow: 0 0 5px #bdbdbd;
    -o-box-shadow: 0 0 5px #bdbdbd;
    -ms-box-shadow: 0 0 5px #bdbdbd;
    box-shadow: 0 0 5px #bdbdbd;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .cover-live-edit .link-to-back-end:hover {
      background-color: #00e676;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

.ap-cover-hook {
  border: 1px solid #ececec;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .ap-cover-hook:hover {
    border: 1px dashed #6839CC;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

/**
* End for module ApFullSlider
*/
/*
  Widget Manufacturers
*/
.ApColumn .manufacturers_block {
  position: relative;
  text-align: center; }
  .ApColumn .manufacturers_block .owl-row {
    margin: 0; }
  .ApColumn .manufacturers_block .owl-item {
    padding: 0; }
    .ApColumn .manufacturers_block .owl-item .manufacturer-image-container {
      overflow: hidden; }
    .ApColumn .manufacturers_block .owl-item .manufacturer-container {
      padding: 40px 30px; }
      @media (max-width: 480px) {
        .ApColumn .manufacturers_block .owl-item .manufacturer-container {
          padding: 30px 0; } }
    .ApColumn .manufacturers_block .owl-item img {
      display: inline-block;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s ease-out 0s;
      -moz-transition: all 0.5s ease-out 0s;
      -ms-transition: all 0.5s ease-out 0s;
      -o-transition: all 0.5s ease-out 0s;
      transition: all 0.5s ease-out 0s; }
      .ApColumn .manufacturers_block .owl-item img:hover {
        opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s; }
  .ApColumn .manufacturers_block .owl-theme .owl-buttons {
    position: inherit;
    top: inherit;
    right: inherit; }
    .ApColumn .manufacturers_block .owl-theme .owl-buttons div {
      position: absolute;
      bottom: 50%;
      visibility: hidden;
      opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      -moz-opacity: 0;
      -webkit-opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transform: translateY(50%);
      -moz-transform: translateY(50%);
      -ms-transform: translateY(50%);
      -o-transform: translateY(50%);
      transform: translateY(50%);
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-prev {
        left: 30px; }
        .rtl .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-prev {
          right: 30px;
          left: auto; }
      .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-next {
        right: 30px; }
        .rtl .ApColumn .manufacturers_block .owl-theme .owl-buttons div.owl-next {
          left: 30px;
          right: auto; }
  .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div {
    visibility: visible;
    opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); }
    .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-prev {
      left: 15px; }
      .rtl .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-prev {
        right: 15px;
        left: auto; }
    .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-next {
      right: 15px; }
      .rtl .ApColumn .manufacturers_block .owl-theme:hover .owl-buttons div.owl-next {
        left: 15px;
        right: auto; }

/*
  Widget Category Image
*/
.widget-category_image {
  padding-bottom: 15px; }
  .widget-category_image .cover-img {
    margin-bottom: 20px;
    display: block;
    overflow: hidden; }
    .widget-category_image .cover-img img {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      max-width: 100%;
      height: auto; }
      .widget-category_image .cover-img img:hover {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1); }
  .widget-category_image .cate_content:hover label {
    color: #3276b1;
    cursor: pointer; }
  .widget-category_image ul li a {
    color: #000;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase; }

/* Widget Lastest blogs */
.latest-blogs {
  margin-bottom: 0;
  padding-bottom: 2.5rem; }
  .latest-blogs .title_block {
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 20px; }
  .latest-blogs .right-block {
    display: inline-block;
    margin-bottom: 15px; }
    .latest-blogs .right-block .box-inside-blog-meta {
      padding-bottom: 10px;
      display: inline-block; }
    .latest-blogs .right-block .all-blog-desc {
      text-transform: uppercase;
      font-size: 12px;
      float: left; }
      .rtl .latest-blogs .right-block .all-blog-desc {
        float: right; }
      .latest-blogs .right-block .all-blog-desc .inside-blog-meta {
        display: inline-block; }
        @media (max-width: 991px) {
          .latest-blogs .right-block .all-blog-desc .inside-blog-meta {
            margin-bottom: 10px; } }
        .latest-blogs .right-block .all-blog-desc .inside-blog-meta a {
          color: #2D9CDB; }
      .latest-blogs .right-block .all-blog-desc .author {
        position: relative;
        padding-right: 15px;
        color: #000;
        text-transform: capitalize;
        font-weight: 600; }
        .rtl .latest-blogs .right-block .all-blog-desc .author {
          padding-left: 15px;
          padding-right: inherit; }
        .latest-blogs .right-block .all-blog-desc .author span {
          color: #999999;
          font-weight: 300; }
        @media (min-width: 992px) {
          .latest-blogs .right-block .all-blog-desc .author:before {
            content: "\f007";
            font-family: 'Font Awesome 5 Pro';
            font-size: 16px;
            padding-right: 6px;
            color: #FF782C;
            font-weight: 500; }
            .rtl .latest-blogs .right-block .all-blog-desc .author:before {
              padding-left: 6px;
              padding-right: inherit; } }
    .latest-blogs .right-block .date {
      color: #999;
      font-size: 12px;
      display: inline-block;
      text-transform: capitalize; }
      @media (min-width: 992px) {
        .latest-blogs .right-block .date:before {
          content: "\f073";
          font-family: 'Font Awesome 5 Pro';
          font-size: 16px;
          padding-right: 6px;
          color: #FF782C;
          font-weight: 500; }
          .rtl .latest-blogs .right-block .date:before {
            padding-left: 6px;
            padding-right: inherit; } }
      .latest-blogs .right-block .date span {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 3px; }
  .latest-blogs .blog-image-container {
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px; }
    .rtl .latest-blogs .blog-image-container {
      float: right; }
    @media (max-width: 575px) {
      .latest-blogs .blog-image-container {
        float: inherit; } }
  .latest-blogs .blog-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0; }
    .latest-blogs .blog-title a {
      color: #000;
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      display: inline-block; }
      .latest-blogs .blog-title a:hover {
        color: #6839CC; }
  .latest-blogs .blog-desc {
    line-height: 28px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-top: 0px; }
  .latest-blogs .blog-readmore {
    font-size: 14px;
    color: #fff;
    position: relative;
    border-radius: 27px;
    background: #6839CC;
    padding: 15px 25px;
    text-transform: capitalize;
    font-family: "mazzard_soft_hbold";
    display: inline-block; }
    .latest-blogs .blog-readmore:after {
      content: "\f054";
      font-size: 10px;
      font-family: 'Font Awesome 5 Pro';
      font-weight: 700;
      transition: all 0.5s;
      margin-left: 13px;
      background: #fff;
      border-radius: 50%;
      padding: 7px 9px;
      color: #000; }
      .rtl .latest-blogs .blog-readmore:after {
        margin-right: 13px;
        margin-left: inherit; }
    .latest-blogs .blog-readmore:hover:after {
      background: #FF782C; }
  .latest-blogs .blog-meta {
    color: #222;
    font-weight: 600;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
    padding-top: 15px; }
    .latest-blogs .blog-meta .date span {
      display: block;
      border-top: 1px solid #e2e2e2;
      margin-top: 15px;
      padding-top: 15px; }
    .latest-blogs .blog-meta .inside-blog-meta {
      font-size: 13px;
      font-weight: 400;
      padding-bottom: 20px;
      margin-bottom: 10px;
      color: #07070a; }
      .latest-blogs .blog-meta .inside-blog-meta .icon-author {
        color: #b0b0b0; }
      .latest-blogs .blog-meta .inside-blog-meta time {
        margin-right: 25px; }
        .rtl .latest-blogs .blog-meta .inside-blog-meta time {
          margin-left: 25px;
          margin-right: inherit; }
    .latest-blogs .blog-meta .nbcomment, .latest-blogs .blog-meta .hits {
      margin-right: 20px; }
      .rtl .latest-blogs .blog-meta .nbcomment, .rtl .latest-blogs .blog-meta .hits {
        margin-left: 20px;
        margin-right: inherit; }
      .latest-blogs .blog-meta .nbcomment i, .latest-blogs .blog-meta .hits i {
        margin-right: 5px; }
        .rtl .latest-blogs .blog-meta .nbcomment i, .rtl .latest-blogs .blog-meta .hits i {
          margin-left: 5px;
          margin-right: inherit; }
    .latest-blogs .blog-meta .cat a {
      color: #6839CC;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 700; }
  .latest-blogs .created {
    padding-right: 25px;
    color: #b0b0b0;
    font-size: 12px; }
    .rtl .latest-blogs .created {
      padding-left: 25px;
      padding-right: inherit; }
  .latest-blogs .nbcomment i {
    color: #6839CC; }

.leo-more-over {
  position: relative;
  z-index: 0; }

.leo-more-image {
  top: 0;
  position: absolute;
  opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  left: 0; }
  .rtl .leo-more-image {
    right: 0;
    left: auto; }

.leo-more-over {
  position: relative;
  z-index: 0; }

.leo-more-image {
  top: 0;
  position: absolute;
  opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  filter: alpha(opacity=0);
  left: 0; }
  .rtl .leo-more-image {
    right: 0;
    left: auto; }

/* Instagram Block */
.instagram-block .owl-item {
  padding: 0 5px; }
  .instagram-block .owl-item .block-carousel-container {
    padding: 5px 0; }
.instagram-block a {
  display: inline-block;
  overflow: hidden;
  position: relative; }
  .instagram-block a img {
    width: auto;
    max-width: 100%; }
.instagram-block .link-instagram {
  display: none; }
  .instagram-block .link-instagram a {
    margin: 0.625rem 0 0; }
.instagram-block #instafeed a {
  position: relative;
  display: block;
  overflow: hidden; }
  .instagram-block #instafeed a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 100%;
    width: 50%;
    height: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .instagram-block #instafeed a:after {
    content: "\f16d";
    font-family: "FontAwesome";
    position: absolute;
    font-size: 20px;
    color: #FFFFFF;
    bottom: 50%;
    left: 50%;
    right: auto;
    top: auto;
    line-height: normal;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .instagram-block #instafeed a:hover:before {
    border-radius: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.3);
    zoom: 1;
    background-color: transparent\9;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .instagram-block #instafeed a:hover:after {
    opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100); }

#instafeed {
  margin: -0.3125rem; }

.ins {
  padding-top: 50px; }
  .ins .title_block {
    font-family: "mazzard_soft_hregular";
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    padding: 100px 0;
    margin: 0; }
    @media (max-width: 1199px) {
      .ins .title_block {
        font-size: 30px;
        padding: 50px 0; } }

.video-box {
  padding-bottom: 100px; }
  @media (max-width: 767px) {
    .video-box {
      padding-bottom: 30px; } }

.image-video {
  position: relative; }
  .image-video .image_description {
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    top: 50%; }
    @media (max-width: 1199px) {
      .image-video .image_description {
        top: 65%; } }
    @media (max-width: 575px) {
      .image-video .image_description {
        padding-top: 20px; } }

.userinfo-selector a {
  color: #929292; }

.userinfo-selector.popup-over .popup-title {
  padding: 15px 0 15px 0; }
  .rtl .userinfo-selector.popup-over .popup-title {
    padding: 15px 0 15px 0; }
  .userinfo-selector.popup-over .popup-title:hover {
    color: #6839CC; }

.popup-over {
  float: right; }
  .rtl .popup-over {
    float: left; }
  .popup-over.language-selector-wrapper .popup-content, .popup-over.currency-selector .popup-content {
    right: inherit;
    left: 0;
    position: absolute;
    min-width: 120px; }
    .rtl .popup-over.language-selector-wrapper .popup-content, .rtl .popup-over.currency-selector .popup-content {
      left: inherit;
      right: auto; }
    .rtl .popup-over.language-selector-wrapper .popup-content, .rtl .popup-over.currency-selector .popup-content {
      right: 0;
      left: auto; }
    .popup-over.language-selector-wrapper .popup-content li a img, .popup-over.currency-selector .popup-content li a img {
      margin-top: -2px; }

@media (max-width: 991px) {
  .leo-megamenu:before {
    height: 0; } }
.leo-megamenu .navbar-toggler {
  color: #000; }

#search_widget {
  margin: 0 10px;
  padding: 0; }
  #search_widget .popup-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
    #search_widget .popup-content input.ui-autocomplete-input {
      border: 1px solid #ededed;
      border-radius: 30px; }
  #search_widget #click_show_search {
    padding: 0; }
    #search_widget #click_show_search i {
      font-size: 17px;
      color: #2a2a2a;
      line-height: 48px; }

@media (max-width: 575px) {
  .leo-megamenu.disable-canvas .leo-top-menu {
    z-index: 999; } }

.latest-blogs .blog-image-container .blog_img_link img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border-radius: 5px; }
.latest-blogs .blog-container:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

@media (min-width: 576px) {
  .nopadding_left {
    padding-left: 0;
    padding-right: 10px; }
    .rtl .nopadding_left {
      padding-right: 0;
      padding-left: inherit; }
    .rtl .nopadding_left {
      padding-left: 10px;
      padding-right: inherit; } }

@media (min-width: 576px) {
  .nopadding_right {
    padding-right: 0;
    padding-left: 10px; }
    .rtl .nopadding_right {
      padding-left: 0;
      padding-right: inherit; }
    .rtl .nopadding_right {
      padding-right: 10px;
      padding-left: inherit; } }

.block-carousel-container {
  text-align: center; }
  .block-carousel-container .happy-description {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px; }
    @media (max-width: 767px) {
      .block-carousel-container .happy-description {
        font-size: 20px; } }
    @media (max-width: 480px) {
      .block-carousel-container .happy-description {
        font-size: 15px; } }
  @media (min-width: 992px) {
    .block-carousel-container {
      margin: auto; } }

.block-carousel-image-container img {
  height: auto;
  margin: auto; }
.block-carousel-image-container .descript {
  color: #626262;
  font-size: 18px;
  line-height: 40px;
  padding-top: 20px; }
  @media (max-width: 575px) {
    .block-carousel-image-container .descript {
      line-height: 30px; } }
  .block-carousel-image-container .descript h3 {
    padding-top: 20px;
    font-size: 22px; }
  @media (max-width: 991px) {
    .block-carousel-image-container .descript {
      font-size: 19px; } }
  @media (max-width: 767px) {
    .block-carousel-image-container .descript {
      font-size: 18px; } }
  @media (max-width: 575px) {
    .block-carousel-image-container .descript {
      font-size: 17px; } }
  @media (max-width: 480px) {
    .block-carousel-image-container .descript {
      font-size: 15px; } }
  .block-carousel-image-container .descript i {
    color: #468af0;
    font-size: 60px;
    padding-bottom: 20px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .block-carousel-image-container .descript i {
        font-size: 40px; } }
  .block-carousel-image-container .descript p {
    font-size: 28px;
    color: #000;
    line-height: 39px;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .block-carousel-image-container .descript p {
        font-size: 20px; } }
    @media (max-width: 575px) {
      .block-carousel-image-container .descript p {
        font-size: 17px;
        padding: 0 15px;
        line-height: 30px; } }
  .block-carousel-image-container .descript span {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px; }
.block-carousel-image-container .title {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  padding: 15px 0;
  margin: 0;
  font-family: "mazzard_soft_hregular"; }
  .block-carousel-image-container .title span {
    color: #000; }
.block-carousel-image-container .sub-title {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  order: 1;
  padding-bottom: 20px; }

#module-leofeature-productscompare .thumbnail-container .leo-dropdown-attr {
  top: 100%;
  bottom: 0; }

.other-product .ApColumn > .title_block {
  font-size: 30px;
  text-align: center;
  letter-spacing: 6px;
  margin: 0;
  padding: 80px 0 20px 0;
  text-transform: uppercase; }

.dropdown-menu-inner .wr-bnmenu img {
  width: 100%; }

#my-account .page-footer {
  padding-bottom: 50px; }
  #my-account .page-footer > div a {
    padding: 10px 20px;
    font-size: 18px;
    border: 1px solid #000; }

.leo-compare-review-dropdown .dropdown-menu .dropdown-item {
  white-space: inherit; }

.page-customer-account #main .page-header {
  text-align: center; }

#header, #header .header-top {
  background-color: transparent; }

.redhotspot {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  font-weight: 700;
  color: #fdb768;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important; }
  .redhotspot:hover:after {
    background: #6839CC; }
  .redhotspot:hover span:before {
    color: #fff; }
  .redhotspot span {
    position: relative;
    font-size: 0;
    display: inline-block; }
    .redhotspot span:before {
      content: '+';
      display: block;
      font-size: 18px;
      font-weight: 500;
      line-height: 30px;
      color: #000;
      margin-top: -2px; }
  .redhotspot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    transition: all 0.35s ease;
    z-index: -1; }
  .redhotspot:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    transform: translate(-50%, -50%);
    transition: all 0.35s ease;
    z-index: -1; }

@media (max-width: 767px) {
  #leo_search_block_top {
    border: 0;
    margin: 0;
    bottom: 5px;
    background: transparent; }
    #leo_search_block_top .title_block {
      margin: 0;
      padding: 0;
      display: block;
      font-size: 0;
      z-index: 999; }
      #leo_search_block_top .title_block:before {
        content: "\f002";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        font-size: 30px;
        color: #000; } }
      @media (max-width: 767px) and (max-width: 767px) {
        #leo_search_block_top .title_block:before {
          font-size: 20px; } }
@media (max-width: 767px) {
    #leo_search_block_top .list-cate-wrapper {
      display: none; }
    #leo_search_block_top form {
      opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      -moz-opacity: 0;
      -webkit-opacity: 0;
      filter: alpha(opacity=0);
      visibility: hidden;
      max-width: 300px;
      border: 1px solid #000;
      position: absolute;
      width: 100%;
      top: 100%;
      transform: translateY(20px);
      transition: all 0.3s;
      width: 290px;
      right: 0;
      background: #fff;
      z-index: 9; }
      .rtl #leo_search_block_top form {
        left: 0;
        right: auto; }
      #leo_search_block_top form button {
        background: #000; }
      #leo_search_block_top form .form-control {
        height: 45px; }
    #leo_search_block_top.show form {
      opacity: 1;
      visibility: visible;
      transform: translateY(10px);
      padding: 0 10px; }

  .header-bottom {
    position: relative;
    padding-bottom: 15px; }
    .header-bottom .center {
      position: static; } }
.btn-slideshow-1 {
  font-size: 14px;
  color: #fff;
  position: relative;
  border-radius: 27px;
  background: #6839CC;
  padding: 15px 25px;
  text-transform: capitalize;
  font-family: "mazzard_soft_hbold";
  display: inline-block; }
  .btn-slideshow-1:after {
    content: "\f054";
    font-size: 10px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    transition: all 0.5s;
    margin-left: 13px;
    background: #fff;
    border-radius: 50%;
    padding: 7px 9px;
    color: #000; }
    .rtl .btn-slideshow-1:after {
      margin-right: 13px;
      margin-left: inherit; }
  .btn-slideshow-1:hover {
    color: #fff; }
    .btn-slideshow-1:hover:after {
      color: #fff;
      background: #FF782C; }

#index .ApRow .title-ap-group {
  color: #000;
  font-size: 32px;
  text-transform: capitalize;
  margin: 0 15px;
  padding-bottom: 35px;
  position: relative;
  width: fit-content; }
  @media (min-width: 992px) {
    #index .ApRow .title-ap-group:after {
      content: "";
      background: url(../../../../assets/img/modules/appagebuilder/img/foot.png) no-repeat;
      width: 41px;
      height: 27px;
      position: absolute;
      top: -14px;
      right: -22px; }
      .rtl #index .ApRow .title-ap-group:after {
        left: -22px;
        right: auto; } }
  @media (max-width: 1199px) {
    #index .ApRow .title-ap-group {
      font-size: 30px; } }
  @media (max-width: 991px) {
    #index .ApRow .title-ap-group {
      font-size: 27px; } }

.keep-header #header {
  background: #fff; }

@media (min-width: 768px) {
  #leo_search_block_top {
    display: inline-block;
    background: #F5F5F5;
    border-radius: 22px;
    min-width: 300px; }
    #leo_search_block_top .list-cate-wrapper {
      display: none; }
    #leo_search_block_top #leo_search_top_button i {
      color: #fff;
      background: #6839CC;
      border-radius: 50%;
      width: 32px;
      line-height: 32px; } }
@media (min-width: 768px) {
  .buttons-custom .owl-carousel.owl-theme .owl-buttons {
    position: absolute;
    top: -70px;
    right: 15px; }
    .rtl .buttons-custom .owl-carousel.owl-theme .owl-buttons {
      left: 15px;
      right: auto; }
    .buttons-custom .owl-carousel.owl-theme .owl-buttons .owl-prev {
      float: left;
      margin-right: 4px; }
      .rtl .buttons-custom .owl-carousel.owl-theme .owl-buttons .owl-prev {
        float: right; }
      .rtl .buttons-custom .owl-carousel.owl-theme .owl-buttons .owl-prev {
        margin-left: 4px;
        margin-right: inherit; }
    .buttons-custom .owl-carousel.owl-theme .owl-buttons div {
      width: 32px;
      height: 32px;
      transform: none;
      position: static;
      opacity: 1;
      filter: alpha(opacity=100);
      float: left;
      visibility: visible;
      box-shadow: none;
      border: 1px solid #E5E5E5; }
      .buttons-custom .owl-carousel.owl-theme .owl-buttons div:before {
        position: static;
        font-size: 18px;
        color: #000;
        line-height: 32px;
        font-weight: 700; }
      .buttons-custom .owl-carousel.owl-theme .owl-buttons div:hover {
        background-color: #FF782C;
        border: 1px solid #E5E5E5; }
        .buttons-custom .owl-carousel.owl-theme .owl-buttons div:hover:before {
          color: #fff; } }

.leo-fly-cart-slidebar .leo-remove-from-cart {
  padding-top: 20px; }

.box1-h1 {
  padding: 7px 0; }
  @media (min-width: 992px) {
    .box1-h1 {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; } }
  .box1-h1 .left a {
    color: #fff;
    font-size: 14px;
    float: left;
    padding-left: 25px;
    position: relative; }
    .rtl .box1-h1 .left a {
      padding-right: 25px;
      padding-left: inherit; }
  .box1-h1 .left ul {
    margin-bottom: 0; }
    .box1-h1 .left ul li {
      display: inline-block;
      margin-right: 32px; }
      .rtl .box1-h1 .left ul li {
        margin-left: 32px;
        margin-right: inherit; }
      @media (max-width: 991px) {
        .box1-h1 .left ul li {
          margin-right: 15px; }
          .rtl .box1-h1 .left ul li {
            margin-left: 15px;
            margin-right: inherit; } }
      @media (max-width: 480px) {
        .box1-h1 .left ul li {
          margin-right: 25px; }
          .rtl .box1-h1 .left ul li {
            margin-left: 25px;
            margin-right: inherit; } }
      .box1-h1 .left ul li:nth-child(1) a:before {
        width: 22px;
        height: 25px;
        position: absolute;
        left: 0;
        content: "";
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yMTA0XzQxNzEpIj4KPHBhdGggZD0iTTE1LjI0MjYgMTIuNDkyNkMxNC42MTg1IDEzLjExNjggMTMuMzg5MSAxNC4zNDYyIDEyLjQxMzcgMTUuMzIxNkMxMS42MzI2IDE2LjEwMjYgMTAuMzY3NCAxNi4xMDI3IDkuNTg2NCAxNS4zMjE3QzguNjI4ODYgMTQuMzY0MSA3LjQyMTI2IDEzLjE1NjUgNi43NTczNiAxMi40OTI2QzQuNDE0MjEgMTAuMTQ5NSA0LjQxNDIxIDYuMzUwNTEgNi43NTczNiA0LjAwNzM2QzkuMTAwNTEgMS42NjQyMSAxMi44OTk1IDEuNjY0MjEgMTUuMjQyNiA0LjAwNzM2QzE3LjU4NTggNi4zNTA1MSAxNy41ODU4IDEwLjE0OTUgMTUuMjQyNiAxMi40OTI2WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjI1IDguMjVDMTMuMjUgOS40OTI2NCAxMi4yNDI2IDEwLjUgMTEgMTAuNUM5Ljc1NzM2IDEwLjUgOC43NSA5LjQ5MjY0IDguNzUgOC4yNUM4Ljc1IDcuMDA3MzYgOS43NTczNiA2IDExIDZDMTIuMjQyNiA2IDEzLjI1IDcuMDA3MzYgMTMuMjUgOC4yNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yMTA0XzQxNzEiIHg9Ii0yIiB5PSIwIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzIxMDRfNDE3MSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yMTA0XzQxNzEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg=="); }
        .rtl .box1-h1 .left ul li:nth-child(1) a:before {
          right: 0;
          left: auto; }
      .box1-h1 .left ul li:nth-child(2) a {
        position: relative;
        padding-left: 25px; }
        .rtl .box1-h1 .left ul li:nth-child(2) a {
          padding-right: 25px;
          padding-left: inherit; }
        .box1-h1 .left ul li:nth-child(2) a:before {
          width: 18px;
          height: 18px;
          position: absolute;
          left: 0;
          content: "";
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzUgMTJIMTAuNzVIOS43NVpNOS43NSA2SDguNzVWNkw5Ljc1IDZaTTEyLjk2OTcgNS40Njk2N0wxMy42NzY4IDQuNzYyNTZMMTMuNjc2OCA0Ljc2MjU2TDEyLjk2OTcgNS40Njk2N1pNMTUuNTMwMyA4LjAzMDMzTDE2LjIzNzQgNy4zMjMyMlY3LjMyMzIyTDE1LjUzMDMgOC4wMzAzM1pNMyA0Ljc1SDlWMi43NUgzVjQuNzVaTTguNzUgNC41VjEySDEwLjc1VjQuNUg4Ljc1Wk0zLjI1IDEyVjQuNUgxLjI1VjEySDMuMjVaTTMuNzUgMTEuNzVIM1YxMy43NUgzLjc1VjExLjc1Wk05IDExLjc1SDYuNzVWMTMuNzVIOVYxMS43NVpNMS4yNSAxMkMxLjI1IDEyLjk2NjUgMi4wMzM1IDEzLjc1IDMgMTMuNzVWMTEuNzVDMy4xMzgwNyAxMS43NSAzLjI1IDExLjg2MTkgMy4yNSAxMkgxLjI1Wk04Ljc1IDEyQzguNzUgMTEuODYxOSA4Ljg2MTkzIDExLjc1IDkgMTEuNzVWMTMuNzVDOS45NjY1IDEzLjc1IDEwLjc1IDEyLjk2NjUgMTAuNzUgMTJIOC43NVpNOSA0Ljc1QzguODYxOTMgNC43NSA4Ljc1IDQuNjM4MDcgOC43NSA0LjVIMTAuNzVDMTAuNzUgMy41MzM1IDkuOTY2NSAyLjc1IDkgMi43NVY0Ljc1Wk0zIDIuNzVDMi4wMzM1IDIuNzUgMS4yNSAzLjUzMzUgMS4yNSA0LjVIMy4yNUMzLjI1IDQuNjM4MDcgMy4xMzgwNyA0Ljc1IDMgNC43NVYyLjc1Wk0xMC43NSAxMkwxMC43NSA2TDguNzUgNkw4Ljc1IDEySDEwLjc1Wk0xMC41IDYuMjVIMTIuNDM5M1Y0LjI1SDEwLjVWNi4yNVpNMTQuNzUgOC41NjA2NlYxMkgxNi43NVY4LjU2MDY2SDE0Ljc1Wk0xMi4yNjI2IDYuMTc2NzhMMTQuODIzMiA4LjczNzQ0TDE2LjIzNzQgNy4zMjMyMkwxMy42NzY4IDQuNzYyNTZMMTIuMjYyNiA2LjE3Njc4Wk0xMS4yNSAxMS43NUgxMC41VjEzLjc1SDExLjI1VjExLjc1Wk0xNSAxMS43NUgxNC4yNVYxMy43NUgxNVYxMS43NVpNMTYuNzUgOC41NjA2NkMxNi43NSA4LjA5NjUzIDE2LjU2NTYgNy42NTE0MSAxNi4yMzc0IDcuMzIzMjJMMTQuODIzMiA4LjczNzQ0QzE0Ljc3NjMgOC42OTA1NiAxNC43NSA4LjYyNjk3IDE0Ljc1IDguNTYwNjZIMTYuNzVaTTEyLjQzOTMgNi4yNUMxMi4zNzMgNi4yNSAxMi4zMDk0IDYuMjIzNjYgMTIuMjYyNiA2LjE3Njc4TDEzLjY3NjggNC43NjI1NkMxMy4zNDg2IDQuNDM0MzcgMTIuOTAzNSA0LjI1IDEyLjQzOTMgNC4yNVY2LjI1Wk04Ljc1IDEyQzguNzUgMTIuOTY2NSA5LjUzMzUgMTMuNzUgMTAuNSAxMy43NVYxMS43NUMxMC42MzgxIDExLjc1IDEwLjc1IDExLjg2MTkgMTAuNzUgMTJIOC43NVpNMTQuNzUgMTJDMTQuNzUgMTEuODYxOSAxNC44NjE5IDExLjc1IDE1IDExLjc1VjEzLjc1QzE1Ljk2NjUgMTMuNzUgMTYuNzUgMTIuOTY2NSAxNi43NSAxMkgxNC43NVpNMTAuNzUgNkMxMC43NSA2LjEzODA3IDEwLjYzODEgNi4yNSAxMC41IDYuMjVWNC4yNUM5LjUzMzUgNC4yNSA4Ljc1IDUuMDMzNSA4Ljc1IDZIMTAuNzVaTTUuNzUgMTIuNzVDNS43NSAxMy4wMjYxIDUuNTI2MTQgMTMuMjUgNS4yNSAxMy4yNVYxNS4yNUM2LjYzMDcxIDE1LjI1IDcuNzUgMTQuMTMwNyA3Ljc1IDEyLjc1SDUuNzVaTTUuMjUgMTMuMjVDNC45NzM4NiAxMy4yNSA0Ljc1IDEzLjAyNjEgNC43NSAxMi43NUgyLjc1QzIuNzUgMTQuMTMwNyAzLjg2OTI5IDE1LjI1IDUuMjUgMTUuMjVWMTMuMjVaTTQuNzUgMTIuNzVDNC43NSAxMi40NzM5IDQuOTczODYgMTIuMjUgNS4yNSAxMi4yNVYxMC4yNUMzLjg2OTI5IDEwLjI1IDIuNzUgMTEuMzY5MyAyLjc1IDEyLjc1SDQuNzVaTTUuMjUgMTIuMjVDNS41MjYxNCAxMi4yNSA1Ljc1IDEyLjQ3MzkgNS43NSAxMi43NUg3Ljc1QzcuNzUgMTEuMzY5MyA2LjYzMDcxIDEwLjI1IDUuMjUgMTAuMjVWMTIuMjVaTTEzLjI1IDEyLjc1QzEzLjI1IDEzLjAyNjEgMTMuMDI2MSAxMy4yNSAxMi43NSAxMy4yNVYxNS4yNUMxNC4xMzA3IDE1LjI1IDE1LjI1IDE0LjEzMDcgMTUuMjUgMTIuNzVIMTMuMjVaTTEyLjc1IDEzLjI1QzEyLjQ3MzkgMTMuMjUgMTIuMjUgMTMuMDI2MSAxMi4yNSAxMi43NUgxMC4yNUMxMC4yNSAxNC4xMzA3IDExLjM2OTMgMTUuMjUgMTIuNzUgMTUuMjVWMTMuMjVaTTEyLjI1IDEyLjc1QzEyLjI1IDEyLjQ3MzkgMTIuNDczOSAxMi4yNSAxMi43NSAxMi4yNVYxMC4yNUMxMS4zNjkzIDEwLjI1IDEwLjI1IDExLjM2OTMgMTAuMjUgMTIuNzVIMTIuMjVaTTEyLjc1IDEyLjI1QzEzLjAyNjEgMTIuMjUgMTMuMjUgMTIuNDczOSAxMy4yNSAxMi43NUgxNS4yNUMxNS4yNSAxMS4zNjkzIDE0LjEzMDcgMTAuMjUgMTIuNzUgMTAuMjVWMTIuMjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); }
          .rtl .box1-h1 .left ul li:nth-child(2) a:before {
            right: 0;
            left: auto; }
  @media (min-width: 768px) {
    .box1-h1 .right {
      text-align: right; } }
  @media (max-width: 767px) {
    .box1-h1 .right {
      display: none; } }
  @media (min-width: 768px) {
    .box1-h1 .right .block_content {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -moz-box-align: end;
      box-align: end;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;
      -o-align-items: flex-end;
      align-items: flex-end;
      -ms-flex-align: end;
      -webkit-box-pack: end;
      -moz-box-pack: end;
      box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;
      -ms-flex-pack: end; } }
  .box1-h1 .right h4 {
    color: #fff;
    background: #ff782c;
    font-family: "mazzard_soft_hbold";
    font-size: 14px;
    border-radius: 14px;
    width: max-content;
    padding: 5px 10px;
    float: left;
    margin-bottom: 0;
    margin-right: 10px; }
    .rtl .box1-h1 .right h4 {
      margin-left: 10px;
      margin-right: inherit; }
  .box1-h1 .right p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0; }

@media (min-width: 1200px) {
  .box2-h1 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; } }
@media (max-width: 991px) {
  .box2-h1 {
    padding-bottom: 15px; } }
@media (max-width: 1199px) {
  .box2-h1 .left {
    text-align: center; } }
.box2-h1 .right {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-ends;
  -moz-box-align: flex-ends;
  box-align: flex-ends;
  -webkit-align-items: flex-ends;
  -moz-align-items: flex-ends;
  -ms-align-items: flex-ends;
  -o-align-items: flex-ends;
  align-items: flex-ends;
  -ms-flex-align: flex-ends;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end; }
  .box2-h1 .right #leo_search_block_top, .box2-h1 .right .header-button-add, .box2-h1 .right #leo_block_top {
    margin-right: 24px; }
    .rtl .box2-h1 .right #leo_search_block_top, .rtl .box2-h1 .right .header-button-add, .rtl .box2-h1 .right #leo_block_top {
      margin-left: 24px;
      margin-right: inherit; }
  @media (min-width: 768px) {
    .box2-h1 .right #leo_search_block_top {
      display: inline-block;
      background: #F5F5F5;
      border-radius: 22px;
      min-width: 300px; }
      .box2-h1 .right #leo_search_block_top .list-cate-wrapper {
        display: none; }
      .box2-h1 .right #leo_search_block_top #leo_search_top_button i {
        color: #fff;
        background: #6839CC;
        border-radius: 50%;
        width: 32px;
        line-height: 32px; } }

.box4-h1 {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .box4-h1 .ApColumn {
      padding-bottom: 20px; } }
  .box4-h1 .left .ApImage {
    position: relative; }
  .box4-h1 .left .image_description {
    position: absolute;
    left: 40px;
    top: 50%; }
    .box4-h1 .left .image_description h4 {
      color: #fff;
      font-size: 32px;
      line-height: 40px;
      font-family: "mazzard_soft_hbold"; }
      @media (max-width: 1199px) {
        .box4-h1 .left .image_description h4 {
          font-size: 25px;
          line-height: 25px; } }
      @media (max-width: 991px) {
        .box4-h1 .left .image_description h4 {
          margin-bottom: 2px; } }
    .box4-h1 .left .image_description p {
      color: #fff;
      font-size: 14px;
      line-height: 24px;
      font-family: "mazzard_soft_hbold"; }
  .box4-h1 .center .ApImage {
    position: relative; }
  .box4-h1 .center .image_description {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px; }
    .box4-h1 .center .image_description h4 {
      color: #fff;
      font-size: 14px;
      letter-spacing: 2px;
      font-family: "mazzard_soft_hbold";
      text-transform: uppercase; }
    .box4-h1 .center .image_description h3 {
      color: #fff;
      font-family: "mazzard_soft_hbold";
      font-size: 64px;
      line-height: 72px;
      margin-bottom: 0; }
      @media (max-width: 1199px) {
        .box4-h1 .center .image_description h3 {
          font-size: 50px;
          line-height: 50px; } }
      @media (max-width: 991px) {
        .box4-h1 .center .image_description h3 {
          font-size: 40px;
          line-height: 40px; } }
    .box4-h1 .center .image_description h5 {
      color: #fff;
      font-family: "mazzard_soft_hbold";
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 40px; }
      @media (max-width: 1199px) {
        .box4-h1 .center .image_description h5 {
          font-size: 25px;
          line-height: 30px;
          margin-bottom: 10px; } }
      @media (max-width: 1199px) {
        .box4-h1 .center .image_description h5 {
          margin-bottom: 3px; } }
    .box4-h1 .center .image_description a {
      background: #6839CC;
      font-family: "mazzard_soft_hbold";
      font-size: 14px;
      display: inline-block; }
  .box4-h1 .right .ApImage {
    position: relative; }
  .box4-h1 .right .image_description {
    position: absolute;
    top: 45px;
    text-align: center;
    left: 0;
    right: 0; }
    @media (max-width: 991px) {
      .box4-h1 .right .image_description {
        top: 20px; } }
    .box4-h1 .right .image_description h4 {
      color: #fff;
      font-size: 48px;
      line-height: 56px;
      font-family: "mazzard_soft_hbold"; }
      @media (max-width: 991px) {
        .box4-h1 .right .image_description h4 {
          font-size: 35px;
          line-height: 35px; } }
    .box4-h1 .right .image_description p {
      color: #000;
      line-height: 28px;
      font-size: 32px;
      font-family: "Satisfy", cursive;
      margin-top: -33px; }
      @media (max-width: 991px) {
        .box4-h1 .right .image_description p {
          margin-top: -22px; } }

.box5-h1 {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .box5-h1 .ApColumn {
      padding-bottom: 20px; } }
  @media (max-width: 480px) {
    .box5-h1 .left img, .box5-h1 .right img {
      height: 200px !important;
      object-fit: cover; } }
  .box5-h1 .left .ApImage {
    position: relative; }
  .box5-h1 .left .image_description {
    position: absolute;
    left: 50px;
    top: 45px; }
    @media (max-width: 991px) {
      .box5-h1 .left .image_description {
        top: 15px; } }
    .box5-h1 .left .image_description h4 {
      color: #fff;
      font-size: 20px;
      line-height: 28px;
      font-family: "mazzard_soft_hbold"; }
    .box5-h1 .left .image_description h3 {
      color: #fff;
      font-family: "mazzard_soft_hbold";
      font-size: 64px;
      line-height: 72px;
      position: relative;
      margin-bottom: 45px; }
      @media (max-width: 1199px) {
        .box5-h1 .left .image_description h3 {
          margin-bottom: 0; } }
      .box5-h1 .left .image_description h3 sup, .box5-h1 .left .image_description h3 sub {
        font-size: 20px;
        text-transform: capitalize; }
      .box5-h1 .left .image_description h3 sup {
        position: absolute;
        top: 19px; }
    .box5-h1 .left .image_description h5 {
      font-size: 14px;
      font-family: "mazzard_soft_hbold";
      color: #FF782C; }
    .box5-h1 .left .image_description p {
      color: #fff;
      font-size: 20px;
      font-family: "mazzard_soft_hbold"; }
  .box5-h1 .right .ApImage {
    position: relative; }
  .box5-h1 .right .image_description {
    position: absolute;
    left: 42px;
    top: 45px; }
    @media (max-width: 991px) {
      .box5-h1 .right .image_description {
        top: 15px; } }
    .box5-h1 .right .image_description h4 {
      color: #fff;
      font-size: 14px;
      letter-spacing: 2px;
      font-family: "mazzard_soft_hbold";
      text-transform: uppercase; }
    .box5-h1 .right .image_description h3 {
      color: #fff;
      font-size: 48px;
      line-height: 56px;
      font-family: "mazzard_soft_hbold"; }
      @media (max-width: 1199px) {
        .box5-h1 .right .image_description h3 {
          font-size: 30px;
          line-height: 30px; } }
    .box5-h1 .right .image_description p {
      color: #fff;
      font-family: "mazzard_soft_hbold";
      font-size: 32px;
      line-height: 40px; }
      .box5-h1 .right .image_description p span {
        color: #FCC742; }

.box6-h1 {
  margin-top: 100px;
  position: relative; }
  .box6-h1 > .title-ap-group {
    padding-bottom: 35px; }
  .box6-h1 .ApColumn {
    position: static; }
  .box6-h1 .box-show-more {
    position: absolute;
    top: -10px;
    right: 0; }
    .rtl .box6-h1 .box-show-more {
      left: 0;
      right: auto; }
    @media (max-width: 575px) {
      .box6-h1 .box-show-more {
        display: none; } }
    .box6-h1 .box-show-more a {
      background: transparent;
      color: #666;
      font-size: 12px;
      letter-spacing: 0;
      text-transform: capitalize;
      margin: 0; }
      .box6-h1 .box-show-more a:hover {
        color: #6839CC; }
      .box6-h1 .box-show-more a:after {
        content: "\f054";
        font-size: 10px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        transition: all 0.5s;
        margin-left: 13px;
        background: #fff;
        border-radius: 50%;
        padding: 7px 9px;
        color: #000;
        border: 1px solid #E5E5E5; }
        .rtl .box6-h1 .box-show-more a:after {
          margin-right: 13px;
          margin-left: inherit; }

.box7-h1 {
  padding-top: 130px;
  padding-bottom: 120px; }
  @media (max-width: 767px) {
    .box7-h1 {
      padding-bottom: 50px; } }
  .box7-h1 .top ul:hover .cate-name {
    color: #FF782C; }
  .box7-h1 .top ul li {
    float: left;
    text-align: center; }
  .box7-h1 .top .block_content {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap; }
  .box7-h1 .top .cate_content .cover-img {
    border: 1px dashed transparent; }
  .box7-h1 .top .cate_content:hover .cover-img {
    border: 1px dashed #FF782C;
    border-radius: 50%; }
  .box7-h1 .top .cate_content .cate-name {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    text-align: center;
    font-family: "mazzard_soft_hbold";
    text-transform: capitalize; }
  .box7-h1 .top .cate_content .leo-qty {
    display: none !important; }
  .box7-h1 .bottom {
    position: relative;
    margin-top: 25px; }
    .box7-h1 .bottom .ApImage {
      position: relative; }
    @media (max-width: 767px) {
      .box7-h1 .bottom img {
        height: 200px !important;
        object-fit: cover; } }
    .box7-h1 .bottom .image_description {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 60px; }
      @media (max-width: 767px) {
        .box7-h1 .bottom .image_description {
          position: static;
          transform: none;
          padding-top: 30px; } }
      .box7-h1 .bottom .image_description h4 {
        color: #fff;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 24px;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .box7-h1 .bottom .image_description h4 {
            color: #000; } }
      .box7-h1 .bottom .image_description h3 {
        color: #fff;
        font-size: 48px;
        line-height: 56px; }
        @media (max-width: 1199px) {
          .box7-h1 .bottom .image_description h3 {
            font-size: 35px;
            line-height: 35px; } }
        @media (max-width: 767px) {
          .box7-h1 .bottom .image_description h3 {
            color: #000; } }
      .box7-h1 .bottom .image_description h5 {
        font-size: 16px;
        line-height: 24px;
        color: #fff; }
        @media (max-width: 767px) {
          .box7-h1 .bottom .image_description h5 {
            color: #000; } }
    .box7-h1 .bottom .bottom-1 p {
      font-size: 16px;
      color: #fff;
      line-height: 24px;
      font-family: "mazzard_soft_hbold";
      margin-bottom: 20px; }
    .box7-h1 .bottom .ApHtml {
      position: absolute;
      top: 56px;
      right: 60px; }
      @media (max-width: 1199px) {
        .box7-h1 .bottom .ApHtml {
          top: 35px; } }
      @media (max-width: 767px) {
        .box7-h1 .bottom .ApHtml {
          display: none; } }

.box8-h1 {
  padding-top: 120px;
  position: relative; }
  .box8-h1 .ApColumn {
    position: static; }
  .box8-h1 .blog-viewall {
    position: absolute;
    top: 17%;
    right: 0; }
    .rtl .box8-h1 .blog-viewall {
      left: 0;
      right: auto; }
    @media (max-width: 575px) {
      .box8-h1 .blog-viewall {
        display: none; } }
    .box8-h1 .blog-viewall a {
      background: transparent;
      color: #666;
      font-size: 12px;
      letter-spacing: 0;
      text-transform: capitalize;
      margin: 0; }
      .box8-h1 .blog-viewall a:after {
        content: "\f054";
        font-size: 10px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        transition: all 0.5s;
        margin-left: 13px;
        background: #fff;
        border-radius: 50%;
        padding: 7px 9px;
        color: #000;
        border: 1px solid #E5E5E5; }
        .rtl .box8-h1 .blog-viewall a:after {
          margin-right: 13px;
          margin-left: inherit; }
      .box8-h1 .blog-viewall a:hover {
        color: #6839CC; }

.box9-h1 {
  padding-top: 90px; }
  .box9-h1 .block-carousel-container {
    padding: 60px 90px 65px 90px;
    border: 1px dashed #FF782C;
    border-radius: 5px; }
    @media (max-width: 575px) {
      .box9-h1 .block-carousel-container {
        padding: 20px; } }
  @media (min-width: 576px) {
    .box9-h1 .block-carousel-image-container {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative; } }
  .box9-h1 .block-carousel-image-container img {
    margin-top: -25px;
    padding-bottom: 20px; }
    @media (max-width: 575px) {
      .box9-h1 .block-carousel-image-container img {
        margin-top: 0px; } }
  .box9-h1 .block-carousel-image-container .descript {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    margin-left: 60px;
    position: relative; }
    .rtl .box9-h1 .block-carousel-image-container .descript {
      text-align: right; }
    .rtl .box9-h1 .block-carousel-image-container .descript {
      margin-right: 60px;
      margin-left: inherit; }
    @media (max-width: 575px) {
      .box9-h1 .block-carousel-image-container .descript {
        margin-left: 0px;
        text-align: center;
        font-size: 18px; }
        .rtl .box9-h1 .block-carousel-image-container .descript {
          margin-right: 0px;
          margin-left: inherit; } }
    @media (min-width: 992px) {
      .box9-h1 .block-carousel-image-container .descript:after {
        content: "";
        background: url(../../../../assets/img/modules/appagebuilder/img/star.png) no-repeat;
        width: 63px;
        height: 14px;
        position: absolute;
        top: -14px;
        left: 0px; }
        .rtl .box9-h1 .block-carousel-image-container .descript:after {
          right: 0px;
          left: auto; } }
  .box9-h1 .block-carousel-image-container .title {
    font-family: "mazzard_soft_hbold";
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    bottom: -50px;
    left: 18px; }
    .rtl .box9-h1 .block-carousel-image-container .title {
      right: 18px;
      left: auto; }
    @media (max-width: 575px) {
      .box9-h1 .block-carousel-image-container .title {
        position: static; } }
    .box9-h1 .block-carousel-image-container .title span {
      font-size: 12px;
      color: #999999;
      display: block;
      font-family: "mazzard_soft_hregular";
      font-weight: 400; }

.box10-h1 {
  padding-top: 60px; }
  .box10-h1 .image-item {
    position: relative;
    padding: 0 5px;
    text-align: center; }
    @media (max-width: 767px) {
      .box10-h1 .image-item {
        padding-bottom: 10px;
        width: 30%; } }
    @media (max-width: 480px) {
      .box10-h1 .image-item {
        width: 50%; } }
    .box10-h1 .image-item:before {
      content: "+";
      font-size: 28px;
      background: #fff;
      color: #000;
      padding: 10px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 42px;
      height: 42px;
      margin: auto;
      opacity: 0;
      transition: .5s ease;
      text-align: center;
      line-height: 29px; }
    .box10-h1 .image-item:hover:before {
      opacity: 1; }

.box11-h1 {
  padding-top: 60px;
  padding-bottom: 50px; }

.box12-h1 {
  padding-top: 90px;
  margin-top: 20px;
  padding-bottom: 60px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px dashed #e5e5e5; }
  .box12-h1:after {
    content: "";
    margin-left: -1000px;
    width: 100%;
    padding: 0 1000px;
    box-sizing: content-box;
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 1px dashed #e5e5e5; }
    .rtl .box12-h1:after {
      margin-right: -1000px;
      margin-left: inherit; }
  .box12-h1 .ApColumn .ApBlockLink .title_block {
    color: #000;
    text-transform: uppercase;
    font-size: 14px; }
  @media (max-width: 991px) {
    .box12-h1 .left {
      padding-bottom: 20px; } }
  .box12-h1 .left .header_logo {
    padding: 0;
    margin-bottom: 30px; }
  .box12-h1 .left .block_content p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    max-width: 400px; }
  .box12-h1 .left .block_content h4 {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    position: relative;
    padding-left: 30px; }
    .rtl .box12-h1 .left .block_content h4 {
      padding-right: 30px;
      padding-left: inherit; }
    .box12-h1 .left .block_content h4:before {
      width: 22px;
      height: 25px;
      position: absolute;
      left: 0;
      content: "";
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEzLjQ1QzE1Ljc1IDEzLjQ1IDE0LjU1IDEzLjI1IDEzLjQzIDEyLjg4QzEzLjMzIDEyLjg1IDEzLjIyIDEyLjgzIDEzLjEyIDEyLjgzQzEyLjg2IDEyLjgzIDEyLjYxIDEyLjkzIDEyLjQxIDEzLjEyTDEwLjIxIDE1LjMyQzcuMzggMTMuODggNS4wNiAxMS41NyAzLjYyIDguNzI5OTVMNS44MiA2LjUxOTk1QzYuMSA2LjI1OTk1IDYuMTggNS44Njk5NSA2LjA3IDUuNTE5OTVDNS43IDQuMzk5OTUgNS41IDMuMTk5OTUgNS41IDEuOTQ5OTVDNS41IDEuMzk5OTUgNS4wNSAwLjk0OTk1MSA0LjUgMC45NDk5NTFIMUMwLjQ1IDAuOTQ5OTUxIDAgMS4zOTk5NSAwIDEuOTQ5OTVDMCAxMS4zNCA3LjYxIDE4Ljk1IDE3IDE4Ljk1QzE3LjU1IDE4Ljk1IDE4IDE4LjUgMTggMTcuOTVWMTQuNDVDMTggMTMuOSAxNy41NSAxMy40NSAxNyAxMy40NVpNMi4wMyAyLjk0OTk1SDMuNTNDMy42IDMuODI5OTUgMy43NSA0LjY5OTk1IDMuOTggNS41Mjk5NUwyLjc4IDYuNzM5OTVDMi4zOCA1LjUyOTk1IDIuMTIgNC4yNjk5NSAyLjAzIDIuOTQ5OTVaTTE2IDE2LjkyQzE0LjY4IDE2LjgzIDEzLjQgMTYuNTcgMTIuMiAxNi4xNkwxMy40IDE0Ljk2QzE0LjI1IDE1LjIgMTUuMTIgMTUuMzUgMTYgMTUuNDFWMTYuOTJaTTE1IDMuOTQ5OTVWMC45NDk5NTFIMTNWMy45NDk5NUgxMFY1Ljk0OTk1SDEzVjguOTQ5OTVIMTVWNS45NDk5NUgxOFYzLjk0OTk1SDE1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); }
      .rtl .box12-h1 .left .block_content h4:before {
        right: 0;
        left: auto; }
  .box12-h1 .left .block_content h3 {
    color: #FF782C;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px; }
  .box12-h1 .right .top h4 {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 30px; }
  .box12-h1 .right .top p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    max-width: 400px; }
    .box12-h1 .right .top p span {
      color: #FF782C;
      font-family: "mazzard_soft_hbold"; }
  .box12-h1 .right .bottom p {
    font-family: "mazzard_soft_hbold";
    font-size: 14px;
    color: #000;
    line-height: 24px;
    position: relative;
    padding-top: 10px;
    padding-left: 30px; }
    .rtl .box12-h1 .right .bottom p {
      padding-right: 30px;
      padding-left: inherit; }
    .box12-h1 .right .bottom p:before {
      width: 22px;
      height: 25px;
      position: absolute;
      left: 0;
      content: "";
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgMUg3LjVDNi4xMiAxIDUgMi4xMiA1IDMuNVYyMC41QzUgMjEuODggNi4xMiAyMyA3LjUgMjNIMTUuNUMxNi44OCAyMyAxOCAyMS44OCAxOCAyMC41VjMuNUMxOCAyLjEyIDE2Ljg4IDEgMTUuNSAxWk0xMS41IDIyQzEwLjY3IDIyIDEwIDIxLjMzIDEwIDIwLjVDMTAgMTkuNjcgMTAuNjcgMTkgMTEuNSAxOUMxMi4zMyAxOSAxMyAxOS42NyAxMyAyMC41QzEzIDIxLjMzIDEyLjMzIDIyIDExLjUgMjJaTTE2IDE4SDdWNEgxNlYxOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo="); }
      .rtl .box12-h1 .right .bottom p:before {
        right: 0;
        left: auto; }

.box13-h1 {
  padding-top: 40px; }
  @media (max-width: 991px) {
    .box13-h1 {
      padding-bottom: 40px;
      display: inline-block; } }
  .box13-h1 .left1 p {
    color: #666;
    font-size: 13px; }
    .box13-h1 .left1 p span {
      color: #FF782C; }
  @media (min-width: 576px) {
    .box13-h1 .right-bottom img {
      width: auto !important; } }
  @media (min-width: 992px) {
    .box13-h1 .right-bottom {
      text-align: center; } }
  @media (min-width: 992px) {
    .box13-h1 .right1 ul {
      float: right; }
      .rtl .box13-h1 .right1 ul {
        float: left; } }
  .box13-h1 .right1 ul li {
    float: left;
    padding-right: 10px; }
    .box13-h1 .right1 ul li:first-child {
      border-right: 1px solid #969292;
      margin-right: 10px;
      height: 13px; }
    .box13-h1 .right1 ul li a {
      font-size: 12px;
      color: #666; }
      .box13-h1 .right1 ul li a:hover {
        color: #6839CC; }

@media (min-width: 1200px) {
  .box2-h2 {
    border-top: 1px dashed #e5e5e5; } }
@media (max-width: 767px) {
  .box2-h2 .leo-megamenu .navbar-toggler {
    position: absolute;
    top: -48px; } }

.box3-h2 {
  padding-top: 40px; }
  .box3-h2 .ApColumn .manufacturers_block {
    position: relative; }
  .box3-h2 .ApColumn .title_block {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    position: absolute;
    left: 30px;
    top: -15px;
    margin-top: 0;
    background: #fff;
    padding: 0 25px; }
    .rtl .box3-h2 .ApColumn .title_block {
      right: 30px;
      left: auto; }
  .box3-h2 .block_content {
    border: 1px dashed #e5e5e5;
    border-radius: 5px; }

.box4-h2 {
  padding-top: 30px; }
  @media (max-width: 575px) {
    .box4-h2 .left img, .box4-h2 .right img {
      height: 200px !important;
      object-fit: cover; } }
  @media (max-width: 767px) {
    .box4-h2 .left {
      padding-bottom: 15px; } }
  .box4-h2 .left .ApImage {
    position: relative; }
  .box4-h2 .left .image_description {
    position: absolute;
    top: 45px;
    left: 40px; }
    @media (max-width: 1199px) {
      .box4-h2 .left .image_description {
        top: 25px; } }
    @media (max-width: 991px) {
      .box4-h2 .left .image_description {
        top: 15px; } }
    .box4-h2 .left .image_description h4 {
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .box4-h2 .left .image_description h3 {
      font-size: 48px;
      color: #FF782C; }
      @media (max-width: 991px) {
        .box4-h2 .left .image_description h3 {
          font-size: 27px; } }
    .box4-h2 .left .image_description h5 {
      color: #fff;
      font-size: 20px;
      margin-bottom: 60px; }
      @media (max-width: 1500px) {
        .box4-h2 .left .image_description h5 {
          margin-bottom: 20px; } }
      @media (max-width: 991px) {
        .box4-h2 .left .image_description h5 {
          margin-bottom: 10px; } }
  .box4-h2 .right .ApImage {
    position: relative; }
  .box4-h2 .right .image_description {
    position: absolute;
    top: 45px;
    left: 40px; }
    @media (max-width: 1199px) {
      .box4-h2 .right .image_description {
        top: 25px; } }
    .box4-h2 .right .image_description h4 {
      font-size: 48px;
      color: #fff;
      line-height: 56px; }
      @media (max-width: 991px) {
        .box4-h2 .right .image_description h4 {
          font-size: 27px;
          line-height: 29px; } }
      .box4-h2 .right .image_description h4:nth-child(2) {
        padding-bottom: 50px; }
        @media (max-width: 1500px) {
          .box4-h2 .right .image_description h4:nth-child(2) {
            padding-bottom: 20px;
            margin-bottom: 0; } }
    .box4-h2 .right .image_description p {
      font-size: 14px;
      line-height: 24px;
      color: #fff;
      font-family: "mazzard_soft_hbold";
      margin-bottom: 0; }

.box5-h2 {
  padding-top: 100px; }
  .box5-h2 .nav-item .nav-link.active, .box5-h2 .nav-item .nav-separtor.active {
    border: none;
    color: #fff;
    background: #6839CC;
    text-transform: capitalize;
    border-radius: 22px;
    padding: 11px 20px; }
  .box5-h2 .nav-item .nav-link, .box5-h2 .nav-item .nav-separtor {
    color: #666;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 22px;
    padding: 11px 20px; }
  .box5-h2 .nav-tabs .nav-link:focus, .box5-h2 .nav-tabs .nav-link:hover {
    border: none;
    color: #fff;
    background: #6839CC;
    text-transform: capitalize;
    border-radius: 22px; }
  @media (min-width: 768px) {
    .box5-h2 .nav-tabs {
      position: absolute;
      right: 0;
      top: -75px; }
      .rtl .box5-h2 .nav-tabs {
        left: 0;
        right: auto; } }
  .box5-h2 .owl-theme .owl-buttons div {
    bottom: 62%; }

.box6-h2 {
  padding-top: 120px;
  padding-bottom: 93px; }
  .box6-h2 .block_content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .box6-h2 .block_content ul {
      padding-right: 25px; }
      @media (min-width: 1300px) {
        .box6-h2 .block_content ul:nth-child(4) {
          padding-right: 0px; } }
      @media (min-width: 1300px) {
        .box6-h2 .block_content ul:nth-child(8) {
          padding-right: 0px; } }
  .box6-h2 .cate_content {
    position: relative; }
  .box6-h2 .wr-text {
    position: absolute;
    right: 85px;
    top: 50%;
    transform: translateY(-50%); }
    .rtl .box6-h2 .wr-text {
      left: 85px;
      right: auto; }
    .box6-h2 .wr-text .cate-name {
      color: #fff;
      display: block;
      text-transform: capitalize;
      font-size: 16px;
      position: relative; }
      .box6-h2 .wr-text .cate-name:after {
        content: "\f054";
        font-size: 14px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        transition: all 0.5s;
        position: absolute;
        background: #fff;
        border-radius: 50%;
        padding: 8px 12px;
        color: #000;
        margin-left: 45px; }
        .rtl .box6-h2 .wr-text .cate-name:after {
          margin-right: 45px;
          margin-left: inherit; }
      .box6-h2 .wr-text .cate-name:hover:after {
        color: #fff;
        background: #FF782C; }
    .box6-h2 .wr-text .items {
      color: #fff;
      font-size: 14px;
      text-transform: capitalize;
      font-family: "mazzard_soft_hregular";
      font-weight: 400; }

.box7-h2 {
  padding-top: 100px; }
  @media (min-width: 1200px) {
    .box7-h2 .left {
      width: calc(40% - 24px); } }
  @media (max-width: 767px) {
    .box7-h2 .left {
      padding-bottom: 20px; } }
  .box7-h2 .left .ApImage {
    position: relative; }
  .box7-h2 .left .image_description {
    position: absolute;
    left: 40px;
    top: 45px; }
    .box7-h2 .left .image_description h3 {
      color: #fff;
      font-size: 48px;
      line-height: 56px;
      margin-bottom: 0; }
    .box7-h2 .left .image_description h5 {
      color: #fff;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 35px;
      smargin-top: 5px; }
  .box7-h2 .left .btn-slideshow-1 {
    padding: 10px 20px; }
  @media (min-width: 1200px) {
    .box7-h2 .right {
      width: calc(60% + 24px); } }

.box8-h2 {
  padding-top: 95px;
  padding-bottom: 50px; }
  .box8-h2 .left {
    padding-top: 50px; }
    .box8-h2 .left .ApCountdown {
      padding-bottom: 50px; }
      .box8-h2 .left .ApCountdown h4 {
        color: #FF782C;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 2px; }
      .box8-h2 .left .ApCountdown h3 {
        color: #000;
        text-transform: capitalize;
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .box8-h2 .left .ApCountdown h3 {
            font-size: 36px;
            line-height: 50px; } }
      .box8-h2 .left .ApCountdown h5 {
        color: #666666;
        font-size: 14px;
        line-height: 24px;
        font-family: "mazzard_soft_hregular";
        max-width: 240px;
        margin-bottom: 35px;
        margin-top: 15px; }
        .box8-h2 .left .ApCountdown h5 span {
          color: #FF782C;
          font-family: "mazzard_soft_hbold"; }
      .box8-h2 .left .ApCountdown h6 {
        font-family: "mazzard_soft_hregular";
        margin-bottom: 15px; }
      .box8-h2 .left .ApCountdown ul li {
        float: left;
        background: #fff;
        border-radius: 5px;
        padding: 9px 15px;
        text-align: center;
        margin-right: 15px; }
        .rtl .box8-h2 .left .ApCountdown ul li {
          float: right; }
        .rtl .box8-h2 .left .ApCountdown ul li {
          margin-left: 15px;
          margin-right: inherit; }
        @media (max-width: 767px) {
          .box8-h2 .left .ApCountdown ul li {
            margin-right: 10px; }
            .rtl .box8-h2 .left .ApCountdown ul li {
              margin-left: 10px;
              margin-right: inherit; } }
        @media (max-width: 575px) {
          .box8-h2 .left .ApCountdown ul li {
            margin-right: 7px;
            padding: 9px 13px; }
            .rtl .box8-h2 .left .ApCountdown ul li {
              margin-left: 7px;
              margin-right: inherit; } }
        .box8-h2 .left .ApCountdown ul li b {
          font-size: 20px;
          line-height: 28px;
          color: #FF782C;
          font-family: "mazzard_soft_hbold"; }
        .box8-h2 .left .ApCountdown ul li span {
          display: block;
          font-size: 14px;
          color: #000;
          font-family: "mazzard_soft_hregular";
          text-transform: capitalize; }

.box9-h2 {
  padding-top: 100px; }
  @media (min-width: 992px) {
    .box9-h2 {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; } }
  @media (min-width: 1200px) {
    .box9-h2 .right {
      padding-left: 85px; }
      .rtl .box9-h2 .right {
        padding-right: 85px;
        padding-left: inherit; } }
  @media (max-width: 767px) {
    .box9-h2 .right .ApHtml {
      padding-top: 20px; } }
  .box9-h2 .right .ApHtml h4 {
    color: #FF782C;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .box9-h2 .right .ApHtml h3 {
    font-size: 48px;
    line-height: 56px;
    color: #000;
    margin-bottom: 0;
    text-transform: capitalize; }
    @media (max-width: 767px) {
      .box9-h2 .right .ApHtml h3 {
        font-size: 29px;
        line-height: 40px; } }
  .box9-h2 .right .ApHtml p {
    max-width: 250px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 60px;
    margin-top: 20px; }
    @media (max-width: 1199px) {
      .box9-h2 .right .ApHtml p {
        margin-bottom: 35px; } }
  @media (max-width: 991px) {
    .box9-h2 .right .ApImage {
      padding-bottom: 20px; } }

.box10-h2 {
  padding: 40px 15px; }
  @media (max-width: 991px) {
    .box10-h2 .ApColumn {
      padding-bottom: 20px; } }
  .box10-h2 img {
    float: left;
    padding-right: 30px; }
    .rtl .box10-h2 img {
      float: right; }
    .rtl .box10-h2 img {
      padding-left: 30px;
      padding-right: inherit; }
    @media (max-width: 1199px) {
      .box10-h2 img {
        padding-right: 10px; }
        .rtl .box10-h2 img {
          padding-left: 10px;
          padding-right: inherit; } }
  .box10-h2 .image_description h3 {
    color: #fff;
    font-size: 14px; }
    @media (max-width: 767px) {
      .box10-h2 .image_description h3 {
        font-size: 13px; } }

.box2-h3 {
  position: relative; }
  @media (min-width: 992px) {
    .box2-h3 {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; } }
  @media (min-width: 1200px) {
    .box2-h3:after {
      content: "";
      margin-left: -1000px;
      width: 100%;
      padding: 0 1000px;
      box-sizing: content-box;
      display: block !important;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      border: 1px dashed #e5e5e5; }
      .rtl .box2-h3:after {
        margin-right: -1000px;
        margin-left: inherit; } }
  @media (max-width: 767px) {
    .box2-h3 .leo-megamenu .navbar-toggler {
      position: absolute;
      top: -48px; } }
  .box2-h3 .right {
    text-align: right; }
    @media (max-width: 767px) {
      .box2-h3 .right {
        display: none; } }
    .rtl .box2-h3 .right {
      text-align: left; }
    .box2-h3 .right p {
      font-family: "mazzard_soft_hbold";
      font-size: 16px;
      color: #000;
      position: relative;
      padding-left: 30px;
      display: inline-block;
      margin-bottom: 0; }
      .rtl .box2-h3 .right p {
        padding-right: 30px;
        padding-left: inherit; }
      .box2-h3 .right p:before {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        content: "";
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzIzMzMgOC43ODU1NkM4LjM2NTkzIDEwLjYxNzIgOS44ODI4IDEyLjEzNDEgMTEuNzE0NCAxMy4xNzY3TDEyLjY5NjcgMTEuODAxMUMxMi44NTQ2IDExLjU3OTkgMTMuMDg4MiAxMS40MjQzIDEzLjM1MzEgMTEuMzYzN0MxMy42MTgxIDExLjMwMzEgMTMuODk2IDExLjM0MTcgMTQuMTM0NCAxMS40NzIyQzE1LjcwNTkgMTIuMzMxIDE3LjQ0MTMgMTIuODQ3NSAxOS4yMjY3IDEyLjk4NzhDMTkuNTA1MyAxMy4wMDk5IDE5Ljc2NTQgMTMuMTM2MSAxOS45NTUxIDEzLjM0MTVDMjAuMTQ0NyAxMy41NDY4IDIwLjI1IDEzLjgxNiAyMC4yNSAxNC4wOTU2VjE5LjA1MzNDMjAuMjUwMSAxOS4zMjg0IDIwLjE0ODEgMTkuNTkzOCAxOS45NjM3IDE5Ljc5OEMxOS43Nzk0IDIwLjAwMjIgMTkuNTI1OSAyMC4xMzA4IDE5LjI1MjIgMjAuMTU4OUMxOC42NjMzIDIwLjIyIDE4LjA3IDIwLjI1IDE3LjQ3MjIgMjAuMjVDNy45NjExMSAyMC4yNSAwLjI1IDEyLjUzODkgMC4yNSAzLjAyNzc4QzAuMjUgMi40MyAwLjI4IDEuODM2NjcgMC4zNDExMTEgMS4yNDc3OEMwLjM2OTE3MiAwLjk3NDEwOCAwLjQ5Nzc2IDAuNzIwNTc5IDAuNzAxOTg5IDAuNTM2MjZDMC45MDYyMTcgMC4zNTE5NDEgMS4xNzE1NiAwLjI0OTk0MSAxLjQ0NjY3IDAuMjVINi40MDQ0NEM2LjY4Mzk2IDAuMjQ5OTY1IDYuOTUzMjIgMC4zNTUyNzkgNy4xNTg1MyAwLjU0NDk0NUM3LjM2Mzg1IDAuNzM0NjExIDcuNDkwMTQgMC45OTQ2OTMgNy41MTIyMiAxLjI3MzMzQzcuNjUyNDcgMy4wNTg2NiA4LjE2ODk3IDQuNzk0MDkgOS4wMjc3OCA2LjM2NTU2QzkuMTU4MjkgNi42MDM5NiA5LjE5NjkgNi44ODE5MyA5LjEzNjMgNy4xNDY4OEM5LjA3NTY5IDcuNDExODMgOC45MjAwNyA3LjY0NTM4IDguNjk4ODkgNy44MDMzM0w3LjMyMzMzIDguNzg1NTZaTTQuNTIxMTEgOC4wNTU1Nkw2LjYzMjIyIDYuNTQ3NzhDNi4wMzMwOSA1LjI1NDU1IDUuNjIyNjEgMy44ODIwNSA1LjQxMzMzIDIuNDcyMjJIMi40ODMzM0MyLjQ3NjY3IDIuNjU2NjcgMi40NzMzMyAyLjg0MjIyIDIuNDczMzMgMy4wMjc3OEMyLjQ3MjIyIDExLjMxMjIgOS4xODc3OCAxOC4wMjc4IDE3LjQ3MjIgMTguMDI3OEMxNy42NTc4IDE4LjAyNzggMTcuODQzMyAxOC4wMjQ0IDE4LjAyNzggMTguMDE2N1YxNS4wODY3QzE2LjYxOCAxNC44Nzc0IDE1LjI0NTUgMTQuNDY2OSAxMy45NTIyIDEzLjg2NzhMMTIuNDQ0NCAxNS45Nzg5QzExLjgzNzQgMTUuNzQzIDExLjI0NzggMTUuNDY0NSAxMC42OCAxNS4xNDU2TDEwLjYxNTYgMTUuMTA4OUM4LjQzNjIgMTMuODY4NiA2LjYzMTQyIDEyLjA2MzggNS4zOTExMSA5Ljg4NDQ0TDUuMzU0NDQgOS44MkM1LjAzNTQ1IDkuMjUyMjIgNC43NTY5OCA4LjY2MjYgNC41MjExMSA4LjA1NTU2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); }
        .rtl .box2-h3 .right p:before {
          right: 0;
          left: auto; }
      .box2-h3 .right p span {
        font-size: 14px;
        color: #FF782C; }

.box3-h3 {
  padding-top: 60px; }
  .box3-h3 .owl-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .box3-h3 .owl-wrapper .block-carousel-image-container {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
      .box3-h3 .owl-wrapper .block-carousel-image-container .title {
        text-align: left;
        padding-left: 15px; }
        .rtl .box3-h3 .owl-wrapper .block-carousel-image-container .title {
          text-align: right; }
        .rtl .box3-h3 .owl-wrapper .block-carousel-image-container .title {
          padding-right: 15px;
          padding-left: inherit; }
        .box3-h3 .owl-wrapper .block-carousel-image-container .title span {
          display: block;
          color: #666666;
          margin-top: 8px;
          font-weight: 400; }
      .box3-h3 .owl-wrapper .block-carousel-image-container img {
        margin: inherit; }
    .box3-h3 .owl-wrapper .owl-item {
      filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
      border-radius: 4px;
      padding: 20px;
      margin-right: 30px;
      border: 1px solid transparent;
      background-color: #fff;
      opacity: 0;
      transition: all .3s ease; }
      .rtl .box3-h3 .owl-wrapper .owl-item {
        margin-left: 30px;
        margin-right: inherit; }
      .box3-h3 .owl-wrapper .owl-item.active {
        opacity: 1; }
      .box3-h3 .owl-wrapper .owl-item.last {
        margin-right: 0px; }
        .rtl .box3-h3 .owl-wrapper .owl-item.last {
          margin-left: 0px;
          margin-right: inherit; }
      .box3-h3 .owl-wrapper .owl-item:hover {
        border: 1px dashed #FF782C; }
        .box3-h3 .owl-wrapper .owl-item:hover .title {
          color: #FF782C; }
  .box3-h3 .owl-wrapper-outer {
    overflow: visible; }

.box5-h3 {
  padding-top: 10px; }
  @media (max-width: 991px) {
    .box5-h3 .ApColumn {
      padding-bottom: 15px; } }
  .box5-h3 .ApImage {
    position: relative; }
  .box5-h3 .image_description {
    position: absolute;
    top: 35px;
    left: 35px; }
    .box5-h3 .image_description h3 {
      color: #fff;
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 0; }
    .box5-h3 .image_description p {
      color: #fff;
      font-size: 14px;
      padding-top: 30px; }
    .box5-h3 .image_description h5 {
      color: #fff;
      font-size: 20px; }

.box6-h3 {
  padding-top: 100px; }
  .box6-h3 .ApColumn .title_block {
    font-size: 20px;
    line-height: 28px; }
  .box6-h3 .ApColumn .block_content {
    border-radius: 5px;
    border: 1px dashed #e5e5e5; }
  .box6-h3 .leo-plist-style-7 .thumbnail-container {
    margin: 0 30px;
    border-bottom: 1px dashed #e5e5e5; }
    @media (max-width: 991px) {
      .box6-h3 .leo-plist-style-7 .thumbnail-container {
        margin: 0 10px; } }
  .box6-h3 .leo-plist-style-7 .product-miniature:last-child .thumbnail-container {
    border-bottom: none; }

.box7-h3 {
  padding-top: 115px;
  margin-top: 90px; }
  .box7-h3 .left .ApHtml h4 {
    color: #FF782C;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .box7-h3 .left .ApHtml h3 {
    font-size: 48px; }
    @media (max-width: 767px) {
      .box7-h3 .left .ApHtml h3 {
        font-size: 30px; } }
  .box7-h3 .left .ApHtml p {
    color: #666;
    font-size: 14px;
    line-height: 24px; }
  .box7-h3 .left .ApImage p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-top: 15px; }
    .box7-h3 .left .ApImage p span {
      color: #000;
      font-weight: 700; }
    .box7-h3 .left .ApImage p i {
      color: #FFCB45; }

@media (max-width: 991px) {
  .box2-h4 .ApColumn {
    padding-bottom: 15px; } }
.box2-h4 .ApImage {
  position: relative; }
  @media (max-width: 1199px) {
    .box2-h4 .ApImage {
      padding-bottom: 20px; } }
.box2-h4 .image_description {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px; }
  .box2-h4 .image_description h4, .box2-h4 .image_description h3, .box2-h4 .image_description h5, .box2-h4 .image_description h6, .box2-h4 .image_description p {
    color: #fff; }
  .box2-h4 .image_description .btn-slideshow-1 {
    padding: 9px 11px; }
.box2-h4 .left h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px; }
.box2-h4 .left h3 {
  font-size: 64px;
  margin-bottom: 0; }
  @media (max-width: 1500px) {
    .box2-h4 .left h3 {
      font-size: 30px; } }
.box2-h4 .left h5 {
  font-size: 32px;
  margin-bottom: 20px; }
  @media (max-width: 1500px) {
    .box2-h4 .left h5 {
      font-size: 28px; } }
.box2-h4 .center1 h3 {
  font-size: 32px; }
  .box2-h4 .center1 h3 sub {
    font-size: 12px;
    font-family: "mazzard_soft_hregular"; }
.box2-h4 .center1 h4 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 28px; }
.box2-h4 .center1 h6 {
  font-size: 14px;
  margin-top: 50px; }
  @media (max-width: 1500px) {
    .box2-h4 .center1 h6 {
      margin-top: 20px; } }
.box2-h4 .center2 h4 {
  font-family: "mazzard_soft_hregular";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px; }
.box2-h4 .center2 h3 {
  font-size: 32px; }
.box2-h4 .center2 h5 {
  font-size: 14px;
  margin-bottom: 50px; }
  @media (max-width: 1500px) {
    .box2-h4 .center2 h5 {
      margin-bottom: 20px; } }
.box2-h4 .right h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px; }
.box2-h4 .right h3 {
  font-size: 64px;
  margin-bottom: 0; }
  @media (max-width: 1500px) {
    .box2-h4 .right h3 {
      font-size: 34px; } }
.box2-h4 .right h5 {
  font-size: 20px;
  margin-bottom: 50px; }
  @media (max-width: 1500px) {
    .box2-h4 .right h5 {
      margin-bottom: 20px; } }
.box2-h4 .right p {
  font-size: 14px;
  font-weight: 400; }
  .box2-h4 .right p span {
    font-weight: 700; }

.box3-h4 {
  padding-top: 30px; }
  .box3-h4 .ApImage {
    position: relative; }
  .box3-h4 .image_description {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px; }
    @media (max-width: 575px) {
      .box3-h4 .image_description {
        position: static;
        transform: none;
        padding-top: 25px; } }
    .box3-h4 .image_description h4, .box3-h4 .image_description h3, .box3-h4 .image_description h5, .box3-h4 .image_description h6, .box3-h4 .image_description p {
      color: #fff; }
      @media (max-width: 575px) {
        .box3-h4 .image_description h4, .box3-h4 .image_description h3, .box3-h4 .image_description h5, .box3-h4 .image_description h6, .box3-h4 .image_description p {
          color: #000; } }
    .box3-h4 .image_description .btn-slideshow-1 {
      padding: 9px 11px; }
  @media (max-width: 991px) {
    .box3-h4 .left {
      padding-bottom: 20px; } }
  .box3-h4 .left h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 0; }
    @media (max-width: 1500px) {
      .box3-h4 .left h3 {
        font-size: 27px; } }
    @media (max-width: 1199px) {
      .box3-h4 .left h3 {
        line-height: 30px; } }
  .box3-h4 .left h6 {
    font-size: 14px;
    margin-bottom: 50px;
    margin-top: 15px; }
    @media (max-width: 1500px) {
      .box3-h4 .left h6 {
        margin-bottom: 20px; } }
    @media (max-width: 1199px) {
      .box3-h4 .left h6 {
        margin: 8px 0; } }
  .box3-h4 .right h3 {
    font-size: 32px; }
    @media (max-width: 1500px) {
      .box3-h4 .right h3 {
        font-size: 27px; } }
  .box3-h4 .right h6 {
    font-size: 14px;
    margin-bottom: 55px; }
    @media (max-width: 1500px) {
      .box3-h4 .right h6 {
        margin-bottom: 20px; } }
  .box3-h4 .right h4 {
    font-size: 14px;
    margin-bottom: 10px; }
  .box3-h4 .right p {
    color: #FF782C;
    font-size: 20px;
    font-family: "mazzard_soft_hbold"; }

.box4-h4 {
  position: relative;
  padding-top: 80px; }
  @media (min-width: 768px) {
    .box4-h4 .ApHtml {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 10%; } }
  @media (max-width: 767px) {
    .box4-h4 .ApHtml {
      padding-top: 30px;
      padding-left: 20px; } }
  .box4-h4 .ApHtml h4 {
    color: #FF782C;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px; }
  .box4-h4 .ApHtml h3 {
    color: #19063C;
    font-size: 64px;
    margin-bottom: 0;
    line-height: 72px; }
    @media (max-width: 1199px) {
      .box4-h4 .ApHtml h3 {
        font-size: 40px;
        line-height: 50px; } }
    @media (max-width: 767px) {
      .box4-h4 .ApHtml h3 {
        font-size: 32px;
        line-height: 40px; } }
    @media (max-width: 575px) {
      .box4-h4 .ApHtml h3 {
        font-size: 28px; } }
  .box4-h4 .ApHtml h5 {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    max-width: 422px;
    font-family: "mazzard_soft_hregular";
    margin: 45px 0; }
    @media (max-width: 1199px) {
      .box4-h4 .ApHtml h5 {
        margin: 20px 0; } }

.box5-h4 {
  margin-top: 90px; }

.box6-h4 {
  padding: 165px 0; }
  .box6-h4 .owl-wrapper-outer {
    border: 1px dashed #e5e5e5;
    background: #fff; }
    .box6-h4 .owl-wrapper-outer .owl-item.active {
      border-right: 1px dashed #e5e5e5; }
      .box6-h4 .owl-wrapper-outer .owl-item.active .item > div:first-child {
        border-bottom: 1px dashed #e5e5e5; }

.box7-h4 {
  padding-top: 70px; }
  .box7-h4 .products_block {
    border: 1px dashed  #e5e5e5; }
  @media (min-width: 992px) {
    .box7-h4 .thumbnail-container {
      margin: 0; } }
  .box7-h4 .thumbnail-container .leo-list-product-reviews {
    display: none; }
  .box7-h4 .thumbnail-container .product-meta {
    display: flex;
    flex-direction: column; }
  .box7-h4 .thumbnail-container .product-title {
    order: 1; }

.box1-h5 {
  padding: 60px 0; }
  @media (max-width: 991px) {
    .box1-h5 .left {
      padding-bottom: 20px; } }
  @media (max-width: 575px) {
    .box1-h5 .right img {
      height: 200px !important; } }
  .box1-h5 .right .top {
    padding-bottom: 30px;
    position: relative; }
    .box1-h5 .right .top .image_description {
      position: absolute;
      left: 40px;
      top: 50%;
      transform: translateY(-50%); }
    .box1-h5 .right .top h3 {
      font-size: 32px;
      margin-bottom: 0;
      line-height: 40px; }
    .box1-h5 .right .top p {
      color: #666666;
      font-size: 14px;
      font-family: "mazzard_soft_hbold";
      margin-top: 50px; }
      @media (max-width: 1500px) {
        .box1-h5 .right .top p {
          margin-top: 15px; } }
    .box1-h5 .right .top h4 {
      font-size: 32px;
      color: #FF782C; }
  .box1-h5 .right .bottom {
    position: relative; }
    .box1-h5 .right .bottom .image_description {
      position: absolute;
      left: 40px;
      top: 50%;
      transform: translateY(-50%); }
    .box1-h5 .right .bottom h4 {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 14px;
      color: #fff; }
    .box1-h5 .right .bottom h3 {
      color: #fff;
      font-size: 32px;
      margin-bottom: 0;
      line-height: 40px; }
      @media (max-width: 1500px) {
        .box1-h5 .right .bottom h3 {
          font-size: 25px;
          line-height: 28px; } }
    .box1-h5 .right .bottom p {
      color: #fff;
      font-size: 14px;
      margin-top: 50px;
      font-family: "mazzard_soft_hbold"; }
      @media (max-width: 1500px) {
        .box1-h5 .right .bottom p {
          margin-top: 15px; } }
    .box1-h5 .right .bottom h5 {
      font-size: 32px;
      color: #fff; }
      .box1-h5 .right .bottom h5 sub {
        font-size: 14px;
        font-family: "mazzard_soft_hregular";
        text-decoration-line: underline; }

.box2-h5 {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .box2-h5 {
      padding: 50px 0; } }
  @media (min-width: 1200px) {
    .box2-h5 {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; } }
  .box2-h5 .left .ApHtml h4 {
    color: #FF782C;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .box2-h5 .left .ApHtml h3 {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 0; }
    @media (max-width: 1200px) {
      .box2-h5 .left .ApHtml h3 {
        font-size: 27px;
        line-height: 40px; } }
  .box2-h5 .left .ApHtml h5 {
    font-family: "mazzard_soft_hregular";
    font-size: 14px;
    color: #666;
    line-height: 24px;
    max-width: 438px;
    margin: 40px 0; }
  @media (min-width: 1200px) {
    .box2-h5 .center img {
      width: auto !important; } }
  .box2-h5 .right .ApImage {
    padding-bottom: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
    .box2-h5 .right .ApImage img {
      padding-right: 20px; }
      .rtl .box2-h5 .right .ApImage img {
        padding-left: 20px;
        padding-right: inherit; }
  .box2-h5 .right .image_description p {
    margin-bottom: 0; }
  .box2-h5 .right .image_description h3 {
    font-size: 32px; }

.box3-h5 {
  padding-top: 140px;
  padding-bottom: 90px; }
  .box3-h5 .left .leo-plist-style-1 .thumbnail-container {
    background: #fff;
    border: none;
    padding: 20px 0; }
  .box3-h5 .center .leo-plist-style-7 .thumbnail-container {
    background: #fff;
    border-radius: 4px; }
  .box3-h5 .right .ApImage {
    position: relative; }
  .box3-h5 .right .image_description {
    position: absolute;
    top: 45px;
    left: 45px; }
  .box3-h5 .right h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px; }
  .box3-h5 .right h3 {
    color: #fff;
    font-size: 48px; }
    @media (max-width: 1500px) {
      .box3-h5 .right h3 {
        font-size: 32px; } }
  .box3-h5 .right h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 40px; }
    @media (max-width: 575px) {
      .box3-h5 .right h5 {
        margin-bottom: 20px; } }

.box4-h5 {
  padding-top: 50px; }
  .box4-h5 .left .ApImage {
    position: relative; }
  .box4-h5 .left .image_description {
    position: absolute;
    top: 35px;
    left: 30px; }
    @media (max-width: 1199px) {
      .box4-h5 .left .image_description {
        top: 10px; } }
    .box4-h5 .left .image_description h4 {
      color: #fff;
      font-size: 32px; }
    .box4-h5 .left .image_description h3 {
      color: #fff;
      font-size: 14px; }
  @media (max-width: 767px) {
    .box4-h5 .center {
      padding-top: 20px; } }
  .box4-h5 .center .ApImage {
    position: relative; }
  .box4-h5 .center .image_description {
    position: absolute;
    top: 50%;
    left: 45px;
    transform: translateY(-50%); }
    .box4-h5 .center .image_description h4 {
      text-transform: uppercase;
      font-size: 14px;
      color: #fff;
      letter-spacing: 2px; }
    .box4-h5 .center .image_description h3 {
      color: #fff;
      font-size: 32px;
      margin-bottom: 0;
      line-height: 40px; }
    .box4-h5 .center .image_description p {
      color: #fff;
      font-size: 14px;
      font-family: "mazzard_soft_hbold";
      text-transform: uppercase;
      margin-top: 95px;
      letter-spacing: 2px; }
      @media (max-width: 1199px) {
        .box4-h5 .center .image_description p {
          margin-top: 15px; } }
      .box4-h5 .center .image_description p span {
        font-size: 32px; }
  @media (max-width: 991px) {
    .box4-h5 .right {
      padding-top: 20px; } }
  .box4-h5 .right .ApImage {
    position: relative; }
  @media (max-width: 575px) {
    .box4-h5 .right img {
      height: 250px !important;
      object-fit: cover; } }
  .box4-h5 .right .image_description {
    position: absolute;
    top: 50%;
    left: 45px;
    transform: translateY(-50%);
    text-align: left; }
    @media (max-width: 575px) {
      .box4-h5 .right .image_description {
        position: static;
        transform: none;
        padding-top: 20px; } }
    .box4-h5 .right .image_description h4 {
      text-transform: uppercase;
      font-size: 14px;
      color: #FF782C;
      letter-spacing: 2px; }
    .box4-h5 .right .image_description h3 {
      color: #fff;
      font-size: 32px;
      margin-bottom: 20px; }
      @media (max-width: 575px) {
        .box4-h5 .right .image_description h3 {
          color: #000; } }
    .box4-h5 .right .image_description p {
      color: #fff;
      font-size: 14px;
      font-family: "mazzard_soft_hbold";
      margin-bottom: 50px; }
      @media (max-width: 1199px) {
        .box4-h5 .right .image_description p {
          margin-bottom: 10px; } }
      @media (max-width: 575px) {
        .box4-h5 .right .image_description p {
          color: #000; } }
    .box4-h5 .right .image_description h5 {
      color: #fff;
      font-size: 14px;
      padding-left: 20px; }
      @media (max-width: 575px) {
        .box4-h5 .right .image_description h5 {
          color: #000;
          padding-left: 0px; } }
    .box4-h5 .right .image_description h6 {
      font-size: 20px;
      color: #FF782C;
      padding-left: 20px; }
      @media (max-width: 575px) {
        .box4-h5 .right .image_description h6 {
          padding-left: 0px; } }

.box5-h5 {
  margin-top: 30px; }
  .box5-h5 .block-carousel-image-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    text-align: center; }
    .box5-h5 .block-carousel-image-container img {
      order: 2; }
      @media (min-width: 1200px) {
        .box5-h5 .block-carousel-image-container img {
          height: 215px; } }
    .box5-h5 .block-carousel-image-container .title {
      text-transform: uppercase;
      color: #fff;
      font-size: 14px;
      letter-spacing: 2px;
      order: 1;
      margin-bottom: 15px;
      margin-top: 23px; }
    .box5-h5 .block-carousel-image-container .sub-title {
      color: #fff;
      font-size: 48px;
      font-family: "mazzard_soft_hbold";
      margin-bottom: 0;
      padding-bottom: 5px; }
      @media (max-width: 575px) {
        .box5-h5 .block-carousel-image-container .sub-title {
          font-size: 28px; } }
    .box5-h5 .block-carousel-image-container .descript {
      color: #fff;
      font-size: 14px;
      order: 1;
      margin-bottom: 15px;
      font-family: "mazzard_soft_hbold"; }

.box6-h5 {
  padding-top: 50px; }
  .box6-h5 .ApImage {
    position: relative; }
  @media (min-width: 992px) {
    .box6-h5 .image_description {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10%; } }
  @media (max-width: 991px) {
    .box6-h5 .image_description {
      padding: 30px 15px; } }
  .box6-h5 .image_description h4 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 0;
    padding-left: 20px; }
    @media (max-width: 991px) {
      .box6-h5 .image_description h4 {
        color: #000; } }
    @media (min-width: 768px) {
      .box6-h5 .image_description h4:before {
        content: "";
        background: url(../../../../assets/img/modules/appagebuilder/img/leo_ziggypet_banner16-h5.png) no-repeat;
        width: 200px;
        height: 55px;
        position: absolute;
        top: -20px;
        left: 0;
        z-index: -1; }
        .rtl .box6-h5 .image_description h4:before {
          right: 0;
          left: auto; } }
  .box6-h5 .image_description h3 {
    font-size: 64px;
    color: #fff;
    margin-bottom: 0;
    line-height: 72px; }
    @media (max-width: 1199px) {
      .box6-h5 .image_description h3 {
        font-size: 45px;
        line-height: 45px; } }
    @media (max-width: 991px) {
      .box6-h5 .image_description h3 {
        color: #000; } }
    @media (max-width: 767px) {
      .box6-h5 .image_description h3 {
        font-size: 30px;
        line-height: 35px; } }
  .box6-h5 .image_description h5 {
    font-size: 16px;
    max-width: 325px;
    line-height: 24px;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 50px;
    text-transform: capitalize; }
    @media (max-width: 991px) {
      .box6-h5 .image_description h5 {
        color: #000; } }
    .box6-h5 .image_description h5 span {
      color: #FF782C; }

.box1-h6 {
  padding-top: 115px;
  padding-bottom: 100px;
  margin-top: 95px; }
  .box1-h6 .top {
    text-align: center;
    margin-bottom: 30px; }
    .box1-h6 .top h4 {
      color: #000;
      font-size: 32px; }
      .box1-h6 .top h4 span {
        color: #FF782C; }
    .box1-h6 .top p {
      color: #666666;
      font-size: 14px; }
      .box1-h6 .top p span {
        color: #FF782C; }
  .box1-h6 .block_newsletter form .input-wrapper {
    margin: auto; }
  .box1-h6 .block_newsletter form input[type=email] {
    background: #fff; }
  .box1-h6 .block_newsletter.block .block_content .block_newsletter_alert {
    margin: 10px auto; }

.box1-h7 {
  padding-top: 75px; }
  .box1-h7 .ApColumn {
    position: relative; }
    @media (max-width: 991px) {
      .box1-h7 .ApColumn {
        margin-bottom: 20px; } }
  .box1-h7 .ApImage {
    position: relative;
    width: 50%;
    z-index: 1; }
    @media (max-width: 575px) {
      .box1-h7 .ApImage {
        width: 100%; } }
    .box1-h7 .ApImage .image_description {
      position: absolute;
      top: 35px;
      left: 30px; }
      .box1-h7 .ApImage .image_description h4 {
        color: #fff;
        font-size: 32px;
        line-height: 40px; }
      .box1-h7 .ApImage .image_description p {
        color: #fff;
        font-size: 14px; }
  .box1-h7 .ApHtml {
    border: 1px dashed #e5e5e5;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 15px;
    width: 50%;
    height: 100%;
    padding-left: 45px;
    padding-top: 35px; }
    .rtl .box1-h7 .ApHtml {
      left: 15px;
      right: auto; }
    .rtl .box1-h7 .ApHtml {
      padding-right: 45px;
      padding-left: inherit; }
    @media (max-width: 575px) {
      .box1-h7 .ApHtml {
        width: 100%;
        position: static; } }
    .box1-h7 .ApHtml .btn-slideshow-1-1 {
      font-weight: 700;
      position: relative;
      padding-top: 60px;
      display: inline-block; }
      @media (max-width: 767px) {
        .box1-h7 .ApHtml .btn-slideshow-1-1 {
          padding-top: 20px; } }
      .box1-h7 .ApHtml .btn-slideshow-1-1:hover:after {
        background: #FF782C;
        color: #fff; }
      .box1-h7 .ApHtml .btn-slideshow-1-1:after {
        content: "\f054";
        font-size: 10px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        transition: all 0.5s;
        margin-left: 13px;
        background: #fff;
        border-radius: 50%;
        padding: 7px 9px;
        color: #000;
        border: 1px solid #eee; }
    .box1-h7 .ApHtml a {
      color: #000; }
      .box1-h7 .ApHtml a:hover {
        color: #FF782C; }

.box2-h7 .ApColumn .title-ap-column {
  font-size: 20px; }
.box2-h7 .ApProductCarousel {
  width: 65%;
  float: left;
  border: 1px dashed #e5e5e5;
  border-radius: 4px; }
  @media (max-width: 575px) {
    .box2-h7 .ApProductCarousel {
      width: 100%; } }
.box2-h7 .ApImage {
  width: 35%;
  position: relative;
  float: left; }
  @media (max-width: 575px) {
    .box2-h7 .ApImage {
      width: 100%; } }
  .box2-h7 .ApImage .image_description {
    position: absolute;
    top: 35px;
    left: 35px; }
    .box2-h7 .ApImage .image_description h4 {
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
      margin-bottom: 0; }
    .box2-h7 .ApImage .image_description p {
      margin-top: 30px;
      font-size: 14px;
      color: #fff; }
    .box2-h7 .ApImage .image_description h3 {
      font-size: 20px;
      color: #FF782C; }
.box2-h7 .leo-plist-style-7 .thumbnail-container {
  padding: 9px 0px;
  margin: 0 30px;
  border-bottom: 1px dashed #e5e5e5; }
  .box2-h7 .leo-plist-style-7 .thumbnail-container .product-image {
    width: 35%; }
.box2-h7 .leo-plist-style-7 .product-miniature:last-child .thumbnail-container {
  border: none; }

/*# sourceMappingURL=styles.css.map */