.header-container {
  display: grid;
  display: -ms-grid;
  grid-template-columns: auto 1fr auto;
  -ms-grid-columns: auto 1fr auto;
  grid-template-rows: 1fr;
  -ms-grid-rows: 1fr;
  padding: 10px 0px;
}

.header-container .header-menu {
  grid-column: 2/3;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.header-container .header-top {
  grid-column: 3/4;
  grid-row: 1/4;
  -ms-grid-column: 3;
  -ms-grid-row: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-span: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px;
  position: relative;
  z-index: 1;
  margin-left: 14px;
}

.header-container .header-logo {
  grid-column: 1/1;
  grid-row: 1/4;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row-span: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body h3,
#filter-groups .item-header {
  font-weight: 500 !important;
  text-transform: uppercase;
}

body .btn-primary:not(.btn-mi):not(#filter_group_tigger_open):not(#button-login):not(.button-update):not(#button-coupon),
body .cart-buttons .btn-primary:not(.btn-mi):not(#filter_group_tigger_open),
.swal2-popup .swal2-styled.swal2-confirm:not(#filter_group_tigger_open),
body .slider-slideshow-description .slider-slideshow-description-texts .btn.btn-primary:not(#filter_group_tigger_open) {
  background-color: #ff6805 !important;
  border: px solid #000000 !important;
  color: #ffffff !important;
  border: 2px solid #FF6805 !important;
  padding: 15px 30px !important;
  border-radius: 8px !important;
}

.breadcrumb > li > a {
  letter-spacing: 0 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.breadcrumb > li:last-of-type {
  text-shadow: 0 1px 0 #fff;
  padding: 0 7px;
  position: relative;
  white-space: nowrap;
}

.breadcrumb > li:last-of-type a {
  color: #FD9649 !important;
  text-decoration: underline;
}

.breadcrumb > li {
  text-shadow: 0 1px 0 #fff;
  padding: 0 8px !important;
  position: relative;
  white-space: nowrap;
}

.breadcrumb > li:first-of-type {
  padding-left: 0px !important;
}

body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
  font-weight: 600 !important;
}

body:not(.cke_editable) h2:not(.swal2-title):not([style]).left {
  text-align: left !important;
}

.floating-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: fixed;
  z-index: 5;
  right: 0;
      transform: translate(176px, -100%) rotate(90deg);
  align-items: center;
  top: 50%;
}

.floating-links a {
  display: inline-block;
  color: #fff !important;
  background-color: #4A5257;
  margin: 0px 7px;
  padding: 15px 15px;
  position: relative;
  border-radius: 8px 8px 0px 0px;
  transition: 0.5s ease;
}

.floating-links a:hover {
  background-color: #FF6805;
}

.floating-links a:hover .left {
  border-color: transparent transparent #FF6805 transparent;
}

.floating-links a:hover .right {
  border-color: transparent transparent transparent #FF6805;
}

.floating-links a span.left {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 47px 15px;
  border-color: transparent transparent #4A5257 transparent;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%, 5px);
  transition: 0.5s ease;
}

.floating-links a span.right {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 47px 0 0 14px;
  border-color: transparent transparent transparent #4A5257;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, 5px);
  transition: 0.5s ease;
}

.contact-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  margin-top: 20px;
}

.contact-row .thumb {
  width: calc(50% - 30px);
  margin: 0 15px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}

.contact-row .thumb .image {
  width: 20%;
  padding-right: 15px;
}

.contact-row .thumb .image img {
  max-width: 100%;
}

.contact-row .thumb .infos {
  width: 70%;
}

.contact-row .thumb .infos .title {
  font-size: 18px;
  text-transform: uppercase;
  color: #4A5257;
  font-weight: 700;
  margin-bottom: 5px;
}

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

.contact-body > *:not(:last-child) {
  flex: 1 1 100% !important;
  min-width: calc(50% - 15px);
}

.contact-body .form-control {
  border: 0px;
  border-bottom: 1px solid #434343 !important;
  box-shadow: none !important;
  padding: 1px 0px;
}

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

body h3,
#filter-groups .item-header {
  text-transform: uppercase !important;
}

.hover-overlay .to-overlay .fa {
  display: none;
}

.news-post:hover .hover-overlay .to-overlay {
  background-color: rgba(221, 154, 99, 0.8) !important;
  opacity: 1;
}

.news-post:hover .hover-overlay .to-overlay .fa {
  display: none;
}

.news-post:hover .cover-bg {
  transform: scale(1) !important;
}

body .service .article-name {
  margin-bottom: 0px;
}

body .service .article-name a {
  border-bottom: none;
  font-weight: 600;
  color: #000 !important;
  text-transform: uppercase;
  font-size: 1.0416666667vw;
}

.about-row {
  display: flex;
  flex-wrap: wrap;
}

.about-row > .image {
  width: 35%;
  padding-right: 50px;
}

.about-row > .image img {
  width: 100%;
}

.about-row .infos {
  width: 65%;
}

.about-row .infos .emphasis {
  font-size: calc(27.2727272727px + 0.1420454545vw) !important;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 20px;
}

body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
  text-transform: uppercase !important;
}

.main-description ul {
  list-style-type: none;
  padding-left: 0px;
  color: #000;
  font-weight: 600;
}

.main-description ul li:before {
  content: "-";
  margin-right: 5px;
}

.usp-row {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 30px;
}

.usp-row .thumb {
  flex: 1;
}

.usp-row .thumb .title {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600;
  margin-top: 5px;
}

.section-space:first-of-type {
  padding-top: 0px;
}

.image-hotspot {
  position: relative;
}

.image-hotspot .world-map {
  width: 100%;
}

#side-categories .item.level-1:hover,
#side-categories .item.level-1.active {
  background-color: #FF6805 !important;
  border: 1px solid #FF6805 !important;
}

#side-categories .item.level-1 {
  background-color: #E5E5E5;
  margin: 5px 0 !important;
  border-radius: 5px !important;
  outline: none;
  border: 1px solid #E5E5E5 !important;
}

body #side-categories .group .item a {
  color: #573128 !important;
}

#side-categories .item.level-1:hover a,
#side-categories .item.level-1.active a {
  color: #fff !important;
}

body #side-categories .group .item a {
  color: #573128 !important;
  font-weight: 600;
}

#side-categories .item.level-1 a,
#side-categories .item.level-1 a {
  padding: 10px 15px !important;
    padding-right: 39px !important;
}

#side-categories .item.level-2:hover,
#side-categories .item.level-2.active {
  background-color: transparent;
  border: 0px !important;
}

#side-categories .item.level-2,
#side-categories .item.level-2 {
  border: 0px !important;
}

#side-categories .item.level-2 a,
#side-categories .item.level-2 a {
  padding: 0px !important;
}

#side-categories .sub {
  padding-left: 30px;
}

#side-categories .group .item .toggle {
  width: 0px;
}

#side-categories .group .item {
  position: relative;
}

#side-categories .group .item .toggle {
  width: 0px !important;
  text-align: center;
  border-left: 1px solid #ccc;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

#side-categories .active .level-1.pointer:after,
#side-categories .item:hover .level-1.pointer:after {
  color: #fff !important;
}

#side-categories .level-1.pointer:after,
#side-categories .level-2.pointer:after,
#side-categories .level-3.pointer:after,
#articles-column-left .news-ctgr .list-group-item .toggle:after {
  color: #573128 !important;
}

body .product-block .product-details {
  padding: 0;
  font-weight: 900 !important;
  color: #5E5E5E !important;
}

body .product-block .product-details .price {
  font-size: 18px !important;
  color: #5E5E5E !important;
  font-weight: 700;
  text-shadow: 0 0 1px;
}

body .product-block .product-details .price .price-old {
  font-size: 18px !important;
  opacity: 0.2;
}

.special-sticker,
.sticker {
  padding: 4px 20px !important;
  border-radius: 0px !important;
  margin: 8px !important;
  left: 0 !important;
  right: auto !important;
  font-size: 13px;
}

.product_countdown_box {
  display: none !important;
}

#filter-groups .panel,
#filter-groups .list-group,
#filter-groups .list-group-item {
  text-transform: capitalize !important;
  font-weight: 500;
  text-shadow: 0 0 1px;
  font-size: calc(16.6666666667px + 0.4340277778vw) !important;
}

.product-block .cart-buttons {
  display: flex;
  justify-content: center;
  margin: 0px 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: 0.5s ease;
}

.product-block:hover .cart-buttons {
  opacity: 1;
}

.product-block .product-details .price .price-special {
  margin-right: 8px;
}

h3.product-title::before {
  display: none !important;
}

body h3.product-title {
  text-transform: capitalize !important;
  color: #4A5257 !important;
  font-size: calc(16.6666666667px + 0.4340277778vw) !important;
}

html body.product-product .old-prices,
.product-product .product-special-price {
  font-size: calc(16px + 0.3125vw) !important;
  font-weight: 800;
}

.price-wrapper {
  margin-bottom: 15px !important;
  font-weight: 900;
}

.product-product .old-prices {
  color: #434343;
  font-size: 16px;
  /* font-weight: bold; */
}

.product-product #product .form-group {
  margin-bottom: 11px;
}

.product-product .quantity-wrapper {
  max-width: none;
  display: flex;
  flex-wrap: wrap;
}

.product-product .quantity-wrapper .form-group {
  margin-right: 10px;
  margin-bottom: 0px !important;
}

.product-product .quantity-wrapper .btn-number {
  border: 1px solid #ddd;
}

.product-product .quantity-wrapper .btn-number[data-type=minus] {
  border-right: 0px;
  border-radius: 8px 0 0 8px;
}

.product-product .quantity-wrapper .btn-number[data-type=plus] {
  border-left: 0px;
  border-radius: 0px 8px 8px 0px;
}

.input-group .form-control[name^=quantity] {
  min-width: 50px;
  height: 54px;
  width: 55px;
  box-shadow: none !important;
}

.social-sharing .text-uppercase {
  text-transform: capitalize;
  font-weight: 600;
  color: #000;
}

.at-resp-share-element .at-share-btn {
  border: 2px solid #828282;
  background-color: transparent !important;
}

.at-resp-share-element .at-share-btn svg {
  fill: #828282 !important;
}

#tab-review .fa-stack {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 2em;
  vertical-align: middle;
}

#tab-review .fa-stack .fa {
  font-size: 14px;
  color: #FBCA04;
}

.product-product .tab-content {
  border: 1px solid #a0a0a0;
  padding: 30px;
  text-align: justify;
  margin-bottom: 15px;
  border-radius: 10px;
}

h3.review-title {
  text-transform: capitalize !important;
  font-weight: 500 !important;
  text-shadow: 0 0 1px;
  font-size: calc(18.6666666667px + 0.4861111111vw) !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 10px 28px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.flx {
  display: flex;
}

.product-block .product-option select,
.product-block .product-option .form-group > div:not(.input-group),
.product-product #product select,
.product-product #product > .form-group > div:not(.input-group) {
  height: 47px;
}

#form-review .form-control:not(textarea) {
  height: 45px;
}

.slick-nav i {
  background: #848587 !important;
}

.product-product .product-image-additional-container {
  padding: 0px 42px !important;
}

.product-product .product-image-additional-container .slick-nav.left,
.product-product .product-image-additional-container .slick-nav.prev {
  left: -36px !important;
}

.product-product .product-image-additional-container .slick-nav.right,
.product-product .product-image-additional-container .slick-nav.next {
  right: -36px !important;
}

body:not(.cke_editable) .related_related_products_ h2:not(.swal2-title):not([style]) {
  text-transform: capitalize !important;
  font-size: calc(20px + 0.5208333333vw) !important;
  color: #969698 !important;
}

html body .slider-slideshow-description .slider-slideshow-description-texts {
  width: 50%;
}

html body .slider-slideshow-description .slider-slideshow-description-texts .title {
  font-size: calc(26.6666666667px + 0.6944444444vw) !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

html body .slider-slideshow-description .slider-slideshow-description-texts span {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}

body .slider-slideshow-description .slider-slideshow-description-texts .slideshow-text-0 {
  font-size: 17px !important;
  font-weight: 500;
}

body .container {
  max-width: calc(100% - 100px) !important;
  width: 1650px !important;
}

.home-contact-row {
  display: flex;
  flex-wrap: wrap;
}

.home-contact-row > .infos {
  width: 23%;
  padding-right: 30px;
}

.home-contact-row > .infos .title {
  font-size: calc(23.3333333333px + 0.6076388889vw) !important;
  color: #434343 !important;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.home-contact-row .thumbs {
  width: 40%;
}

.home-contact-row .thumbs .contact-row {
  margin: 0;
}

.home-contact-row .frm {
  width: 37%;
}

.home-contact-row .frm .contact-body > *:not(:last-child) {
  flex: 1 1 auto !important;
  max-width: 20%;
}

#side-price .ui-slider-range,
#side-price .ui-slider-handle {
  background: #FF6805 !important;
}

#side-price #max,
#side-price #min {
  color: #000000 !important;
  font-size: 15px;
}

body:not(.common-home) > .container,
.section-space.max-offset > .container,
.service_layout_2 > .container {
  padding: 0 calc(20px + 80 * (100vw - 320px) / 1600);
  background-size: calc(100% - 15px) !important;
  background-repeat: no-repeat;
}

body .footer-upper-contet > *:last-child {
  flex: 0 0 auto;
}

body .footer-upper-contet > *:nth-child(1) {
  flex: 0 0 36%;
  padding-right: 10%;
}

.footer-background {
  width: 400px;
  max-width: 100%;
}

footer ul {
  columns: 2;
  padding-right: 30px;
}

footer h5 {
  font-size: 15px !important;
}

footer .footer-newsletter h5 {
  font-size: 25px !important;
  font-weight: 600;
}

.footer-bottom {
  background-color: #3F474A !important;
  color: #fff !important;
}

.footer-bottom p {
  color: #fff !important;
}

.section-space.html {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.iframe-wrap {
  display: flex;
  margin-bottom: 20px;
}

.head-email a {
  width: 41px;
  padding: 10px;
  text-align: center;
  position: relative;
  display: table;
}

.header-contact {
  color: #fff !important;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #4A5257;
  padding: 30px 20px;
  margin-left: 30px;
  width: 200px;
}

.header-contact:hover {
  color: #fff !important;
  opacity: 1;
}

.header-contact span {
  display: inline-block;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
}

body .header-container {
  padding: 0px;
}

body .header-container .header-menu #main-menu > li > a {
  font-weight: 500;
  text-shadow: 0 0 1px;
}

body .header-container .header-logo {
  grid-column: 1/1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  max-width: 15vw;
}

.service-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.service-row .images {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.service-row .infos {
  width: calc(50% - 30px);
  margin: 0 15px;
}

.service-row .slick-nav.left {
  left: 30px;
}

.service-row .slick-nav.right {
  right: 30px;
}
.fixed-header .header-container .header-menu #main-menu li > ul > li a {
    background-color: transparent !important;
    text-align: center;
}
.floater-soc{
    position: fixed;
    bottom:20px;
    right: 10px;
    list-style-type: 0;
    padding-left: 0;
    overflow: hidden;
    z-index: 3;
    
}
#ToTop{
    display: none !important;
}
@media (max-width: 1600px) {
  .floating-links {
    transform: translate(232px, -100%) rotate(90deg);
  }
}

@media (max-width: 1536px) {
  .home-contact-row .thumbs {
    width: 48%;
  }

  .home-contact-row .frm {
    width: 29%;
  }

  .home-contact-row .frm .contact-footer #google_recaptcha {
    float: left;
    width: 216px;
    transform: scale(0.7);
    transform-origin: top left;
  }
}

@media (max-width: 1536px) and (max-width: 992px) {
  .home-contact-row .frm {
    width: 100%;
    padding: 0 15px;
  }
}

@media (max-width: 1536px) and (max-width: 576px) {
  .home-contact-row .frm .contact-footer #google_recaptcha {
    float: left;
    width: auto !important;
    transform: scale(1) !important;
    transform-origin: center center !important;
  }
}

@media (max-width: 1366px) {
  .floating-links a span.left {
    border-width: 0 0 46px 15px;
  }

  .floating-links a span.right {
    border-width: 46px 0 0 14px;
  }

  html body .slider-slideshow-description .slider-slideshow-description-texts {
    width: 68%;
  }
}

@media (max-width: 1280px) {
  .home-contact-row .frm .contact-footer #google_recaptcha {
    float: left;
    width: 212px;
    transform: scale(0.7);
    transform-origin: top left;
  }
}

@media (max-width: 992px) {
    .floating-links a span.left {
        border-color: transparent transparent #FF7E10 transparent;
    }
    .floating-links a {
        background-color: #FF7E10;
    }
    .floating-links a span.right {
        border-color: transparent transparent transparent #FF7E10;
    }
    body .header-container .header-logo {
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        max-width: initial;
    }
     body .header-container {
        padding: 15px 0px;
    }
  body .btn-primary:not(.btn-mi):not(#filter_group_tigger_open),
  body .cart-buttons .btn-primary:not(.btn-mi):not(#filter_group_tigger_open),
  .swal2-popup .swal2-styled.swal2-confirm:not(#filter_group_tigger_open),
  body .slider-slideshow-description .slider-slideshow-description-texts .btn.btn-primary:not(#filter_group_tigger_open) {
    padding: 10px 30px !important;
  }

  .floating-links {
    display: none;
  }

  html body .slider-slideshow-description .slider-slideshow-description-texts {
    width: 100%;
    text-align: center;
  }

  html body .slider-slideshow-description .slider-slideshow-description-texts .title {
    font-size: calc(20px + 0.5208333333vw) !important;
  }

  .home-contact-row > .infos {
    width: 100%;
    padding-right: 0px;
    text-align: center;
  }

  .home-contact-row .thumbs {
    width: 100%;
  }

  .header-contact {
    display: none;
  }
 .floating-links {
    display: block;
    transform: translate(278px, -100%) rotate(270deg);
    overflow: hidden;
    padding: 0 15px;
}
.floating-links a {
    display: inline-block;
    color: #fff !important;
    margin: 0px 7px;
    padding: 9px 15px;
    position: relative;
    border-radius: 8px 8px 0px 0px;
    transition: 0.5s ease;
}
.floating-links a:hover {
    background-color: #4A5257;
}
.floating-links a:hover .left {
    border-color: transparent transparent #4A5257 transparent;
}
.floating-links a:hover .right {
    border-color: transparent transparent transparent #4A5257;
}
}

@media only screen and (max-width: 769px) {
  .product-category #content {
    width: 100%;
  }

  #filter-groups.open {
    opacity: 1;
    transform: translateX(0%);
  }

  #filter-groups {
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 40px 30px 15px;
    overflow: auto;
    background: white;
    transition: all 0.3s;
    transform: translateX(-100%);
  }
  .gall-cats {
        position: fixed;
        width: 100%;
        background-color: #fff;
        top: 108px;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 90000;
        padding: 30px 26px;
        transform: translate(0, -100%);
        transition: 0.5s ease;
    }
  
}

@media (max-width: 768px) {
  .header-container {
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 1fr;
    -ms-grid-rows: 1fr;
  }

  .header-container .header-logo {
    grid-column: 2/3;
  }
}

@media (max-width: 576px) {
    .floating-links a {
        display: inline-block;
        color: #fff !important;
        margin: 0px 7px;
        padding: 9px 15px;
        position: relative;
        border-radius: 8px 8px 0px 0px;
        transition: 0.5s ease;
        font-size: 10px;
    }
    .floating-links a span.right {
        border-width: 55px 0 0 25px;
    }
    .floating-links a span.left {
        border-width: 0 0 55px 25px;
    }
    .floating-links a span.left {
        transform: translate(-99%, 4px);
    }
    .floating-links a span.right {
            transform: translate(99%, 4px);
        }
    .floating-links {
        display: block;
        transform: translate(277px, -100%) rotate(270deg);
        overflow: hidden;
        padding: 0 15px;
        width: 595px;
    }
    footer ul {
        columns: 1;
        padding-right: 0px;
    }
   
    body .header-container .header-logo {
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        max-width: initial;
    }
    body .footer-upper-contet > *:nth-child(1) {
        flex: 0 0 100%;
        padding-right: 0;
    }
  .contact-row .thumb {
    width: calc(100% - 30px);
    text-align: center;
  }

  .contact-row .thumb .image {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
  }

  .contact-row .thumb .infos {
    width: 100%;
  }

  .about-row > .image {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
  }

  .about-row .infos {
    width: 100%;
  }

  .about-row .infos .emphasis {
    font-size: calc(22.7272727273px + 0.1183712121vw) !important;
  }

  .usp-row .thumb {
    margin-bottom: 15px;
  }

  .service-row .images {
    width: calc(100% - 30px);
    margin-bottom: 12px;
  }

  .service-row .infos {
    width: calc(100% - 30px);
  }
}