﻿
/*-*/
/*  GENERAL
/*-*/

body {
    font-size: 10.5pt;
    text-align: left;
    color: var(--textcolor);
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}
body.ltr .lang-dir,.left-dir{
    direction:ltr;
}
body.rtl .lang-dir{
    direction:rtl;
}
/* form */
.h5, h5{font-size:1rem}
.h6, h6{font-size:.9rem}
em{font-style:initial;}
.pre,pre{font-family:inherit;white-space:pre-wrap;margin-bottom:0;}
label,.label{font-weight:normal;color: var(--textcolor);font-size:1em;padding:0;}
label.error,label.errorText{font-weight:normal;background-color:#f2dede;padding:2px 5px;color:#b60000!important;}
input[type="text"],input[type="password"],input[type="email"],input[type="number"],textarea,.form-control,select,.form-select{border-radius:.25rem;font-weight:600}
.form-control,.form-select{color:var(--textcolordark);font-size:1em;padding-top:.5rem;padding-bottom:.5rem;border-color:#bbb;transition: all 0.5s linear 0s;}
.form-select{background-position:left .5rem center;background-size:9px 12px;}
.form-control:hover,.form-select:hover{border-color: var(--primerycolorlight);}
.form-control:focus,.form-select:focus{border-color: var(--primerycolordark);outline: 0;box-shadow:none;}

button:focus,.btn:focus{ outline: none!important;box-shadow: none!important;}
input.error,textarea.error{border-color:#cc0000;}
input.input-sm{padding:5px;font-size: 1em;}
input.input-150{max-width:150px;}
input.input-120{max-width:120px;text-align:center}
input.input-80{max-width:80px;text-align:center}
input.input-60{max-width:60px;text-align:center}
span.required,.red-text{color:#ed1c24;padding:0;}
.text-info {color: #2980b9 !important;}
.text-default {color: #444!important;}
.text-danger{color:#cc0033!important;}
.text-success{color:#7aae3d!important;}
.btn-warning {color: #fff;background-color: #DC5328;border-color:#DC5328;}
.btn-warning:hover{color: #fff;background-color: #ba4622;border-color:#ba4622;}
.theme_color_primery,.text-primarycolor{color: var(--primerycolor);}
.theme_color_primery_dark{color:var(--primerycolordark);}
.theme_color_secondery{color:var(--seconderycolor);}
.theme_color_light,.text_disable{color:var(--textcolorlight);}
.theme_color_gray{color:var(--textcolormed);}
.theme_color_dark{color:var(--textcolordark);}
.theme_bg_primery{background-color:var(--primerycolor);}
.theme_bg_primery_vlight{background-color:var(--primerycolorrgblight);}
.theme_bg_secondery{background-color:var(--seconderycolordark);}
.white-bg-color{background:#fff;}
.textbox-style{border:solid 1px #bbb;border-radius:var(--brediusmedium);padding:.3rem 1.2rem;width:180px;}
.bold,strong{font-weight:bold!important;}
.lightred,.currency {color: var(--lightred) !important;font-weight: 500;font-size: .85em;}
.alert{border-radius:var(--brediussmall);display: flex;align-items: center;width:100%;}
.alert-danger{background-color: #fff5f6;border-left:solid 6px #842029}
.alert-warning{background-color:#fffae9;border-left:solid 6px #664d03}
.alert-info{background-color: #e5faff;border-left:solid 6px #055160}
.alert-success{background-color: #e9fbf3;border-left:solid 6px #006666}
.py-6{padding-top:5rem!important;padding-bottom:5rem!important}
.pt-6{padding-top:5rem!important;}
.pb-6{padding-bottom:5rem!important;}
.v-invisible{visibility:hidden;display:none}
.v-7{opacity:.7;}
[id^="section"] img, [id*="section"] img{
    max-width:100%;
}
.flex-align {
   display: flex;
   align-items: center;
   justify-content: center;
}
.flex-valign {
   display: flex;
   justify-content: center;
}
.flex-halign {
   display: flex;
   align-items: center;
}
/* form */
/* modal */

.modal-dialog .modal-header {
    background: transparent;
    border: none;
    border-left: solid 5px var(--primerycolor);
}
.modal-dialog .newmodal .modal-header{
    position:absolute;
    right:0;
    left:0;
    width:100%;
    top:0;
    height:50px;
    z-index:1;
}
.modal-dialog .modal-title {
    font-size: 1.1em;
    font-weight: bold;
}
.modal-dialog .newmodal .modal-pic{
    background-size:auto 100%;
    background-repeat:no-repeat;
}
.modal-dialog .modal-content {
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
}
.modal-dialog .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -55px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 9;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-dialog .icon-box i {
    font-size:3em;
    position: relative;
    top: 3px;
}

.modal.modal-bottom .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.modal-bottom .modal-content {
    height: auto;
    overflow-y: auto;
}

.modal.modal-bottom .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.modal.modal-bottom.fade .modal-dialog {
    bottom: -100%;
    -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
    transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.modal-bottom.fade.show .modal-dialog {
    bottom: 0;
}

.modal.modal-bottom.fade .modal-dialog {
    bottom: -100%;
}
/* modal */
.inline {
    display: inline-block;
    vertical-align: top;
}
ul {list-style: none;}
a {
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  color:var(--primerycolordark);
  transition: all 0.2s linear 0s;
  color: var(--textcolordark);
}
a:hover,a:focus{
  color:var(--primerycolor);
}
a.link{
  padding-bottom:5px;
  border-bottom:solid 1px var(--primerycolordark);
}
a.link:hover{
  border-bottom:none;
}
a.link-primery,button.link-primery{
  color:var(--primerycolor);
}
a.link-primery:hover,button.link-primery:hover{
  color:var(--seconderycolor);
}
a,a:visited{
  text-decoration:none
}
.center-align{
  margin:0 auto;
}

ul {
  margin: 0;
  padding: 0;
}
a {
  outline: none!important;
  cursor:pointer;
}
.med-bigthumb {
  max-height:150px;
  max-width: 150px;
}
.med-thumb {
  max-height: 90px;
  max-width:120px;
}
.smallmed-thumb {
  max-height: 70px;
  max-width: 70px;
}
.small-thumb{
  max-height:50px;
}
.small-box-thumb{
  max-height:90px;
  max-width:90px;
}
.tiny-box-thumb {
  max-height:50px;
  max-width: 50px;
}
.tinymed-thumb {
  max-height: 40px;
  max-width:40px;
}
.tiny-thumb {
 max-height: 20px;
}
.macro-thumb {
  max-height: 30px;
}
hr{
  margin-top:1rem;
  margin-bottom:1rem;
  background:#bbb;
}
hr.m-sm {
  margin-top:.4rem;
  margin-bottom:.4rem;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
h4{
  font-size:16px;
}
h3,.h3{
  font-size:18px;
}
h2{
  font-size:20px;
}

code, kbd, pre, samp {
  unicode-bidi: initial;
  font-size: inherit;
  overflow: visible
}
.fa.active{
  font-weight:bold;
}
.fa-15x {
  font-size: 1.5em;
}
.fs-big{
  font-size:1.25em;
}
.fs-normal {
  font-size:1em;
}
.fs-med {
  font-size:.95em;
}
.fs-small{
  font-size:.85em;
}
.fs-tiny {
  font-size: .7em;
}
.fw-1000,.fw-huge{
  font-weight:1000!important;
}
.fw-600,.fw-med {
  font-weight: 600 !important;
}
.fw-500{
  font-weight:500!important;
}
.letter-spacing-sm {
    letter-spacing: 1px;
}
.text-left{
 text-align:left;
}
.lh-tiny{
 line-height:.8;
}
.text.lh-med {
    line-height: 2;
}
.rounded-huge{
  border-radius: var(--brediushuge)!important;
}
.rounded-big{
  border-radius:var(--brediusbig)!important;
}
.rounded-med {
  border-radius: var(--brediusmedium)!important;
}
.rounded-sm {
    border-radius: var(--brediussmall) !important;
}
.theme-txt-grad {
  background: -webkit-linear-gradient(0deg,rgba(41,163,221,1),rgba(224,65,151,1),rgba(250,175,28,1),rgba(117,192,68,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.shadow-primery {
  box-shadow: 0 1rem 1rem var(--primerycolorrgblight);
}
img[src="Templates/Newimages/blank.gif"] {
    background: url("../images/ajax.gif") no-repeat scroll center center #ffffff;
}
.dropdown-toggle:after {
  border: none;
  content:none;
}
.dropdown-menu {
  font-size: 1em;
  border-radius:0 0 var(--brediusmedium) var(--brediusmedium);
  border-bottom-left-radius:var(--brediusbig);
  border-bottom-right-radius:var(--brediusbig);
  box-shadow: none;
  border: 1px solid #ddd;
  border-bottom:solid 4px var(--primerycolor);
  padding-top:0;
}
.dropdown-menu li > a{
  display: block;
  width: 100%;
  padding: .35rem .25rem;
  clear: both;
  font-size: 1em;
}
.dropdown-menu li > a .icon{
  vertical-align:middle;
}
.dropdown-item:active, .dropdown-item.active {
  background-color: var(--primerycolorrgblight);
}
.tooltip{
  font-family:inherit;
  font-size:.8em;
}
/*.tooltip .tooltip-inner{
  background:#009966;
}
.tooltip .tooltip-arrow::before{
  border-top-color:#009966;
}*/
.accordion-body{
  padding:1.25rem 1.25rem;
}
.form-check-input {
  border-color: #aaa;
}
.form-check.form-check-btn  .form-check-input{
  margin-right:-1em;
}
.form-check-input:checked {
  background-color:var(--primerycolor);
  border-color:var(--primerycolor);
}
.form-check .tc{
  display:inline-block;
  margin:0 5px;
  width:15px;
  height:15px;
  border:solid 1px #222;
  vertical-align:middle;
}
.form-check-btn {
  cursor:pointer;
  background:#f8f8f8;
  border: solid 1px #f8f8f8;
  transition: all 0.2s ease 0s;
}
.form-check-btn img {
  width: 100px;
  height: 100px;
}
.form-check-btn.selected{
  border: solid 1px var(--primerycolor);
}
.list-group{
  border-radius:var(--brediusmedium);
}
.list-group-item {
  padding-right: 0;
  padding-left: 0;
  cursor:pointer;
  flex:1;
  transition: all linear 0.3s;
}
.list-group-item:last-child{
  margin-left:0!important;
  margin-right:0!important;
}
.list-group-item label{
  cursor:inherit;
  flex:1;
}
.list-group-item.active{
  padding-right:1rem;
  padding-left:1rem;
  background:inherit;
  border-color:inherit;
  color:inherit;
  border-radius:var(--brediussmall);
}
.list-group-item.current,.list-group-item.current a{
  color:var(--primerycolor);
}
.row-list-group .list-group-item{
  border: solid 1px #ccc;
  border-radius: var(--brediusmedium);
  background:#fff;
}
.row-list-group .row .list-group-item{
  height:100%;
}
.simple-row-list-group .list-group-item{
  border: solid 1px #ccc;
  border-radius: var(--brediusmedium);
  padding: .75rem;
}
.simple-row-list-group.flex-align .list-group-item {
    flex: 0 0 auto;
}
.simple-row-list-group .list-group-item.active,.row-list-group .list-group-item.active{
  border:solid 1px var(--primerycolor);
  box-shadow:var(--primerycolor) 0px 0px 0pt 1pt;
}
.nav-tabs {
  border-color: var(--primerycolordark);
}
.nav-tabs .nav-link {
  background: var(--primerycolorrgblight);
  color:var(--primerycolordark);
  display:flex;
  align-items:center;
  font-size:.95em;
}
.nav-tabs .nav-link:hover{
  border-bottom-color:var(--primerycolor);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color:var(--primerycolordark);
  background-color: #fff;
  border-color:var(--primerycolordark);
  border-bottom-color:#fff;
}
.nav-tabs.simple-tab .nav-link{
  background:transparent;
  position:relative;
  color:var(--textcolormed);
  background:transparent;
}
.nav-tabs.simple-tab .nav-link:hover{
  background:transparent;
  color:var(--primerycolor);
}
.nav-tabs.simple-tab .nav-link.active,.nav-tabs.simple-tab .nav-link.active .icon{
  background:transparent;
  color:var(--primerycolor);
  font-weight:600;
}
.nav-tabs.simple-tab .nav-link.active:before{
  content: ' ';
  position: absolute;
  bottom:0;
  left: 0;
  right:0;
  height: 5px;
  border-radius:5px 5px 0 0;
  background: var(--primerycolor);
  z-index: 2;
}
.btn {
  font-size: 1em;
  font-weight:500;
  border-radius:var(--brediusmedium);
}
.btn.btn-med{
  padding: .5rem .8rem;
  line-height:1.3;
  border-radius:var(--brediusmedium);
}
.btn.btn-lg{
  padding: .6rem 1rem;
  line-height:1.5;
  border-radius:var(--brediusmedium);
}
.btn.btn-md{
  padding: .5rem .8rem;
  font-size:.95em;
  line-height:1.1;
}
.btn.btn-sm {
  padding: .2rem .4rem;
  font-size:.9em;
  border-radius:var(--brediussmall);
}
.btn-default {
  background: rgba(0,0,0,.1);
  color: #fff;
  border: none;
  border-radius:var(--brediusmedium);
  color: var(--textcolormed);
  padding:.6rem .8rem;
  font-size:1em;
}
.btn-primary {
  position: relative;
  background: var(--primerycolor);
  color: #fff;
  border: none;
  font-size:1em;
  font-weight:500;
 /* padding:.75rem 1rem;*/
  border-radius:var(--brediusmedium);
  transition: all linear 0.2s;
}
.btn-primery-transparent,.btn-primery-transparent-alt,.btn-secondery-transparent {
  background:#fff;
  color: var(--textcolor);
  border:solid 1px var(--textcolorlight);
  border-radius:var(--brediusbig);
}
.btn-primery-transparent-alt{
  color: var(--primerycolor);
  border:solid 1px var(--primerycolor);
}
.btn-primery-transparent-alt:hover,.btn-primery-transparent-alt.active{
  background:var(--primerycolor);
  color:#fff;
}
.btn-defualt-transparent{
  border:solid 1px #aaa;
  color:#666;
}
.btn-defualt-transparent:hover{
  border: solid 1px var(--primerycolor);
  color:var(--primerycolor);
}
.btn i.icon{
  font-size:1.2em;
  width:25px;
  height:25px;
/*  color:#fff;*/
  vertical-align:middle;
  border-radius:100%;
}
.btn.btn-sm i.icon {
  width: 18px;
  height: 24px;
}
.btn i.icon:before{
  position:relative;
  top:3px;
}
.btn-primary.buy.icon i{
  position:absolute;
  height:100%;
  top:0;
  right:-1px;
  width:40px;
  background:#fdd922;
  color:#58585b;
  font-size:1.4em;
  text-align:center;
  padding-top:10px;
  border-radius:0 3px 3px 0;
}
.btn-primary:hover,
.btn-black:hover,
.btn-primary:focus,
.btn-black:focus {
  color:#fff;
  background:var(--primerycolordark);
}
.btn-primery-transparent:hover,
.btn-primery-transparent:focus,
.btn-secondery-transparent:hover,
.btn-secondery-transparent:focus,
.btn-primery-transparent-alt:hover,
.btn-primery-transparent-alt:focus
{
  background: var(--primerycolor);
  border-color: var(--primerycolor);
  color: #fff;
}
.btn-default.active,.btn-default:hover,
.btn-default:focus {
  background: var(--primerycolor);
  border-color: var(--primerycolor);
  color: #fff;
}

.btn-lightdefault{
  background:rgba(90,90,90,.04)!important;
  line-height:1;
  border:solid 1px #999;
  color:#555;
}
.btn-lightdefault:hover,.btn-lightdefault.active{
  color:var(--primerycolor);
  border-color:var(--primerycolor);
}
.btn-lightdanger{
  background:rgba(204,0,51,.1)!important;
  line-height:1;
}
.btn-lightdanger:hover,.btn-lightdanger.active{
  background:rgba(204,0,51,.3)!important;
}
.btn-lightsuccess{
  background:rgba(139,195,74,.12)!important;
  line-height:1;
}
.btn-lightsuccess:hover,.btn-lightsuccess.active{
  background:rgba(139,195,74,.3)!important;
}
.btn-lightwarning{
  background:rgba(255,193,7,.1)!important;
  line-height:1;
}
.btn-lightwarning:hover,.btn-lightwarning.active{
  background:rgba(255,193,7,.3)!important;
}
.btn-lightinfo{
  background:rgba(41,128,185,.08)!important;
  line-height:1;
}
.btn-lightinfo:hover,.btn-lightinfo.active{
  background:rgba(41,128,185,.3)!important;
}
.btn-lightpurple{
  background:rgba(98,54,155,.1)!important;
}
.btn-lightpurple:hover,.btn-lightpurple.active{
  background:rgba(98,54,155,.3)!important;
}
.btn-link{
  text-decoration:none;
  border-radius:0;
  color:inherit;
}
.btn-link.link-primary{
  color:var(--primerycolor);
}
.btn-link.link-primary:hover{
  color:var(--seconderycolor);
}
.btn-link.underline{
  border-bottom: dashed 1px var(--primerycolor);
}
.btn-link.underline:hover{
  border-bottom:dashed 1px transparent;
}
.btn-img {
  position:relative;
}
.btn-img .title{
  position:absolute;
  left:0;
  right:0;
  width:100%;
  top:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.header-stickybtn {
  transform: translateY(95%);
}
.inner-lg {
  padding-top: 120px;
  padding-bottom: 120px;
}
.section .inner {
  padding-top: 80px;
  padding-bottom: 80px;
}
.inner-md {
  padding-top: 60px;
  padding-bottom: 60px;
}
.inner-sm {
  padding-top: 40px;
  padding-bottom: 40px;
}
.inner-xs {
  padding-top: 30px;
  padding-bottom: 30px;
}
.inner-vs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.inner-top-lg {
  padding-top: 120px;
}
.inner-top {
  padding-top: 80px;
}
.inner-top-md {
  padding-top: 60px;
}
.inner-top-sm {
  padding-top: 40px;
}
.inner-top-xs {
  padding-top: 30px;
}
.inner-top-vs {
  padding-top: 20px;
}

.inner-bottom-lg {
    padding-bottom: 120px;
}
.inner-bottom {
  padding-bottom: 80px;
}
.inner-bottom-md {
  padding-bottom: 60px;
}
.inner-bottom-sm {
  padding-bottom: 40px;
}
.inner-bottom-xs {
  padding-bottom: 30px;
}
.inner-bottom-vs {
  padding-bottom: 20px;
}

.inner-left {
  padding-left: 75px;
}
.inner-left-md {
  padding-left: 60px;
}
.inner-left-sm {
  padding-left: 45px;
}
.inner-left-xs {
  padding-left: 30px;
}
.inner-right {
  padding-right: 75px;
}
.inner-right-md {
  padding-right: 60px;
}
.inner-right-sm {
  padding-right: 45px;
}
.inner-right-xs {
  padding-right: 30px;
}
.inner-right-vs {
  padding-right: 10px;
}
.outer-sm {
  margin-top: 80px;
  margin-bottom: 80px;
}
.outer-xs {
  margin-top: 40px;
  margin-bottom: 40px;
}
.inner-bottom-15 {
  padding-bottom: 15px;
}
.outer-top-xs{
  margin-top: 20px;
}
.outer-top-vs {
    margin-top: 30px;
}
.outer-bottom-xs {
  margin-bottom: 20px;
}
.outer-bottom-vs{
  margin-bottom: 30px;
}
.section .section-inner{
 display:block;
}
.grey-bg-color{
 background-color:rgba(245,245,245,.9);
}
.primery-bg-color{
 background-color:var(--primerycolorrgb);
}
.colorful-setion .section-title{
 color:#fff;
}
.section-title {
  position:relative;
  font-size:1.35em;
  color:var(--textcolor);
  padding-bottom:6px;
  text-transform: uppercase;
  font-weight:600;
  margin-top:0px;
  line-height:1.5;
}
.d-flex.justify-content-between .section-title {
  padding:0;
  margin: 0px;
}
.b-title{
  position:relative;
  font-weight: 600;
  margin:0 0 15px;
  padding-bottom:10px;
  line-height: 1.8;
}
.b-title:after{
  content: ' ';
  position:absolute;
  width:20%;
  max-width:100px;
  height:2px;
  background:var(--primerycolor);
  bottom:0;
  right:0;
}
.arrowCollapse {
  cursor: pointer;
}
/*preloader*/
.preloader {
  position: fixed;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  left: 0px;
  top: 0px;
  background: rgba(255,255,255,.7);
  width: 100%;
  height: 100%;
  z-index: 999999;
}

.preloader .loading-box {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  background: transparent;
  border-radius: 0;
}

.preloader .loading-box img {
   width: 160px;
}
/*preloader*/
.info-section .nav-tabs > li{
   width:19%;
   margin-left:1%;
}
.info-section .nav-tabs > li > a{
   font-size:1em;
   font-weight:400;
   margin:0;
   text-align:center;
   border:none;
   border-radius:var(--brediusbig);
}
.info-section .nav-tabs > li > a:hover{
   background:#fff;
}
.info-section .nav-tabs > li > a i{
   display:block;
   color:var(--primerycolor);
   margin:0 0 5px;
   font-size:2em;
}
.info-section .nav-tabs, .info-section .panel-heading, .info-section .panel,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .info-section .contact-page {
    border: none;
    box-shadow:unset;
}
.info-section .panel{
    margin:0;
    border-radius:var(--brediusbig);
}
.info-section .panel-heading{
    padding:0;
}
.info-section .tab-content {
    font-size: 1em;
    line-height: 1.6;
    color: var(--textcolor);
    font-weight:normal;
    padding:0;
    transition: all 0.2s linear 0s;
}
.featured-product .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 16px;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    padding: 18px 20px;
}

.featured-product {
  margin-bottom:30px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);	
}

.featured-product .cart-btn {
    display:none
}

.featured-product .products {
    margin-left: 0px;
    margin-right: 18px;
    padding-bottom: 15px;
}

.last-item{
    margin-bottom:30px;
    background-color: #fff;
}

.products {
    margin: 10px 0;
    padding: 15px;
    transition: all 0.5s linear 0s;
/*  box-shadow: 0 0 10px hsla(0,0%,74.9%,.35);
    -webkit-box-shadow: hsla(0,0%,74.9%,.35) 0 0 10px;*/
    border-radius:var(--brediusmedium);
    border:solid 1px rgba(0,0,0,.15);
    background: #fff;
/*    width: 100%;*/
}
.products:hover{
    border-color:#999;
}
.colorful-setion .swiper-slide .products:hover{
    border-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.products .product{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.products .product .product-data{
    display:flex;
    flex-direction:column;

}
.swiper-slide .products {
  /*border: solid 1px rgba(0,0,0,.1);*/
  /*box-shadow: 0 0 10px rgba(0,0,0,.3);*/
  padding:15px 18px;
}
.swiper-slide .products .product{
    height:100%;
}
.swiper-slide .products:hover{
    border-color:var(--primerycolor);
}
.colorful-setion .swiper-slide .products{
    border-color:#fff;
}
.last-item .section-title {
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: bold;
    padding-bottom: 10px;
    padding: 15px 20px;
}
.last-item .section-title h3{
    display:inline-block;
    margin:0 0 0 20px;
    font-size:1.3em;
    font-weight:600;
    line-height:1.8;
}
.last-item .section-title ul,.last-item .section-title ul li{
    display:inline-block;
}
.last-item .section-title ul li a{
    padding:2px 10px;
    font-size:1em;
    opacity:.8
}

.latest-blog {
  background:#fff;
}
.latest-blog .blog-post {
  padding:10px;
  background:rgba(255,255,255,.95);
  border-radius:10px;
  text-align:center;
}
.latest-blog .blog-post img {
  border-radius:10px;
  transition: all 0.2s linear 0s;
}
.latest-blog .blog-post:hover img{
  transform: scale(1.05)  rotate(.5deg);
}
.latest-blog .blog-post .blog-post-info h3 a{
 line-height:1.6;
}
.logo-slider-inner {
  margin-top: 20px;
  margin-bottom: 20px;
}
.logo-slider-inner .item{
  text-align: center;
}
.special-product .product:first-child {
  margin-bottom: 20px;
}

.special-product .product .image img {
    width:100%
}
.special-product .product .col {
  padding-right:0px
}
.special-product .product .btn-primary {
  background:none;
  padding:0px;
  color:#157ed2;
  text-decoration:underline;
  margin-top:5px;
}
.special-product .product:last-child {
  margin-top: 20px;
}
.config-options ul > li > a {
  display: block;
}
.read-more-bottom {
  margin-bottom: 10px;
}
.unicase-form-control {
  border-color: #ddd;
  box-shadow: none;
  height: auto;
  padding: 10px 12px;
}
.unicase-form-control:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: var(--primerycolor);
}
.animate-dropdown .open > .dropdown-menu,
.animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration: 200ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration: 200ms;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
.seller-product .products {
  margin-bottom: 35px;
}

.product-slider .products {
  margin-left: 0;
  margin-right:0;
  padding-bottom: 15px
}
.product-slider.colored .products{
  border-color:#fff;
}

.show-theme-options:hover,
.show-theme-options:focus {
  background: #58585b;
}

.caret {
border:none;
display:inline-block;
width:10px;
height:10px;
margin:0;
vertical-align:middle;
}

.caret:before{
font-family: 'Font Awesome 5 Pro';
font-weight:normal;
content: "\f107";
line-height:.8;
margin-left:5px;
vertical-align:top;
}

.main-header .top-search-holder .contact-row .icon {
  color: #58585b;
}

.top-cart-row{
/*  max-width:5em;*/
  text-align:center;
  position:relative;
/*  flex:1;*/
}

.top-cart-row .dropdown-toggle:after{
  display:none;
}

.filters-container .nav-tabs.nav-tab-box li a .icon{
  color: var(--textcolorlight);
  vertical-align:middle;
}

.filters-container .nav-tabs.nav-tab-box li.active a .icon {
  color: var(--textcolor);
}

.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
  border: 5px solid #58585b;
}

.single-product .product-tabs .product-technical > div{
  line-height:1.5;
  margin:3.5px 0
}
.single-product .product-tabs .product-technical .technical-header,.single-product .product-technical .technical-header{
  color:var(--textcolor);
  font-size:1em;
  font-weight:bold;
}
.single-product .product-tabs .product-technical .technical-title .technical-title-inner{
  display: flex;
  align-items: center;
  background:#f5f5f5;
  padding:9px 12px;
  border-radius:var(--brediussmall);
  height:100%;
}
.single-product .product-tabs .product-technical .technical-value .technical-value-inner {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  padding: 9px 12px;
  border-radius:var(--brediussmall);
  height: 100%;
}
.category-list {   
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
  border-radius:var(--brediusbig);
}

.logo-color {
  fill: #58585b;
}
.body-content .content-page {
  padding-top: 20px;
  padding-bottom:15px;
  background: #f4f4f4;
  background-image: linear-gradient(180deg,#f4f4f4 0%,#f4f4f4 96%,#fff 100%);
  background-size: 100% auto;
}

.top-offer{
    width: 100%;
}

.top-offer a {
  height: 55px;
  width: 100%;
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.top-bar {
  padding:0px;
  border-bottom:1px solid #f5f5f5;
}

.top-bar .top-bar-inner{
  display:flex;
  justify-content:space-between;
}

.top-bar .top-bar-box > ul{
  display:flex;
}

.top-bar .top-bar-box > ul > li a{
  display:flex;
  align-items:center;
  color:#777;
  padding:5px 0;
  font-size:1em;
  font-weight: 400;
  transition: all 0.2s linear 0s;
  cursor:pointer;
}
.top-bar .top-bar-box > ul > li a i{
  margin-right:5px;
  font-size:1.05em;
  font-style:normal;
  vertical-align:middle;
  opacity:1;
  color:#888;
}
.top-bar .top-bar-box > ul > li a i.caret{
  margin-right:0;
  margin-left:5px;
}

header{
  background-color:#fff;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
  position:relative;
  z-index:1000;
/*  transform: translateY(0);
  transition: all 0.35s linear 0s;*/
}
header{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
}
.main-header{
  background:#fff;
  position: relative;
  z-index: 10;
}
.main-header .logo-holder img{
  max-height:45px;
}
.main-header .logo-holder.tiny img{
  max-height:75px;
}
.main-header .top-search-holder .contact-row {
  line-height: 20px;
  color: #9b9b9b;
}
.main-header .top-search-holder .contact-row .phone {
  margin: 0 23px 0 0;
  border-right: 1px solid #E2E2E2;
  padding-right: 35px;
}
.main-header .top-search-holder .contact-row .icon {
  font-size: 18px;
  line-height: 23px;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.top-search-holder .search-area .search-field{
  padding-left:20px;
  padding-right:20px;
  height:45px;
  line-height:45px;
  border-color:#f4f4f4;
  font-size:1em;
  font-weight:600;
  background:#f4f4f4;
  border-radius:var(--brediusmedium);
  transition: all 0.2s linear 0s;
}
.top-search-holder .search-area .search-field:focus{
  background:#f9f9f9;
  border-color:#ccc;

}
.search-area .search-button,.btn-inner{
  position:absolute;
  right:0;
  top:0;
  min-width:35px;
  font-size:1.3em;
  background:transparent;
  border-radius:20px;
  color: var(--textcolor);
  display: flex;
  align-items: center;
  justify-content:center;
  height: 100%;
}
.search-area .search-button:hover{ 
  color:var(--primerycolor);
  background-color:inherit;
}
header .resultsearch, .comp-serach-result .popupDiv {
  background: #fff;
  position: absolute;
  right:0;
  left:0;
  top: 92%;
  padding: 10px;
  border-radius: 0 0 var(--brediusbig) var(--brediusbig);
  z-index: 1000;
  border: solid 1px #ccc;
  border-top:none;
  border-bottom: solid 4px var(--primerycolor);

}
header .resultsearch .section-title, .comp-serach-result .section-title {
  font-size: 1.02em;
  margin: 15px 0 0;
  color: var(--primerycolordark);
}
header .resultsearch h4.title{
  font-size:1em;
  font-weight:bold;
  padding:5px;
}
header .resultsearch h3.title{
  font-size:1em;
  padding:10px;
}
header .resultsearch img.img-thumbnail {
   max-height: 45px;
   margin: 0 auto;
}
.productListCustom {
   position: absolute;
   background-color: white;
   z-index: 10000;
   border: 1px solid #aaa;
   padding: 10px;
   max-height: 80vh;
   overflow-y: auto;
   box-shadow: 0 1px 4px rgba(0,0,0,.2)
}
.top-search-holder .search-area .categories-filter {
    border-right: 1px solid #E0E0E0;
    text-transform: capitalize;
    display: inline-block;
    line-height: 44px;
    background: #f6f6f6;
    border-radius: 0 3px 3px 0
}
.top-search-holder .search-area .categories-filter a {
  padding: 0 10px;
  color: var(--textcolor);
  font-size: 1em;
}

.top-search-holder .search-area .categories-filter .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e1e1e1;
  padding: 12px 17px;
  border-radius: 0px;
}
.top-search-holder .search-area .categories-filter .dropdown-menu li a {
  padding: 0px;
  line-height:2;
}
.top-search-holder .search-area .categories-filter .dropdown-menu li a:hover,
.top-search-holder .search-area .categories-filter .dropdown-menu li a:focus {
  background: rgba(0, 0, 0, 0);
}
.top-search-holder .search-area .categories-filter .dropdown-menu li.menu-header {
  font-family: inherit;
  line-height: 30px;
}

.top-cart-row .dropdown-cart .lnk-cart{
  padding: 0px;
  border-radius:var(--brediusmedium);
  color: var(--seconderycolor);
  vertical-align:middle;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
  padding: 12px 12px 13px 15px;
  font-family: inherit;
  text-transform: uppercase;  
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
  display: flex;
  justify-content: center;
  align-items: center;
  padding:.8em;
  border-radius:var(--brediusmedium);
  transition: all 0.2s linear 0s;
  line-height:1.3;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket:not(.border){
  background:rgba(0,0,0,0.05);
}

.top-cart-row.active .dropdown-cart .lnk-cart .items-cart-inner .basket {
  background: var(--primerycolorrgblight);
  border-color: var(--primerycolorrgbmedlight)!important;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket:hover,
.top-cart-row.active .dropdown-cart .lnk-cart .items-cart-inner .basket:hover {
    background: var(--primerycolorrgblight);
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
  position: absolute;
  left:-8px;
  top:-6px;
  width:25px;
  height:25px;
  background:var(--primerycolor);
  color:#fff;
  font-size: .9em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  z-index:2;
}

.top-cart-row .dropdown-cart .items-cart-inner .basket span {
  font-size:.9em;
  font-weight:500;
  vertical-align:middle;
  color:var(--textcolor);
}

.top-cart-row .dropdown-cart .items-cart-inner .basket .icon {
  font-size: 1.6em;
  color: rgba(0,0,0,.7);
  transition: all 0.2s linear 0s;
  vertical-align: middle;
}
.top-cart-row.active .dropdown-cart .lnk-cart .items-cart-inner .basket span,.top-cart-row.active .dropdown-cart .items-cart-inner .basket .icon {
  color: var(--primerycolordark);
}
.top-cart-row .dropdown-cart .dropdown-menu.popupDiv{
  width: 480px;
}
.top-cart-row .dropdown-cart .dropdown-menu .product-summary .summary-box{
  max-height:65vh;
  overflow-y:auto;
}
header .resultsearch > div{
  max-height: 75vh;
  overflow-y: auto;
}
.top-cart-row .dropdown-cart .dropdown-menu .product-summary .summary-box .item{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.top-cart-row .dropdown-cart .dropdown-menu .product-summary .summary-box .item .type-name {
  font-size:.95em;
  padding:5px;
  background:#f9f9f9;
  margin-top:0;
  margin-bottom:10px;
  color:var(--primerycolordark);
  border-radius:6px;
  text-align:center;
}
.top-cart-row .dropdown-cart .dropdown-menu .product-summary .summary-box .item .name a{
  display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
  overflow: hidden;
  min-height:2.5em;
  padding:0;
  font-size:9.5pt;
  line-height:1.4;
}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total {
  padding-top:14px;
  display:flex;
  justify-content:space-between;
  flex-direction:row-reverse;
  box-shadow: 0px -10px 10px -5px rgba(0,0,0,.1);
}
.header-nav {
  transition: all 0.2s linear 0s;
}
.header-nav .navbar-default{
  background:unset;
  border: medium none;
  border-radius: 0;
  margin: 0;
  min-height:unset;
}
.header-nav .navbar-default .navbar-collapse {
  padding: 0;
}

.header-nav .navbar-default .navbar-collapse .navbar-nav > li > a {
  display:block;
  color: var(--textcolor);
  font-family: inherit;
  font-size: .98em;
  font-weight:500;
  line-height:1.7;
  padding:12px 10px;
  text-transform: uppercase;
  transition: all 0.2s linear 0s;
}

.header-nav .navbar-default .navbar-collapse .navbar-nav > li > a.dropdown-toggle:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f107";
  position:relative;
  padding:0 4px;
  vertical-align:middle;
}
.header-nav .navbar-default .navbar-collapse .navbar-nav li a:hover,.header-nav .navbar-default .navbar-collapse .navbar-nav li a:focus,.header-nav .navbar-default .navbar-collapse .navbar-nav li.open a:hover
{
  color:var(--primerycolor);
  background:transparent;
}
.header-nav .navbar-default .navbar-collapse .navbar-nav > li > a > i.icon{
  font-size:1.2em;
  margin-right:5px;
  opacity:.7;
  color:inherit;
  vertical-align:baseline;
}
.header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label {
  position: absolute;
  text-transform: uppercase;
  top: -5px;
  display: inline;
  padding: 1px 7px;
  color: #fff;
  font-size:.75em;
  font-weight:400;
  left:10px;
  line-height: normal;
  border-radius:6px;
}
.header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label:after {
  border-width: 6px 7px 0 6px;
  right: 18px;
  top: 90%;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 0;
  z-index: 100;
  
}
.header-nav .navbar-default .navbar-collapse .navbar-nav > li .menu-label:before {
  right: 18px;
  top: 90%;
}

/* navbar-expand */

.navbar-expand .dropdown-menu .banner-image,.navbar-expand .dropdown-menu .custom-banner{
  text-align:center!important;
}
.navbar-expand .navbar-expand-content .links li a {
  padding: 4px 0px;
  font-size:.95em;
  color:#565656;	
}
.navbar-expand .dropdown-menu li a:not(.btn){
  color: #3D3D3D;
  line-height: normal;
  text-transform: none ;
  display: block;
  padding:8px 0;
}
.navbar-expand .dropdown-menu li a i{
 font-weight:500;
}
.fa-angle-start:before {
 content: "\f105";
}
.navbar-expand .dropdown-menu li .title{
  font-size:.95em;
  line-height:1.2;
  color:var(--primerycolor);
  margin:0;
  font-weight:bold;
}
.navbar-expand .dropdown-menu li .title a{
  color:var(--primerycolordark);
}
.navbar-expand .dropdown-menu li .navbar-expand-content .title span{
  border-left:solid 2px var(--primerycolor);
  padding-left:5px;
}
.navbar-expand .dropdown-menu li .navbar-expand-group a{
  display: flex;
  align-items:center;
  justify-content: space-between;
  font-size:1em;
  padding:15px 20px;
}
.navbar-expand .dropdown-menu li .navbar-expand-group a.active{
  background:#f9f9f9;
}
.navbar-expand .dropdown-menu li {
  line-height:normal;
  padding: 0;
  transition: all 0.3s ease 0s;
}
.navbar-expand .mega-menu {
  left:0;
  right:0;
  width:100%;
}
.navbar-expand .has-mega-menu{
  position: static !important;
}

.navbar-expand .dropdown-menu .text {
  font-size: 1em;
  line-height: 20px;
  position: relative;
  bottom: 0px;
  top: 73px;
}

/* navbar-expand */

.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li {
  border-bottom: 1px solid #E0E0E0;
  padding: 5px 0;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li:last-child {
  border-bottom: none;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a {
  line-height: 26px;
  padding: 0px;
}
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a:hover,
.header-nav .navbar-default .dropdown .dropdown-menu.pages .links > li > a:focus {
  margin-left: 0px;
}

/*mobile menu */
.body-overlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:100vh;
    width:100%;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    z-index:0;
    transition:all 500ms ease;
}
.body-overlay.now-visible{
	opacity:1;
	visibility:visible;
    z-index:1035;
}
.mobile-menu-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:-350px;
	top:0px;
	width:100%;
    max-width:300px;
    height:100vh;
	padding:0px 0px;
	background:rgba(255,255,255,1);
	z-index:1040;
    overflow:auto;
	transition:all 500ms ease;
}
.mobile-menu-header .close{
    position:absolute;
    right:0;
    top:17px;
    width: 40px;
    text-align:center;
}
.mobile-menu-header .logo{
	padding:10px 0px;
    width:100%;
    text-align:center;
}
.mobile-menu-header .logo img{
    max-height:35px;
    max-width:99%;
}
.mobile-menu-header.now-visible{
    padding:0 15px;
	opacity:1;
	visibility:visible;
    left:0px;
    box-shadow: 0 10px 10px rgba(0,0,0,.2);
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav li a,.treeview-menu .navbar-default .navbar-nav li a {
    position: relative;
    padding: 10px 20px 11px;
    border-bottom: solid 1px #eee;
    background-color: transparent;
    text-align: start;
    display: block;
    font-weight: 500;
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav > li > a,.treeview-menu .navbar-default .navbar-nav > li > a{
    font-weight: 500;
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav li li a,.treeview-menu .navbar-default .navbar-nav li li a{
    font-size:.95em;
}
.treeview-menu .navbar-default .navbar-nav li a.active{
    color:var(--primerycolor);
    font-weight:600;
    font-size:1em;
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav li:last-child > a, .treeview-menu .navbar-default .navbar-nav li:last-child > a {
    border: none;
}
.mobile-menu-header .header-nav .navbar-default .btn-toggle-nav, .treeview-menu .navbar-default .btn-toggle-nav {
    padding: 0 5px;
    background: rgba(0,0,0,.05);
    margin-top: -1px;
    border:solid 1px #ccc;
    border-radius: 0 0 var(--brediussmall) var(--brediussmall);
    position: relative;
    z-index: 1;
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle:before,.treeview-menu .navbar-default .navbar-nav li a.btn-toggle:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: .65em;
    font-weight:normal;
    content: "\f068";
    position: absolute;
    top:13px;
    left:0;
    padding:3px;
    width:15px;
    text-align:center;
    background:#f5f5f5;
    line-height: 1;
    border-radius: 5px;
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle.collapsed:before,.treeview-menu .navbar-default .navbar-nav li a.btn-toggle.collapsed:before{
   content: "\f067";
}
.mobile-menu-header .header-nav .navbar-default .navbar-nav li a.btn-toggle::after,.treeview-menu .navbar-default .navbar-nav li a.btn-toggle::after{
    font-family: 'Font Awesome 5 Pro';
    content: "\f107";
    position: relative;
    padding: 0 4px;
    vertical-align: middle;
    position: absolute;
    right: 0;
}
/*mobile menu */
.sidebar {
    min-height:100vh;
    transition: all 0.3s ease 0s;
}
.sidebar .sidebar-module-container .sidebar-widget .widget-header {
  padding: 10px 0px;
}
.sidebar .sidebar-module-container .sidebar-widget .widget-header .widget-title {
  font-size: 1em;
  margin: 0px;
  font-weight:bold
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle {
  clear: both;
  display: block;
  font-size: 1em;
  line-height: 28px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle:after {
  content:"\f068";
  float: right;
  font-family: 'Font Awesome 5 Pro';
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle.collapsed {
  color: #666666;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-heading .accordion-toggle.collapsed:after {
  color: #636363;
  content: "\f067";
  font-family: 'Font Awesome 5 Pro';
  font-weight:normal
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul li a:before {
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  font-size: 14px;
  line-height: 15px;
  margin: 0 5px 0 0;
  transition: all 0.3s ease 0s;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .accordion .accordion-group .accordion-body .accordion-inner ul li a:hover:before {
  margin: 0 8px 0 0;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder {
  padding: 0 0 20px;
  position: relative;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-top:0px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider.slider-horizontal {
  height: 20px;
  width: 100% !important;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track {
  background-color: #f1f1f1;
  background-repeat: repeat-x;
  cursor: pointer;
  position: absolute;
  width: 94% !important;
  height: 6px;
  left: 0;
  margin-top: -5px;
  top: 50%;
  width: 100%;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-selection {
  bottom: 0;
  height: 100%;
  top: 0;
  background-repeat: repeat-x;
  box-sizing: border-box;
  position: absolute;
  background: #c3c3c3;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  border-radius: 400px;
  height: 20px;
  margin-left: -3px !important;
  opacity: 1;
  position: absolute;
  top: -3px;
  width: 20px;
  margin-top: -5px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .tooltip {
  margin-top: -36px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .min-max {
  font-size: 15px;
  font-weight: 700;
  color: #fe5252;
  margin-top: 15px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li {
  clear: both;
  display: block;
  font-family:  inherit;
  font-size: 1em;
  font-weight: normal;
  line-height: 28px;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .list li a {
  color: #666666;
  display: block;
}
.sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .compare-report {
  margin-top: 20px;
  margin-bottom: 30px;
}
.sidebar .sidebar-widget .advertisement .item {
  background-position: center 55%;
  background-size: cover;
  padding-bottom:60px

}
.sidebar .sidebar-widget .advertisement .item .caption {
  color: #636363;
  left: 12%;
  letter-spacing: -3px;
  position: absolute;
  top: 11%;
  z-index: 100;
  display: table-cell;
}
.sidebar .sidebar-widget .advertisement .item .caption .big-text {
  font-size: 60px;
  line-height: 125px;
  text-transform: uppercase;
  font-family: inherit;
  color: #fff;
  text-shadow: 1px 1px 3px #cfcfcf;
}
.sidebar .sidebar-widget .advertisement .item .caption .big-text .big {
  font-size: 120px;
  color: #ed1c24;
  display: block;
  text-shadow: 1px 1px 3px #cfcfcf;
}
.sidebar .sidebar-widget .advertisement .item .caption .excerpt {
  font-size: 24px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #e6e6e6;
  text-shadow: 1px 1px 3px #cfcfcf;
}
.sidebar-widget {
  position:relative;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
  padding:12px 15px;
  border-radius:var(--brediusmedium);
}
.sidebar-widget:after,.faq-section .accordion-button:before,.mobile-datalist .item:after,.heading-subtitle:after{
  content: ' ';
  position: absolute;
  top:6px;
  left: 0;
  width: 5px;
  height: 34px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  background: var(--primerycolor);
  z-index:2;
}
.sidebar-widget.no-header:after{
  top:50%;
  transform: translateY(-50%);
}
.sidebar-widget .section-title {
  font-size:1em;
  font-weight:600;
  color: var(--textcolor);
  padding-bottom:12px;
  border-bottom: solid 1px #eee;
}
.sidebar-widget .adsLink img{
  margin:0 auto 10px;
  border-radius:3px;
}
.sidebar-widget .accordion-collapse{
  border: none;
}
.sidebar-widget .accordion-body {
  padding:10px 10px 2px;
}
.sidebar-widget .accordion-button {
  font-weight: 600;
  background: #d0d1ef;
  font-size: 11pt;
  border:none;
  padding:13px 20px;
  border-radius:6px!important;
}
.sidebar-widget .accordion-button:after {
  transform: scale(.75);
}
.sidebar-widget .accordion-button.collapsed{
  background: #d0d1d6;
}
.sidebar-widget .form-check label {
  font-weight: 500;
  font-size:.9em;
  vertical-align:middle;
}
.sidebar-widget .form-check.form-switch{
  min-height:unset;
  margin-bottom:0;
}
.related-product .tag {
  font-size: 15px;
  font-weight: 700;
  height: 50px;
  line-height: 45px;
  left: 15px;
  text-align: center;
  top: 3.5%;
  width: 50px;
  position: absolute;
}
.main-slider.height-md .item {
  height: 457px;
}
.main-slider.height-lg .item {
  height: 675px;
}
.main-slider .container {
  display: table;
  height: inherit;
}
.main-slider .caption {
  display: table-cell;
}
.main-slider .caption.vertical-center {
  vertical-align: middle;
  padding-bottom: 3vh;
}
.main-slider .caption.vertical-top {
  vertical-align: top;
  padding-top: 8vh;
}
.main-slider .caption.vertical-bottom {
  vertical-align: bottom;
  padding-bottom: 14vh;
}
.main-slider .caption.text-center {
  padding-left: 10%;
  padding-right: 10%;
}
.main-slider .caption.text-left {
  padding-right: 20%;
}
.main-slider .caption.text-right {
  padding-left: 20%;
}
.main-slider .item {
 position:relative;
}
.main-slider .item .caption {
  color: #fff;
  left: 100px;
  position: absolute;
  top:30%;
  z-index: 100;

}
.main-slider .item .caption .slider-header {
  /*font-family: 'Montserrat', sans-serif;*/
 font-size:14px;
 font-weight:bold;
 text-transform:uppercase	
}

.main-slider .item .caption .big-text {
  font-size:1.8em;
  line-height: 50px;
  text-transform: uppercase;
  color: #fff;
  font-weight:600;
  /*letter-spacing:-1px*/
  padding: 0px;
  color:#fff;
}

.main-slider .item .caption .excerpt,
.main-slider .item .caption .small {
  font-size: 14px;
  /*line-height: 50px;*/
  margin-top: 10px;
  font-weight: 500;
  padding-left: 23px;
  background: rgba(0, 0, 0, 0);
}
.main-slider .item .caption .excerpt span,
.main-slider .item .caption .small span {
  color:#fff;
  line-height: 336%;
  padding: 5px;
  display: inline;
}
.main-slider .item .caption .button-holder {
  margin: 20px 0 0;
}
.main-slider .item .caption.bg-color .excerpt,
.main-slider .item .caption.bg-color .small {
  background: rgba(0, 0, 0, 0);
  padding: 0px;
  color: #fff;
  margin-top: 0px;
}
.main-slider .item .caption.bg-color .excerpt span,
.main-slider .item .caption.bg-color .small span {
  background: rgba(0, 0, 0, 0);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  line-height: 24px;
}
.main-slider .full-width-slider {
  margin-bottom: 30px;
}
.main-slider .full-width-slider .item {
  background-color: #FFFFFF;
  background-position: center 55%;
  background-size: cover;
  height: 449px;
}
.main-slider .full-width-slider .item .caption {
  position: absolute;
  top: 11%;
  z-index: 100;
}
.main-slider .full-width-slider .item .caption .big-text {
  font-size: 119px;
  line-height: 80px;
  font-family: 'PacificoRegular';
  color: #fff;
  background: rgba(0, 0, 0, 0);
  padding: 0px;
  text-transform: none;
}
.main-slider .full-width-slider .item .caption .excerpt {
  font-size: 60px;
  line-height: 80px;
  margin-top: 15px;
  font-family: 'LatoBold';
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0);
  padding: 0px;
}
.main-slider .full-width-slider .item .caption .button-holder {
  margin: 31px 0 0;
}
/*fast search*/
.fast-search,.fast-search-parent{
  position: relative;
  text-align: center;
}
.fast-search.float{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  transform: translateY(-50%);
}
.fast-search .dropdown button{
  border:solid 1px #ccc;
  width:100%;
  padding:.75rem .75rem;
  background:rgba(255,255,255,.6)
}
.fast-search .dropdown .dropdown-menu li > a {
  padding: .45rem .75rem;
}
/*fast search*/
.cnt-homepage .cart .action .left {
  margin-left: 10px;
  padding: 2px 10px;
}
.cnt-homepage .sidebar .sidebar-module-container .sidebar-widget .sidebar-widget-body .price-range-holder .slider .slider-track .slider-handle {
  height: 15px;
  width: 15px;
  top: 0px;
  border-radius: 0px;
  border: 2px solid #e4e4e4;
}
/*.info-boxes {
  background:#fff;
}*/
.info-boxes .info-box {
  text-align:center;
}
.info-boxes .info-box .icon {
  font-size:1.8em;
  color:var(--seconderycolor);
}
.info-boxes .info-box .info-box-heading {
  font-size:.95em;
  line-height:1.5;
  /*display:inline-block;
  text-transform: uppercase;*/
  margin-top:.5em;
  margin-bottom:.2rem;
  min-height:2.5rem;
  font-weight:600;
  color:var(--primerycolor);
}

.info-boxes .info-box .text {
  color:var(--textcolorlight);
  margin:0;
}

.scroll-tabs .more-info-tab {
 display:flex;
}
.scroll-tabs .more-info-tab .new-product-title {
  margin: 0px;
  font-size:1.6em;
  font-family: inherit;
  text-transform: uppercase;
  font-weight:bold
}
.scroll-tabs .nav-tab-line {
  border-bottom: none;
  margin-right:40px;
}
.scroll-tabs .nav-tab-line li.active a {
  color:var(--primerycolor);
  border:none
}
.scroll-tabs .nav-tab-line li a {
  font-weight: 500;
  font-size: 1.05em;
  border: medium none;
  box-shadow: none;
  padding:5px 10px;
  position: relative;
  font-weight:normal;
  border-radius:20px;
  background:#fff;
}
.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
  color:var(--primerycolor)
}

.product {
  position: relative;
}
.product .product-image{
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: all ease-in 0.5s;
}
.product .product-image a{
  display:flex;
  align-items:center;
  justify-content:center;
  /*min-height:230px;*/
}
.product.row-display .product-image a{
  min-height:unset;
}
.product .product-image img {
  width:auto;
  margin:0 auto;
  max-width:100%;
  max-height:350px;
  border-radius:10px;
}

.product .product-image .tag {
  position: absolute;
}

.product .product-info {
 min-height:42px;
 margin:0 auto;
 transition: all ease-in 0.5s;
}
.product .product-mobile-info{
 flex:100%;
}
.product .product-info .name {
  font-size:1.06em;
  font-weight:600;
  margin:0;
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;  
  overflow:hidden;
  line-height:1.4;
  cursor:pointer;
}
.product .product-info .name a:hover, .product .product-info .name a:focus {
  color: var(--primerycolor);
  letter-spacing: 0;
}
.swiper-slide .product .product-info{
  margin:0;
}
.swiper-slide .product .product-info .name {
  font-size: 1em;
  font-weight:500;
  min-height:3em;
}
.product .product-info .sub-name {
  font-size:1em;
  font-weight:400;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;  
  overflow:hidden;
  line-height:1.2;
}
.product .product-info .sub-name a{
  color:var(--textcolormed);
}
.product .product-info .sub-name a:hover{
  color:var(--primerycolor);
}
.product .product-info .text{
  font-size:1em;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;  
  overflow:hidden;
  line-height:1.5;
  color:var(--textcolormed);
}
.single-product .product-info-block .product .product-info .text{
  -webkit-line-clamp:10;
}
.product .product-price .price {
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
/*text-align:left;*/
}
.swiper-slide .product .product-price .price {
  text-align: left;
}
.product .product-price .price b{
  font-size:1.25em;
}
.product.row-display .product-price .price b{
  font-size:.95em;
}
.product .product-price .price.discount{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.discount .badge{
  display: flex;
  align-items: center;
  border-radius:30px;
  font-size:.85rem;
  font-weight:500;
  letter-spacing:1px;
}
.discount .badge span{
  
}
.product .product-price .price-before-discount {
  text-decoration: line-through;
  color: #999;
  line-height:1.4;
  font-size: 1em;
  text-align:left;
  display:block;
}
.product .product-price .price-before-discount b{
  font-weight:normal;
}
.product .product-info .product-remain {
  display: flex;
  min-height: 2rem;
  flex-direction: column;
}

.product .product-info .product-remain .sales-progress {
  width: 100%;
  background-color: #e2e2e2;
  height: .25rem;
  position: relative;
  border-radius: .25rem;
  margin-top: .5rem;
}

.product .product-info .product-remain .sales-progress-bar {
  background-image: linear-gradient(90deg,#ff5b79,#dc3755);
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: .25rem;
  transition: all 0.2s linear 0s;
}

.product .product-info .product-remain .sales-percentage-text{
  margin: 0;
  color: #dc3755;
  font-size:.95em;
  position: relative;
}

.product .product-info .description ul li{
  line-height:1.6;
  margin-bottom:4px;
  font-weight:400;
  font-size:.95em;
  color: var(--textcolor);
}
.product .product-info .description ul li .title{
  color:#777;
}
.product .product-info .description ul li .icon{
  margin-left:6px;
}
.product .product-tag .badge{
  background:#eee;
  color:var(--primerycolorlight);
  padding:5px 10px;
  margin-bottom:4px;
  cursor:pointer;
  white-space: normal;
  line-height: 1.4;
  font-weight:500;
  font-size:.85em;
  transition: all 0.2s linear 0s;
}

.product .product-tag .badge:hover{
  background:var(--primerycolor);
  color:#fff;
}

.product .cart {
  z-index:80;
  left:-8px;
  position:absolute;
  top:-10px;
  width:auto;
  margin:0;
  background:rgba(255,255,255,.9);
  border-radius:var(--brediussmall);
}
.product .cart .action ul{
 display:table;
  border-radius:30px;
 /* background:rgba(255,255,255,.5);*/
  padding:1px 3px;
  margin:0 auto;
}
.product .cart .action ul li{
  display:inline-block;
  text-align:center;
}
.product-tags-actions {
  position: absolute;
  top: 20px;
  left:30px;
  z-index: 80
}
.product-actions {
}
.product .cart .action ul li.lnk a,.product-actions .cart .action ul li.lnk button{
  display:block;
  color:var(--textcolorlight);
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  cursor:pointer;
}
.product .sale-offer-tag {
  position: absolute;
  color: #FFFFFF;
  font-size:1em;
  font-weight:600;
  top:0;
  right:0;
  z-index: 100;
  padding:.5em;
  border-radius:var(--brediussmall);
  background-color:#ed1c24;
}
.timing-wrapper {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:5px 0 0;
}
.timing-wrapper .box-wrapper {
  display: table;
  text-align: center;
  vertical-align:middle;
}
.timing-wrapper .box-wrapper .box {
  background-color:#fff;
  color: var(--textcolordark);
  display: table-cell;
  height:35px;
  vertical-align: middle;
  width: 35px;
  line-height: 1.4;
}
.timing-wrapper .box-wrapper .box .key {
  display: block;
  font-size: 1.2em;
  color:var(--lightred);
  font-weight: 700;
  line-height:1.5;
}
.timing-wrapper .box-wrapper .box .value {
  display: block;
  font-size:.75em;
  font-weight: 500;
  letter-spacing:0.5px
}
.timing-wrapper .box-wrapper:last-child {
  margin-right: 0px;
}
.product-actions .cart .action ul li.lnk button {
  width: 35px;
  height: 35px;
}
.swiper-slide .product .cart .action ul {
  padding: 0;
}
.product-actions .cart .action ul li.lnk button{
  border:solid 2px #ddd;
  border-radius:var(--brediusmedium);
  background:#fff;
}
.cart .action ul li.lnk.wishlist.active button,.cart .action ul li.lnk.wishlist.active a{
  border-color: var(--lightred);
}
.cart .action ul li.lnk.wishlist.active button i,.cart .action ul li.lnk.wishlist.active a i{
  font-weight:bold;
  color: var(--lightred);
}
.cart .action ul li.lnk.compare.active button,.cart .action ul li.lnk.compare.active a{
  border-color: #2980b9;
}
.cart .action ul li.lnk.compare.active button i,.cart .action ul li.lnk.compare.active a i{
  font-weight:bold;
  color:#2980b9;
}
.product .cart .action ul li.lnk a i,.product-actions .cart .action ul li.lnk button i{
  font-size:1.3em;
  color:inherit;
}
.product .cart .action ul li.lnk a:hover,.product .cart .action ul li.lnk a:focus,.product-actions .cart .action ul li.lnk button:hover,.product-actions .cart .action ul li.lnk button:focus{
 color:var(--textcolor);
 border-color:var(--textcolor);
}

.listView .product {
  display: flex;
  flex-direction:row;
}
.listView .product .product-info .name {
/*  -webkit-line-clamp:1;*/
  min-height:unset;
}
.listView .product .product-info .product-brand{
  display:flex;
  justify-content:space-between;
}
.listView .products .product .product-data{
  flex: 78%;
  flex-direction:row;
}
.listView .products .product .v-invisible {
  visibility: visible;
  display: none;
}
.listView .product .product-image {
  flex:15%;
}
.listView .product .product-info {
  flex: 65%;
  padding: 0 8px;
  margin: 5px 0 0;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.listView .product .product-image a{
  min-height: unset;
}
.listView .product .product-ex-btns{
  flex: 22%;
  border-left:solid 1px #ccc;
  padding-left:15px;
  padding-top:25px;
  display:flex;
  flex-direction:column;
  justify-content:start;
}
.listView .product .product-ex-btns .btn.btn-primery-transparent-alt{
  padding:.4rem 1rem;
}
/*product parts*/
.product-parts{
  width:100%;
}
.product-parts .product-parts-item{
  border:solid 1px #ccc;
  border-radius:var(--brediusmedium);
  padding:4px;
  margin-bottom:6px;
}
.product-parts .product-parts-item .pps-item-data .product-name{
  font-size:.95em;
  line-height:1.4;
  font-weight:500;
}
.product-parts .product-parts-item .pps-showlist-btn {
  margin-bottom: -5px;
  text-align: center;
}
.product-parts .product-parts-item .pps-showlist-btn button {
  background: #f9f9f9;
  padding: 4px 10px;
  border: solid 1px #ccc;
  border-radius: 10px 10px 0 0;
  color: var(--textcolor);
  font-size: .85em;
  transition: all 0.2s ease 0s;
}
.product-parts .product-parts-item .pps-showlist-btn button:hover, .pps-showlist-btn button:not(.collapsed) {
  color: var(--textcolordark);
}
.product-parts .product-parts-item .pps-showlist-btn button.collapsed i{
  transform: rotate(180deg);
}
/*product parts*/

.product-ver-tiny {
  height:100%;
  padding:5px;
  margin:1px;
  border: solid 1px #ccc;
  background:#fff;
  border-radius: var(--brediusmedium);
  cursor:pointer;
  transition: all 0.2s ease 0s;
  width:100%;
}
.product-ver-tiny:hover{
  border-color:var(--seconderycolor);
}
.product-ver-tiny.active{
   border-color:#009966;
   background:#bce4d7
}
.product-ver-tiny .action{
   position:absolute;
   left:10px;
   top:10px;
}
.product-ver-tiny .pvt-btn{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:2px 5px 5px;
  background:#fff;
  border-radius: var(--brediussmall);
  min-height:90px;
}
.product-ver-tiny .image{
  background:#fff;
  border:0;
  margin-bottom:5px;
  max-width:70px;
  max-height:70px;
  padding:5px;
}
.product-ver-tiny .title{
  position:absolute;
  bottom:10px;
  display: flex;
  align-items: center;
  margin:0;
  text-align:center;
 display: -webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient: vertical;
  overflow: hidden;
  line-height:1.2;
  font-size:.9em;
}
.product-ver-tiny .tag{
  position:absolute;
  right:10px;
  top:10px;
  z-index:5;
}
.product-tags{
/*position: absolute;
  padding:10px;
 right: 0;
  left: 0;
  top:10px;  
  z-index: 70;
  margin-left: calc(var(--bs-gutter-x) * .5);
  margin-right: calc(var(--bs-gutter-x) * .5);*/
}
.tag {
  font-size:1em;
  font-weight:600;
  line-height:1;
  height: 30px;
  padding:.5em;
  text-transform: uppercase;
  top:0;
  z-index: 100;
  border-radius:var(--brediusmedium);
  color: #fff;
  right:0;
  text-align: center;
}
.tag span {
  position: relative;
  z-index: 100;
  vertical-align:middle;
}
.tag.new {
  background: #46aad7;
}
.tag.hot {
  background: #ed1c24;
}
.tag.sale {
  background: #abd07e;
}
/*.best-seller .product .product-info .name,
.special-offer .product .product-info .name {
  margin-top: 4px;
}*/
.cart {
  margin-top: 5px;
  opacity: 1;
  transition: all 0.4s linear 0s;
  width: 100%;
  z-index: 80;
  left: 0px;
}
.add-cart-button{
  max-width:300px;
}
.add-cart-button .btn.btn-primary.icon {
  background: #fdd922;
  color:rgba(0,0,0,.5);
}
.cart .action.lnk {
  margin: 10px 0px;
}
.cart .action.lnk a {
  padding: 0 10px;
  color: #dadada;
}
.cart .action.lnk.wishlist {
  border-right: 1px solid #dadada;
}
.product-micro .product-image .image a .zoom-overlay:before {
  color: #FFFFFF;
  content: "\f00e";
  font-family: 'Font Awesome 5 Pro';
  left: 45%;
  position: relative;
  right: 40%;
}
.product-micro .product-image .image a .zoom-overlay {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s linear 0s;
  width: 100%;
  z-index: 99;
}
.product-micro .product-image .image a .zoom-overlay:hover,
.product-micro .product-image .image a .zoom-overlay:focus {
  opacity: 1;
}
.cnt-home .product-micro .tag-micro {
  width: 30px;
  height: 30px;
  font-size: 11px;
  line-height: 29px;
  top: 5.5%;
}
.cnt-home .product-micro .product-info .name {
  font-size: 1em;
  margin-top: 0px !important;
  text-align:inherit;
}

.cnt-home .product-micro .product-info .action .lnk.btn.btn-primary {
  font-size: 12px;
  line-height: 1.7;
}
.product-category{
  padding:10px 0;
  text-align:center;
  display:block;
  cursor:pointer;
}
.product .product-micro .product-image a{
 min-height:initial;
}
.product .product-micro .product-image img{
    border-radius:10px;
}
.best-product .product:first-child {
  margin-bottom:15px;
  border-bottom:solid 1px #eee;
  padding-bottom:15px;
}
.product-category h3{font-size:1em;}
.product-category .product-image{min-height:80px;}
.product-category .product-image img{
  max-width:50%;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.new-category-section .swiper-wrapper
{
   align-items:center;
}
.new-categories .new-category {
   padding-top: 5px;
   padding-bottom: 5px;
   font-size: 1.05em;
   line-height: 1.6;
}
.new-category .new-category-info .name{
   text-align:center;
}
.new-category .new-category-info .text{
   text-align: justify;
   text-justify: inter-word;
}
.new-category .new-category-info .name a{
   color: var(--textcolor);
   font-weight:normal;
   font-size:.85em;
}
.new-category .new-category-info .name a:hover{
   color:var(--primerycolor);
}
.new-category .new-category-image{
   display:flex;
   align-items:center;
   justify-content:center;
   background:#fff;
   padding:10px;
   max-width:100%;
}
.new-category .new-category-image img{
   width:inherit;
   height:inherit;
   border-radius:inherit;
   border-radius:12.5px;
   transition: all 0.2s linear 0s;
}
.gray-hover .image img {
    filter: grayscale(1);
    transition: all 0.2s ease 0s;
}

.gray-hover .image:hover img {
    filter: grayscale(0);
}

/* theme category */

.theme-category .category-item{
   background:#f2f2f2;
   text-align:center;
   border-radius:var(--brediushuge);
   overflow:hidden;
}

.theme-category .category-item .cat-info{
   background:#fff;
   font-weight:bold;
   font-size:1.2em;
   padding:5px 10% 10px;
  -webkit-clip-path: polygon(15% 100%, 85% 100%, 100% 0, 0 0); 
  clip-path: polygon(15% 100%, 85% 100%, 100% 0, 0 0);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.theme-category .category-item .cat-image{
  background:url(../images/cat-image-bg.svg) no-repeat center center;
  background-size:auto 90%;
}
.theme-category .category-item .image{
  max-height:130px;
}

/* fixed-navbar */
.fixed-navbar{
  background:#fff;
  border:solid 1px #ccc;
  border-radius:var(--brediusbig);
  z-index:100;
}
.fixed-navbar.fixed{
  position:fixed;
  width:90%;
  top:75px;
  left:5%;
  right:5%;
}

/* bottom-fixed-navbar */

.membuat-bottom-navbar{
  background:#fff;
}
.membuat-bottom-navbar > .flex-halign{
  border-radius:var(--brediusbig) var(--brediusbig) 0 0;
  border-top:solid 1px #ddd;
}
.membuat-bottom-navbar .navbar{
  background:#f5f5f5;
  border-top:solid 1px #ccc;
}

.membuat-bottom-navbar .navbar .nav-item a{
  position:relative;
  color:var(--textcolorlight);
  padding-right: .1rem;
  padding-left: .1rem;
}
.membuat-bottom-navbar .navbar .nav-item a.active{
  color:var(--primerycolordark);
}
.membuat-bottom-navbar .navbar .nav-item a:hover{
  color:var(--primerycolor);
}

.membuat-bottom-navbar .navbar .nav-item a i{
  font-size:1.5em;
}

.membuat-bottom-navbar .navbar .nav-item a.active i{
  font-weight:600;
}

.membuat-bottom-navbar .navbar .nav-item a span{
  display: block;
  font-size: .85em;
  line-height: 1;
  margin-top: 2px;
}

.membuat-bottom-navbar .navbar .nav-item a .badge{
  position:absolute;
  left:12.5%;
  top:0;
}

/*.tour360-section {
    background-color: #fff;
}
.tour360-section .tour360-box{
  display:block;
  background:#f5f5f5;
  min-height:200px;
  border-radius:20px;
}
.tour360-section .tour360-box .tour-top-logo{
  position:absolute;
  width:30%;
  right:35%;
  height:70px;
  top:-32px;
  background-size:auto 100%;
  z-index:1;
}
.tour360-section .tour360-box .tour-top-logo img{
  margin:0 auto;
  height:inherit;
}
.tour360-section .tour360-box img{
  border-radius:var(--brediusbig);
}*/
/* copyright-bar */
.copyright-bar {
  background: var(--primerycolor);
  padding:0;
  text-align: center;
}
.copyright-bar .copyright {
  color:var(--textcolor);
  padding:10px;
}
.copyright-bar .copyright a{
  color:#fff;
}
.copyright-bar .copyright a.box-style{
  display:inline-block;
  color:#fff;
  background:var(--primerycolorverydark);
  padding:3px 10px;
  border-radius:10px;
  letter-spacing:2px;
}

.wide-banner {
  overflow: hidden;
}
.wide-banner .image img {
  display: block;
  transition: all 0.3s ease;
}
.cnt-strip {
  position: relative;
  display:block;
}
.cnt-strip .strip {
  position: absolute;
  top:30px;
  width: 100%;
  padding: 8px 10% 5px 10%;
  left:10px;
}
.cnt-strip .strip h2 {
  font-size:1.5em;
  color: #fff;
  margin:0 0 10px;
  font-weight:bold;
  line-height:1.5;
}
.cnt-strip .strip.darkb h2{
  color: var(--textcolordark);
  text-shadow: 1px 1px 3px #fff;
  font-size:1.3em;
}
.cnt-strip .strip .shopping-needs {
  display:block;
  color:var(--primerycolor);
  font-size:.9em;
}
.cnt-strip .strip.darkb .shopping-needs{
  color: var(--primerycolordark);
}
.cnt-strip .strip h3 {
  font-size:1.35em;
  color: #434343;
  margin: 0;
  text-transform: uppercase;
  font-family:'Montserrat', sans-serif;
}
.cnt-strip .strip h4 {
  font-size:1.2em;
  margin: 0;
  text-transform: uppercase;
  font-family:'Montserrat', sans-serif;
}
.cnt-strip .strip.strip-text {
  width: 80%;
}

.cnt-strip .new-label {
  background: url("../images/label.png") no-repeat scroll right top;
  height: 72px;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 72px;
  z-index: 999;
}
.cnt-strip .new-label .text {
  color: #fff;
  font-size: .95em;
  font-weight: bold;
  line-height: 22px;
  left: -13px;
  position: absolute;
  text-align: center;
  top: 14px;
  -ms-transform: rotate(-43deg);
  letter-spacing:1px;
  /* IE 9 */
  -webkit-transform: rotate(-43deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-43deg);
  width: 100%;
}

.wide-banners.homepage-banner {
  margin-top: 30px;
}
.wide-banners.homepage-banner h4 {
  font-size: 30px;
  font-family: inherit;
}
.wide-banners.homepage-banner h3 {
  font-size: 35px;
  font-family: inherit;
}
.new-banner {
  margin-top: 30px;
}
.new-banner .cnt-strip .strip {
  width: auto;
  padding: 0px;
  right: 23px;
}
.new-banner .cnt-strip .strip h3 {
  background: #707070;
  padding: 13px 23px 13px 16px;
  line-height: 24px;
  font-size: 30px;
  font-family: inherit;
}
.new-banner .cnt-strip .strip h5 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  padding-right: 21px;
  text-transform: uppercase;
}
.new-banner .cnt-strip .strip h5 span {
  background: none repeat scroll 0 0 #707070;
  box-shadow: -1.4em 0 0 #707070, 1.4em 0 0 #707070;
  padding: 0.6em 0;
}
.new-banner.no-margin {
  margin-top: -10px;
}
.megamenu-banner {
  margin-top: 30px !important;
}
.megamenu-banner h3 {
  font-size: 30px;
  font-family: 'BebasNeueRegular';
}
.megamenu-banner h2 {
  font-size: 40px;
  font-family: 'BebasNeueBold';
}

.blog-slider-container .blog-slider .blog-post-info .name {
  font-size:1.25em;
  line-height:1.8;
  font-weight:600;
  text-align:center;
}
.blog-slider-container .blog-slider .blog-post-info .name a {
  display:block;
  font-size:.85em;
  min-height:42px;
  line-height:1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display:flex;
  align-items:center;
  justify-content:center;
}
.blog-slider-container .blog-slider .blog-post-info .info {
  color:#999;
  font-size: 1em;
  margin-bottom:8px;
  overflow:hidden;
  display:block;
  text-align:center;
}
.blog-slider-container .blog-slider .blog-post-info .text {
  color: #777;
  max-width:100%;
  min-height:55px;
  font-size:1em;
  line-height:1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align:center;
  text-align: justify;
  text-justify: inter-word;
}
.footer .links-social {
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  margin-bottom: 70px;
}


.social a {
/*	color: #fff;*/
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
}
.social a:hover {
  color: #fff;
}

.social h4 {
  margin: 25px 0 0px 0px;
}
.social ul {
  margin: 0;
  list-style: none;
}
.social ul li {
  margin-right: 7px;
}
.social ul li {
  border-bottom: none;
}
.social a {
  transition: background 400ms ease-in-out;
}
.footer{
  background-size:cover cover !important;
  position:relative;

}
.footer .footer-logo img {
  margin: 0 auto 10px;
  max-height:70px;
}

.footer .links-social .contact-info .about-us {
  margin-bottom: 20px;
}
.footer .links-social .contact-info .social-icons a {
  color: #888888;
  font-size: 16px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 2em;
  height: 2em;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
}
.footer .links-social .contact-info .social-icons a:hover,
.footer .links-social .contact-info .social-icons a:focus,
.footer .links-social .contact-info .social-icons a.active {
  border-radius: 20px;
  color: #fff;
}
.footer .links-social .contact-info .social-icons a .icon {
  line-height: 2em;
}
.social .icon-socials{
  width:35px;
  height: 35px;
  background-repeat:no-repeat;
  background-size:100%;
  transition: all 0.2s linear 0s;
}
.social .icon-socials:hover{
  transform: scale(1.1);
}
.social .icon-socials a{
  display:block;
  height:100%;
  width:100%;
  overflow:hidden;
}
.social .icon-socials a img{
  max-width:100%;
  font-size:.7em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.footer .module-heading {
  font-size: 16px;
  text-transform: uppercase;
  font-family: inherit;
  color: var(--textcolor);
}
.footer .contact-timing .contact-number {
  font-family: inherit;
}
.footer .contact-information .media .media-body a {
  color: #666666;
}
.footer .footer-bottom {
  padding-top:4em;
  padding-bottom:1em;
}

footer .footer-bottom h1, footer .footer-bottom h2 {
  font-size: .9em;
  color: var(--textcolor);
  line-height: 1.5;
  margin: 5px 0;
  font-weight:600;
}

.footer .footer-bottom .footer-box{
 margin-top:10px;
 background:rgba(0,0,0,0.05);
 padding:20px;
 border-radius:var(--brediusbig);
}

.footer .footer-bottom .certificate-list{
 display:flex;
 justify-content:space-evenly;
}

.footer .footer-bottom .certificate-list > a,.footer .footer-bottom .certificate-list > img{
 max-width:90px;
 margin:0 .2em 0;
}

.footer .footer-bottom .certificate-list > a img {
 max-width: 100%;
 height: auto !important;
}

.input-group .form-control {
  display: table-cell;
  border-radius:var(--brediussmall);
  font-size:1em;
}
.footer .footer-bottom .module-heading {
  position:relative;
  font-size:1em;
  text-transform: uppercase;
  font-family: inherit;
  color: var(--textcolordark);
  padding-bottom:5px;
  margin-bottom:5px;
}
.footer .footer-bottom .module-title {
  font-size: 1.1em;
  font-weight:600;
  line-height:1.5;
  color: var(--textcolordark);
  max-width: 100%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom:0;
}
.footer .footer-bottom .module-body ul li {

}
.toggle-footer {color:#666}
.toggle-footer a {margin-left:0px!important}
.toggle-footer a:before {display:none}
.toggle-footer i{background:#333; border-radius:2px}

.footer .footer-bottom .module-body ul li:last-child{border:none}

.footer .footer-bottom .module-body ul li a {
  font-size:.95em;
  font-weight:600;
  line-height: 30px;
  color:#444;
  position: relative;
  display: block;
}
.footer .footer-bottom .module-body ul li a:before {
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left:0;
  font-size: 1em;
  color:var(--primerycolor)
}
.footer .footer-bottom .module-body ul li a:hover,
.footer .footer-bottom .module-body ul li a:focus {
  color: var(--primerycolordark);
}
.product-tag .item, .tag-list .item{
    background-color: #f5f5f5;
    color: #666666;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 2px;
    padding: 6px 12px 8px;
    border-radius: 15px;
    font-size: .95em;
}
.tag-list .item {
    padding: 3px 12px 3px;
    color:var(--textcolorlight);
    line-height:1.35;
}
.product-tag .item.active,
.product-tag .item:hover,.tag-list .item:hover,
.product-tag .item:focus {
  color: #fff;
  background:var(--primerycolor);
}
.newsletter .sidebar-widget-body input {
  border-radius: 0px;
  border: 1px solid #eaeaea;
  background: #fafafa;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size:13px
}
.hot-deals .hot-deal-wrapper {
  position: relative;
}
.hot-deals .hot-deal-wrapper .image img{
  width: 100%;
  border-radius:8px 8px 0 0;
}
.hot-deals .hot-deal-wrapper .sale-offer-tag {
  position: absolute;
  color: #FFFFFF;
  font-size:1em;
  font-weight:600;
  top:0;
  right:0;
  z-index: 100;
  padding:.5em;
  border-radius:var(--brediussmall);
  background-color:#ed1c24;
}
.hot-deals .hot-deal-wrapper .timing-wrapper {
  bottom: 10px;
  position: absolute;
  padding:6px 0;
  left:0;
  width:100%;
  text-align:center;
  background:var(--primerycolorrgb);
  border-radius:30px;
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper {
  display: table;
  text-align: center;
  display:inline-block;
  vertical-align:middle;
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box {
  background-color:#fff;
  color: var(--textcolordark);
  display: table-cell;
  height:35px;
  vertical-align: middle;
  width: 35px;
  line-height: 15px;
  border-radius:30px;
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .key {
  display: block;
  font-size: 1em;
  color:var(--primerycolordark);
  font-weight: 400;
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box .value {
  display: block;
  font-size:.7em;
  font-weight: 500;
  letter-spacing:0.5px
}
.hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper:last-child {
  margin-right: 0px;
}
.hot-deals .product-info .name {
  font-size: 14px;
  font-family: inherit;
}
.hot-deals .product-info .name a {
  color: var(--textcolordark);
  display:block;
  line-height:1.5em;
  min-height:45px;
 /* overflow: hidden;*/
  display: -webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
}
.hot-deals .product-price .price {
  font-size:1em;
  line-height:30px;
  color:#ed1c24;
}
.hot-deals .product-price .price b{
  color:#444;
  font-weight:500;
  font-size:1.3em;
}
.hot-deals .product-price .price-before-discount {
  text-decoration: line-through;
  color: #999;
  font-size:.95em;
}

.hot-deals .cart {
  margin-top: 5px;
  transition: all 0.2s linear 0s;
  z-index: 666;
  left: 0px;
}

.hot-deals .cart .action .add-cart-button a {
  background: none repeat scroll 0 0 #a8a8a8;
  border: medium none;
  color: #FFFFFF;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  padding: 0px;
}
.hot-deals .cart .action .add-cart-button a .icon {
  background: none repeat scroll 0 0 #575757;
  color: #FFFFFF;
  height: 100%;
  left: 0;
  font-size: 1em;
  padding: 11px 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 35px;
}
.hot-deals .cart .action .add-cart-button a span {
  display: block;
  margin-left: 35px;
  overflow: hidden;
  padding: 8px 13px;
}
.hot-deals .cart .action .add-cart-button a:hover,
.hot-deals .cart .action .add-cart-button a:focus {
  background: #c6c6c6;
}
.breadcrumb {
  background: rgba(0, 0, 0, 0);
  padding: 0;
  margin-bottom:0;
}

.breadcrumb ul li:after {
 display:inline-block;
  color: #666666;
  content: "/";
  font-size: 12px;
  line-height: 24px;
  margin:0 6px;
  padding: 0px;
}
.breadcrumb ul li:last-child:after {
  display:none
}

.breadcrumb ul li a {
  color: var(--textcolormed);
  font-size:1em;
  line-height:.97;
  font-weight:bold;
}

.breadcrumb ul li:last-child a{
  color:var(--primerycolordark);
  font-weight:500;
}

.breadcrumb ul li.active a,.breadcrumb ul a:hover,.breadcrumb ul a:focus  {
  color:var(--primerycolordark);
}

.category-carousel {
  text-align: center;
  cursor: default;
}
.category-carousel .item {
  position: relative;
  margin-bottom:30px;
}
.category-carousel .item .caption {
  color: #636363;
  left: 12%;
  letter-spacing: -3px;
  position: absolute;
  top: 10%;
  z-index: 100;
  display: table-cell;
}
.category-carousel .item .caption .big-text {
  font-size: 100px;
  line-height: 145px;
  text-transform: uppercase;
  font-family: inherit;
  color: #fff;
}
.category-carousel .item .caption .excerpt {
  font-size:36px;
  letter-spacing:normal;
  color: #fff;
}
.category-carousel .item .caption .excerpt-normal {
  font-size:14px;
  letter-spacing:normal;
  color: #fff;
  letter-spacing:0.5px
}
.filters-container {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
  border-radius:var(--brediusbig);
}
.filters-container .lbl-cnt .lbl {
  color: #666666;
  display: inline-block;
  font-family:  inherit;
  font-size: 1em;
  line-height: 28px;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .btn {
  border: 1px solid #ddd;
  border-radius:var(--brediussmall);
  padding:5px 10px;
  background: #fff;
  font-size: .95em;
  font-weight:bold;
  color:#444;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .btn:focus{
  border: 1px solid var(--primerycolor);
}
.filters-container .dropdown-menu li a:hover,
.filters-container .dropdown-menu li a:focus {
  background: rgba(0, 0, 0, 0);
  color:var(--primerycolor)
}
.filters-container .dropdown-menu .checkbox{
  margin:0;
  padding-right:10px;
}
.filters-container .search-area .search-button{
  font-size:1.2em;
}
.filters-container .filter-tabs{
  display:flex;
  justify-content:end;

 }
.pagination-container {
  margin-top:15px;
  margin-bottom:15px;
  display:block;
  text-align:center;
}
.pagination-container ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center
}
.pagination-container ul li{
  background:#fff;
  padding:0;
  margin:2px;
}
.pagination-container ul li a{
  display:block;
  border-radius:var(--brediussmall);
  color:#444;
  padding:5px 10px;
  min-width:35px;
  font-size:1em;
  font-weight:normal;
  cursor:pointer;
}
.pagination-container ul li:first-child a,.pagination-container ul li:last-child a{
  background:#f8f8f8;
}
.pagination-container ul li a:hover{
 background:#eee;
}
.pagination-container ul li a.active{
  background:var(--primerycolorrgblight);
  color:var(--primerycolor);
  font-weight:bold;
}

.search-result-container .category-product .product .product-image .tag {
  width:auto;
  height: 35px;
  line-height: 35px;
  font-size:12px;
  right:0;
  padding:0 10px;  
}

.category-product .product .product-info .name {
  min-height: 3em;
}

.search-result-container .category-product-inner .product-list.product {
  position: relative;
  margin-bottom: 30px;
}
.search-result-container .category-product-inner .product-list.product .product-info {
  padding:0px;
}
.search-result-container .category-product-inner .product-list.product .product-info .cart {
  margin-top: 20px;
  top: auto;
  bottom: 0px;
  opacity: 1;
  left: 0;
  position: relative;
  margin-left:0px
}

.search-result-container .category-product-inner .product-list.product .product-info .cart-btn {
  display: block;
  margin-right: 5px;
}

.search-result-container .category-product-inner .product-list.product .tag {
  position: absolute;
  right: 12px;
  top: 18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 10px;
  right: 14px;
    
}
.product-list.product .product-info .name {
  font-size: 18px;
}
.product-list.product .product-info .description {
  line-height: 20px;
}

/*-*/
/*  Product Detail
/*-*/
.padding-block{ 
  padding:20px;
}
.detail-block {
 background-color: #fff;
 box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
 /*overflow:hidden;*/
 border-radius:var(--brediusbig);	
}

.single-product .gallery-holder .gallery-thumbs {
  margin: 15px 0 15px;
  position: relative;
}
.single-product .gallery-holder .gallery-thumbs .pgt-title{
  display:none;
}
.single-product .product-info{
  padding:30px 0 30px 30px;
  font-size:1em;
  line-height:1.25;
  color: var(--textcolordark);
}
.single-product .product-info .technical-title{
  color: var(--textcolormed);
  line-height:1.5;
}
.single-product .product-info .technical-value .value{
  color:var(--textcolor);
  line-height:1.25;
}
.single-product .product-info .stock-box{
  line-height:1.5;
}
.single-product .product-info .stock-box .value{
  font-weight:bold;
}
.single-product .product-info .product-attachment .btn-attachment{
  display:inline-block;
  background:#f8f8f8;
  padding:4px 8px;
  font-size:.95em;
  border-radius:var(--brediusbig);
}
.single-product .product-info .product-attachment .btn-attachment i{
  width:22px;
  height:22px;
  border-radius:11px;
  padding-top:4px;
  text-align:center;
  background:#fdd922;
  color:var(--primerycolor);
  vertical-align:middle;
}

.product-infobox{
  margin-top:20px;
}

.product-infobox .item{
  display:flex;
  align-items:center;
  font-size:.95em;
  background:#fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
  border-radius:var(--brediusmedium);
  height:100%;
}

.product-infobox .item .icon{
  background:#eee;
  border-radius:var(--brediussmall);
  padding:10px;
  display:flex;
}

.single-product .product-info .info-list-container ul li label {
  font-size: 1em;
  line-height: 1.5;
  color: #888;
  padding: 0px;
}

.single-product .product .product-info .name{
  font-weight:800;
  font-size:1.4em;
  line-height:1.5;
  color:var(--primerycolor);
  -webkit-line-clamp:4;
  overflow: visible;
  min-height:1.6em;
}

.single-product .product-info .description-container {
  line-height: 20px;
  color: #888;
  max-width:100%;
  display:block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.single-product .product-info .quantity-container .label {
  font-family: inherit;
  line-height: 35px;
  text-transform: uppercase;
  padding: 0px;
  font-weight: normal;
}

.price-container .price-box .price-strike {
    color: #777;
    text-decoration: line-through;
}

.option-groups-container .fl-title {
  font-size: 1em;
  font-weight: 600;
}

.option-groups-container .option-groups li {
  position: relative;
  border-radius:var(--brediussmall);
  cursor: pointer;
  border: solid 1px #ccc;
  padding:2px;
  transition: all 0.2s linear 0s;
}
.option-groups-container .option-groups li.active{
  border: solid 1px #66bb6a;
  background: #66bb6a;
}
.option-groups-container .option-groups li.active span {
  border: solid 3px #66bb6a;
  background: #66bb6a;
  color:#fff;
}

    .option-groups-container .option-groups .color-list li h4 {
        opacity: 0;
        position: absolute;
        bottom: -20px;
        right: -50%;
        min-width: 200%;
        padding: 4px 6px;
        font-size: .95em;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1.3;
        color: #777;
        text-align: center;
        transition: all 0.2s linear 0s;
        z-index: -1;
    }

    .option-groups-container .option-groups .color-list li:hover h4 {
        bottom: -33px;
        opacity: 1;
        z-index: 10;
    }

    .option-groups-container .option-groups li span {
        color:inherit;
        display: block;
        font-weight:500;
        border-radius: 6px;
        border: solid 3px #fff;
        text-align: center;
        padding:2px;
        line-height:1.2;
        transition: all 0.2s linear 0s;
    }

     .option-groups-container .option-groups .color-list li span {
        height: 30px;
        width: 30px;
     }

    .option-groups-container .option-groups li em {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 15%;
        width: 70%;
        height: 70%;
        left: 15%;
        color: #66bb6a;
        text-align: center;
        z-index: 10;
    }

.option-groups-container .option-groups li em i {
  font-size: 1.5em;
  text-shadow: 0 1px 1px rgba(61,117,61,1);
  color:#fff;
}
.quantity-container .cart-quantity .quant-input {
  height: 37px;
  position: relative;
  width: 85px;
}
.quantity-container.q-compress .cart-quantity .quant-input {
    height:28px;
}
.quantity-container .cart-quantity .quant-input .arrows {
  display:flex;
  align-items:center;
  justify-content:center;
  position: absolute;
  left:0;
  top: 0;
  z-index: 2;
  width: 25px;
  height: 100%;
  color:var(--textcolordark);
  cursor:pointer;
  border-radius:4px;
  transition: all 0.2s linear 0s;
}
.quantity-container .cart-quantity .quant-input .arrows:hover{
  color:var(--bs-success);
}
.quantity-container .cart-quantity .quant-input .arrows.minus:hover{
  color:var(--bs-danger);
}
.quantity-container .cart-quantity .quant-input .arrows.minus{
  right:0;
  left:auto;
}
.quantity-container .cart-quantity .quant-input input {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #bbb;
  box-sizing: border-box;
  font-size: 1em;
  font-weight:bold;
  height:100%;
  left: 0;
  padding: 0 20px 0 18px;
  position: absolute;
  top: 0;
  width: 85px;
  min-width:auto;
  color: var(--textcolordark);
  text-align:center;
  z-index: 1;
  transition: all 0.5s linear 0s;
}
.quantity-container .cart-quantity .quant-input input:focus{
  outline: 0;
  box-shadow:none;
  border-color: var(--primerycolordark);
}
.single-product .product-info .product-social-link .social-label {
  font-size: 15px;
  font-family: inherit;
  line-height: 20px;
  text-transform: uppercase;
}
.single-product .product-info .product-social-link .social-icons {
  display: inline-block;
}
.single-product .product-info .product-social-link .social-icons ul li a {
  color: #888888;
  font-size: 16px;
  transition: all 0.2s linear 0s;
  padding: 5px 6px;
}
.single-product .product-info .product-social-link .social-icons ul li a:hover,
.single-product .product-info .product-social-link .social-icons ul li a:focus {
  border-radius: 50px;
  color: #fff;
}
.single-product .product-tabs {
  margin-top:20px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
  padding: 0px;
  overflow:hidden;
  margin-bottom:30px;
  border-radius:var(--brediusbig);
}
.single-product .product-tabs .nav.nav-tabs .nav-item a {
  border:solid 4px transparent;
  border-width:4px 0 4px 0;
  color: var(--textcolor);
  display: block;
  padding:5px 20px 6px;
  margin:0;
  font-size:.95em;
  font-weight:normal;
  line-height: 28px;
  text-transform: uppercase;
  position: relative;
  background: #f8f8f8;
}
.single-product .product-tabs .nav.nav-tabs .nav-item a:hover,
.single-product .product-tabs .nav.nav-tabs .nav-item a:focus {
  color: #fff;
  background: var(--primerycolor);
}
.single-product .product-tabs .nav.nav-tabs .nav-item a.active {
  background:#fff;
  border-top:solid 4px var(--primerycolor);
  border-radius: 0px;
  color: var(--textcolordark);
}
.hichart{
  direction:ltr;
  margin:20px auto;
  width:100%;
  overflow:auto;
}
.hichart .highcharts-title{
  font-weight:600;
  margin-bottom:20px;
}
.hichart .highcharts-axis-labels{
  font-weight:500;
}
.hichart *{
  font-family:inherit!important;
}
.product-tabs .tab-content .tab-pane .section-title:after {
  content: ' ';
  width: 100px;
  height: 4px;
  background: var(--primerycolor);
  position: absolute;
  left: 0;
  bottom: 0;
}
.product-tabs .tab-content .tab-pane .product-reviews .title,.blog-post .reviews .review .title{
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 10px;
  font-family: inherit;

}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review,.blog-post .reviews .review{
    margin-bottom:10px;
    font-family: inherit;
    font-size:.95em;
    text-transform: none;
    background: #f9f9f9;
    padding:10px 15px
}
.product-tabs .tab-content .tab-pane .product-reviews .reviews .review .review-title .summary,.blog-post .reviews .review .review-title .summary{
  color: var(--textcolordark);
  font-size:1em;
  font-weight:600;
}

.product-tabs .tab-content .tab-pane .product-tag .title {
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 20px;
  font-family: inherit;
}
.product-tabs .tab-content .tab-pane .product-tag .form-group label {
  font-weight: normal;
  font-size: 1em;
  line-height: 24px;
  margin-right: 10px;
}

.product-tabs .tab-content .tab-pane .product-tag .form-group .text {
  margin-left: 90px;
}
/*.homepage-container .product {
  position: relative;
}
.homepage-container .product .product-image .tag {
  font-size: 15px;
  font-weight: 700;
  width: 50px;
  height: 50px;
  text-transform: uppercase;
  top: 2.5%;
  z-index: 100;
  border-radius: 50px;
  color: #fff;
  right: 25px;
  text-align: center;
  position: absolute;
}
.homepage-container .product .product-image .tag span {
  position: relative;
  z-index: 100;
  line-height: 48px;
}
.homepage-container .product .product-info .name {
  font-size: 18px !important;
  font-family: inherit;
}

.homepage-container .product .product-info .star-rating .color {
  color: #ffb400;
}
.homepage-container .product .product-price .price {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  margin-right: 8px;
}
.homepage-container .product .product-price .price-before-discount {
  text-decoration: line-through;
  color: #d3d3d3;
  font-weight: 400;
  line-height: 30px;
  font-size: 14px;
}
.homepage-container .product .cart {
  margin-top: 5px;
  width: 100%;
  z-index: 666;
  left: 0px;
  opacity: 1;
}
.homepage-container .featured-product .products .product:first-child {
  margin-bottom: 30px;
}
.homepage-container .blog-slider-container .blog-slider .blog-post-info .name {
  font-size: 18px;
}
.homepage-container .btn-primary {
  font-size: 15px;
  line-height: 30px;
  font-family: inherit;
  background: rgba(0, 0, 0, 0);
  text-transform: uppercase;
  border: 2px solid #f2f2f2;
  color: #747474;
}

.homepage-container .cart {
  margin-top: 5px;
  opacity: 1;
  transition: all 0.2s linear 0s;
  width: 100%;
  z-index: 666;
  left: 0px;
}
.homepage-container .cart .action .add-cart-button .btn.btn-primary.icon {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background: #575757 ;
}*/
.wrapper .box {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}
.wrapper .box .wrapper-inner {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
/*-*/
/*  Responsive Layout
/*-*/

.blog-page .blog-post {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius:var(--brediusmedium);
    padding:1rem;
}

.blog-page .blog-post h3{
  font-weight:bold;
  margin-bottom:5px
}
.blog-page .blog-post h3 a {
/*  color:var(--textcolordark);*/
  font-size:.9em;
  line-height:1.6;
  min-height:50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-page.blog-list .blog-post h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-page .tab-content .blog-post {padding:0px 0px 25px 0px!important; box-shadow:none!important}

.blog-page .blog-post span.author, .blog-page .blog-post span.date-time{
  color: #777;
  font-size: 1em;
}
.blog-page .blog-post span.author a{
  color:inherit;
}
.blog-page .blog-post .info-list a, .blog-page .blog-post .info-list span {
  display: inline-block;
  color: #777;
  font-size: 1em;
  font-weight: 400;
}
.blog-page .blog-post .info-list i{
  font-size:1.2em;
  color:var(--primerycolor);
}
.blog-page .blog-post .info-list a:hover {
  color: var(--primerycolor);
}
.blog-page .blog-post .title {
    font-weight: 600;
    margin-top: 0;
    line-height: 1.8;
}

.blog-page .blog-post p,.blog-page .blog-post .text {
  padding-top: 16px;
  font-size: 1.05em;
  font-weight:normal;
  line-height:1.6;
  color: #666666;
  margin-bottom: 0px;
}
.blog-page .blog-post .text p{
  padding-top:0;
}
.blog-page.blog-list .blog-post p {
/*  min-height:62px;*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  text-align: justify;
  text-justify: inter-word;
}
.blog-page .blog-post .blog-pagination .pagination {

  border-radius: 0px;
}
.blog-page .blog-post .social-media {
  margin-top: 20px;
  margin-bottom: 30px;
}
.blog-page .blog-post .social-media span {
  font-size: 1em;
   color: #434343;
}
.blog-page .blog-post .social-media a {
  font-size: 18px;
  margin: 0px 10px 0px 0px;
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 20px;
  color: #888888;
}
.blog-page .blog-post .blog-writing img, .summary-disc .text img {
  max-width: 100%;
  height: auto !important;
}
.video-embed {
  max-width: 100%;
  width: 800px;
  margin: 30px auto;
}
.video{
  width:100%;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 {
  font-family: inherit;
  font-size: 15px;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post h4 a {
  color: var(--textcolor);
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post span {
  padding-right: 10px;
  color: #aaa;
  font-size: 12px;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post p {
  padding-top: 10px;
  font-size: 1em;
  color: #666666;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs {
  border-bottom: none;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li {
  text-transform: uppercase;
  color: #666666;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li > a {
  border-radius: 0px;
  font-size: 1em;
  border: none;
  letter-spacing:1px
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li:first-child > a {
  padding-right: 10px;
  border-right: 1px solid #d4d4d4;
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav-tabs > li:last-child > a {
  padding-left: 10px;
  letter-spacing:0.5px
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav > li > a {
  padding: 0px;
  color: #666666;
}
/*.sidebar .sidebar-module-container .search-area .search-button:after {
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
  font-size: 1em;
  position: absolute;
  top: 14px;
  right: 30px;
  background-color: #fff;
  padding-left: 10px;
}*/
.sidebar .sidebar-module-container .search-area input {
  padding:.5rem 1rem;
  border: 1px solid #e1e1e1;
  width: 100%;
  position: relative;
  line-height:1.5;
}
.blog-page .blog-pagination {
  border-top: 1px solid #ececec;
}
.blog-page .blog-pagination .pagination > li:first-child > a {
  margin-right: 10px;
}
.blog-page .blog-pagination .pagination > li:last-child > a {
  margin-left: 2px;
}
.blog-page .side-bar-blog .widget .categories .side-bar-title h3 {
  font-family: inherit;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--textcolor);
  padding-bottom: 8px;
  border-bottom: 1px solid #e3e3e3;
  margin: 0px;
}
.blog-page .blog-post-author-details {
  padding: 40px 0px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
}

.blog-review {
	background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;

}
.blog-page .blog-post-author-details .author-social-network button {
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
.blog-page .blog-post-author-details .author-social-network button .twitter-icon {
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  height: 26px;
  width: 26px;
  text-align: center;
  display: inline-block;
  margin: 6px;
  line-height: 26px;
}
.blog-page .blog-post-author-details .author-social-network > span {
  font-size: 1em;
  color: #434343;
  text-transform: uppercase;
  margin-right: 16px;
}

.blog-page .blog-post-author-details .btn-group.open .dropdown-toggle {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.blog-page .blog-post-author-details img {
  float: left;
}
.blog-page .blog-post-author-details .author-job {
  display: block;
  padding: 0px;
  color: #aaa;
  font-size: 12px;
}
.blog-page .blog-post-author-details h4 {
  display: inline-block;
  font-size: 15px;
  font-family: inherit;
  color: var(--textcolor);
  margin: 0px;
}
.blog-page .blog-post-author-details p {
  font-size: 1em;
  color: #666666;
  padding: 16px 0px 0px 0px;
  text-align: justify;
}

.blog-page .blog-post .author:before,
.blog-page .blog-post .date-time:before {
  display:inline-block;
  color:var(--textcolorlight);
  font-size:1.2em;
  font-weight:normal;
  font-family: 'Font Awesome 5 Pro';
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .author:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .review:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .date-time:before {
  color: #666666;
  font-size: 1em;
  padding-right: 4px;
  font-family: 'Font Awesome 5 Pro';
}
.blog-page .blog-post .author:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .author:before {
  content: "\f007";
}
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .review:before {
  content: "\f086";
}
.blog-page .blog-post .date-time:before,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .blog-post .date-time:before {
  content: "\f073";
}

.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav > li > a:hover,
.blog-page .sidebar .sidebar-module-container .sidebar-widget .nav > li > a:focus {
  background-color: #fff;
}
.blog-page .blog-post .social-media a:hover,
.blog-page .blog-post .social-media a:focus {
  border-radius: 20px;
  color: #fff;
}
.blog-page .blog-post .social-media i,
.blog-page .blog-post-author-details .author-social-network button a i {
  padding-top: 6px;
}
.blog-page .blog-review h4,
.blog-page .blog-write-comment h4,
.contact-page .contact-title h4 {
  font-size:1em;
  color: var(--textcolor);
  font-family: inherit;
  display: inline-block;
  margin-bottom:30px;
}

.blog-page .blog-post-author-details .author-social-network .dropdown-menu {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}
.blog-page .blog-post-author-details .author-social-network .dropdown-menu > li > a .icon {
  margin-right: 5px;
}

/*-*/
/* Checkout
/*-*/
.checkout-box .checkout-steps .panel-default {
  background-color: #fff;
  padding: 20px;
}

.checkout-box .checkout-steps .checkout-step-01 .already-registered-login .form .form-group .info-title {
  font-family:  inherit;
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 1em;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login .forgot-password {
  padding-top: 14px;
  display: inline-block;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login a {
  font-size: 1em;
  color: #666666;
  text-decoration: underline;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login button {
  margin-top: 15px;
}

.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title a {
  color: var(--textcolordark);
  font-size:.9em;
  display: block;
  background:#eee;
  padding:0;
  border:none;
}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title a span {
  background-color: var(--primerycolor);
  color: #fff;
  display: inline-block;
  padding: 14px 20px;
  font-weight:bold;
}
.checkout-box .checkout-steps .checkout-subtitle {
  font-size:1em;
  color: #434343;
  margin-right: 12px;
}
.checkout-box .checkout-steps .panel-body {
  padding: 20px;
  border:none
}

.checkout-box .checkout-steps .guest-login .form .radio-checkout-unicase .guest-check {
  margin-bottom: 6px;
}
.checkout-box .checkout-steps .guest-login ul .save-time-reg {
  padding-bottom: 4px;
}
.checkout-box .panel-group .panel {
  font-size:.95em;
  background-color: #fff;
  padding: 20px;
  border:none
}
.checkout-box .checkout-progress-sidebar .panel-body ul li a {
  color: #666666;
}
.checkout-box .checkout-progress-sidebar .panel .panel-heading {
  padding: 27px 30px;
  border-bottom: 1px solid #ddd;
}
.checkout-box .checkout-progress-sidebar .panel .panel-heading h4 {
  padding-bottom:10px;
  border-bottom: 1px #e5e5e5 solid;
}

.checkout-box .checkout-steps .panel .panel-heading,
.checkout-box .checkout-progress-sidebar .panel .panel-heading {
  font-family: inherit;
  font-size: 20px;
  border-radius: 0px;
  text-transform: uppercase;
  padding:0px;
  border:none
}
.checkout-box .checkout-steps .guest-login .title-tag-line,
.checkout-box .checkout-steps .already-registered-login .title-tag-line {
  margin-bottom: 15px;
  font-size: 1em;
}
.checkout-box .checkout-steps .guest-login .form .radio-checkout-unicase,
.checkout-box .checkout-steps .guest-login ul {
  padding-left: 10px;
  font-size: 1em;
}

.checkout-progress-sidebar .nav>li>a {padding: 10px 0px;} 
.checkout-progress-sidebar .nav>li>a:hover, .nav>li>a:focus {background:none}

/*-*/
/*  new checkout
/*-*/
.multi-steps {
  display: flex;
  position: relative;
}
.multi-steps .item{
  text-align: center; 
  flex: 1 0 0%;
  color: #666;
}
.multi-steps .item .step{
  position: relative;
  transition: all 0.3s linear 0s;
}

.multi-steps .item .step:before {
  content: "";
  position: absolute;
  height: 8px;
  background: #ccc;
  top: 10px;
  width: 100%;
  z-index: 4;
  left: 0;
  transition: all 0.3s linear 0s;
}

.multi-steps .item .step.disabled .step-no { 
  background-color:#fff;
  border-color:#fff;
  box-shadow: 0 2px 0 0 #ccc;
  box-shadow: 0 -2px 0 0 #ccc; 
  box-shadow: -2px 0 0 0 #ccc;
  box-shadow: 2px 0 0 0 #ccc;
  box-shadow: 0 0 0 2px #ccc;
}

.multi-steps .item .step .step-no {
  display:flex;
  align-items:center;
  justify-content:center;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  margin: 0 auto 5px;
  position: relative;
  z-index: 5; 
  border: solid 2px #fff;
  box-shadow: 0 2px 0 0 #1CE148;
  box-shadow: 0 -2px 0 0 #1CE148; 
  box-shadow: -2px 0 0 0 #1CE148;
  box-shadow: 2px 0 0 0 #1CE148;
  box-shadow: 0 0 0 2px #1CE148;
  transition: all 0.3s linear 0s;
}

.multi-steps .item .step.selected:before,.multi-steps .item .step.selected .step-no {
  background: #1CE148;
  color: #fff; }

.multi-steps .item .step.done:before, .multi-steps .item .step.done .step-no {
  background: #1ABB9C;
  color: #fff; }

.multi-steps.nodom .item:first-child .step:before {
  right: 50%;
}

.multi-steps.nodom .item:last-child .step:before {
  left: 50%;
  width: 50%;
  right: auto;
}

.checkout-wizard .multi-steps .item .step:before {
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  right: -25%;
  left:auto;
  height:2px;
}

.checkout-wizard .multi-steps .item:first-child .step:before {
  display:none;
}
.checkout-wizard .multi-steps .item .step {
  display:block;
  cursor: default;
  color: var(--textcolormed);
}
.checkout-wizard .multi-steps .item .step.passed {
  cursor: pointer;
  color: var(--primerycolor);
}
.checkout-wizard .multi-steps .item .step .step-no{
  width:80px;
  height:80px;
  margin-bottom:0;
  text-shadow: none;
  box-shadow: none;
  background:#ddd;
  background-image: linear-gradient(45deg,#ddd,#f1f1f1);
  border:none;
}
.checkout-wizard .multi-steps .item .step.passed .step-no {
  background-image: linear-gradient(45deg,var(--primerycolorrgb) 0%,#eee 80%,#f1f1f1 100%);
}

.checkout-wizard .multi-steps .item .step .step-no{
  filter: grayscale(1);
  opacity:.6
}

.checkout-wizard .multi-steps .item .step.active .step-no,.checkout-wizard .multi-steps .item .step.passed .step-no{
  filter: grayscale(0);
}

.checkout-wizard .multi-steps .item .step.active .step-no {
  opacity: 1;
  transform: scale(1.25);
}

.checkout-wizard .multi-steps .item .step.passed:before{
  background:var(--primerycolorrgb);
}

.checkout-wizard .multi-steps .item .step-disc{
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  text-align:center;
  bottom:-22px;
  font-size:.95em;
  font-weight:600;
  white-space:nowrap;
  transition: all 0.3s linear 0s;
}

.checkout-wizard .multi-steps .item .step.active .step-inner .step-disc {
  bottom:-35px;
}

.checkout-items-list .item{
  padding:.5rem 0;
  border-top:solid 1px #ddd;
}

.radio-list-group .list-group-item{
  position:relative;
  border-width:0 0 1px 0;
  border-radius:0;
  padding: .5rem 0;
  cursor:pointer;
}
.radio-list-group .list-group-item:before{
  position:absolute;
  left:0;
  top:10px;
  content: "\f111";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
}
.radio-list-group .list-group-item .item-inner{
  cursor:inherit;
}
.radio-list-group .list-group-item .item-inner .title {
  display: flex;
  align-items: center;
  cursor:inherit;
}
.radio-list-group .list-group-item .item-inner .title img{
  filter: grayscale(1);
}
.radio-list-group .list-group-item.active:before{
  font-weight: 600;
  color:var(--seconderycolor)
}
.radio-list-group .list-group-item.active .item-inner .title{
  color:var(--seconderycolor)
}
.radio-list-group .list-group-item:hover *,.radio-list-group .list-group-item:hover:before{
  color:var(--seconderycolor);
 filter: grayscale(0)!important;
}
.radio-list-group .list-group-item.active .item-inner .title img{
  filter: grayscale(0);
}
.radio-list-group .list-group-item.disabled *{
  color:var(--textcolorlight);
}
.radio-list-group .list-group-item.disabled .item-inner .title img{
  filter: grayscale(1);
  opacity:.45;
}
.check-list-group .list-group-item{
  position:relative;
  border:solid 1px #ccc;
  padding:.5rem;
  border-radius:var(--brediusmedium);
}
.check-list-group .list-group-item.active{
  border-color:var(--primerycolor);
  box-shadow:var(--primerycolor) 0px 0px 0pt 1pt;
}
.check-list-group .list-group-item .item-inner .title {
  display: flex;
  align-items: center;
  justify-content:space-between;
  cursor:inherit;
}
.check-list-group .list-group-item .item-inner .title .fld{
  border-left:solid 1px #ccc;
  line-height:1.15;
  padding:.2rem .5rem
}
.check-list-group:not(.notcheck) .list-group-item:before {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  content: "\f0c8";
  font-family: 'Font Awesome 5 Pro';
  font-size:1.5em;
  font-weight:300;
}
.check-list-group:not(.notcheck) .list-group-item.active:before{
  content: "\f14a";
  font-weight:bold;
  color:var(--primerycolor)
}
.btn-list-group .list-group-item{
  text-align:center;
  padding:0;
  border:solid 2px #999;
  border-radius:var(--brediusmedium);
  transition: all 0.3s linear 0s;
}
.btn-list-group .list-group-item:hover{
  border-color:#333;
}
.btn-list-group .list-group-item label{
  color:inherit;
}
.btn-list-group .list-group-item.green.selected{
  color:#7aae3d;
  border-color:#7aae3d;
}
.btn-list-group .list-group-item.blue.selected{
  color:#2980b9;
  border-color:#2980b9;
}
.btn-list-group .list-group-item.red.selected{
  color:#cc0033;
  border-color:#cc0033;
}
/*-*/
/*  Contact Us
/*-*/
.contact-page {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius: var(--brediusbig);
    padding: 20px;
    overflow: hidden
}
iframe{
    max-width:100%;
}
/*.contact-page .contact-map iframe {
    height: 400px;
    width: 100%;
}*/
.contact-page .contact-info {
  font-size:1.15em;
  font-weight:normal;
  color: var(--textcolor);
}
.contact-page .contact-info .contact-i {
  display: inline-block;
  background:var(--primerycolor);
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  margin-left:15px;
  vertical-align:top;
}
.contact-page .contact-info .contact-i i {
  padding-top: 8px;
  font-size: 14px;
}
.contact-page .contact-info .contact-span {
  display:inline-block;
}
.contact-page .contact-info .address,
.contact-page .contact-info .phone-no {
  margin-bottom: 10px;
}

/*-*/
/*  table
/*-*/
.table-fixheight{
  max-height:65vh;
  overflow: auto;
}
/*.table-fixheight .table{
  min-width:500px;
}*/
.table-fixheight .table > thead{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
  box-shadow: 0 4px 2px -2px rgba(0,0,0,.08);
}

table.table-compress td{
  padding: .25rem .5rem;
}

table.table-small{
  font-size:.85em;
}

table.table-minwidth-med{
  min-width:800px;
}

.search-area{
  position:relative;
}

.search-area.search-table:before{
  position: absolute;
  top: 10px;
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 1em;
  z-index: 10;
  right:5px;
  color: #333;
  background:#fff;
  border-radius:8px;
  padding:0 5px;
}

input.p-dark::placeholder {
  color:#212529;
}

table.theme-table td, table.theme-table th {
  vertical-align: middle;
  text-align: center;
  color:#222;
  min-width:55px;
}
table.theme-table th{
  border-color:#ccc!important;
  color:var(--textcolordark);
  font-weight:600;
}
table.theme-table tr td.title{
  font-weight:500;
}
table.theme-table .form-select,table.theme-table .form-control{
  min-width:100px;
  font-size:9.5pt;
}
table.theme-table .form-select option{
  font-size:.95em;
}
.theme-table-responsive{
  overflow:auto;
}
table.theme-table.table-row{
  border-collapse:separate;
  border-spacing:0 .5rem;
}
table.theme-table.table-row thead th
{
  border:none;
  font-weight:400;
}
table.theme-table.table-row tbody tr{
  border:solid 1px #ccc;
}
table.theme-table.table-row tbody td{
  background:#fff;
  font-weight:500;
}
table.theme-table.table-row tbody tr td:first-child{
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}
table.theme-table.table-row tbody tr td:last-child{
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}
table.theme-table.fullborder td, table.theme-table.fullborder th {
  border: solid 1px #ccc;
}
table.theme-table .productListCustom{
  min-width: 280px;
  margin-top: 1px;
  border-radius: var(--brediussmall);
}
.mobile-datalist .item {
  position: relative;
  border: solid 1px #ccc;
  background: #f9f9f9;
  border-radius: var(--brediusmedium)
}
.mobile-datalist .item .header {
  background: #f9f9f9;
  border-radius:var(--brediusmedium) var(--brediusmedium) 0 0;
}
.mobile-datalist .item .header .row-num {
  border-bottom:solid 1px #ccc;
  font-weight: 600;
  padding:5px 10px;
}
.mobile-datalist .item:after{
  height:25px;
}
/*-*/
/*  Shopping Cart
/*-*/
.shopping-cart .shopping-cart-table table tbody tr td {
  vertical-align: middle;
  text-align: center;
  padding: 6px;
  border: solid 1px #ccc;
  line-height: 1.65;
  text-align: center;
}

.shopping-cart .cart-image img {
  width:100px
}

.cart-shopping-total {
  background:#f8f8f8
}

.shopping-cart .shopping-cart-table table tbody tr .romove-item a {
  font-size: 18px;
  color: #666666;
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item a:hover,
.shopping-cart .shopping-cart-table table tbody tr .romove-item a:focus {
  color: #ff0000 !important;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-image .entry-thumbnail {
  display: block;
  text-align: center;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info {
  vertical-align: middle !important;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 {
  margin-top: 0px;
  font-family: inherit;
  font-size: 16px;

}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a {
  color: var(--textcolor);
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info {
  margin-top: 10px;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span {
  font-size: 12px;
  color: #666666;
  text-transform: uppercase;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info .cart-product-info span span {
  font-size: 12px;
  text-transform: lowercase;
  margin-left: 14px;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-edit a {
  color: #666666;
  text-decoration: underline;
}
.shopping-cart .shopping-cart-table .table > thead > tr > th {
  text-align: center;
  background:#eee;
  padding:5px;
  border:solid 1px #bbb;
}
.shopping-cart .shopping-cart-table .shopping-cart-btn span {
  padding: 20px 0px;
  display: block;
}
.shopping-cart .estimate-ship-tax table thead tr th .estimate-title {
  font-size: 14px;
  color: var(--textcolor);
  margin-bottom: 2px;
  margin-top: 0px;
  display: block;
}
.shopping-cart .estimate-ship-tax table thead tr th p {
  font-size: 1em;
  color: #666666;
  font-weight: normal;
  margin-bottom: 0px;
}
.shopping-cart .estimate-ship-tax table thead tr > th {
  padding: 24px 10px 20px 10px;
}
.shopping-cart .estimate-ship-tax table tbody tr > td {
  padding: 24px 10px !important;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .selectpicker {
  background: #fff;
  color: #999;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #eee;
}
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:hover,
.shopping-cart .estimate-ship-tax table tbody .unicase-form-control .dropdown-menu.open ul li a:focus {
  background: rgba(0, 0, 0, 0);
}
.shopping-cart .cart-shopping-total table thead tr th {
  background-color: #fafafa;
  text-align: right;
  padding: 24px 50px;

}
.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total {
  color: var(--textcolor);
  margin-bottom: 7px;
}
.shopping-cart .cart-shopping-total table tbody tr td {
  padding: 24px 50px;
}
.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn button {
  float: right !important;
  margin-bottom: 8px;
}
.shopping-cart .cart-shopping-total table tbody tr td .cart-checkout-btn span {
  display: block;
  font-weight: normal;
  color: #666666;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total span,
.shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total span {
  display: block;
  font-family: inherit;
  font-size: 16px;
  color: var(--textcolor);
  text-transform: uppercase;
}

.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total,
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
  font-family: inherit;
  font-size: 14px;
}
.shopping-cart-table table tbody tr td .quant-input {
  display: inline-block;
  height: 35px;
  position: relative;
  width: 70px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 40px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
  top: 5px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
  top: -7px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon {
  position: relative;
}
.shopping-cart-table table tbody tr td .quant-input input {
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 15px;
  height: 35px;
  left: 0;
  padding: 0 20px 0 18px;
  position: absolute;
  top: 0;
  width: 70px;
  z-index: 1;
  text-align:left;
}
.checkout-btn { 
  background:#fdd922; 
  color:#333; 
  padding: 10px 18px
}
.table-responsive.table-bordered{
  border:solid 1px #ccc;
  border-left:0;
  border-right:0;
  border-radius:var(--brediusmedium);
}
.product-comparison .compare-table tr td,.product-comparison .compare-table tr th{
  vertical-align:middle;
  border: 1px solid #ccc;
  border-bottom-color:#ccc!important;
  font-weight:500;
}
.product-comparison .compare-table tr th,.product-comparison .compare-table thead{
  border-top:none;
}
.tr-image td{
  background-image:none!important;
  background-color:transparent!important;
}
.product-comparison .compare-table .products{
  padding:0;
  border:none;
  box-shadow:none;
  margin:0;
  font-size:.9em;
}
.product-comparison .compare-table .products .product .cart{
  top:0;
  left:0;
}
.product-comparison .compare-table .product .image {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items:center;
}
.product-comparison .compare-table .product .image .btn{
  border-radius:15px 15px 0 0;
  border:none;
  transform: translateY(-25%);
}
.body-content .x-page .x-text h1 {
  display:table;
  font-size:10em;
  font-weight:bold;
  margin:0 auto;
  color:var(--textcolorlight);
  margin-top:.25em;
  display:none;
}
.body-content .x-page .x-text p {
  font-size:1.5em;
  font-weight:bold;
  color:#ed1c24
}

.body-content .x-page .x-text .form input {
  border: 1px solid #e0e0e0;
  border-radius:10px;
  color: #3d3d3d;
  padding:6px 13px 8px;
  font-size: 15px;
  width: 40%;
}
.body-content .x-page .x-text a {
  font-size: 15px;
}

/*-*/
/*  Terms and Condition/track orders  /*
/*-*/

.simple-tr-page{
    overflow: hidden;
}
.simple-page {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius:var(--brediusmedium);
    padding: 20px;
    overflow: hidden;
    min-height:150px;
}
.simple-page.alt{
    overflow: unset;
}
.summary-disc {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    transition: all 0.2s linear 0s;
}
.summary-disc.big{
    max-height : 400px;
}
.summary-disc .open-btn {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    font-weight:bold;
    padding: 60px 0 20px;
    background: rgba(255,255,255,.5);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
}
.footer-bottom .summary-disc .open-btn {
    padding: 60px 0 10px;
    color: var(--textcolor);
    background: #333;
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 30%, transparent 100%);
}
.summary-disc.open {
    max-height:unset;
    overflow:visible;
}
.summary-disc .linksec {
    cursor: pointer;
    font-weight: bold;
}
.body-content .simple-page .terms-conditions h2,
.body-content .faq-page h2,
.body-content .simple-page .terms-conditions h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--textcolor);
    font-family: inherit;
    margin-bottom: 30px;
    font-weight: bold;
}
.body-content .simple-page .terms-conditions ol {
  padding-left: 22px;
}
.body-content .simple-page .terms-conditions ol li {
  font-style: normal;
  font-size: 1em;
  color: var(--textcolor);
  padding-bottom: 20px;
}
.body-content .simple-page .terms-conditions p {
  font-size: 15px;
}

.track-order-page {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
    overflow: hidden;
}

.product-comparison {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius:var(--brediusbig);
    padding: 20px;
}

.faq-page {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    padding: 20px;
    overflow: hidden;
}

.faq-page .panel-group .panel {padding:0px; box-shadow:none}


.body-content .simple-page .terms-conditions span,
.body-content .faq-page .title-tag,
.body-content .track-order-page span {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: var(--textcolor);
}
.body-content .faq-page .title-tag {
  text-align: left;
  padding-bottom: 30px;
}
.faq-acc .accordion-header
.body-content .track-order-page .register-form label {
  font-weight: 400;
  font-size: 14px;
}

/*-*/
/*  counter section
/*-*/

.section-counter .col{
  padding-top:2.5rem;
  padding-bottom:2.5rem;
  border-radius:var(--brediusbig);
  background-size:100% auto!important;
}

.counter-intro {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  padding: 2em 0;
}

.rtl .counter-intro {
  flex-direction: row-reverse
}

.counter-intro .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: var(--brediusmedium);
  margin: 5px;
}

.counter-intro .item .value {
  color: var(--lightred);
  font-weight:600;
  margin-bottom: 0;
}
/*-*/
/*  faq section
/*-*/
.faq-section .accordion-header {
    position: relative;
}
.faq-section .accordion-button{
  font-size:.9rem;
  font-weight:600;
  padding:1.2rem;
  border:none;
  background:#f2f2f2;
  border-radius:var(--brediusmedium);
  color:#444;
  text-align:start;
}
.faq-section .accordion-button:after{
  content: ' ';
  background:none;
  font-family: 'Font Awesome 5 Pro';
  content: "\f0ab";
  font-size:1.5em;
  font-weight:300;
  line-height:1;
  opacity:.7;
  transform: rotate(45deg);
}
.faq-section .accordion-button:not(.collapsed):after {
  transform: rotate(145deg);
}
.faq-section .accordion-button:before{
  top:15%;
  height:70%;
  background-color:#aaa;
}
.faq-section .accordion-button:not(.collapsed):before{
  background-color:var(--primerycolor);
}
.faq-section .accordion-button.collapsed {
  border-bottom-width:1px;
}
.faq-section .accordion-button:not(.collapsed){
  color:var(--primerycolor);
  background-color:transparent;
}
.faq-section .accordion-collapse {
  background: #f5f5f5;
  border-radius:var(--brediusmedium);
  border:none
}

/*-*/
/*  rate
/*-*/
.rate{
  display:flex;
  align-items:center;
}
.rating {
 display: flex;
 flex-direction: row-reverse;
 justify-content: start
}

.rating>input {
 display: none
}

.rating>label {
 position: relative;
 width: 1em;
 font-size: 30px;
 font-weight: 300;
 color: #ccc;
 cursor: pointer
}

.rating.tiny>label {
 font-size: 20px;
}

.rating>label::before {
 content: "\2605";
 position: absolute;
 opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
 opacity: 1 !important;
  color: #ffcc00;
}

.rating>input:checked~label:before {
 opacity: 1;
  color: #ffcc00;
}

.rating:hover>input:checked~label:before {
 opacity: 0.6
}

/*-*/
/*  commnet section
/*-*/

.comment-section .comment-list .comment-item,.comment-section .comment-form{
  background:#f2f2f2;
}
.comment-section .comment-item .commnet-header .avatar{
  width:90px;
  margin-top:-55px;
  margin-bottom:5px;
  border-radius:50%;
}
.comment-section .comment-item .commnet-text .title{
  font-size:1.2em;
  font-weight:bold;
}
.comment-section .comment-item .commnet-response .text{
  background:#fff;
}
.comment-section .comment-item .comment-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.comment-list-alt .comment-item {
  border: solid 1px #ddd;
  border-radius: var(--brediusmedium);
}
.comment-list-alt .comment-item .header .info {
  color: var(--textcolorlight);
}
.comment-list-alt .comment-item .title{
  font-size:1.15em;
}
.comment-list-alt .comment-item .body .text{
  color: var(--textcolormed);
  line-height:1.8;
}

.heading-title {
  position:relative;
  text-transform: none!important;
  font-size:1.25em;
  padding: 0 0 .4rem 0;
  margin:10px 0 20px;
  font-weight: bold;
  line-height:1.4;
}
/*.heading-title:after{
    content: ' ';
    position:absolute;
    bottom:-4px;
    left:0;
    width:80px;
    height:2px;
    background:var(--primerycolor);
}*/
.heading-subtitle{
  font-size:1.05em;
  font-weight: 700;
  color:var(--primerycolordark);
  background:#f5f5f5;
  position:relative;
}
.heading-subtitle .inner{
  background:#fff;
  display:table;
  padding:6px 12.5px;
}
.heading-subtitle:after {
  top:0;
  background:var(--primerycolordark);
}
.comment-section .progress {
  height: .5rem;
  border-radius: .5rem;
  overflow:hidden
}

.comment-section .progress .progress-bar {
  position:relative;
  background-color:var(--primerycolor);
  overflow:visible
}

/*-*/
/*  Signup and login
/*-*/
.sign-in-page {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius: var(--brediusbig);
    padding: 20px;
    overflow: hidden;
}

.body-content .sign-in-page .create-new-account > span {
  font-size: 20px;
  font-family: inherit;
  padding-bottom: 14px;
  text-transform: uppercase;
  display: inline-block;
}
.body-content .sign-in-page .register-form label {
  font-size: 14px;
  font-weight: 400;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -5px;

}
.tooltip-inner {
  font-family: inherit;
  border-radius:2px;
  min-width:70px;
  z-index:10000
}

.file-preview-image{
  font-family:inherit!important;
  font-size:1em!important;
  color:#777!important;
}
.file-preview .fileinput-remove {
  background:rgba(204,0,51,.08);
  color: #dc3545;
  border:0;
}
.file-preview .file-drop-zone{
  margin:4px 15px 4px 12px
}
.file-preview .file-drop-zone-title {
  font-size: 1em;
  color: #888;
}
/*-*/
/*  Testimonials
/*-*/
.avatar {
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px
}
.avatar img  {border-radius:0px; margin-bottom:10px; width:auto; display:inline-block; width:110px }
.testimonials {color:#333;font-size: 1em; margin-bottom:15px; letter-spacing:0.5px;}
.clients_author h4{font-size:1.2em; font-weight:bold; display:block;}
.clients_author span{font-size:1em; font-weight:normal; color:#888; display:block;}
.testimonials-section .bx-wrapper .bx-pager {padding-top: 30px;}
.testimonials-section .bx-wrapper {margin: 0 0 50px;}
.testimonials-section em {font-size:30px; font-style:normal; vertical-align:top; display:inline-block; line-height:5px; margin-top:15px;     font-family: Arial, Helvetica, sans-serif;}

/*-*/
/*  photo-gallery
/*-*/
.photo-gallery .images {
   display: block;
   margin-bottom:.8rem;
   padding:15px;
   border: solid 1px #eee;
   box-shadow: 0 0 10px hsla(0,0%,74.9%,.35);
   -webkit-box-shadow: hsla(0,0%,74.9%,.35) 0 0 10px;
   border: solid 1px #ccc;
   border-radius:var(--brediusmedium);
   transition: all 0.2s linear 0s;
   background:#fff;
}
.photo-gallery .images .image img{
   border-radius:10px;
}
.photo-gallery .images:hover{
   border-color:var(--primerycolor);
}
.photo-gallery .images .image-info .title{
  margin:15px auto 0;
  font-size:1em;
  font-weight:normal;
}

.photo-gallery .images .image-like{text-align:left;margin:10px 0 5px;}
.photo-gallery .image-like i{color:#ed1c24;}
.photo-gallery .images .image-like span {
  display: block;
}

/*-*/
/*  User Panel
/*-*/
input.sheba-ir{
    text-align:left;
    padding-left:40px;
    letter-spacing:1px;
    font-size:1.1em;
    background-image:url("../images/sheba-ir.png");
    background-position:left center;
    background-repeat:no-repeat;
    background-size:auto 100%;
}
.up-panel {
    background: #f2f2f4;
}
.sidebar.up-sidebar .sidebar__inner {
    border: solid 1px #fff;
    border-radius: var(--brediusmedium);
}
.sidebar .nav .nav-link {
    position: relative;
    background: #fff;
    padding: .8rem;
    font-weight: 500;
    border-radius: var(--brediusmedium);
}
.sidebar .nav ul .nav-link {
    background: #f1f1f1;
}
.sidebar .nav a.nav-link {
    padding-left: 2rem;
}
.sidebar.up-sidebar .nav li {
    margin-bottom: .5rem;
}
.sidebar .nav li:last-child {
    margin-bottom: 0;
}
.sidebar .nav .nav-link.active {
    background: var(--primerycolor);
}
.sidebar .nav a.nav-link:before {
    content: "\f104";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 1em;
    font-size: 1em;
    color: #666;
    z-index: 2;
}
.sidebar .nav a.nav-link.active:before {
    color: #fff;
}
.user-level.titan {
    background: #eee;
}
.user-level .title {
    color: rgba(0,0,0,.6);
}
.user-level .icon {
    margin-top: -12.5px;
}
.up-card, .up-card.transparent-card .card-header {
    background: transparent;
    border: 0;
}
.up-card .card-header .title{
    font-size: 1em;
    font-weight: bold;
}
.up-panel .tab-content,.up-card .card-body {
   border: solid 1px #bbb;
   border-radius: var(--brediusmedium);
}
.up-panel .tab-content{
    border-top-right-radius:0;
}
.up-panel .nav-tabs .nav-link{
    border:0;
    padding:.8rem 1rem;
    border-top-left-radius: var(--brediusmedium);
    border-top-right-radius: var(--brediusmedium);
}
.up-panel .nav-tabs .nav-link.btn-success.active{
    background:var(--bs-success);
    color:#fff;
}
.up-panel .nav-tabs .nav-link.btn-danger.active{
    background:var(--bs-danger);
    color:#fff;
}

.up-accor .accordion-item .accordion-header .accordion-button{
    background:#fff;
    border:solid 1px #ccc;
    border-radius:10px 10px 0 0;
    font-weight:600;
    font-size:.85rem;
}
.up-accor .accordion-item .accordion-header .accordion-button .header-inner{
    align-items:center;
    text-align:start;
    width:100%;
}
.up-accor .accordion-item .accordion-header .accordion-button .header-inner .status{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:100%;
}
.up-accor .accordion-item .accordion-header .accordion-button.collapsed{
    border-radius: 10px;
}
.up-accor .accordion-item .accordion-collapse {
    border-width: 0 1px 1px 1px;
    border-radius:0 0 10px 10px;
}
.accordion-button:not(.collapsed){
    color:inherit;
}
.up-accor .accordion-button:after {
    display: none;
}

.up-level .list-group-item{
    border: solid 1px #ccc;
    border-radius: var(--brediusmedium);
    padding: .8rem 1rem;
    cursor: pointer;
}
.up-level .list-group-item .item-inner{
   display:flex;
   align-items:center;
   justify-content:space-between;
   cursor:pointer;
}
.up-level .list-group-item .item-inner .title{
   display:flex;
   align-items:center;
}
.up-level .list-group-item.disabled{
    background:#eee;
}
.up-level .list-group-item.active{
    background:var(--seconderycolor);
    border-color:var(--seconderycolor);
    color:#fff;
}
.up-level .list-group-item.active label{
    color:#fff;
}
.up-order .list-group-item{
    border-radius:var(--brediusmedium);
}
.up-order .info .icon,.order-status .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 1.4em
}
.up-order .action{
    display:flex;
    flex-direction:column;
    align-items:center;
}
/*-*/
/*  list-group
/*-*/
.theme-list-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    padding:0;
}
.theme-list-group .list-group-item{
    display: flex;
    border:solid 1px #ccc;
    background:#f5f5f5;
    border-radius:var(--brediusmedium);
    min-height:50px;
    transition: all 0.3s linear 0s;
}
.theme-list-group .list-group-item .item-inner{
    display: flex;
    align-items:center;
    padding:5px 8px;
    cursor:pointer;
}
.theme-list-group .list-group-item .item-inner .title{
    font-size:.9em;
    font-weight:500;
}
.theme-list-group .list-group-item.active,.theme-list-group .list-group-item:hover{
    border-color:var(--seconderycolor);
    padding:inherit;
}
.theme-list-group .list-group-item.active label {
    color:var(--seconderycolor);
}
.theme-list-group .list-group-item input[type='checkbox'] {
    accent-color:var(--seconderycolor);
}
/*-*/
/*  LEVEL BAR
/*-*/
.level-bar-parent {
    min-height:50px;
}
.level-bar {
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
    width: 100%;
    z-index: 12;
    overflow: auto;
}
.level-bar.fixed{
    position: fixed;
    top:0;
    left:0;
    right:0;
    padding:0 10px;
    box-shadow:0 0 5px rgba(0,0,0,.1)
}
.level-bar .item{
    display: flex;
    flex: 0 0 auto;
    width: auto;
    align-items:center;
    font-size:.9em;
    font-weight:500;
}
.level-bar .item.active .body,.level-bar .item.active:after{
    background:#DC5328;
    color:#fff;
}
.level-bar .item .body{
    display: flex;
    flex: 0 0 auto;
    width: auto;
    background:#D0D1D7;
    border-radius:40px;
    box-shadow:0 0 3px rgba(0,0,0,.2);
}
.level-bar .item:after{
    z-index:1;
    content:" ";
    width:20px;
    height:10px;
    background:#D0D1D7;
}
.level-bar .item:last-child:after{
   display:none;
}
.level-bar .item .title{
   padding:5px 16px 5px 8px;
   display:flex;
   align-items:center;
   max-width:90px;
}
.level-bar .item .lbl {
   display: flex;
   align-items: center;
   background:#fff;
   padding:8px;
   border-radius:40px;
   color:var(--textcolor);
   font-weight:600;
   font-size:1.2em;
}
.level-bar .item .lbl span{
   font-size:.8em;
   font-weight:400;
}
/*-*/
/*  LHS banners
/*-*/
.home-banner, .wide-banner {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    border-radius: var(--brediusbig);
    cursor: pointer;
    transition: all 0.2s linear 0s;
}
/*.home-banner:hover, .wide-banner:hover {
  box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
}*/
.home-banner img,.wide-banner img{
  border-radius:var(--brediusbig);
  width:100%;
}

/* swiper slider*/
.swiper-container {
    width: 100%;
/*    height: 100%;*/
}
.productListStatic .swiper-slide,.writingListStatic  .swiper-slide{
    padding:1px;   
    height:auto;
}
.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    height: initial!important;
}
.productPackageListStatic .swiper-slide {
    height: auto;
    margin-bottom: 2px;
    margin-top: 2px;
}
.swiper-slide .slide-caption {
    position: absolute;
    color: #fff;
    padding: 10px;
    z-index: 2;
}
.swiper-slide .slide-caption a{
    color: #fff;
}
.swiper-slide .swiper-lazy{
    width:inherit;
    height:inherit;
}
.single-product-gallery .swiper-slide .swiper-lazy {
    width:100%;
}
.swiper-slide img, .swiper-slide picture{
    display: block;
    width: 100%;
    max-width:100%;
    max-height:100%;
}
.swiper-slide img.brand-thumb{
    max-width:120px;
}
.swiper-slide .product-info-body img {
    width: inherit;
}
.mySwiper2 {
   height: 80%;
   width: 100%;
}

.mySwiper {
   height: 20%;
   box-sizing: border-box;
   padding: 10px 0;
}

.mySwiper .swiper-slide {
   width: 25%;
   height: 100%;
   opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
   opacity: 1;
}
.swiper-button-prev, .swiper-button-next {
    background: #fff;
    padding: 20px 12px;
    border-radius: 10px 0 0 10px;
    box-shadow:-4px 0 4px rgba(0,0,0,.1);
}
.swiper-button-next {
    border-radius: 0 10px 10px 0;
    box-shadow: 4px 0 4px rgba(0,0,0,.1);
}
label.active {
    font-weight: bold;
}

.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}

.swiper-pagination.disabled {
    display: none;
}
.main-sliderDynamic .swiper-button-prev, .main-sliderDynamic .swiper-button-next {
    color: #fff;
    text-shadow: 0 2px 4px #616161;
    background: transparent;
    box-shadow: none;
}
.puzzlebanner .main-sliderDynamic .swiper-button-prev,.puzzlebanner .main-sliderDynamic .swiper-button-next {
    color: inherit;
    text-shadow: inherit;
    background: #fff;
    box-shadow: inherit;
}

/* hover */
.top-bar .top-bar-box > ul > li a:hover,.top-bar .top-bar-box > ul > li a:hover i{
   color:var(--primerycolor);
}
/* hover */

/* Range Slider */
.slider-range .irs {
    font-family: inherit;
}
.slider-range .irs--round .irs-bar {
    background-color: var(--primerycolordark);
}
.irs--round .irs-line{
    height:3px;
}
.slider-range .irs--round .irs-handle {
    top: 28px;
    width: 20px;
    height: 20px;
    border-color: var(--primerycolordark);
    background:#fff;
    border-width: 3px;
    box-shadow: none;
}
.slider-range .irs--round .irs-min, .slider-range .irs--round .irs-max {
    direction: ltr;
    font-size: .9em;
    color:#888;
}
.slider-range.simple .irs--round .irs-min, .slider-range.simple .irs--round .irs-max, .slider-range.simple .irs--round .irs-single, .slider-range.simple .irs--round .irs-from, .slider-range.simple .irs--round .irs-to{
    display: none;
}
/*.slider-range.simple .irs--round.irs-with-grid{
    height:58px;
}*/
.slider-range.simple .item{
    position:relative;
}
.slider-range.simple .title {
    position: absolute;
    top: 8px;
    font-weight:500;
}
.slider-range.simple .irs--round .irs-grid-pol {
    background-color: transparent;
}
.slider-range.simple .irs--round .irs-grid-text {
    font-size: .85em;
}
.slider-range .irs--round .irs-from, .slider-range .irs--round .irs-to, .slider-range .irs--round .irs-single {
    background-color: var(--primerycolordark);
    direction: ltr;
    font-size: .9em;
}
.slider-range .irs--round .irs-from:before,
.slider-range .irs--round .irs-to:before,
.slider-range .irs--round .irs-single:before {
    border-top-color: var(--primerycolordark);
}
/* Range Slider */

/* datalist table */
.datalist-table .table tr td{
  vertical-align:middle;
  color: var(--textcolor);
  transition: all 0.15s linear 0s;
  padding:6px;
}
.datalist-table .table th{
  padding-bottom:30px;
  border-bottom:none!important;
}
.datalist-table .table tr:hover td{
  background:#fff9e6;
}
/* datalist table */

.dynamic-content iframe {
  clear: both;
  margin: 15px 0;
  width: 100%;
}
.dynamic-content img{
  max-width:100%!important;
  height:auto!important;
}

.scroll-to-top {
  position: fixed;
  bottom: 15px;
  right: 20px;
  width: 40px;
  height: 40px;
  color: var(--textcolor);
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 38px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #ffffff;
  display: none;
  border-radius: 50px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  transition: all 300ms ease;
  padding-top:3px;
}

.scroll-to-top:hover{
  color:#ffffff;
  background:var(--seconderycolor);
}

/*responsive*/
@media (min-width:1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px
    }
}
@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 90%
    }
}
@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90%
    }
}
@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 95%
    }
}
@media (min-width:576px) {
    .container, .container-sm {
        max-width: 95%
    }
}
@media (min-width:768px) {
    .container, .container-md, .container-sm {
        max-width: 95%
    }
    header.hide-menu > .header-nav, header.hide-menu > .top-offer, header.hide-menu > .top-bar {
        transform: translateY(-100%);
        height: 0;
        overflow: hidden;
    }

    .product-comparison .compare-table {
        table-layout: fixed;
    }
}

/*@media (min-width: 992px) and (max-width: 1199px) {
  .product .product-image a{
   min-height:200px;
  }
  .top-search-holder .search-area .control-group {
    position: relative;
  }
  .category-carousel .item {
    height: auto;
  }
  .cnt-homepage .single-product .product-info-block .cart {
    clear: both;
    margin-top: 20px;
  }
  .wrapper .box .wrapper-inner .container {
    width: auto !important;
  }
  
  .special-menu {display:none!important}
}
@media (min-width: 768px) and (max-width: 991px) {
  .top-bar .cnt-account ul > li {

  }
  .homepage-container .wide-banners .wide-banner {
    margin-bottom: 10px;
  }
  .cnt-homepage .wrapper .box {
    padding: 0 15px;
  }
  .cnt-homepage .container {
    width: 100%;
  }
  .blog-slider .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .wide-banners .wide-banner:first-child {
    margin-bottom: 10px;
  }
  .search-result-container .category-product-inner .product-list.product .product-info {
    padding: 0px;
  }
  .hot-deal-wrapper .image img {
    height: auto;
    display: block;
    max-height:160px;
  }
  .main-header .contact-row {
    text-align: center;
  }
  .special-menu {
    display:none!important
  }
}*/
@media (max-width:1200px) {
    .top-offer a {
        background-size: auto 70%;
    }
}
@media (max-width: 767px) {
  .inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .inner-md {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .inner-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .inner-top {
    padding-top: 60px;
  }
  .inner-top-md {
    padding-top: 50px;
  }
  .inner-top-sm {
    padding-top: 40px;
  }
  .inner-bottom {
    padding-bottom: 60px;
  }
  .inner-bottom-md {
    padding-bottom: 50px;
  }
  .inner-bottom-sm {
    padding-bottom: 40px;
  }
   .navbar-default .navbar-toggler{
    color:var(--textcolor)
   }
   .navbar-default .navbar-toggler:hover{
    color:var(--primerycolordark)
   }
   .navbar-default .navbar-toggler .icon{
    color:inherit;font-size:1.6em;transition:color .3s ease-in-out
   }
   .navbar-collapse {
    box-shadow:none; 
    border:none; 
    padding-right: 15px;
    padding-left: 15px;
   }
   .fixed-header .main-header{
    display:none;
   }

   /*header{
    position: relative;
    z-index:inherit;}*/

  .top-bar .header-top-inner .cnt-account {
    clear: both;
    display: inline-block;
    float: none;
    margin: auto;
    text-align: center;
  }
  .main-header .top-search-holder .contact-row {
    margin-bottom: 20px;
    text-align: center;
  }
  .main-header .top-search-holder .contact-row .phone,
  .main-header .top-search-holder .contact-row .contact {
    margin: 0 0 5px;
    padding-right: 0px;
    border-right: none;
    display: block;
  }
  .top-search-holder .search-area .categories-filter {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .filters-container .pagination-container {
    margin-bottom: 10px;
  }
  .homepage-container .wide-banners .wide-banner {
    margin-bottom: 10px;
  }
  .cnt-homepage .wrapper .box {
    padding: 0 10px;
  }
  .wide-banners .wide-banner:first-child {
    margin-bottom: 10px;
  }
  .single-product .gallery-holder {
    margin-bottom: 30px;
  }
  .single-product .product-tabs .nav.nav-tabs .nav-item a{
    border-left:1px solid #ddd;
  }
  .hot-deal-wrapper .image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .main-slider .item .caption{
    left:auto;
    width:100%;
    text-align:center;
    padding:0 22px;
  }
  .main-slider .item .caption .big-text {
    display:table;
    font-size:1em;
    line-height: normal;
    background:rgba(0,0,0,.4);
    padding:10px 10px;
    margin:0 auto;
    border-radius:var(--brediusbig);
  }
  .main-slider .item .caption .btn-primary {
    padding:5px 15px;}
/*  .seller-product .products .product .product-info .name {
    margin-top: 0px !important;
  }*/
  .info-boxes .info-box {
    margin-bottom: 10px;
    padding-left:5px;
    padding-right:5px;
  }
  .info-boxes .info-box .text{
   max-width:100%;
   display:block;
  /* text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;*/
  }
  .cnt-homepage .single-product .product-info-block .cart {
    margin-top: 10px;
    padding: 0 15px;
  }
}
@media (max-width: 575px) {
   .h6,h6{
    font-size:.8rem;
   }
   .top-bar .top-bar-box > ul > li a i:not(.caret){
   font-size: 1.3em;
   font-weight: 500;
   color: #666;
   padding:4px;
   border-radius: 5px;
   }
   .section-counter .col{
    border-radius:0;
    background-color:#eeedf2!important;
   }
   .checkout-wizard .multi-steps .item .step .step-no {
     width: 50px;
     height: 50px;
   }
   .checkout-wizard .multi-steps .item .step-disc{
     font-size:.85em;
   }
   .checkout-wizard .multi-steps .item .step.active .step-inner .step-disc {
     bottom: -28px;
   }
   .sidebar {
     min-height:auto;
   }
   .product .timing-wrapper .box-wrapper .box{
     width: 30px;
     height:30px;
     line-height:1.1;
   }
   .product .timing-wrapper .box-wrapper .box .key {
     font-size: .9em;
     font-weight:500;
   }
   .product .timing-wrapper .box-wrapper .box .value {
    font-size:.68em;
   }
   .counter-intro .item{
    width:60px;
    height:60px;
   }
}
@media (max-width: 480px) {
   .top-offer a{
   height:48px; /*change height*/
   }
  .top-cart-row .dropdown {
   right: 20px;
   position:static;
  }
  .top-cart-row .dropdown-cart .dropdown-menu.popupDiv{
   width:320px;
  }
  .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
  padding:.5em;
  border-color:#fff!important;
  }
  .main-header .logo-holder img{
   max-height:60px;
  }
  .main-slider .item .caption .big-text {
    padding: 5px 10px;
  }
  .top-search-holder .search-area .search-field {
    height:44px;
    line-height:40px;
    font-size:.9em;
  }
  .section-title{
    font-size:1.1em;
  }
  .products-List .products .product .v-invisible{
    visibility:visible;
    display:none;
  }
  .single-product .product-tabs .nav.nav-tabs .nav-item a{
    padding:5px 8px 6px;
  }
  .products{
    padding:.75rem;
    margin-left:0;
    margin-right:0;
  }
  .category-product .product{
   display:flex;
   flex-wrap: wrap;
  }
  .product .cart .action ul li.lnk a,.product-actions .cart .action ul li.lnk button{
   width:25px;
   height:25px;
  }
  .product .cart .action ul li.lnk a i{
   font-size:1.2em;
  }
  .product .product-image,.listView .product .product-image{
    flex:40%;
  }
  .product .product-image a{
    min-height:unset;
  }
  .product .product-info,.listView .product .product-info{
    flex:60%;
    padding:0 8px;
    margin:15px 0 0;
    min-height:100px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .product .product-price .price b{
    font-size:1.1em;
  }
  .swiper-slide .product .product-info{
    min-height:60px;
  }
  .swiper-slide .product .product-info .name {
    font-size: .95em;
    min-height:2em;
  }
  .listView .products .product .product-data{
    flex: 100%;
  }
  .listView .product .product-ex-btns {
    display: block;
    flex-direction: unset;
    justify-content: unset;
    border: none !important;
    padding: 0 !important;
  }
  .listView .product .product-info .product-brand{
    display:block;
  }
  .discount .badge {
    font-size: .75rem;
    padding:.35em .4em;
    letter-spacing:0;
  }
  .new-category{
    margin-bottom:10px;
  }
  .new-category .new-category-image{
    padding:0 0 5px 0;
  }
  .new-category .new-category-info .name a{
    font-size:.75em;
  }
  .hot-deals .hot-deal-wrapper{
    height:200px;
  }
  .hot-deals .hot-deal-wrapper .sale-offer-tag {
    top: -5px;
    right: 10px;
    font-size:.85em;
  }
  .hot-deals .hot-deal-wrapper .timing-wrapper{
   position:relative;
   padding:3px;
   bottom:0;
   border-radius: 0 0 10px 10px;
  }
  .hot-deals .hot-deal-wrapper .timing-wrapper .box-wrapper .box {
   height:28px;
   width: 28px;
  }
  .hot-deals .product-info .name a{
    font-size:.95em;
  }
  .hot-deals .product-price .price {
    display: block;
  }
  .product .product-price .price-before-discount{
    line-height:1;
  }
  .latest-blog .blog-post .blog-post-info h3 a {
    font-size:.95em;
  }
  .blog-page .blog-post .blog-writing img, .summary-disc .text img {
    float: none !important;
    clear: both;
    margin: 20px auto;
  }
  table.theme-table{
    border-radius:10px;
  }
  table.theme-table td, table.theme-table th {
    font-size:.95em;
  }
  .table.theme-table>:not(caption)>*>*{
    padding:.4rem .2rem;
  }
  .btn{
    font-size:.9em;
    padding:.45rem .5rem;
  }
  .btn i.icon{
    width:20px;
    height:20px;
  }
  .level-bar .item:after{
    width:6px;
  }
  .mobile-datalist .item .body{
    font-size:.9em;
  }
  .swiper-slide .products{
    padding:10px 8px;
  }
  .swiper-slide .products .product .product-info{
    padding:0;
  }
  .swiper-button-prev, .swiper-button-next{
    display:none!important;
  }
  /*mobile vertical scroll bug*/
  .body-content .container-fluid.px-0{
    overflow: hidden !important
  }
  .check-list-group .list-group-item label{
    font-size:.85em;
  }
  .copyright-bar .copyright{
    padding:10px 10px 5.5em;
  }
}


