:root {
    --white:#fff;
    --lightblue:#6c91ef;
    --blue:#3861e0;
    --darkblue:#0d1628;
	--red: #e24337;
	--lightred: #db6e6e;
	--lightgrey: #f2f1f7;
	--lightlighgrey: #e1e7fa;
}

.campton { font-family: "camptonregular", sans-serif; }
.camptonbold { font-family: "camptonbold", sans-serif; }
.camptonsemibold { font-family: "camptonsemibold", sans-serif; }
.druk_wide { font-family: "druk_widemedium", sans-serif; }


.whiteBg { background-color: var(--white); }
.lightblueBg { background-color: var(--lightblue);  color: #000!important;}
.blueBg { background-color: var(--blue);  color: #fff!important;}
.darkblueBg { background-color: var(--darkblue); color: #fff; }
.redBg { background-color: var(--red); color: #fff; }
.lightredBg { background-color: var(--lightred); color: #fff;}
.lightgreyBg { background-color: var(--lightgrey); color: #000;}
.lightlighgreyBg { background-color: var(--lightlighgrey); }

.txtWhite { color: var(--white); }
.txtLightblue { color: var(--lightblue); }
.txtBlue { color: var(--blue); }
.txtDarkblue { color: var(--darkblue); }
.txtRed { color: var(--red); }
.txtLightred { color: var(--lightred); }
.txtLightgrey { color: var(--lightgrey); }
.txtLightlighgrey { color: var(--lightlighgrey); }

.top-cut-right-16 {
  padding-bottom:16px;
  -webkit-clip-path:polygon(0 0,100% 16px,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 16px,100% 100%,0 100%)
}
.left-cut-left-8 {
  padding-left:8px;
  -webkit-clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);
  clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)
}
.left-cut-right-32 {
  -webkit-clip-path:polygon(0 0,100% 0,100% 100%,32px 100%);
  clip-path:polygon(0 0,100% 0,100% 100%,32px 100%)
}
.right-cut-left-8 {
  -webkit-clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
  clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)
}
.bottom-cut-left-4 {
  -webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),0 100%)
}
.bottom-cut-left-16 {
  -webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),0 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),0 100%)
}

.poli1 { clip-path: polygon(0 0,101% 0,0 101%); }
.poli2 { clip-path: polygon(0 0,101% 0,0 101%); }

.poliDiv0 {
	clip-path: polygon(0 0,101% 0,0 101%);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}
.poliVerticalLeftTB {
	clip-path: polygon(0 0, 30% 100%, 0 100%, 0 0);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}

.poliVerticalLeftBT {
	clip-path: polygon(0 0, 0 100%, 0 100%, 30% 0);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}

.poliVerticalRightTB {
	clip-path: polygon(100% 0, 70% 100%, 100% 100%, 100% 0);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}

.poliVerticalRightBT {
	clip-path: polygon(70% 0, 100% 100%, 100% 100%, 100% 0);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}

.poliHorizonzalLeftRight {
	clip-path: polygon(100% 0, 0 0, 100% 30%, 100% 0);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}
.poliHorizonzalRightLeft {
	clip-path: polygon(100% 0, 0 0, 0 30%, 100% 0);
	position: absolute;
	background-color: var(--blue);
	min-height: 1rem;
}

.scroll-x {
	overflow: hidden;
	overflow-x: hidden;
	overflow-x: auto;
}

.scroll-y {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
}

html {
	color: var(--darkblue);
	font-family: "camptonregular", sans-serif;
	line-height: 1.4;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: normal;	
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

body {
  color: #1D1D1F;
  font-family: "camptonregular", sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: normal;
  line-height: 26px;
  -webkit-text-size-adjust: 100%;
}


h1,
h2,
h3,
h4,
h5,
h6,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--darkblue);
  font-family: "camptonbold", sans-serif;
  margin: 0;
}

h1, h1 a {
  font-size: 75px;
  font-family: "druk_widemedium", sans-serif;
}

h2, h2 a {
  font-size: 40px;
  font-family: "druk_widemedium", sans-serif;
}

h3, h3 a {
  font-family: "camptonbold", sans-serif;
  font-size: 20px;
}

h4, h4 a {
  font-size: 24px;
}

h5, h5 a {
  font-size: 20px;
}

h6, h6 a {
  font-size: 16px;
}


li,
a,
button {
  font-size: 14px;
  font-family: "camptonregular", sans-serif;
  margin: 0;
  letter-spacing: 0.2px;
}



a,
a:hover {
  color: #000;
}

.udl { text-decoration: none; }
.udl:hover { text-decoration: underline; }

ul {
  padding: 0;
  margin: 0;
}

a:hover,
a:active,
a:focus,
button:hover,
button:focus {
  text-decoration: none;
  outline: none;
}

a,
button {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

input:focus, textarea:focus {
  outline: none;
}

.csBtn {
  background-color: var(--white);
  font-family: "camptonbold", sans-serif;
  font-weight: 800;
  color: var(--red);
  text-transform: uppercase;
  border-radius: 0;
  font-size: 0.6rem;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.csBtn:hover{
  background-color: var(--red);
  color: var(--white);
}

.csdarkBtn {
  background-color: var(--darkblue);
  font-family: "camptonbold", sans-serif;
  font-weight: 800;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 0;
  font-size: 0.6rem;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}
.csdarkBtn:hover{
  background-color: var(--red);
  color: var(--white);
}

.filepanel {
  display: inline-block;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 4px 10px;
}
.filepanel .fileInput {
	padding-top: 5px !important;
	font-size: 15px;
	float: left;
}
.filepanel .fileBtn {
	background-color: #ccc;
}

.mmActive {
	background-color: #f5f5f5;
}
.mmActive > a {
	font-weight: 600!important;
}

.padding-fix {
  padding-left: 0;
  padding-right: 0;
}

.padding-fix-r {
  padding-right: 0;
}

.padding-fix-l {
  padding-left: 0;
}

.padding-fix-l20 {
  padding-left: 5px;
}

.margin-fix {
  margin-left: 0;
  margin-right: 0;
}

.owl-carousel .owl-item {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.owl-carousel .owl-item img {
  -webkit-transform-style: unset;
  transform-style: unset;
}

.preloader {
  background: #fff;
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}

.preloader .load-list {
  width: 50px;
  height: 50px;
  position: relative;
  top: 50%;
  left: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.preloader .load-list .load {
  position: absolute;
  background: #2e9bc5;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.preloader .load-list .load2 {
  background: #2e9bc5;
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.top-bar {
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.top-bar .top-left .lang-box {
  position: relative;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-bottom: none;
  padding: 9px 15px;
}

.top-bar .top-left .lang-box span {
  cursor: pointer;
}

.top-bar .top-left .lang-box span img {
  margin-right: 8px;
  vertical-align: text-bottom;
}

.top-bar .top-left .lang-box span i {
  margin-left: 5px;
}

.top-bar .top-left .lang-box ul {
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid #e5e5e5;
  min-width: 125px;
  background: #fff;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
}

.top-bar .top-left .lang-box ul li {
  padding: 8px 0 8px 20px;
  cursor: pointer;
}

.top-bar .top-left .lang-box ul li img {
  margin-right: 8px;
  vertical-align: text-bottom;
}

.top-bar .top-left .lang-box ul li:hover {
  background: #f5f5f5;
}

.top-bar .top-left .lang-box:hover {
  color: #444444;
  font-weight: 600;
}

.top-bar .top-left .lang-box:hover ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.top-bar .top-left .lang-box:hover ul li {
  color: #555555;
  font-weight: normal;
}

.top-bar .top-left .mny-box {
  position: relative;
  height: 40px;
  border-right: 1px solid #e5e5e5;
  padding: 9px 15px;
}

.top-bar .top-left .mny-box span {
  cursor: pointer;
}

.top-bar .top-left .mny-box span i {
  margin-left: 5px;
}

.top-bar .top-left .mny-box ul {
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid #e5e5e5;
  min-width: 75px;
  background: #fff;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
}

.top-bar .top-left .mny-box ul li {
  padding: 8px 0 8px 20px;
  cursor: pointer;
}

.top-bar .top-left .mny-box ul li:hover {
  background: #f5f5f5;
}

.top-bar .top-left .mny-box:hover {
  color: #444444;
  font-weight: 600;
}

.top-bar .top-left .mny-box:hover ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.top-bar .top-left .mny-box:hover ul li {
  color: #555555;
  font-weight: normal;
}

.top-bar .top-right ul li {
  margin: 0;
}

.top-bar .top-right ul li a {
  color: #555555;
  height: 40px;
  display: inline-block;
  border-right: 1px solid #e5e5e5;
  padding: 9px 15px;
}

.top-bar .top-right ul li a img {
  width: 13px;
  margin-right: 5px;
  margin-top: -3px;
}

.top-bar .top-right ul li a:hover {
  color: #444444;
  font-weight: 600;
}

.top-bar .top-right ul li:first-child a {
  border-left: 1px solid #e5e5e5;
}

.top-bar2 {
  min-height: 40px;
  padding-top: 0px;
  margin-bottom:2px;
  background-color: transparent;
}

.top-bar2 .top-left .lang-box {
  position: relative;
  height: 40px;
  border-top: none;
  border-bottom: none;
  padding: 9px 15px;
  padding-left: 0;
}

.top-bar2 .top-left .lang-box span {
  cursor: pointer;
}

.top-bar2 .top-left .lang-box span img {
  margin-right: 8px;
  vertical-align: text-bottom;
}

.top-bar2 .top-left .lang-box span i {
  margin-left: 5px;
}

.top-bar2 .top-left .lang-box ul {
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid #eeeeee;
  min-width: 125px;
  background: #fff;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
}

.top-bar2 .top-left .lang-box ul li {
  padding: 8px 0 8px 20px;
  cursor: pointer;
}

.top-bar2 .top-left .lang-box ul li img {
  margin-right: 8px;
  vertical-align: text-bottom;
}

.top-bar2 .top-left .lang-box ul li:hover {
  background: #f5f5f5;
}

.top-bar2 .top-left .lang-box:hover {
  color: #444444;
  font-weight: 600;
}

.top-bar2 .top-left .lang-box:hover ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.top-bar2 .top-left .lang-box:hover ul li {
  color: #555555;
  font-weight: normal;
}

.top-bar2 .top-left .mny-box {
  position: relative;
  height: 40px;
  padding: 9px 15px;
}

.top-bar2 .top-left .mny-box span {
  cursor: pointer;
}

.top-bar2 .top-left .mny-box span i {
  margin-left: 5px;
}

.top-bar2 .top-left .mny-box ul {
  position: absolute;
  left: 0;
  top: 100%;
  border: 1px solid #eeeeee;
  min-width: 75px;
  background: #fff;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
}

.top-bar2 .top-left .mny-box ul li {
  padding: 8px 0 8px 20px;
  cursor: pointer;
}

.top-bar2 .top-left .mny-box ul li:hover {
  background: #f5f5f5;
}

.top-bar2 .top-left .mny-box:hover {
  color: #444444;
  font-weight: 600;
}

.top-bar2 .top-left .mny-box:hover ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.top-bar2 .top-left .mny-box:hover ul li {
  color: #555555;
  font-weight: normal;
}

.top-bar2 .top-left .call-us {
  height: 40px;
  padding: 9px 15px;
}

.top-bar2 .top-left .call-us p {
  color: #444444;
  font-weight: 600;
}

.top-bar2 .top-left .call-us p img {
  width: 13px;
  margin-right: 5px;
  margin-top: -3px;
}

.top-bar2 .top-right ul li {
  margin: 0;
}

.top-bar2 .top-right ul li a {
  color: #555555;
  height: 40px;
  display: inline-block;
  padding: 9px 15px;
}

.top-bar2 .top-right ul li a img {
  width: 13px;
  margin-right: 5px;
  margin-top: -3px;
}

.top-bar2 .top-right ul li a:hover {
  color: #444444;
  font-weight: 600;
}

.top-bar2 .top-right ul li:last-child a {
  padding-right: 0;
}

.logo-area {
  height: 125px;
  padding-top: 35px;
}

.logo-area .logo a img {
  margin-top: 18px;
}

.logo-area form.search-bar {
  margin-top: 12px;
  position: relative;
}

.logo-area form.search-bar input {
  border: 2px solid #dddddd;
  height: 45px;
  width: 100%;
  padding-left: 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.logo-area form.search-bar input:focus {
  border-color: #2e9bc5;
}

.logo-area form.search-bar button {
  font-size: 18px;
  color: #2e9bc5;
  background: transparent;
  height: 100%;
  width: 50px;
  text-align: center;
  border: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: 0;
  right: 0;
}

.logo-area .carts-area {
  padding-top: 15px;
  padding-left: 70px;
}

.logo-area .carts-area .call-box .call-ico img {
  max-width: 40px;
}

.logo-area .carts-area .call-box .call-content span {
  color: #969696;
  font-weight: 600;
}

.logo-area .carts-area .call-box .call-content p {
  font-size: 16px;
  color: #444444;
  margin-top: -4px;
  font-weight: 600;
}

.logo-area .carts-area .cart-box {
  margin-right: 10px;
  padding-top: 5px;
  position: relative;
}

.logo-area .carts-area .cart-box a {
  position: relative;
}

.logo-area .carts-area .cart-box a span {
  font-size: 12px;
  color: #fff;
  background: #2e9bc5;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -12px;
  right: -8px;
  font-weight: 600;
  padding-top: 1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  
}
.logo-area .carts-area .cart-box img {
	width:24px;
	height:24px;
}


.carousel-caption {
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 70%;
  text-align: left;
}
.carousel-caption .h2 { 
	color: #fff;
	font-size: 23px;
	font-weight: 800;
	line-height: normal;
	margin-bottom: 0;
	font-family: "druk_widemedium", sans-serif;
}

.carousel-caption .h3 {
	color: #fff;
	font-size: 80px;
	font-weight: 800;
	line-height: normal;
	margin-bottom: 35px;
	font-family: "druk_widemedium", sans-serif;
	line-height: 80px;
	max-width: 400px;
}
.carousel-caption .h4 {
	color: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 35px;
	font-family: "camptonregular", sans-serif;
}
.carousel-caption .btnSlider { 
	background-color: #fff; 
	font-family: "camptonbold", sans-serif;
	font-weight: 800;
	color: var(--red);
	text-transform: uppercase;
	border-radius: 0;
	font-size: 0.6rem;
	clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
	padding: 10px 15px;
	transition: 0.3s ease-in;
}
.carousel-caption .btnSlider i { font-weight: 800; font-size: 16px; }

.carousel-caption .btnSlider:hover {
  background-color: #e24236;
  color: #fff;
  padding-left: 18px;
  padding-right: 18px;
} 

.slider-img {
  display: block;
  overflow: visible;
  width: 100%;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.slider-img img {
	opacity: 0;
}

.sliderExtraImage {
  color: #fff;
  background-color: transparent;
  position: relative;
  left: 0;
  right: 0;
  max-height: 270px!important;
  z-index: 9999;
  top: 2rem;
}
.sliderExtraImage a { 
	display:inline-block;
	width: 100%;
	text-align: center;
}
.sliderExtraImage a > img { 
	width: auto !important;
	max-height: 270px!important;
	display:inline!important;
}

.prod-img-slider-panel {  border: 0px solid #E9E9E9 !important; padding:20px;}
.prod-img-slider {   }
.productdata .prod-img-nav-panel  {  
	position: relative;
	top: 0;
	text-align:center;
	/*left: -90px;*/
}
.productdata .prodDataPanelRight {
  background-color: var(--darkblue);
  color: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 25px 100%);
  padding: 25px 35px;
    padding-left: 35px;
  padding-left: 50px;
}
.productdata .prod-desc { 
	color: #949494;
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
	margin: 10px 0px; 
}
.productdata .nav-item-panel {
  display: inline-block;
}
.productdata .nav-item {
  border: 3px solid #E9E9E9 !important;
  padding: 3px;
  height: 160px;
  width: 160px;
  margin-bottom: 8px;
  display: table-cell;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  border-radius: 9px;
}
.productdata .nav-item > a  { display:inline-block; }
.productdata .nav-item > a > img {
  width: auto;
  max-height: 100%;
  margin: 0% 0;
}
.productdata .prod-name {
  text-transform: initial;
  font-size: 35px;
  line-height: 40px;
  padding-bottom: 0px;
  margin-top: 0px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 18px;
}
.productdata .prod-base-data {
  font-size: 14px;
  font-weight: 400;
  color: var(--lightgrey);
}
.productdata .prod-price {
  font-size: 23px;
  font-weight: 300;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
}
.prod-img-slider .owl-nav {position: absolute;width: 100%;background-color: transparent;height: 1px;top: 45%;}
.prod-img-slider .owl-nav .owl-prev { left: 0;position: absolute;}
.prod-img-slider .owl-nav .owl-prev > i { font-size: 35px; }
.prod-img-slider .owl-nav .owl-next { position: absolute;right: 0;}
.prod-img-slider .owl-nav .owl-next > i { font-size: 35px; }

.newsKeyChb input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.newsKeyChb {
  display: inline-block;
  position: relative;
  padding-left: 34px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  line-height: 20px;
}

.newsKeyChb .checkmarkNews {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    color: red;
}

.newsKeyChb .checkmarkNews::after {
    content: "";
    display: none;
}

.newsKeyChb input:checked + .checkmarkNews {
    background-color: white;
    border-color: #ccc; 
}

.newsKeyChb input:checked + .checkmarkNews::after {
    content: "✔"; 
    display: block;
}

.newsKeywPanel {
  background-color: #fff;
  color: #000;
  padding: 0px 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
  display: inline-block;
  margin-right: 0px;
  font-size: 12px;
  margin-bottom: 10px;
}

.news-slider .owl-nav
{
  position: absolute;
  width: 100%;
  background-color: transparent;
  height: 1px;
  top: -25px;
  text-align: right;
}
.news-slider .owl-nav .owl-prev
{
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin-right:5px;
}
.news-slider .owl-nav .owl-prev > i { font-size: 20px; }
.news-slider .owl-nav .owl-next { 
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ddd;
}
.news-slider .owl-nav .owl-next > i { font-size: 20px; }


.news-slider {margin: 2rem 0;}
.news-slider .blog-item {padding: 10px;}
.news-slider .blog-item .blog-tags{text-align: left;position: absolute;padding: 15px;}
.news-slider .blog-item .blog-img{}
.news-slider .blog-item .blog-img a {}
.news-slider .blog-item .blog-img a img {}
.news-slider .blog-item .blog-content {background-color: var(--white);clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);padding-top: 2rem;margin-top: -3rem;}
.news-slider .blog-item .blog-content h3 { 
	font-weight: bold; 
	font-family: "druk_widemedium", sans-serif; 
}
.news-slider .blog-item .blog-content .blog-date {
  margin-top: 15px;
}



.mobile-menu-area { height: 60px; }
.mobile-menu-area .mobile-logo{margin: 15px 0;display: inline-block;}
.mobile-menu-area .mobile-logo a {display: inline-block;width: 100%;}
.mobile-menu-area .mobile-logo a img {}
.mobile-menu-area .mobile-iconPanel {margin: 0; display: inline-block;}
.mobile-menu-area .carts-area {
	margin: 0px 0;
	margin-top: 0px;
	display: inline-block;
	margin-top: 15px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}
.mobile-menu-area .carts-area .mobile-menu-btn { margin-right: 0px; }
.mobile-menu-area .carts-area #countfavnum { 
  position: absolute;
  background-color: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
    margin-top: 0px;
    margin-left: 0px;
  text-align: center;
  margin-top: -5px;
  margin-left: -5px;
  line-height: 15px;
}
.mobile-menu-area .carts-area #bskPanel1prodNum {
  position: absolute;
  background-color: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  padding: 0;
  margin: 0;
    margin-top: 0px;
    margin-left: 0px;
  text-align: center;
  margin-top: -5px;
  margin-left: -5px;
  line-height: 15px;
}
.mobile-menu-area .mobileMenuBtn {
  width: 30px;
  height: 34px;
  padding: 0;
}
.mobile-menu-area .mobileMenuBtn > span {
  background: #000;
  width: 100%;
  height: 1px;
  display: block;
  margin: 6px 0px;
}

.mobile-iconPanel .dropdown-menu {
  min-width: 130px;
  width: max-content;
  left: unset;
  right: 0px;
  margin: 0px;
  padding: 10px 0px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 1px 8px 8px -2px rgb(212,212,212,0.75) !important;
  outline: 0 !important;
  animation: var(--aMenu);
  -webkit-transform-origin: top;
  transform-origin: top;
  top: 22px!important;
  /*animation: scale_down 0.3s;*/
}

.mobile-iconPanel .dropdown-item {
  display: block;
  color: #040718;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  text-align: right;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
  margin: 0px;
  padding: 6px 40px;
  font-weight:700;
}

.mobile-iconPanel .dropdown-item:hover {
	background-color: #fff;
}

.btnDark { 
	background-color: var(--darkblue); 
	font-family: "camptonbold", sans-serif;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 20px;
	padding: 10px 22px;
	-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
	clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)
}
.btnDark i { font-weight: 800; font-size: 16px; }
.btnDark:hover{
	background-color: var(--red);
	color: var(--white);
}

.btnRed { 
	background-color: var(--red);
	font-family: "camptonbold", sans-serif;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	font-size: 20px;
	padding: 10px 22px;
	-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
	clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)
}
.btnRed i { font-weight: 800; font-size: 16px; }
.btnRed:hover{
	background-color: var(--darkblue);
	color: var(--white);
}

.btnBlue {
  background-color: var(--blue);
  font-family: "camptonbold", sans-serif;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 20px;
  padding: 10px 22px;
	-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
	clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)
}
.btnBlue i { font-weight: 800; font-size: 16px; }
.btnBlue:hover{
	background-color: var(--red);
	color: var(--white);
}

#prodCatSub2 { }
#prodCatSub2 .prodTOPImg { text-align:left; }
#prodCatSub2 .prodTOPImg a { padding: 0px!important; }
#prodCatSub2 .prodTOPImg a > img { max-width: 150px;}
#prodCatSub2 .prodTOPName { text-align: left;}
#prodCatSub2 .prodTOPName a { 
	font-weight: 400;
	letter-spacing: 0.11px;
	text-transform: none;
	display: block;
	padding: 10px 10px 10px 33px;
	padding-right: 10px;
	margin: 0;
	border: 0 !important;
	font-size: 13px;
	color: #939598;
	white-space: pre-wrap;
	position: relative;
	padding: 0px!important;
}
#prodCatSub2 .prodTOPPrice{
	margin-top: 0px;
	font-size: 20px;
	font-weight: 400;
	color: #010101;
	text-align: left;
}
#prodCatSub2 .prodTOPPrice span { }

#mobileSearch { 
	display:none; 
	background-color:#fff; 
	position: fixed;
	top:0;
	bottom:0;
	left: 0;
	right:0;
	width:100%;
	z-index: 9999;
}
#mobileSearch #mobileSearchContent {
  height: 100%;
}
#mobileSearch #mobileSearchContent h1 {  
	line-height: 1.1em;
	text-transfor12392m: uppercase;
	color: #010101;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-weight: 400;
	font-size: 38px;
	padding-bottom: 14px;
	line-height: 44px;
	font-size: 20px;
}
#mobileSearch #mobileSearchContent #searchInputTop {  }
#mobileSearch #mobileSearchContent .input-group {  }
#mobileSearch #mobileSearchContent .input-group > input {  
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 3.6px;
	line-height: 20px;
	text-transform: uppercase;
	padding: 10px 0px;
	padding-left: 20px;
}
#mobileSearch #mobileSearchContent .input-group > button {  
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	background-color: transparent;
	margin-left: -20px;
}
#mobileSearch #mobileSearchContent form {
	display: flex;
	width: 100%;
	height: 80%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
}
#mobileSearch #mobileSearchContent .mobileSearchBlock {
	width: 100%;
	max-width: 50%;
	min-width: 300px;
	position: relative;
}

.mobile-iconPanel {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.mobile-iconPanel #user_info_block {
  text-align: right;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0px 15px;
}

.logo-area2 { 
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0px solid #e5e5e5;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  position: fixed;
  left:0;
  right:0;
  top:0;
  width:100%;
  z-index: 9999;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}
.logo-area2 > div { background-color: #fff; }

.logo-area2 .logo {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.logo-area2 .logo a img {
  margin-top: 0;
  max-width: 100%;
  height: 40px;
  transition: transform 2000ms ease-in-out;
  transform-origin: left top;
  margin-left: 25px;
}

.logo-area2 form.search-bar {
  margin-top: 0px;
  position: relative;
}

.logo-area2 form.search-bar input {
  border: 0px;
  height: 30px;
  width: 100%;
  padding-left: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 0;
}

.logo-area2 form.search-bar input:focus {
  border-color: #2e9bc5;
}

.logo-area2 form.search-bar .search-cat {
  position: absolute;
  top: 0;
  right: 9%;
  height: 100%;
}

.logo-area2 form.search-bar .search-cat .scat-id.form-control {
  border: none;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  height: 100%;
  padding: 0 15px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 15px;
  position: relative;
}

.logo-area2 form.search-bar .search-cat .scat-id.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.logo-area2 form.search-bar .search-cat:after {
  position: relative;
  float: right;
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 14px;
  top: -31px;
  padding-right: 10px;
  color: #666666;
}

.logo-area2 form.search-bar button {
  font-size: 18px;
  color: #2e9bc5;
  background: transparent;
  height: 100%;
  width: 50px;
  text-align: center;
  border: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: 0;
  right: 0;
}

.logo-area2 .carts-area {
  padding-top: 0px;
  
}

.logo-area2 .carts-area i { font-size:23px; }

.logo-area2 .carts-area .wsh-box {
  padding-right: 0px;
  padding-top: 0px;
  position: relative;
  padding-left: 15px;
}

.logo-area2 .carts-area .wsh-box a {
  position: relative;
}

.logo-area2 .carts-area .wsh-box a span {
  font-size: 10px;
  color: #fff;
  background: var(--red);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -12px;
  right: -8px;
  text-align: center;
  font-weight: 300;
  padding-top: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 15px;
}
.logo-area2 .carts-area .wsh-box img {
	width:24px;
	height:24px;
}

.logo-area2 .carts-area .usr-box {
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	padding-left: 15px;
}


.logo-area2 .carts-area .usr-box a {
  position: relative;
}

.logo-area2 .carts-area .usr-box a span {
  font-size: 10px;
  color: #fff;
  background: var(--red);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
  text-align: center;
  font-weight: 300;
  padding-top: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
   line-height: 15px;
}
.logo-area2 .carts-area .usr-box img {
	width:24px;
	height:24px;
}

.logo-area2 .carts-area .gear-box {
	padding-right: 10px;
	padding-top: 5px;
	position: relative;
	padding-left: 15px;
}


.logo-area2 .carts-area .gear-box a {
  position: relative;
}

.logo-area2 .carts-area .gear-box a span {
  font-size: 10px;
  color: #fff;
  background: var(--red);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
  text-align: center;
  font-weight: 300;
  padding-top: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
   line-height: 15px;
}
.logo-area2 .carts-area .gear-box img {
	width:24px;
	height:24px;
}


.logo-area2 .carts-area .src-box {
  padding-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  padding-left: 15px;
  margin-right: 8px;
}

.logo-area2 .carts-area .src-box a {
  position: relative;
}

.logo-area2 .carts-area .src-box a span {
  font-size: 10px;
  color: #fff;
  background: var(--red);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
  text-align: center;
  font-weight: 300;
  padding-top: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
   line-height: 15px;
}
.logo-area2 .carts-area .src-box img {
	width:24px;
	height:24px;
}
.logo-area2 .carts-area .cart-box {
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	padding-left: 15px;
	margin-right: 8px;
}

.logo-area2 .carts-area .cart-box a {
  position: relative;
}

.logo-area2 .carts-area .cart-box a span {
  font-size: 10px;
  color: #fff;
  background: var(--red);
  position: absolute;
  width: 16px;
  height: 16px;
  top: -14px;
  left: 14px;
  text-align: center;
  font-weight: 300;
  padding-top: 1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
   line-height: 15px;
   letter-spacing: 0px;
}
.logo-area2 .carts-area .cart-box img {
	width:24px;
	height:24px;
}


.iconPanel .dropdown-menu {
  min-width: 130px;
  width: max-content;
  left: unset;
  right: 0px;
  margin: 0px;
  padding: 10px 0px;
  border: none;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 1px 8px 8px -2px rgb(212,212,212,0.75) !important;
  outline: 0 !important;
  animation: var(--aMenu);
  -webkit-transform-origin: top;
  transform-origin: top;
  top: 22px!important;
  /*animation: scale_down 0.3s;*/
}

.iconPanel .dropdown-item {
  display: block;
  color: #040718;
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  text-align: right;
  text-decoration: none !important;
  text-transform: none;
  white-space: nowrap;
  margin: 0px;
  padding: 6px 40px;
  font-weight:700;
}

.iconPanel .dropdown-item:hover {
	background-color: #fff;
}

.iconPanel {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.iconPanel #searchInputTop {
	font-size: 12px;
	font-weight: 300;
}

.iconPanel #user_info_block {
	text-align: right;
	font-size: 12px;
	font-weight: 300;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

#loginPanel {}
#loginPanel .active {
  background-image: url(/files/images/template/checkbox-active.png);
  color: #000 !important;
  background-repeat: no-repeat;
  padding-left: 18px;
  background-position: left center;
}
#loginPanel #remembermePanel .title {
	font-size: 16px;
	line-height: 20px;
	color: #999;
	font-weight: 400;
	padding-top: 2px;
	-webkit-transition: color 0.1s ease-out;
	-moz-transition: color 0.1s ease-out;
	-o-transition: color 0.1s ease-out;
	transition: color 0.1s ease-out;
}
#loginPanel #remembermePanel .description {
	color: #555;
	float: left;
	line-height: 1.4em;
	padding-bottom: 3px;
	font-size: 12px;
	-webkit-transition: color 0.1s ease-out;
	-moz-transition: color 0.1s ease-out;
	-o-transition: color 0.1s ease-out;
	transition: color 0.1s ease-out;
}

.mobile-menu-body {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 99999;
  height: 100%;
  padding: 0px 0px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  padding:0;
}

.mobile-menu-body .close-btn {
	
}
.mobile-menu-body > .close-btn > a > img{
	max-height: 30px;
	max-width: 100%;
	margin: 15px;
}
.mobile-menu-body .close-btn > button
{
  background-color: transparent;
  box-shadow: none;
  border: 0px solid #000;
}

.mobile-menu-body .close-btn > button > i {

}
.mobile-menu-body .mobile-menu-box {
  padding: 0 0;
  border-top: 0px solid #000;
}

.mobile-menu-body .mobile-menu-box > ul { }
.mobile-menu-body .mobile-menu-box > ul {
  clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
}
.mobile-menu-body .mobile-menu-box ul > li a
{
  font-weight: 400;
  font-size: 14px;
  padding: 10px 10px 10px 20px;
  color: #000;
  border-bottom: 0px solid #ddd;
  width: 100%;
  display: inline-block;
}
.mobile-menu-body .mobile-menu-box ul > li > ul{
  margin-left: 0px;
}
.mobile-menu-body .mobile-menu-box ul > li > ul > li { background-color: var(--lightgrey);}
.mobile-menu-body .mobile-menu-box ul > li > ul > li a{ 
	font-weight: bold; 
	font-family: "druk_widemedium", sans-serif;
}

.mobile-menu-link {
	
}
.mobile-menu-link > a {
  font-family: "camptonbold", sans-serif !important;
  font-weight: 800 !important;
}
.mobile-prod-menu {
	
}
.mobile-prod-menu-top {
	background-color: var(--lightgrey);
	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
	height:2rem;
}
.mobile-prod-menu-bottom {
	background-color: var(--lightgrey);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
	height:2rem;
}
.mobile-menu-body .close-btn button.close-cart {
  color: #444444;
  background: transparent;
  border: none;
  font-weight: 600;
  padding: 0;
}

.mobile-menu-body .close-btn button.close-cart img {
  max-width: 10px;
  margin-right: 8px;
  margin-top: -3px;
}

.mobile-menu-body .crt-bd-box {
  padding: 20px 0px;
  padding-top:10px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-heading h5 {
  color: #222222;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 600;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item {
  margin-bottom: 35px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .mobile-menu-img a {
  width: 55px !important;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .mobile-menu-img a img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  max-width:100%;
  max-height:70px!important;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .mobile-menu-disc p a {
  font-size: 15px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .mobile-menu-disc p a:hover {
  color: #2e9bc5;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .mobile-menu-disc span {
  font-size: 16px;
  color: #222222;
  font-weight: 600;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .delete-btn a i {
  color: #969696;
  margin-top: 15px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-content .content-item .delete-btn a i:hover {
  color: #444444;
}

.mobile-menu-body .crt-bd-box .mobile-menu-btm p {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-btm p span {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
  margin-left: 10px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-btm a {
  font-size: 16px;
  color: #fff;
  background: #2e9bc5;
  display: block;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.mobile-menu-body .crt-bd-box .mobile-menu-btm a:hover {
  background: #e45151;
}

.mobile-menu-body.open {
  right: 0;
}

.mobile-menu-overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99990;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.mobile-menu-overlay.visible {
  visibility: visible;
  opacity: 1;
}


.cart-body {
  background: #fff;
  width: 350px;
  position: fixed;
  top: 0;
  right: -350px;
  z-index: 99999;
  height: 100%;
  padding: 15px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.cart-body .close-btn {
  margin-bottom: 25px;
}

.cart-body .close-btn button.close-cart {
  color: #444444;
  background: transparent;
  border: none;
  font-weight: 600;
  padding: 0;
}

.cart-body .close-btn button.close-cart img {
  max-width: 10px;
  margin-right: 8px;
  margin-top: -3px;
}

.cart-body .crt-bd-box {
  padding: 20px 0px;
  padding-top:10px;
}

.cart-body .crt-bd-box .cart-heading h5 {
  color: #222222;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 600;
}

.cart-body .crt-bd-box .cart-content {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}

.cart-body .crt-bd-box .cart-content .content-item {
  margin-bottom: 15px;
}

.cart-body .crt-bd-box .cart-content .content-item .cart-img a {
  width: 100px !important;
  display: inline-block;
  text-align: center;
  margin: 0 5px;
}

.cart-body .crt-bd-box .cart-content .content-item .cart-img a img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  max-width:100%;
  max-height:60px!important;
}

.cart-body .crt-bd-box .cart-content .content-item .cart-disc p a {
  font-size: 15px;
}

.cart-body .crt-bd-box .cart-content .content-item .cart-disc p a:hover {
  color: #000;
  text-decoration: underline;
}

.cart-body .crt-bd-box .cart-content .content-item .cart-disc span {
  font-size: 14px;
  color: #222222;
  font-weight: 300;
  font-family: camptonregular;
}

.cart-body .crt-bd-box .cart-content .content-item .delete-btn a i {
  color: #969696;
  margin-top: 15px;
}

.cart-body .crt-bd-box .cart-content .content-item .delete-btn a i:hover {
  color: #444444;
}

.cart-body .crt-bd-box .cart-btm p {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.cart-body .crt-bd-box .cart-btm p span {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
  margin-left: 10px;
}

.cart-body .crt-bd-box .cart-btm a {
  font-size: 16px;
  color: #fff;
  background: #000;
  display: block;
  text-align: center;
  padding: 8px;
  text-transform: uppercase;
  border-radius: 5px;
}

.cart-body .crt-bd-box .cart-btm a:hover {
  text-decoration: underline;
}

.cart-body.open {
  right: 0;
}

.cart-overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99990;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.cart-overlay.visible {
  visibility: visible;
  opacity: 1;
}

.main-menu {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: start;
}
.main-menu ul {
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.main-menu ul li { margin:0 !important; height: 100%;}
.main-menu ul li a {
	font-weight: 600;
	font-size: 0.7rem;
	padding: 10px 10px 10px 10px!important;
	background-color: transparent;
	color:#000;
	margin:0;
	display: inline-block;
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	vertical-align: middle;
	align-items: center;
	transition: 0.3s ease;
}
.main-menu ul li a:hover {
	color: #fff;
	background-color: var(--red);
	polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
	-webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
	transition: 0.3s ease;
}
.main-menu ul li a.active {
	color: #fff;
	background-color: var(--darkblue);
	polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
	-webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
	transition: 0.3s ease;
}

.main-menu ul > li > a {  font-family: "camptonbold", sans-serif; font-weight: 800;}
.menu-area {
  padding-bottom: 15px;
}

.menu-area .main-menu ul li {
  position: relative;
  margin-right: 20px;
}

.menu-area .main-menu ul li a {
  font-size: 15px;
  color: #444444;
  display: inline-block;
  font-weight: 600;
  padding: 10px 5px;
}

.menu-area .main-menu ul li a i {
  font-size: 14px;
  color: #666666;
}

.menu-area .main-menu ul li a:hover {
  cursor: pointer;
}

.menu-area .main-menu ul li:first-child a {
  padding-left: 0;
}

.menu-area .main-menu ul li:last-child.trac-btn {
  float: right;
  margin-right: 0;
}

.menu-area .main-menu ul li:last-child.trac-btn a {
  font-size: 14px;
  color: #e45151;
  background: #fff;
  padding: 4px 15px;
  border: 1px solid #e45151;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.menu-area .main-menu ul li:last-child.trac-btn a:hover {
  background: #e45151;
  color: #fff;
}

.menu-area .main-menu ul li ul.dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 170px;
  background: #fff;
  text-align: left;
  border: 1px solid #eeeeee;
  border-top: 3px solid #2e9bc5;
  padding: 0;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.menu-area .main-menu ul li ul.dropdown li {
  position: relative;
  margin-right: 0;
}

.menu-area .main-menu ul li ul.dropdown li a {
  font-size: 14px;
  padding: 8px 20px;
  display: block;
  font-weight: normal;
}

.menu-area .main-menu ul li ul.dropdown li a:hover {
  background: #f5f5f5;
  color: #2e9bc5;
}

.menu-area .main-menu ul li:hover ul.dropdown {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.menu-area .main-menu ul li.mega-menu {
  position: inherit;
}

.menu-area .main-menu ul li.mega-menu .mega-box {
  width: calc(100% - 30px);
  margin: 0 auto;
  position: absolute;
  left: 15px;
  top: 100%;
  background: #fff;
  text-align: left;
  border: 1px solid #eeeeee;
  border-top: 3px solid #2e9bc5;
  padding: 30px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.menu-area .main-menu ul li.mega-menu .mega-box .clt-area h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .clt-area a {
  font-size: 14px;
  color: #666666;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  font-weight: normal;
  display: block;
}

.menu-area .main-menu ul li.mega-menu .mega-box .clt-area a:hover {
  color: #2e9bc5;
}

.menu-area .main-menu ul li.mega-menu .mega-box .sm-phn h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .sm-phn a {
  font-size: 14px;
  color: #666666;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  font-weight: normal;
  display: block;
}

.menu-area .main-menu ul li.mega-menu .mega-box .sm-phn a:hover {
  color: #2e9bc5;
}

.menu-area .main-menu ul li.mega-menu .mega-box .lt-news h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 28px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .lt-news .news-box {
  margin-bottom: 20px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-img img {
  max-width: 65px;
  margin-right: 10px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-con p {
  margin-bottom: 3px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-con span {
  font-size: 13px;
  color: #969696;
}

.menu-area .main-menu ul li.mega-menu .mega-box .m-slider {
  border: 1px solid #e5e5e5;
}

.menu-area .main-menu ul li.mega-menu .mega-box .m-slider .slider-item {
  position: relative;
}

.menu-area .main-menu ul li.mega-menu .mega-box .m-slider .slider-item span {
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .mega-bnr {
  margin-top: 20px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box {
  display: block;
  border: 1px solid #eeeeee;
  padding: 5px 10px 8px 0px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box img {
  max-width: 100px;
  margin-right: 10px;
}

.menu-area .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box span {
  font-size: 20px;
  color: #e45151;
  text-transform: uppercase;
  font-weight: 600;
  vertical-align: text-top;
}

.menu-area .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box:hover {
  border-color: #2e9bc5;
}

.menu-area .main-menu ul li.mega-menu:hover .mega-box {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.menu-area2 .sidemenu {
  height: 50px;
  position: relative;
}

.menu-area2 .sidemenu p {
  font-size: 16px;
  color: #fff;
  background: #2e9bc5;
  font-weight: 700;
  text-transform: uppercase;
  height: 50px;
  padding: 13px 22px;
}

.menu-area2 .sidemenu p i {
  font-size: 14px;
  color: #fff;
  float: right;
  margin-top: 5px;
}

.menu-area2 .sidemenu ul.gt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: none;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.menu-area2 .sidemenu ul.gt-menu li a {
  display: block;
  font-size: 14px;
  padding: 8px 20px;
  border-bottom: 1px solid #eeeeee;
}

.menu-area2 .sidemenu ul.gt-menu li a h6{
	text-transform: uppercase;
	line-height: 1em!important;
	overflow: hidden!important;
	margin-bottom: 0px !important;
}

.menu-area2 .sidemenu ul.gt-menu li a h6.hassub2{
	text-transform: uppercase;
	line-height: 1em!important;
	/*height: 3em!important;*/
	height: auto;
	overflow: hidden!important;
	margin-bottom: 0px!important;
}

.menu-area2 .sidemenu ul.gt-menu li a img {
  margin-top: -3px;
  margin-right: 12px;
}

.menu-area2 .sidemenu ul.gt-menu li a i {
  font-size: 14px;
  color: #969696;
  float: right;
  margin-top: 4px;
}

.menu-area2 .sidemenu ul.gt-menu li a:hover {
  background: #f5f5f5;
  font-weight: 600;
}

.menu-area2 .sidemenu ul.gt-menu li:last-child a {
  border-bottom: none;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu {
  position: absolute;
  width: calc(340% - 4px);
  max-width: 910px;
  /*top: 0; FD rem*/
  left: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 25px;
  overflow: hidden;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .smartphone h6, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet h6, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .f-phone h6, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .accesories h6 {
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 600;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .smartphone a, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet a, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .f-phone a, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .accesories a {
  font-size: 14px;
  color: #666666;
  padding: 6px 0;
  border: none;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .smartphone a:hover, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet a:hover, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .f-phone a:hover, .menu-area2 .sidemenu ul.gt-menu li .mega-menu .accesories a:hover {
  background: transparent;
  color: #2e9bc5;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .tablet {
  margin-bottom: 30px;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 135px;
  margin-bottom: -135px;
  margin-right: -35px;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr .mg-content {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 120px;
  margin-bottom: -15px;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr .mg-content h4 {
  color: #e45151;
  text-transform: uppercase;
  font-weight: 700;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .mg-bnr .mg-content span {
  font-size: 15px;
  color: #969696;
  font-weight: 600;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .tab-bnr img {
  margin-bottom: -80px;
  margin-right: -32px;
}

.menu-area2 .sidemenu ul.gt-menu li .mega-menu .pw-bnr img {
  width: 110px;
}

.menu-area2 .sidemenu ul.gt-menu li:hover .mega-menu {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.menu-area2 .sidemenu:hover p {
  cursor: pointer;
}

.menu-area2 .sidemenu:hover ul.gt-menu {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.menu-area2 .main-menu ul li {
  position: relative;
  margin-right: 20px;
}

.menu-area2 .main-menu ul li a {
  font-size: 15px;
  color: #444444;
  display: inline-block;
  font-weight: 600;
  padding: 14px 5px 14px 0;
}

.menu-area2 .main-menu ul li a i {
  font-size: 14px;
  color: #666666;
}

.menu-area2 .main-menu ul li a:hover {
  cursor: pointer;
}

.menu-area2 .main-menu ul li:last-child.cup-btn {
  float: right;
  margin-right: 0;
  margin-top: 10px;
}

.menu-area2 .main-menu ul li:last-child.cup-btn a {
  font-size: 14px;
  color: #e45151;
  background: #fff;
  padding: 4px 15px;
  border: 1px solid #e45151;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.menu-area2 .main-menu ul li:last-child.cup-btn a:hover {
  background: #e45151;
  color: #fff;
}

.menu-area2 .main-menu ul li ul.dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 170px;
  background: #fff;
  text-align: left;
  border: 1px solid #eeeeee;
  border-top: 3px solid #2e9bc5;
  padding: 0;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.menu-area2 .main-menu ul li ul.dropdown li {
  position: relative;
  margin-right: 0;
}

.menu-area2 .main-menu ul li ul.dropdown li a {
  font-size: 14px;
  padding: 8px 20px;
  display: block;
  font-weight: normal;
}

.menu-area2 .main-menu ul li ul.dropdown li a:hover {
  background: #f5f5f5;
  color: #2e9bc5;
}

.menu-area2 .main-menu ul li:hover ul.dropdown {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.menu-area2 .main-menu ul li.mega-menu {
  position: inherit;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box {
  width: calc(135% - 44px);
  margin: 0 auto;
  position: absolute;
  left: -31.5%;
  top: 100%;
  background: #fff;
  text-align: left;
  border: 1px solid #eeeeee;
  border-top: 3px solid #2e9bc5;
  padding: 30px;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .clt-area h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .clt-area a {
  font-size: 14px;
  color: #666666;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  font-weight: normal;
  display: block;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .clt-area a:hover {
  color: #2e9bc5;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .sm-phn h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .sm-phn a {
  font-size: 14px;
  color: #666666;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
  font-weight: normal;
  display: block;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .sm-phn a:hover {
  color: #2e9bc5;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 28px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box {
  margin-bottom: 20px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-img img {
  max-width: 65px;
  margin-right: 10px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-con p {
  margin-bottom: 3px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .lt-news .news-box .news-con span {
  font-size: 13px;
  color: #969696;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .m-slider {
  border: 1px solid #e5e5e5;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .m-slider .slider-item {
  position: relative;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .m-slider .slider-item span {
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 45px;
  height: 45px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr {
  margin-top: 20px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box {
  display: block;
  border: 1px solid #eeeeee;
  padding: 5px 10px 8px 0px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box img {
  max-width: 100px;
  margin-right: 10px;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box span {
  font-size: 20px;
  color: #e45151;
  text-transform: uppercase;
  font-weight: 600;
  vertical-align: text-top;
}

.menu-area2 .main-menu ul li.mega-menu .mega-box .mega-bnr a.bnr-box:hover {
  border-color: #2e9bc5;
}

.menu-area2 .main-menu ul li.mega-menu:hover .mega-box {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.mobile-menu-area {
	display:none;
}

.slider-area {
  margin-bottom: 30px;
}

.slider-area .menu-widget p {
	font-size: 15px;
	color: #fff;
	background: #2e9bc5;
	padding: 14px 20px;
	text-transform: uppercase;
	font-weight: 700;
}

.slider-area .menu-widget p i {
  font-size: 14px;
  margin-right: 10px;
}

.slider-area .menu-widget ul {
  border: 1px solid #e5e5e5;
  border-top: none;
}

.slider-area .menu-widget ul li a {
  display: block;
  font-size: 15px;
  padding: 8px 20px;
  border-bottom: 1px solid #eeeeee;
}

.slider-area .menu-widget ul li a:hover {
  background: #f5f5f5;
  font-weight: 600;
}

.slider-area .menu-widget ul li div a:hover {
	background: #e5e5e5;
  font-weight: 600;
}

.slider-area .menu-widget ul li a img {
  margin-top: -3px;
  margin-right: 12px;
}

.slider-area .menu-widget ul li a i {
  font-size: 14px;
  color: #969696;
  float: right;
  margin-top: 4px;
}

.slider-area .menu-widget ul li:last-child a {
  border-bottom: none;
}

.slider-area .menu-widget ul li .mega-menu {
  position: absolute;
  width: calc(300% - 0px);
  max-width: 910px;
  /*top: 0; FD rem*/
  left: 95%;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 55px;
  overflow: hidden;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  transform-origin: center top 0;
  background-color: #f5f5f5;
}

.slider-area .menu-widget ul li .mega-menu .smartphone h6, .slider-area .menu-widget ul li .mega-menu .tablet h6, .slider-area .menu-widget ul li .mega-menu .f-phone h6, .slider-area .menu-widget ul li .mega-menu .accesories h6 {
  color: #444444;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 600;
}

.slider-area .menu-widget ul li .mega-menu .smartphone a, .slider-area .menu-widget ul li .mega-menu .tablet a, .slider-area .menu-widget ul li .mega-menu .f-phone a, .slider-area .menu-widget ul li .mega-menu .accesories a {
  font-size: 14px;
  color: #666666;
  padding: 6px 0;
  border: none;
}

.slider-area .menu-widget ul li .mega-menu .smartphone a:hover, .slider-area .menu-widget ul li .mega-menu .tablet a:hover, .slider-area .menu-widget ul li .mega-menu .f-phone a:hover, .slider-area .menu-widget ul li .mega-menu .accesories a:hover {
  background: transparent;
  color: #2e9bc5;
}

.slider-area .menu-widget ul li .mega-menu .tablet {
  margin-bottom: 30px;
}

.slider-area .menu-widget ul li .mega-menu .mg-bnr img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 135px;
  margin-bottom: -135px;
  margin-right: -35px;
}

.slider-area .menu-widget ul li .mega-menu .mg-bnr .mg-content {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 120px;
  margin-bottom: -15px;
}

.slider-area .menu-widget ul li .mega-menu .mg-bnr .mg-content h4 {
  color: #e45151;
  text-transform: uppercase;
  font-weight: 700;
}

.slider-area .menu-widget ul li .mega-menu .mg-bnr .mg-content span {
  font-size: 15px;
  color: #969696;
  font-weight: 600;
}

.slider-area .menu-widget ul li .mega-menu .tab-bnr img {
  margin-bottom: -80px;
  margin-right: -32px;
}

.slider-area .menu-widget ul li .mega-menu .pw-bnr img {
  width: 110px;
}

.slider-area .menu-widget ul li:hover .mega-menu {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.slider-area .owl-slider {
  background: #f5f5f5;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.slider-area .owl-slider .slider-item {
  position: relative;
  height: 368px;
}

.slider-area .owl-slider .slider-item .slider-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table {
  display: table;
  width: 100%;
  height: 100%;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 50px;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell h5 {
  color: #e45151;
  font-weight: 600;
  margin-bottom: 8px;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell h2 {
  color: #222222;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 8px;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell p {
  font-size: 18px;
  margin-bottom: 30px;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell a {
  font-size: 15px;
  color: #fff;
  background: #2e9bc5;
  padding: 8px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.slider-area .owl-slider .slider-item .slider-box .slider-table .slider-tablecell a:hover {
  background: #e45151;
}

.slider-area .owl-slider .slider-item1 img {
  width: auto;
  max-width: 500px;
  position: absolute;
  bottom: 0;
  right: 25px;
}

.slider-area .owl-slider .slider-item2 img {
  width: auto;
  max-width: 400px;
  position: absolute;
  top: 20px;
  left: 30px;
}


.slider-area .owl-slider .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
}

.slider-area .owl-slider .owl-dots .owl-dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #e45151;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 2px;
}

.slider-area .owl-slider .owl-dots .owl-dot.active {
  background: #e45151;
}

.slider-area .slider-btm-box .single-box {
  position: relative;
  overflow: hidden;
}

.slider-area .slider-btm-box .single-box:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.slider-area .slider-btm-box .single-box:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.slider-area .slider-btm-box .single-box:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.slider-area .slider-btm-box .single-box:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.slider-area .slider-btm-box .mr-20 {
  margin-right: 20px;
}

.owl-carousel .owl-item {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.owl-carousel .owl-item img {
  -webkit-transform-style: unset;
  transform-style: unset;
}

.slider-area2 {
  margin-bottom: 30px;
  background-color: var(--lightgrey);
}

.slider-area2 .slider-wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

.slider-area2 .slider-wrapper .slider-item {
  background: #fff;
  height: 800px;
  position: relative;
  z-index: 1000;
}

.slider-area2 .slider-wrapper .slider-item .slider-table {
  display: table;
  width: 100%;
  height: 100%;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell {
  display: table-cell;
  vertical-align: middle;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell .slider-box {
  padding-top: 13%;
  padding-left: 50px;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell .slider-box .effect h4 {
  color: #e45151;
  font-weight: 600;
  margin-bottom: 10px;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell .slider-box .effect h1 {
  font-size: 52px;
  color: #444444;
  letter-spacing: 0;
  font-weight: 700;
  margin-bottom: 10px;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell .slider-box .effect p {
  font-size: 30px;
  margin-bottom: 35px;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell .slider-box .effect a {
  font-size: 16px;
  color: #fff;
  background: #2e9bc5;
  padding: 8px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.slider-area2 .slider-wrapper .slider-item .slider-table .slider-tablecell .slider-box .effect a:hover {
  background: #e45151;
}

.slider-area2 .slider-wrapper .slider-item.slider2 .slider-table .slider-tablecell .slider-box {
  padding-left: 0;
}


.slider-area2 .owl-nav {
  position: absolute;
  right: 0;
  bottom: 6rem;
  width: auto;
  display:none;
}

.slider-area2 .owl-nav .owl-prev {
	display: inline-block;
	float: left;
	background-color: #fff;
	padding: 15px;
}

.slider-area2 .owl-nav .owl-next {
	display: inline-block;
	float: right;
	background-color: #fff;
	padding: 15px;

}
.slider-area2 .slider-wrapper .owl-dots {
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -15px;
}

.slider-area2 .slider-wrapper .owl-dots .owl-dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #e45151;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 2px;
}

.slider-area2 .slider-wrapper .owl-dots .owl-dot.active {
  background: #e45151;
}

.slider-area2 .slider-wrapper:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
  left: 15px;
}

.slider-area2 .slider-wrapper:hover .owl-nav div.owl-next {
  left: inherit;
  right: 15px;
}

#rightBoxPanel { overflow: hidden; }

.mainBoxRow {}
.mainBoxRow .box {  overflow: hidden; }
.mainBoxRow .box h3 {
	word-wrap: break-word;
	box-sizing: border-box;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
	margin-top: 0px;
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 14px;
	line-height: 1.1em;
	text-transform: uppercase;
	color: #010101;
}
.mainBoxRow .box p {
	color: #010101;
	font-size: 14px;
	line-height: 1.68em;
	font-weight: 300;
	word-wrap: break-word;
	box-sizing: border-box;
	margin: 0px 0px 10px 0px;
}

.service-area {
  margin-bottom: 50px;
}

.service-area .service-box {
  border: 1px solid #e5e5e5;
  padding: 20px;
}

.service-area .service-box .sr-img {
  background: #2e9bc5;
  padding: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 12px;
}

.service-area .service-box h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 8px;
}

.service-area .service-box p {
  color: #969696;
}

.product-area .bt-deal {
  border: 1px solid #e5e5e5;
  padding: 20px 20px 0;
  margin-bottom: 30px;
}

.product-area .bt-deal .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.product-area .bt-deal .bt-body {
  position: relative;
}

.product-area .bt-deal .bt-body .bt-items .bt-box {
  margin-bottom: 20px;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-img a img {
  max-width: 85px;
  margin-right: 15px;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p {
  margin-bottom: 2px;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p a {
  color: #666666;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content p a:hover {
  color: #2e9bc5;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.fav {
  margin-bottom: 2px;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.fav li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.price li {
  color: #444444;
  font-weight: 600;
  margin-right: 0;
  letter-spacing: 0;
}

.product-area .bt-deal .bt-body .bt-items .bt-box .bt-content ul.price li:last-child {
  font-size: 13px;
  color: #969696;
  margin-left: 5px;
  font-weight: normal;
  text-decoration: line-through;
}

.product-area .bt-deal .bt-body .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -54px;
}

.product-area .bt-deal .bt-body .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.product-area .bt-deal .bt-body .owl-nav div.owl-prev {
  margin-right: 25px;
}

.product-area .ftr-product {
  border: 1px solid #e5e5e5;
  padding: 16px 20px;
  margin-bottom: 30px;
}

.product-area .ftr-product .tab-box {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 18px;
  padding-bottom: 10px;
}

.product-area .ftr-product .tab-box .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
}

.product-area .ftr-product .tab-box ul.nav {
  border: none;
  margin-right: 70px;
}

.product-area .ftr-product .tab-box ul.nav li.nav-item {
  margin: 0;
}

.product-area .ftr-product .tab-box ul.nav li.nav-item a.nav-link {
  border: none;
  padding: 3px 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.product-area .ftr-product .tab-box ul.nav li.nav-item a.nav-link.active {
  background: #2e9bc5;
  color: #fff;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider {
  position: relative;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item {
  overflow: hidden;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading ul {
  margin-bottom: 3px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading ul li a {
  font-size: 13px;
  color: #969696;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading ul li a:hover {
  color: #e45151;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading p {
  margin-bottom: 20px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading p a {
  font-size: 16px;
  color: #2e9bc5;
  font-weight: 600;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading p a:hover {
  color: #e45151;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img {
  margin-bottom: 20px;
  position: relative;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img img.main-img {
  max-width: 100%;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img img.sec-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img span.sale {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img span.new {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #2e9bc5;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a {
  border: 1px solid #dddddd;
  padding: 5px 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  right: -45px;
  margin-right: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a img {
  max-width: 16px;
  display: inline-block;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a:hover {
  border-color: #e45151;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a.it-comp {
  margin-top: 60px;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a.it-fav {
  margin-top: 15px;
  -webkit-transition-delay: 0.0s;
  -o-transition-delay: 0.0s;
  transition-delay: 0.0s;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.fav {
  margin-bottom: 6px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.fav li {
  margin: 0;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.fav li i {
  font-size: 13px;
  color: #fdba2d;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.price li {
  font-size: 18px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content a {
  background: #eeeeee;
  display: inline-block;
  padding: 10px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: 8px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content a:hover {
  border-color: #e45151;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item:hover .tab-img img.sec-img {
  visibility: visible;
  opacity: 1;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .tab-item:hover .tab-img .layer-box a {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -55px;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
}

.product-area .ftr-product .tab-content .tab-pane .tab-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

.product-area .banner {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.product-area .banner:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.product-area .banner:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.product-area .banner:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.product-area .banner:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.product-area .ht-offer {
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin-bottom: 30px;
}

.product-area .ht-offer .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.product-area .ht-offer .ht-body {
  position: relative;
}

.product-area .ht-offer .ht-body .ht-item .ht-img {
  position: relative;
}

.product-area .ht-offer .ht-body .ht-item .ht-img a img {
  margin-bottom: 15px;
}

.product-area .ht-offer .ht-body .ht-item .ht-img span {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.product-area .ht-offer .ht-body .ht-item .ht-img ul.counter-box {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 15px;
  width: 100%;
}

.product-area .ht-offer .ht-body .ht-item .ht-img ul.counter-box li {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 45px;
  height: 45px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  padding-top: 5px;
}

.product-area .ht-offer .ht-body .ht-item .ht-img ul.counter-box li p {
  font-size: 11px;
  font-weight: 500;
  margin-top: -3px;
  text-transform: uppercase;
}

.product-area .ht-offer .ht-body .ht-item .ht-content p {
  margin-bottom: 2px;
}

.product-area .ht-offer .ht-body .ht-item .ht-content p a {
  font-size: 15px;
  color: #666666;
}

.product-area .ht-offer .ht-body .ht-item .ht-content p a:hover {
  color: #2e9bc5;
}

.product-area .ht-offer .ht-body .ht-item .ht-content ul.fav {
  margin-bottom: 2px;
}

.product-area .ht-offer .ht-body .ht-item .ht-content ul.fav li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.product-area .ht-offer .ht-body .ht-item .ht-content ul.price li {
  font-size: 15px;
  color: #444444;
  font-weight: 600;
  margin-right: 0;
  letter-spacing: 0;
}

.product-area .ht-offer .ht-body .ht-item .ht-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  margin-left: 10px;
  font-weight: normal;
  text-decoration: line-through;
}

.product-area .ht-offer .ht-body .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -54px;
}

.product-area .ht-offer .ht-body .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.product-area .ht-offer .ht-body .owl-nav div.owl-prev {
  margin-right: 25px;
}

.product-area .new-product {
  border: 1px solid #e5e5e5;
  padding: 16px 20px;
  margin-bottom: 30px;
}

.product-area .new-product .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 18px;
  padding-bottom: 10px;
}

.product-area .new-product .new-slider .new-item {
  overflow: hidden;
}

.product-area .new-product .new-slider .new-item .tab-heading ul {
  margin-bottom: 3px;
}

.product-area .new-product .new-slider .new-item .tab-heading ul li a {
  font-size: 13px;
  color: #969696;
}

.product-area .new-product .new-slider .new-item .tab-heading ul li a:hover {
  color: #e45151;
}

.product-area .new-product .new-slider .new-item .tab-heading p {
  margin-bottom: 20px;
}

.product-area .new-product .new-slider .new-item .tab-heading p a {
  font-size: 16px;
  color: #2e9bc5;
  font-weight: 600;
}

.product-area .new-product .new-slider .new-item .tab-heading p a:hover {
  color: #e45151;
}

.product-area .new-product .new-slider .new-item .new-img {
  margin-bottom: 20px;
  position: relative;
}

.product-area .new-product .new-slider .new-item .new-img img.sec-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  visibility: hidden;
}

.product-area .new-product .new-slider .new-item .new-img .layer-box a {
  border: 1px solid #dddddd;
  padding: 5px 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  right: -45px;
  margin-right: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.product-area .new-product .new-slider .new-item .new-img .layer-box a img {
  max-width: 16px;
  display: inline-block;
}

.product-area .new-product .new-slider .new-item .new-img .layer-box a:hover {
  border-color: #e45151;
}

.product-area .new-product .new-slider .new-item .new-img .layer-box a.it-comp {
  margin-top: 60px;
  -webkit-transition-delay: 0.06s;
  -o-transition-delay: 0.06s;
  transition-delay: 0.06s;
}

.product-area .new-product .new-slider .new-item .new-img .layer-box a.it-fav {
  margin-top: 15px;
  -webkit-transition-delay: 0.0s;
  -o-transition-delay: 0.0s;
  transition-delay: 0.0s;
}

.product-area .new-product .new-slider .new-item .img-content ul.fav {
  margin-bottom: 6px;
}

.product-area .new-product .new-slider .new-item .img-content ul.fav li {
  margin: 0;
}

.product-area .new-product .new-slider .new-item .img-content ul.fav li i {
  font-size: 13px;
  color: #fdba2d;
}

.product-area .new-product .new-slider .new-item .img-content ul.price li {
  font-size: 18px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0;
}

.product-area .new-product .new-slider .new-item .img-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
}

.product-area .new-product .new-slider .new-item .img-content a {
  background: #eeeeee;
  display: inline-block;
  padding: 10px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: 8px;
}

.product-area .new-product .new-slider .new-item .img-content a:hover {
  border-color: #e45151;
}

.product-area .new-product .new-slider .new-item:hover .new-img img.sec-img {
  visibility: visible;
  opacity: 1;
}

.product-area .new-product .new-slider .new-item:hover .new-img .layer-box a {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.product-area .new-product .new-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -55px;
}

.product-area .new-product .new-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
}

.product-area .new-product .new-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

.product-area .banner-two {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.product-area .banner-two:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.product-area .banner-two:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.product-area .banner-two:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.product-area .banner-two:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.product-area .top-slr {
  border: 1px solid #e5e5e5;
  padding: 16px 20px 0;
  margin-bottom: 30px;
}

.product-area .top-slr .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 18px;
  padding-bottom: 10px;
}

.product-area .top-slr .slr-slider {
  position: relative;
}

.product-area .top-slr .slr-slider .slr-items .slr-box {
  margin-bottom: 20px;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-img a img {
  max-width: 85px;
  margin-right: 15px;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content p {
  margin-bottom: 2px;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content p a {
  color: #666666;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content p a:hover {
  color: #2e9bc5;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.fav {
  margin-bottom: 2px;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.fav li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.price li {
  color: #444444;
  font-weight: 600;
  margin-right: 0;
  letter-spacing: 0;
}

.product-area .top-slr .slr-slider .slr-items .slr-box .slr-content ul.price li:last-child {
  font-size: 13px;
  color: #969696;
  margin-left: 5px;
  font-weight: normal;
  text-decoration: line-through;
}

.product-area .top-slr .slr-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 1px;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -55px;
}

.product-area .top-slr .slr-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.product-area .top-slr .slr-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

.product-area .hm-blog {
  border: 1px solid #e5e5e5;
  padding: 16px 20px;
}

.product-area .hm-blog .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 18px;
  padding-bottom: 10px;
}

.product-area .hm-blog .blog-slider .blog-item .blog-img a img {
  margin-bottom: 15px;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content h6 {
  margin-bottom: 10px;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content h6 a {
  color: #444444;
  font-weight: 600;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content h6 a:hover {
  color: #2e9bc5;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content ul {
  margin-bottom: 10px;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content ul li i {
  font-size: 12px;
  color: #969696;
  margin-right: 5px;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content ul li a:hover {
  color: #2e9bc5;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content ul li:nth-child(1) {
  margin-right: 10px;
}

.product-area .hm-blog .blog-slider .blog-item .blog-content p {
  color: #666666;
  line-height: 25px;
  letter-spacing: 0.3px;
}

.product-area .hm-blog .blog-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 1px;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -55px;
}

.product-area .hm-blog .blog-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.product-area .hm-blog .blog-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

.product-area .hm-test {
  border: 1px solid #e5e5e5;
  padding: 30px 20px;
  margin-bottom: 30px;
}

.product-area .hm-test .test-body .test-item img {
  max-width: 90px;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 20px;
}

.product-area .hm-test .test-body .test-item h6 {
  font-size: 15px;
  color: #444444;
  margin-bottom: 3px;
  font-weight: 600;
}

.product-area .hm-test .test-body .test-item span {
  color: #969696;
  display: inline-block;
  margin-bottom: 10px;
}

.product-area .hm-test .test-body .test-item p {
  color: #666666;
  line-height: 22px;
  margin-bottom: 20px;
}

.product-area .hm-test .test-body .owl-dots {
  text-align: center;
}

.product-area .hm-test .test-body .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: #dddddd;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 0 3px;
}

.product-area .hm-test .test-body .owl-dots .owl-dot.active {
  background: #2e9bc5;
}

.product-area .top-rtd {
  border: 1px solid #e5e5e5;
  padding: 20px 20px 0;
  margin-bottom: 30px;
}

.product-area .top-rtd .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.product-area .top-rtd .rt-slider {
  position: relative;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box {
  margin-bottom: 20px;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-img a img {
  max-width: 85px;
  margin-right: 15px;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content p {
  margin-bottom: 2px;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content p a {
  color: #666666;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content p a:hover {
  color: #2e9bc5;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.fav {
  margin-bottom: 2px;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.fav li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.price li {
  color: #444444;
  font-weight: 600;
  margin-right: 0;
  letter-spacing: 0;
}

.product-area .top-rtd .rt-slider .rt-items .rt-box .rt-content ul.price li:last-child {
  font-size: 13px;
  color: #969696;
  margin-left: 5px;
  font-weight: normal;
  text-decoration: line-through;
}

.product-area .top-rtd .rt-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -54px;
}

.product-area .top-rtd .rt-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.product-area .top-rtd .rt-slider .owl-nav div.owl-prev {
  margin-right: 25px;
}

.product-area .nw-ltr {
  border: 1px solid #e5e5e5;
  padding: 20px;
}

.product-area .nw-ltr .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.product-area .nw-ltr .nw-box p {
  margin-bottom: 20px;
  line-height: 23px;
}

.product-area .nw-ltr .nw-box form input {
  width: 100%;
  height: 35px;
  color: #444444;
  border: 1px solid #dddddd;
  padding-left: 15px;
  border-radius: 30px;
  margin-bottom: 18px;
}

.product-area .nw-ltr .nw-box form input.placeholder {
  font-style: italic;
  color: #666666;
}

.product-area .nw-ltr .nw-box form input:-moz-placeholder {
  font-style: italic;
  color: #666666;
}

.product-area .nw-ltr .nw-box form input::-moz-placeholder {
  font-style: italic;
  color: #666666;
}

.product-area .nw-ltr .nw-box form input:-ms-input-placeholder {
  font-style: italic;
  color: #666666;
}

.product-area .nw-ltr .nw-box form input::-webkit-input-placeholder {
  font-style: italic;
  color: #666666;
}

.product-area .nw-ltr .nw-box form input:focus {
  border-color: #2e9bc5;
}

.product-area .nw-ltr .nw-box form button {
  width: 100%;
  height: 35px;
  background: #2e9bc5;
  color: #fff;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
}

.product-area .nw-ltr .nw-box form button:hover {
  background: #e45151;
}

.product-area .tp-bnd {
  margin: 50px 0;
}

.product-area .tp-bnd .bnd-items a img {
  width: auto;
  border: 1px solid #eeeeee;
}

.product-area .tp-bnd .bnd-items a img:hover {
  border-color: #2e9bc5;
}

.feat-pro2 {
  padding-bottom: 50px;
}

.feat-pro2 .sec-title {
  margin-bottom: 30px;
}

.feat-pro2 .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
}

.feat-pro2 .feat-box {
  border: 1px solid #eeeeee;
}

.feat-pro2 .feat-box .ft-bx-content {
  padding: 20px;
}

.feat-pro2 .feat-box .ft-bx-content h5 {
  color: #2e9bc5;
  font-weight: 600;
  margin-bottom: 10px;
}

.feat-pro2 .feat-box .ft-bx-content p {
  color: #969696;
}

.feat-pro2 .ftr-product .tab-box {
  margin-bottom: 28px;
}

.feat-pro2 .ftr-product .tab-box .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
}

.feat-pro2 .ftr-product .tab-box ul.nav {
  border: none;
  margin-right: 70px;
}

.feat-pro2 .ftr-product .tab-box ul.nav li.nav-item {
  margin: 0;
}

.feat-pro2 .ftr-product .tab-box ul.nav li.nav-item a.nav-link {
  border: none;
  padding: 3px 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.feat-pro2 .ftr-product .tab-box ul.nav li.nav-item a.nav-link.active {
  background: #2e9bc5;
  color: #fff;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider {
  position: relative;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item {
  overflow: hidden;
  border: 1px solid #eeeeee;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading ul {
  margin-bottom: 3px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading ul li a {
  font-size: 13px;
  color: #969696;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading ul li a:hover {
  color: #e45151;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading p {
  margin-bottom: 6px;
  padding: 0 15px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading p a {
  font-size: 16px;
  color: #2e9bc5;
  font-weight: 600;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-heading p a:hover {
  color: #e45151;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img {
  margin-bottom: 10px;
  position: relative;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img img.main-img {
  max-width: 100%;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img img.sec-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img span.sale {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img span.new {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #2e9bc5;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a {
  border: 1px solid #dddddd;
  padding: 5px 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  right: -45px;
  margin-right: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a img {
  max-width: 16px;
  display: inline-block;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a:hover {
  border-color: #e45151;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a.it-comp {
  margin-top: 60px;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .tab-img .layer-box a.it-fav {
  margin-top: 15px;
  -webkit-transition-delay: 0.0s;
  -o-transition-delay: 0.0s;
  transition-delay: 0.0s;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content {
  padding: 0 15px 10px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.fav {
  margin-bottom: 6px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.fav li {
  margin: 0;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.fav li i {
  font-size: 13px;
  color: #fdba2d;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.price li {
  font-size: 18px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content a {
  background: #eeeeee;
  display: inline-block;
  padding: 10px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: 8px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item .img-content a:hover {
  border-color: #e45151;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item:hover .tab-img img.sec-img {
  visibility: visible;
  opacity: 1;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .tab-item:hover .tab-img .layer-box a {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -54px;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
}

.feat-pro2 .ftr-product .tab-content .tab-pane .tab-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

.banner3 {
  margin-bottom: 50px;
  position: relative;
}

.banner3 .banner3-box:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.banner3 .banner3-box:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.banner3 .banner3-box:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.banner3 .banner3-box:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}


.tst-bnd {
  margin-bottom: 50px;
}

.tst-bnd .testimoni2 .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.tst-bnd .testimoni2 .testimonial2 {
  position: relative;
}

.tst-bnd .testimoni2 .testimonial2 .testimonial-item .test-img {
  margin-right: 20px;
}

.tst-bnd .testimoni2 .testimonial2 .testimonial-item .test-img img {
  width: 100px;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 20px;
}

.tst-bnd .testimoni2 .testimonial2 .testimonial-item .test-img h6 {
  font-size: 15px;
  color: #444444;
  margin-bottom: 3px;
  font-weight: 600;
}

.tst-bnd .testimoni2 .testimonial2 .testimonial-item .test-img p {
  color: #969696;
}

.tst-bnd .testimoni2 .testimonial2 .testimonial-item .test-content p {
  font-size: 15px;
  color: #666666;
  line-height: 30px;
  margin-bottom: 20px;
}

.tst-bnd .testimoni2 .testimonial2 .testimonial-item .test-content p i {
  font-size: 20px;
  color: #e45151;
  margin: 0 10px 5px 0;
}

.tst-bnd .testimoni2 .testimonial2 .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -50px;
}

.tst-bnd .testimoni2 .testimonial2 .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
}

.tst-bnd .testimoni2 .testimonial2 .owl-nav div.owl-prev {
  margin-right: 25px;
}

.tst-bnd .brand2 .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.tst-bnd .brand2 a img {
  border: 1px solid #eeeeee;
  padding: 17px 5px 7px;
  margin-bottom: 25px;
}


.sec-banner {
  margin-bottom: 50px;
}

.sec-banner .banner-img1 img {
  margin-bottom: 30px;
}

.best-ofr {
  margin-bottom: 30px;
}

.best-ofr .bst-slider .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.best-ofr .bst-slider .bst-body {
  position: relative;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box {
  margin-bottom: 20px;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-img a img {
  width: auto;
  margin-right: 20px;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content p {
  margin-bottom: 5px;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content p a {
  font-size: 15px;
  color: #666666;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content p a:hover {
  color: #2e9bc5;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content ul.fav {
  margin-bottom: 5px;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content ul.fav li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content ul.price li {
  color: #444444;
  font-weight: 600;
  margin-right: 0;
  letter-spacing: 0;
}

.best-ofr .bst-slider .bst-body .bst-items .bst-box .bst-content ul.price li:last-child {
  font-size: 13px;
  color: #969696;
  margin-left: 5px;
  font-weight: normal;
  text-decoration: line-through;
}

.best-ofr .bst-slider .bst-body .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  width: auto;
  height: auto;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -50px;
  padding: 1px 8px;
}

.best-ofr .bst-slider .bst-body .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.best-ofr .bst-slider .bst-body .owl-nav div.owl-prev {
  margin-right: 25px;
}

.f-banner {
  margin-bottom: 50px;
}

.f-banner .f-bnr-img {
  position: relative;
}

.f-banner .f-bnr-img:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.f-banner .f-bnr-img:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.f-banner .f-bnr-img:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.f-banner .f-bnr-img:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.f-blog {
  padding: 50px 0;
}

.f-blog .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 25px;
}



.pro-area {
  margin-bottom: 50px;
}

.pro-area .sp-offer {
  background: #f5f5f5;
  padding: 50px 0;
}

.pro-area .sp-offer .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px;
}

.pro-area .sp-offer .sp-slider .slider-item img {
  width: auto;
  max-width: 115px;
  margin-bottom: 35px;
}

.pro-area .sp-offer .sp-slider .slider-item p {
  margin-bottom: 10px;
}

.pro-area .sp-offer .sp-slider .slider-item p a {
  font-size: 16px;
  color: #444444;
}

.pro-area .sp-offer .sp-slider .slider-item p a:hover {
  color: #2e9bc5;
}

.brand2 {
  margin-bottom: 25px;
}

.brand2 .tp-bnd .bnd-items a img {
	border: 1px solid #eeeeee;
	margin-bottom: 25px;
}

.brand2 .tp-bnd .bnd-items a img:hover {
  border-color: #2e9bc5;
}

.breadcrumb-area {
	background-color: var(--lightgrey);
	padding: 15px 0;
	padding-top: 15px;
	margin: 0 0 15px 0;
	padding-top: 1.5rem;
}

.breadcrumb-area .breadcrumb-box ul .li-sep i {
  color: #000;
}

.breadcrumb-area .breadcrumb-box ul li {
  font-size: 14px;
  text-transform: none;
  font-family: "camptonsemibold", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb-box ul li span {
  color: #444444;
  margin-right: 6px;
  vertical-align: text-bottom;
}

.breadcrumb-area .breadcrumb-box ul li a {
  text-transform: initial;
  color: #000;
  margin-right: 7px;
  font-weight: 300;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: normal;
  transition: color 0.5s ease;
  color: var(--darkblue);
  font-family: "camptonsemibold", sans-serif;
  font-weight: 800;
}


.breadcrumb-area .breadcrumb-box ul li a:hover {
  color: #000;
}

.about-us {
  padding: 15px 0 22px;
}

.about-us .wc-box h4 {
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.about-us .wc-box h4 span {
  color: #2e9bc5;
}

.about-us .wc-box p {
  font-size: 16px;
  color: #969696;
  line-height: 28px;
  margin-bottom: 35px;
}

.about-us .wc-box a {
  font-size: 15px;
  color: #2e9bc5;
  border: 1px solid #2e9bc5;
  padding: 8px 20px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  font-weight: 600;
}

.about-us .wc-box a:hover {
  background: #2e9bc5;
  color: #fff;
}

.about-us .his-mis {
  padding-top: 50px;
}

.about-us .his-mis .about-bnr {
  margin-bottom: 50px;
  position: relative;
}

.about-us .his-mis .about-bnr:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.about-us .his-mis .about-bnr:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.about-us .his-mis .about-bnr:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.about-us .his-mis .about-bnr:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.about-us .his-mis .history h5 {
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.about-us .his-mis .history p {
  font-size: 16px;
  color: #969696;
  line-height: 28px;
  margin-bottom: 20px;
}

.about-us .his-mis .history ul li {
  color: #969696;
  margin-bottom: 8px;
}

.about-us .his-mis .history ul li i {
  font-size: 13px;
  color: #2e9bc5;
  margin-right: 10px;
}

.team {
  padding-bottom: 50px;
}

.team .sec-title h4 {
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.team .team-slider {
  position: relative;
}

.team .team-slider .team-box {
  text-align: center;
}

.team .team-slider .team-box img {
  margin-bottom: 20px;
}

.team .team-slider .team-box h5 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 10px;
}

.team .team-slider .team-box p {
  color: #2e9bc5;
  font-weight: 600;
}

.team .team-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -55px;
}

.team .team-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
}

.team .team-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

.category {
  padding: 25px 0;
}

.category-box {
  margin-bottom: 35px;
}

.category-box .sec-title h6 {
  color: #000;
  font-weight: 500;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0;
  text-transform: lowercase;
  margin-bottom: 25px;
  font-size: 16px;
  padding-bottom: 3px;
}		

.category-box #accordion .card {
  border: none;
  margin-bottom: 8px;
}

.category-box #accordion .card .card-header {
  padding: 0;
  background: transparent;
  border-bottom: none;
}

.category-box #accordion .card .card-header a {
  display: block;
  width:100%;
}

.category-box #accordion .card .card-header a span {
  text-transform: initial;
  color: #323232;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3em;
}
.category-box #accordion .card .card-header a:hover span {
	font-weight: bold;
}
.category-box #accordion .card .card-header small {
  color: #666;
  font-size: 12px;
  top: 3px;
  position: relative;
  font-weight: 300!important;
}

.category-box #accordion .card .card-header a > i {
  float: right;
  margin-top: 4px;
}

.category-box #accordion .card .card-header a[aria-expanded="true"] span {
  font-weight: bold;
}

/*-------------*/

.category-box #accordion ul li a {
  display: block;
  width: 100%;
  margin: 2px 0 7px;
}
.category-box #accordion  ul li a span {
  text-transform: lowercase;
  color: #323232;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3em;
}
.category-box #accordion ul li a:hover span {
	font-weight: bold;
}
.category-box #accordion ul li a small {
  color: #666;
  font-size: 12px;
  top: 3px;
  position: relative;
  font-weight: 300!important;
}

.category-box #accordion ul li a a > i {
  float: right;
  margin-top: 4px;
}

.category-box #accordion ul li a a[aria-expanded="true"] span {
  font-weight: bold;
}

/*-------------*/


.category .cat-brand {
  margin-bottom: 25px;
}

.category .cat-brand .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.category .cat-brand .brand-box ul li input {
  margin-right: 8px;
}

.category .cat-brand .brand-box ul li input:hover {
  cursor: pointer;
}

.category .cat-brand .brand-box ul li label {
  color: #666666;
  vertical-align: middle;
  font-weight: 600;
}

.category .cat-brand .brand-box ul li label:hover {
  cursor: pointer;
}

.category .price-range {
  margin-bottom: 35px;
}

.category .price-range .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.category .price-range .price-filter #slider-range.ui-slider {
  background: #eeeeee none repeat scroll 0 0;
  width: 100%;
  height: 10px;
  margin-bottom: 15px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  position: relative;
}

.category .price-range .price-filter #slider-range.ui-slider .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  display: block;
  background: #2e9bc5 none repeat scroll 0 0;
}

.category .price-range .price-filter #slider-range.ui-slider span.ui-slider-handle {
  position: absolute;
  top: -5px;
  width: 18px;
  height: 18px;
  background: #666666;
  z-index: 2;
  margin-left: -8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.category .price-range .price-filter #slider-range.ui-slider span.ui-slider-handle:hover {
  cursor: pointer;
}

.category .price-range .price-filter #slider-range.ui-slider span.ui-slider-handle:focus {
  outline: none;
}

.category .price-range .price-filter input {
  font-size: 17px;
  font-weight: 600;
  border: none;
  display: block;
  margin-bottom: 20px;
}

.category .price-range .price-filter button {
  font-size: 15px;
  color: #2e9bc5;
  background: transparent;
  border: 1px solid #2e9bc5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 3px 25px;
  font-weight: 600;
}

.category .price-range .price-filter button:hover {
  background: #2e9bc5;
  color: #fff;
}

.category .color {
  margin-bottom: 25px;
}

.category .color .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.category .color ul.color-box li input {
  margin-right: 8px;
}

.category .color ul.color-box li input:hover {
  cursor: pointer;
}

.category .color ul.color-box li label {
  color: #666666;
  vertical-align: middle;
  font-weight: 600;
}

.category .color ul.color-box li label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-right: 8px;
}

.category .color ul.color-box li label:hover {
  cursor: pointer;
}

.category .pro-tag {
  margin-bottom: 30px;
}

.category .pro-tag .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.category .pro-tag .tag-box a {
  font-size: 13px;
  border: 1px solid #e5e5e5;
  padding: 5px 14px 4px;
  margin: 0 5px 10px 0;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.category .pro-tag .tag-box a:hover {
  color: #fff;
  background: #2e9bc5;
  border-color: #2e9bc5;
}

.category .add-box {
  position: relative;
}

.category .add-box:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.category .add-box:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.category .add-box:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.category .add-box:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.category .product-box .cat-box {
  border-bottom: 0px solid #eeeeee;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
}

.category .product-box .cat-box .view {
  color: #949494;
  font-size: 12px;
  text-transform: initial;
  font-weight: 400;
}

.category .product-box .cat-box .view ul.nav {
  border: none;
}

.category .product-box .cat-box .view ul.nav li.nav-item a.nav-link {
  font-size: 20px;
  color: #8D8E92;
  border: none;
  padding: 0;
  margin-right: 10px;
}

.category .product-box .cat-box .view ul.nav li.nav-item a.nav-link.active {
  color: #444444;
}

.category .product-box .cat-box .sortby {
  position: relative;
}

.category .product-box .cat-box .sortby span {
  font-weight: 600;
  margin-right: 10px;
}

.category .product-box .cat-box .sortby select.sort-box {
  color: #666666;
  border: 1px solid #dddddd;
  width: auto;
  padding: 5px 15px;
  padding-left: 5px 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 25px;
}

.category .product-box .cat-box .sortby select.sort-box:focus {
  outline: none;
}

/*
.category .product-box .cat-box .sortby:after {
  position: absolute;
  float: right;
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 13px;
  color: #666666;
  top: 7px;
  right: 12px;
  height:0px;
}
*/

.category .product-box .cat-box .sortby::after {
	
}

.category .product-box .cat-box .show-item {
  position: relative;
}

.category .product-box .cat-box .show-item span {
  font-weight: 600;
  margin-right: 10px;
}

.category .product-box .cat-box .show-item select.show-box {
  color: #666666;
  border: 1px solid #dddddd;
  width: 55px;
  padding: 5px 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.category .product-box .cat-box .show-item select.show-box:focus {
  outline: none;
}

.category .product-box .cat-box .show-item:after {
  position: absolute;
  float: right;
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 13px;
  color: #666666;
  top: 7px;
  right: 12px;
}

.category .product-box .cat-box .page {
  padding-top: 6px;
}

.category .product-box .cat-box .page p {
  font-weight: 600;
}

.category .product-box .tab-content {
  margin-bottom: 20px;
}

.category .product-box .tab-content .tab-pane .tab-item{
  overflow: hidden;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 0;
}
.category .product-box .tab-content .tab-pane .tab-item:hover {
	box-shadow: 3px 3px 10px #bababa;
}

.owl-item .tab-item { margin-top: 5px;  border-bottom: 1px solid #E1E1E1; }
.owl-item .tab-item:hover {
	box-shadow: 3px 3px 10px #bababa;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-heading ul {
  margin-bottom: 3px;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-heading ul li a {
  font-size: 13px;
  color: #969696;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-heading ul li a:hover {
  color: #e45151;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-heading p {
  margin-bottom: 6px;
  padding: 0 15px;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-heading p a {
  font-size: 13px;
  color: #2e9bc5;
  font-weight: 600;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-heading p a:hover {
  color: #e45151;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img {
  margin-bottom: 0px;
  position: relative;
  max-width: 100%;
  height: 225px;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img img.main-img {
  max-width: 100%;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img img.sec-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img span.sale {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img span.new {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #2e9bc5;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img .layer-box a {
  border: 1px solid #dddddd;
  padding: 5px 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  /*right: -45px;*/
  right: 0;
  margin-right: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  /*transition: 0.3s ease;*/
  z-index: 9;
  /*opacity: 0;
  visibility: hidden;
  */
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img .layer-box a img {
  max-width: 16px;
  display: inline-block;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img .layer-box a:hover {
  border-color: #e45151;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img .layer-box a.it-comp {
  margin-top: 60px;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.category .product-box .tab-content .tab-pane .tab-item .tab-img .layer-box a.it-fav {
  margin-top: 15px;
  -webkit-transition-delay: 0.0s;
  -o-transition-delay: 0.0s;
  transition-delay: 0.0s;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content {
  padding: 0 15px 10px;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content ul.fav {
  margin-bottom: 6px;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content ul.fav li {
  margin: 0;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content ul.fav li i {
  font-size: 13px;
  color: #fdba2d;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content ul.price li {
  font-size: 18px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content a {
  background: #eeeeee;
  display: inline-block;
  padding: 10px 12px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: 5px;
}

.category .product-box .tab-content .tab-pane .tab-item .img-content a:hover {
  border-color: #e45151;
}

.category .product-box .tab-content .tab-pane .tab-item:hover .tab-img img.sec-img {
  visibility: visible;
  opacity: 1;
}

.category .product-box .tab-content .tab-pane .tab-item:hover .tab-img .layer-box a {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.category .product-box .tab-content .tab-pane .tab-item2 {
  overflow: hidden;
  border: 1px solid #eeeeee;
  margin-bottom: 30px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .tab-img {
  position: relative;
}

.category .product-box .tab-content .tab-pane .tab-item2 .tab-img img.main-img {
  max-width: 100%;
}

.category .product-box .tab-content .tab-pane .tab-item2 .tab-img img.sec-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
}

.category .product-box .tab-content .tab-pane .tab-item2 .tab-img span.sale {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .tab-img span.new {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #2e9bc5;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading {
  padding-right: 30px;
  padding-top: 22px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top ul.cate {
  margin-bottom: 3px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top ul.cate li a {
  font-size: 13px;
  color: #969696;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top ul.cate li a:hover {
  color: #e45151;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top p {
  margin-bottom: 6px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top p a {
  font-size: 18px;
  color: #2e9bc5;
  font-weight: 600;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top p a:hover {
  color: #e45151;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top ul.fav {
  margin-bottom: 6px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top ul.fav li {
  margin: 0;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-top ul.fav li i {
  font-size: 13px;
  color: #fdba2d;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-price ul.price {
  padding-top: 15px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-price ul.price li {
  font-size: 20px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-heading .item-price ul.price li:last-child {
  font-size: 15px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content {
  padding-right: 30px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content p {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 20px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-cart {
  background: #eeeeee;
  display: inline-block;
  padding-right: 10px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-right: 8px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-cart span.it-img {
  background: #fff;
  display: inline-block;
  padding: 7px 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-cart span.it-title {
  color: #444444;
  font-weight: 600;
  padding-left: 5px;
  cursor: pointer;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-cart:hover {
  border-color: #2e9bc5;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-fav {
  border: 1px solid #dddddd;
  display: inline-block;
  padding: 7px 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-fav:hover {
  border-color: #2e9bc5;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-comp {
  border: 1px solid #dddddd;
  display: inline-block;
  padding: 7px 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px;
}

.category .product-box .tab-content .tab-pane .tab-item2 .item-content a.it-comp:hover {
  border-color: #2e9bc5;
}

.category .product-box .tab-content .tab-pane .tab-item2:hover .tab-img img.sec-img {
  visibility: visible;
  opacity: 1;
}

.category .product-box .pagination-box ul li a {
  font-size: 15px;
  color: #2e9bc5;
  width: 35px;
  height: 35px;
  background: #fff;
  display: block;
  padding-top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.category .product-box .pagination-box ul li.active a {
  background: #2e9bc5;
  color: #fff;
}

.productdata {
  max-width: 1300px;
}

.prodDataWboxes {
  max-width: 1300px;
}

.productdata .sg-img .tab-content {
  border: 1px solid #e5e5e5;
  margin-bottom: 15px;
}

.productdata .sg-img .nav a.nav-item {
  padding: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;
}

.productdata .sg-img .nav a.nav-item img {
  max-width: 73px;
  border: 1px solid #e5e5e5;
}

.productdata .sg-img .nav a.nav-item.active img {
  border-color: #8D8E92;
}

.productdata .sg-content .pro-tag ul li a {
  color: #969696;
}

.productdata .sg-content .pro-tag ul li a:hover {
  color: #e45151;
}

.productdata .sg-content .pro-name p {
  font-size: 26px;
  color: #444444;
  font-weight: 700;
  margin-bottom: 5px;
  line-height:1em;
  margin-top:5px;
  margin-bottom:15px;
}

.productdata .sg-content .pro-rating {
  margin-bottom: 10px;
}

.productdata .sg-content .pro-rating ul li {
  margin-right: 0;
}

.productdata .sg-content .pro-rating ul li i {
  font-size: 13px;
  color: #fdba2d;
}

.productdata .sg-content .pro-rating ul li:last-child {
  margin-left: 25px;
}

.productdata .sg-content .pro-rating ul li:last-child a {
  color: #2e9bc5;
  font-weight: 600;
}

.productdata .sg-content .pro-price {
  margin-bottom: 15px;
  color: #333;
}

.productdata .sg-content .pro-price ul {
	margin-bottom: 30px;
	line-height: 1.2em;
}


.productdata .sg-content .pro-price ul li:first-child {
  font-size: 15px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
  width: 100%;
}

.productdata .sg-content .pro-price ul li:nth-child(2) {
  letter-spacing: 0;
  width: 100%;
}

.productdata .sg-content .pro-price ul li:nth-child(3) {
  letter-spacing: 0;
  width: 100%;
}

.productdata .sg-content .pro-price ul li span {
	font-size:15px;
}
.productdata .sg-content .pro-price ul li span:first-child  {
  font-weight: 400;
}


.productdata .sg-content .pro-price p {
  color: #969696;
}

.productdata .sg-content .pro-price p span {
  color: #444444;
  font-weight: 600;
  margin-left: 10px;
}


.productdata .sg-content .pro-price p label {
  margin-left: 10px;
}

.productdata .sg-content .colo-siz .color {
  margin-bottom: 18px;
}

.productdata .sg-content .colo-siz .color ul li:first-child {
  display: inline-block;
  color: #969696;
  vertical-align: middle;
  margin-right: 10px;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"] {
  display: none;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"] + label {
  margin-bottom: 0;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"] + label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"] + label span i {
  font-size: 13px;
  color: #fff;
  padding-top: 7px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"]#color-1 + label span {
  background-color: #2e9bc5;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"]#color-2 + label span {
  background-color: #e45151;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"]#color-3 + label span {
  background-color: #fdba2d;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"]#color-4 + label span {
  background-color: green;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"]#color-5 + label span {
  background-color: #444444;
}

.productdata .sg-content .colo-siz .color ul li input[type="radio"]:checked + label span i {
  opacity: 1;
}

.productdata .sg-content .colo-siz .size {
  margin-bottom: 15px;
}

.productdata .sg-content .colo-siz .size ul li:first-child {
  display: inline-block;
  color: #969696;
  vertical-align: middle;
  margin-right: 10px;
}

.productdata .sg-content .colo-siz .size ul li input[type="radio"] {
  display: none;
}

.productdata .sg-content .colo-siz .size ul li input[type="radio"] + label {
  display: inline-block;
  border: 1px solid #dddddd;
  width: 30px;
  height: 30px;
  color: #444444;
  font-weight: 600;
  vertical-align: middle;
  padding-top: 4px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 0;
}

.productdata .sg-content .colo-siz .size ul li input[type="radio"]:checked + label {
  border-color: #2e9bc5;
}

.productdata .sg-content .colo-siz .qty-box {
  margin-bottom: 22px;
}

.productdata .sg-content .colo-siz .qty-box ul li:first-child {
  display: inline-block;
  color: #969696;
  margin-right: 10px;
}

.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity {
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 0 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity .qty {
  width: 35px;
  height: 32px;
  text-align: center;
  background-color: transparent;
  border: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-weight: 600;
}

.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity input {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity input::-webkit-outer-spin-button,
.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity .minus, .productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity .plus {
  padding: 3px 10px;
  background: #fff;
  border: none;
  cursor: pointer;
}


.productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity .minus:hover, .productdata .sg-content .colo-siz .qty-box ul li:last-child.quantity .plus:hover {
  color: #2e9bc5;
}

.productdata .sg-content .colo-siz .pro-btns a.cart {
  color: #fff;
  background: #e45151;
  display: inline-block;
  padding: 8px 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
  margin-right: 10px;
  padding-right: 15px;
}

.productdata .sg-content .colo-siz .pro-btns a.cart:hover {
  background: #2e9bc5;
}

.productdata .sg-content .colo-siz .pro-btns a.fav-com {
  border: 1px solid #2e9bc5;
  display: inline-block;
  padding: 7px 9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 8px;
}

.productdata .sg-content .colo-siz .pro-btns a.fav-com:hover {
  border-color: #e45151;
}

.productdata .sg-tab {
  margin: 50px 0;
}

.productdata .sg-tab ul.nav {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.productdata .sg-tab ul.nav li.nav-item a {
  font-size: 16px;
  color: #444444;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
  padding-right: 28px;
}

.productdata .sg-tab ul.nav li.nav-item a.active {
  color: #2e9bc5;
}

.productdata .sg-tab .tab-content .tab-pane#pro-det p {
  font-size: 15px;
  color: #666666;
  line-height: 27px;
}

.productdata .sg-tab .tab-content .tab-pane#rev {
  margin-top: 40px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box {
  margin-bottom: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box .rv-img img {
  max-width: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box .rv-content {
  border: 1px solid #e5e5e5;
  padding: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box .rv-content h6 {
  font-size: 14px;
  font-weight: 600;
  color: #444444;
  margin-bottom: 5px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box .rv-content h6 span {
  font-size: 13px;
  color: #969696;
  font-weight: normal;
  margin-left: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box .rv-content ul li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-box .rv-content p {
  font-size: 15px;
  color: #969696;
  line-height: 25px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form {
  margin-top: 60px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form .star-rating {
  margin-bottom: 18px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form .star-rating span {
  font-size: 18px;
  color: #fdba2d;
  cursor: pointer;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form label {
  font-size: 15px;
  color: #969696;
  font-weight: 600;
  display: block;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form input {
  border: 1px solid #dddddd;
  width: 100%;
  height: 45px;
  padding-left: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form input:focus {
  border-color: #2e9bc5;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form textarea {
  border: 1px solid #dddddd;
  width: 100%;
  height: 130px;
  padding: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form textarea:focus {
  border-color: #2e9bc5;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form button {
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  background: #e45151;
  border: none;
  padding: 10px 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.productdata .sg-tab .tab-content .tab-pane#rev .review-form form button:hover {
  background: #2e9bc5;
}

.productdata .sim-pro .sec-title h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.productdata .sim-pro .sim-slider .sim-item {
  overflow: hidden;
  border: 1px solid #eeeeee;
}

.productdata .sim-pro .sim-slider .sim-item .sim-heading ul {
  margin-bottom: 3px;
}

.productdata .sim-pro .sim-slider .sim-item .sim-heading ul li a {
  font-size: 13px;
  color: #969696;
}

.productdata .sim-pro .sim-slider .sim-item .sim-heading ul li a:hover {
  color: #e45151;
}

.productdata .sim-pro .sim-slider .sim-item .sim-heading p {
  padding: 0 15px;
}

.productdata .sim-pro .sim-slider .sim-item .sim-heading p a {
  font-size: 15px;
  color: #2e9bc5;
  font-weight: 600;
}

.productdata .sim-pro .sim-slider .sim-item .sim-heading p a:hover {
  color: #e45151;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img {
  margin-bottom: 10px;
  position: relative;
  height: 200px;
  text-align: center;
}

.sim-img a { width: 100%!important; display:inline-block; text-align: center; }
.sim-img a > img { width: auto!important; max-width: 100%!important; max-height:200px!important; display:inline!important; }

.productdata .sim-pro .sim-slider .sim-item img.main-img {
  max-width: 100%;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img img.sec-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  opacity: 0;
  visibility: hidden;
  max-width: 100%;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img span.sale {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img span.new {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  background: #2e9bc5;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img .layer-box a {
  border: 1px solid #dddddd;
  padding: 3px 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  right: -45px;
  margin-right: 10px;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img .layer-box a img {
  max-width: 16px;
  display: inline-block;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img .layer-box a:hover {
  border-color: #e45151;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img .layer-box a.it-comp {
  margin-top: 50px;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.productdata .sim-pro .sim-slider .sim-item .sim-img .layer-box a.it-fav {
  margin-top: 15px;
  -webkit-transition-delay: 0.0s;
  -o-transition-delay: 0.0s;
  transition-delay: 0.0s;
}

.productdata .sim-pro .sim-slider .sim-item .img-content {
  padding: 0 15px 10px;
}

.productdata .sim-pro .sim-slider .sim-item .img-content ul.fav li {
  margin: 0;
}

.productdata .sim-pro .sim-slider .sim-item .img-content ul.fav li i {
  font-size: 13px;
  color: #fdba2d;
}

.productdata .sim-pro .sim-slider .sim-item .img-content ul.price li {
  font-size: 16px;
  color: #444444;
  font-weight: 600;
  letter-spacing: 0;
}

.productdata .sim-pro .sim-slider .sim-item .img-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  font-weight: normal;
  text-decoration: line-through;
}

.productdata .sim-pro .sim-slider .sim-item .img-content a {
  background: #eeeeee;
  display: inline-block;
  padding: 8px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: 8px;
}

.productdata .sim-pro .sim-slider .sim-item .img-content a:hover {
  border-color: #e45151;
}

.productdata .sim-pro .sim-slider .sim-item:hover .sim-img img.sec-img {
  visibility: visible;
  opacity: 1;
}

.productdata .sim-pro .sim-slider .sim-item:hover .sim-img .layer-box a {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.productdata .sim-pro .sim-slider .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  width: 25px;
  height: 25px;
  padding-top: 1px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -64px;
}

.productdata .sim-pro .sim-slider .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
}

.productdata .sim-pro .sim-slider .owl-nav div.owl-prev {
  margin-right: 30px;
}

#owl-brands { 
	padding: 30px 30px;
	text-align: center;
} 
#owl-brands .item {
  display: inline-block;
}
#owl-brands .item a {
	
}
#owl-brands .item a img {
	height:30px;
	filter: grayscale(100%) sepia(0%) brightness(100%) contrast(100%);
	transition: filter 0.4s ease;
	opacity: 0.8;
	margin: 0 10px;
}
#owl-brands .item:hover img {
  filter: grayscale(0%) sepia(0%) brightness(100%) contrast(100%);
  opacity: 1;
}


#brandFiltPanel {}
#brandFiltPanel #brandSelRows {
  max-height: 165px;
  overflow: hidden;
  overflow-y: hidden;
  display: block;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 15px;
}
#brandFiltPanel #brandSelRows label {
  margin-bottom: 0;
  font-size: 13px;
  height: 25px;
}

.filtershowBtn {
	display: block;
    width: 100%;
    float: left;
    padding: 5px 10px;
    background: rgb(51, 51, 51);
    color: rgba(255, 255, 255, 0.8); 
	margin-bottom:15px;
	text-align: left;
	border: 0px;
}
.filtershowBtn:hover {
	text-decoration:underline;
}
.productdata .category-box {
  margin-bottom: 40px;
}

.productdata .category-box .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.productdata .category-box #accordion .card {
  border: none;
  margin-bottom: 8px;
}

.productdata .category-box #accordion .card .card-header {
  padding: 0;
  background: transparent;
  border-bottom: none;
}

.productdata .category-box #accordion .card .card-header a {
  display: block;
}

.productdata .category-box #accordion .card .card-header a span {
  color: #666666;
  font-weight: 600;
}

.productdata .category-box #accordion .card .card-header a i {
  float: right;
  margin-top: 4px;
}

.productdata .category-box #accordion .card .card-header a[aria-expanded="true"] span {
  color: #2e9bc5;
}

.productdata .category-box #accordion .card .card-header a[aria-expanded="true"] i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #2e9bc5;
}

.productdata .category-box #accordion .card .card-body {
  padding: 10px;
}

.productdata .category-box #accordion .card .card-body ul li {
  margin-bottom: 5px;
}

.productdata .category-box #accordion .card .card-body ul li a i {
  color: #969696;
  margin-right: 3px;
}

.productdata .category-box #accordion .card .card-body ul li a:hover {
  color: #2e9bc5;
}

.productdata .ht-offer {
  margin-bottom: 40px;
}

.productdata .ht-offer .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 18px;
}

.productdata .ht-offer .ht-body {
  position: relative;
}

.productdata .ht-offer .ht-body .ht-item .ht-img {
  position: relative;
}

.productdata .ht-offer .ht-body .ht-item .ht-img a img {
  margin-bottom: 15px;
}

.productdata .ht-offer .ht-body .ht-item .ht-img span {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  background: #e45151;
  text-transform: uppercase;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-left: 15px;
  margin-top: 15px;
}

.productdata .ht-offer .ht-body .ht-item .ht-img ul.counter-box {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 15px;
  width: 100%;
}

.productdata .ht-offer .ht-body .ht-item .ht-img ul.counter-box li {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 45px;
  height: 45px;
  margin: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  padding-top: 5px;
}

.productdata .ht-offer .ht-body .ht-item .ht-img ul.counter-box li p {
  font-size: 11px;
  font-weight: 500;
  margin-top: -3px;
  text-transform: uppercase;
}

.productdata .ht-offer .ht-body .ht-item .ht-content p {
  margin-bottom: 2px;
}

.productdata .ht-offer .ht-body .ht-item .ht-content p a {
  font-size: 13px;
  color: #666666;
  line-height: 1.4em;
}

.productdata .ht-offer .ht-body .ht-item .ht-content p a:hover {
  color: #2e9bc5;
}

.productdata .ht-offer .ht-body .ht-item .ht-content ul.fav {
  margin-bottom: 2px;
}

.productdata .ht-offer .ht-body .ht-item .ht-content ul.fav li {
  font-size: 13px;
  color: #fdba2d;
  margin-right: 0;
}

.productdata .ht-offer .ht-body .ht-item .ht-content ul.price li {
  font-size: 15px;
  color: #444444;
  font-weight: 600;
  margin-right: 0;
  letter-spacing: 0;
}

.productdata .ht-offer .ht-body .ht-item .ht-content ul.price li:last-child {
  font-size: 14px;
  color: #969696;
  margin-left: 10px;
  font-weight: normal;
  text-decoration: line-through;
}

.productdata .ht-offer .ht-body .owl-nav div {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -54px;
}

.productdata .ht-offer .ht-body .owl-nav div:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.productdata .ht-offer .ht-body .owl-nav div.owl-prev {
  margin-right: 25px;
}

.productdata .add-box {
  position: relative;
}

.productdata .add-box:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.productdata .add-box:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.productdata .add-box:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.productdata .add-box:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.shopping-cart {
  padding: 35px 0;
}

.shopping-cart .cart-table {
  margin-bottom: 0px;
}

.shopping-cart .cart-table .table thead tr th {
  font-size: 15px;
  color: #fff;
  text-transform: none;
  padding: 10px 0;
  text-align: center !important;
  background-color: var(--blue);
  font-weight: bold;
}

.shopping-cart .cart-table .table thead tr th:first-child {
  text-align: left;
}

.shopping-cart .cart-table .table thead tr th:last-child {
  
}

.shopping-cart .cart-table .table tbody tr td {
  padding: 20px 0;
  vertical-align: middle;
  text-align: center;

}

.shopping-cart .cart-table .table tbody tr td:last-child {
  text-align: right;
}

.shopping-cart .cart-table .table tbody tr td.t-pro {
  text-align: left;
  padding:10px 15px;
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-img a img {
  margin-right: 20px;
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content p a {
  font-size: 15px;
  color: var(--darkblue);
  font-weight: 600;
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content p a:hover {
  color: var(--blue);
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content ul.rate {
  margin-bottom: 8px;
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content ul.rate li {
  margin-right: 0;
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content ul.rate li i {
  font-size: 13px;
  color: var(--darkblue);
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content ul.col-sz li p {
  font-size: 13px;
  color: var(--darkblue);
}

.shopping-cart .cart-table .table tbody tr td.t-pro .t-content ul.col-sz li p span {
  color: var(--darkblue);
  font-weight: 600;
  margin-left: 5px;
}

.shopping-cart .cart-table .table tbody tr td.t-price {
  font-size: 15px;
  color: var(--darkblue);
  font-weight: 300;
  text-align: right;
   padding: 5px 10px;
}

.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity {
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 0 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity .qty {
  width: 35px;
  height: 32px;
  text-align: center;
  background-color: transparent;
  border: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-weight: 600;
}

.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity input {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity input::-webkit-outer-spin-button,
.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity .minus, .shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity .plus {
  padding: 3px 10px;
  background: #fff;
  border: none;
  cursor: pointer;
}

.shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity .minus:hover, .shopping-cart .cart-table .table tbody tr td.t-qty .qty-box .quantity .plus:hover {
  color: #2e9bc5;
}

.shopping-cart .cart-table .table tbody tr td.t-total {
  font-size: 15px;
  font-size: 15px;
  color: #101010;
  font-weight: 300;
  text-align: right;
  padding: 5px 10px;
}

.shopping-cart .cart-table .table tbody tr td.t-add button {
  color: #fff;
  background: #2e9bc5;
  padding: 5px 15px;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.shopping-cart .cart-table .table tbody tr td.t-add button:hover {
  background: #e45151;
}

.shopping-cart .cart-table .table tbody tr td.t-rem button i {
  font-size: 17px;
  color: #969696;
  padding: 7px;
  color: var(--red);
}

.shopping-cart .cart-table .table tbody tr td.t-rem button :hover {
  color: #e45151;
}

.shopping-cart .shipping h6 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 2px;
}

.shopping-cart .shipping p {
  color: #969696;
  margin-bottom: 25px;
}

.shopping-cart .shipping form .country-box, .shopping-cart .shipping form .state-box {
  position: relative;
  margin-bottom: 20px;
}

.shopping-cart .shipping form .country-box select, .shopping-cart .shipping form .state-box select {
  color: #666666;
  border: 1px solid #dddddd;
  width: 100%;
  padding: 8px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.shopping-cart .shipping form .country-box select:focus, .shopping-cart .shipping form .state-box select:focus {
  outline: none;
  border-color: #2e9bc5;
}

.shopping-cart .shipping form .country-box:after, .shopping-cart .shipping form .state-box:after {
  position: absolute;
  content: "\f107";
  font-family: 'FontAwesome';
  color: #666666;
  top: 10px;
  right: 18px;
}

.shopping-cart .shipping form .post-box input {
  color: #666666;
  border: 1px solid #dddddd;
  width: 100%;
  padding: 9px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.shopping-cart .shipping form .post-box input:focus {
  border-color: #2e9bc5;
}

.shopping-cart .shipping form .post-box button {
  font-size: 15px;
  color: #2e9bc5;
  background: transparent;
  border: 1px solid #2e9bc5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 5px 18px;
  font-weight: 600;
}

.shopping-cart .shipping form .post-box button:hover {
  color: #fff;
  background: #2e9bc5;
}

.shopping-cart .coupon h6 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 2px;
}

.shopping-cart .coupon p {
  color: #969696;
  margin-bottom: 25px;
}

.shopping-cart .coupon form input {
  color: #666666;
  border: 1px solid #dddddd;
  width: 100%;
  padding: 9px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.shopping-cart .coupon form input:focus {
  border-color: #2e9bc5;
}

.shopping-cart .coupon form button {
  font-size: 15px;
  color: #2e9bc5;
  background: transparent;
  border: 1px solid #2e9bc5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 5px 18px;
  font-weight: 600;
}

.shopping-cart .coupon form button:hover {
  color: #fff;
  background: #2e9bc5;
}

#summaryFilter {
	z-index: 10002;
	background-color: #fff;
}

.shopping-cart .crt-sumry-row-grey {
  background: #f1f1f1;
  color:#101010;
  font-size:24px;
  padding: 15px 20px;
}
.shopping-cart .crt-sumry-row-white {
  background: #fff;
  color:#101010;
  padding: 0;
}
.shopping-cart .crt-sumry-row-black {
  background: #101010;
  color:#fff;
  padding: 15px 20px;
}
.shopping-cart .crt-sumry-row-blue {
  background: var(--blue);
  color:#fff;
  padding: 15px 20px;
}

.shopping-cart .crt-sumry h5 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 0;
}

.shopping-cart .crt-sumry ul {
  margin-bottom: 30px;
}

.shopping-cart .crt-sumry ul li {
  font-size: 14px;
  color: #101010;
  font-weight: 600;
  margin-bottom: 5px;
}

.shopping-cart .crt-sumry ul li span {
  float: right;
  color: #444444;
  font-weight: 700;
}

.shopping-cart .crt-sumry .delimiter {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


.shopping-cart .crt-sumry button.up-cart {
  font-size: 15px;
  color: #2e9bc5;
  background: transparent;
  border: 1px solid #2e9bc5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 5px 18px;
  font-weight: 600;
}

.shopping-cart .crt-sumry button.up-cart:hover {
  color: #fff;
  background: #2e9bc5;
}

.shopping-cart .crt-sumry button.chq-out {
  font-size: 15px;
  color: #fff;
  background: #e45151;
  border: 1px solid #e45151;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 5px 18px;
  font-weight: 600;
  margin-left: 10px;
}

.shopping-cart .crt-sumry button.chq-out:hover {
  color: #e45151;
  background: transparent;
}

.shopping-cart .wsh-list {
  margin-bottom: 0;
}

.checkout {
  padding: 50px 0 10px;
}

.checkout form h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px;
}

.checkout form div div {
  padding-bottom: 15px;
}

.checkout form div div label {
  font-size: 15px;
  color: #666666;
  font-weight: 600;
}

.checkout form div div input[type=text] {
  border: 1px solid #dddddd;
  width: 100%;
  height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding-left: 15px;
  margin-bottom: 20px;
}

.checkout form div div input[type=text].placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div input[type=text]:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div input[type=text]::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div input[type=text]:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div input[type=text]::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div input[type=text]:focus {
  border-color: #2e9bc5;
}

.checkout form div div textarea {
  border: 1px solid #dddddd;
  width: 100%;
  height: 130px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 15px;
  margin-bottom: 20px;
}

.checkout form div div textarea.placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div textarea:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div textarea::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div textarea:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.checkout form div div textarea:focus {
  border-color: #2e9bc5;
}

.checkout form div div ul li input[type=checkbox] {
  margin-right: 8px;
}

.checkout form div div ul li input[type=checkbox]:hover {
  cursor: pointer;
}

.checkout form div div ul li label {
  vertical-align: middle;
}

.checkout form div div ul li label:hover {
  cursor: pointer;
}

.checkout form div div.contry {
  position: relative;
}

.checkout form div div.contry select {
  color: #969696;
  border: 1px solid #dddddd;
  width: 100%;
  height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-style: italic;
  padding-left: 15px;
  margin-bottom: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.checkout form div div.contry select:focus {
  outline: none;
  border-color: #2e9bc5;
}

.checkout form div div.contry:after {
  position: absolute;
  content: "\f107";
  font-family: 'FontAwesome';
  color: #969696;
  top: 42px;
  right: 30px;
}

.checkout .order-review {
  background: #f1f1f1;
  padding: 28px 35px 20px;
  margin-bottom: 35px;
}

.checkout .order-review h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px;
}

.checkout .order-review .review-box ul li {
  margin-bottom: 15px;
}

.checkout .order-review .review-box ul li:first-child {
  font-size: 18px;
  color: #444444;
  font-weight: 600;
  margin-bottom: 22px;
}

.checkout .order-review .review-box ul li:first-child span {
  float: right;
}

.checkout .order-review .review-box ul li div.pro {
  width: 70%;
}

.checkout .order-review .review-box ul li div.pro img {
  max-width: 60px;
  float: left;
  margin-right: 10px;
}

.checkout .order-review .review-box ul li div.pro p {
  font-size: 15px;
  color: #666666;
  font-weight: 600;
}

.checkout .order-review .review-box ul li div.pro span {
  font-size: 13px;
  color: #666666;
}

.checkout .order-review .review-box ul li div.prc p {
  font-size: 16px;
  color: #666666;
  font-weight: 600;
  padding-top: 18px;
}

.checkout .order-review .review-box ul li:nth-child(4) {
  padding-bottom: 10px;
}

.checkout .order-review .review-box ul li:nth-child(5) {
  font-size: 16px;
  color: #666666;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 0;
  margin-bottom: 0;
  font-weight: 600;
}

.checkout .order-review .review-box ul li:nth-child(5) span {
  float: right;
}

.checkout .order-review .review-box ul li:nth-child(6) {
  font-size: 16px;
  color: #666666;
  border-bottom: 1px solid #dddddd;
  padding: 12px 0;
  margin-bottom: 0;
  font-weight: 600;
}

.checkout .order-review .review-box ul li:nth-child(6) span {
  float: right;
}

.checkout .order-review .review-box ul li:last-child {
  font-size: 18px;
  color: #444444;
  padding: 12px 0;
  margin-bottom: 0;
  font-weight: 600;
}

.checkout .order-review .review-box ul li:last-child span {
  float: right;
}

.checkout .pay-meth {
  background: #f1f1f1;
  padding: 28px 35px 20px;
}

.checkout .pay-meth h5 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 35px;
}

.checkout .pay-meth .pay-box ul li {
  margin-bottom: 10px;
}

.checkout .pay-meth .pay-box ul li input[type="radio"] {
  display: none;
}

.checkout .pay-meth .pay-box ul li input[type="radio"] + label {
  margin-bottom: 0;
  font-size: 15px;
  color: #666666;
  font-weight: 600;
}

.checkout .pay-meth .pay-box ul li input[type="radio"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #dddddd;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  margin-right: 10px;
}

.checkout .pay-meth .pay-box ul li input[type="radio"] + label span i {
  font-size: 12px;
  color: #666666;
  padding-top: 4px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.checkout .pay-meth .pay-box ul li input[type="radio"] + label:hover {
  cursor: pointer;
}

.checkout .pay-meth .pay-box ul li input[type="radio"]:checked + label span i {
  opacity: 1;
}

.checkout .pay-meth .pay-box ul li p {
  color: #969696;
  margin: 8px 30px 10px;
}

.checkout button.ord-btn {
  font-size: 18px;
  color: #fff;
  background: #e45151;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
  height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  margin-top: 30px;
}

.checkout button.ord-btn:hover {
  background: #2e9bc5;
}

.login {
  padding: 50px 0;
}

.login .n-customer h5 {
  color: #444444;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.login .n-customer p {
  font-size: 15px;
  color: #666666;
  line-height: 25px;
  margin-bottom: 40px;
}

.login .r-customer h5 {
  color: #444444;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.login .r-customer p {
  font-size: 15px;
  color: #666666;
  line-height: 25px;
  margin-bottom: 25px;
}

.login .r-customer form .emal label, .login .r-customer form .pass label {
  font-size: 15px;
  color: #666666;
  font-weight: 600;
}

.login .r-customer form .emal input, .login .r-customer form .pass input {
  border: 1px solid #dddddd;
  width: 100%;
  height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 0;
  padding-left: 20px;
  margin-bottom: 20px;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
  background: var(--blue);
  color: var(--white);
}

.login .r-customer form .emal input:focus, .login .r-customer form .pass input:focus {
  border-color: #2e9bc5;
}

.login .r-customer form .nam-btm {
  margin-bottom: 20px;
}

.login .r-customer form .nam-btm input {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: sub;
}

.login .r-customer form .nam-btm input:hover {
  cursor: pointer;
}

.login .r-customer form .nam-btm label {
  font-size: 15px;
  color: #666666;
  font-weight: 600;
}

.login .r-customer form .nam-btm label:hover {
  cursor: pointer;
}

.login .r-customer form .nam-btm a:hover {
  text-decoration: underline;
}

.register {
  padding: 25px 0;
}

.register .star {
	color: rgb(255, 0, 0);
}
.register form {
  max-width: 700px;
  margin: 0 auto;
  border: 0px solid #eeeeee;
  padding: 35px 42px;
}

.register form h5
{
  color: #000;
  font-weight: 900;
  text-transform: none;
  margin-bottom: 30px;
  font-size: 20px;
}
.register form h5 > p
{
  color: #000;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 30px;
  font-size: 13px;
}
.register form label
{
  font-size: 14px;
  color: #000;
  font-weight: 600;
  line-height: 1.2em;
}

.register form input[type="text"] {
  border: 0px solid #676767;
  width: 100%;
  height: 38px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 15px;
  margin-bottom: 10px;
  clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);
  background-color: var(--blue)!important;
  color: #fff;
}

.register form input[type=email] {
  border: 0px solid #676767;
  width: 100%;
  height: 38px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 15px;
  margin-bottom: 10px;
  clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);
  background-color: var(--blue)!important;
  color: #fff;
}

.register form input[type="password"]
{
  border: 0px solid #676767;
  width: 100%;
  height: 38px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 15px;
  margin-bottom: 10px;
  clip-path: polygon(0 0, 100% 0%, 98% 100%, 0% 100%);
  background-color: var(--blue)!important;
  color: #fff;
}

.register form select {
  border: 1px solid #000;
  width: 100%;
  height: 38px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 15px;
  margin-bottom: 10px;
}

.register form input[type=text]:focus {
  border-color: #2e9bc5;
}

.register form input[type=text].placeholder {
  font-style: italic;
  color: #666666;
}

.register form input[type=text]:-moz-placeholder {
  font-style: italic;
  color: #666666;
}

.register form input[type=text]::-moz-placeholder {
  font-style: italic;
  color: #666666;
}

.register form input[type=text]:-ms-input-placeholder {
  font-style: italic;
  color: #666666;
}

.register form input[type=text]::-webkit-input-placeholder {
  font-style: italic;
  color: #666666;
}

.register form label[for=t-box]:hover, .register form label[for=c-box]:hover {
  cursor: pointer;
}

.register form input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: sub;
  margin-bottom: 15px;
}

.register form input[type=checkbox]:hover {
  cursor: pointer;
}

.register form button
{
  font-size: 15px;
  color: #fff;
}

.register form button:hover {
  background: #000;
}

.btn-plain{color:#555;background-color:transparent;border-color:transparent;}
.btn-plain:hover{color:#555;background-color:transparent;border-color:transparent; text-decoration: underline; }

.btn-primary{color:#fff;background-color:#000;border-color:#000;}
.btn-primary:hover{color:#fff;background-color:#000;border-color:#000; text-decoration: underline; }

.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#000;border-color:#000;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}

.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#000;border-color:#000}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}

.compare-box {
  padding: 50px 0 35px;
}

.compare-box .comp-table table.table tbody tr td {
  border-top: none;
  border-right: 1px solid #eeeeee;
  vertical-align: middle;
  padding: 20px 28px;
}

.compare-box .comp-table table.table tbody tr td:first-child {
  border-left: 1px solid #eeeeee;
}

.compare-box .comp-table table.table tbody tr td.col-name {
  font-size: 18px;
  color: #444444;
  font-weight: 600;
}

.compare-box .comp-table table.table tbody tr.heading {
  border-top: 1px solid #eeeeee;
}

.compare-box .comp-table table.table tbody tr.heading td {
  position: relative;
}

.compare-box .comp-table table.table tbody tr.heading td i {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #969696;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 8px 9px;
}

.compare-box .comp-table table.table tbody tr.heading td i:hover {
  cursor: pointer;
  background: #e45151;
  color: #fff;
  border-color: #e45151;
}

.compare-box .comp-table table.table tbody tr.heading td a img {
  max-width: 170px;
}

.compare-box .comp-table table.table tbody tr.heading td a span {
  display: block;
  color: #969696;
  font-weight: 600;
}

.compare-box .comp-table table.table tbody tr.heading td a h6 {
  font-weight: 600;
}

.compare-box .comp-table table.table tbody tr.desc td p {
  font-size: 15px;
  line-height: 25px;
}

.compare-box .comp-table table.table tbody tr.rating td ul {
  padding-top: 3px;
}

.compare-box .comp-table table.table tbody tr.rating td ul li {
  margin-right: 2px;
}

.compare-box .comp-table table.table tbody tr.rating td ul li i {
  font-size: 15px;
  color: #fdba2d;
}

.compare-box .comp-table table.table tbody tr.price td p {
  font-size: 15px;
  color: #2e9bc5;
  font-weight: 600;
  padding-top: 3px;
}

.compare-box .comp-table table.table tbody tr.stock td p {
  font-size: 15px;
  color: #1ab744;
  font-weight: 600;
  padding-top: 2px;
}

.compare-box .comp-table table.table tbody tr.color td ul {
  padding-top: 4px;
}

.compare-box .comp-table table.table tbody tr.color td ul li span {
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.compare-box .comp-table table.table tbody tr.color td ul li:nth-child(1) span {
  background: #222222;
}

.compare-box .comp-table table.table tbody tr.color td ul li:nth-child(2) span {
  background: #e45151;
}

.compare-box .comp-table table.table tbody tr.color td ul li:nth-child(3) span {
  background: #fdba2d;
}

.compare-box .comp-table table.table tbody tr.color td ul li:nth-child(4) span {
  background: #2e9bc5;
}

.compare-box .comp-table table.table tbody tr.add-cart td {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
}

.compare-box .comp-table table.table tbody tr.add-cart td button {
  font-size: 15px;
  color: #fff;
  background: #2e9bc5;
  border: none;
  padding: 8px 20px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
}

.compare-box .comp-table table.table tbody tr.add-cart td button:hover {
  background: #e45151;
}


.term-condition {
  padding: 50px 0 18px;
}

.term-condition .term-box div {
  margin-bottom: 30px;
}

.term-condition .term-box div h6 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 15px;
}

.term-condition .term-box div h6 i {
  color: #fff;
  background: #2e9bc5;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding-top: 4px;
  margin-right: 10px;
}

.term-condition .term-box div p {
  font-size: 15px;
  color: #969696;
  line-height: 26px;
}

.faq {
  padding: 50px 0 20px;
}

.faq .faq-box div {
  margin-bottom: 30px;
}

.faq .faq-box div h6 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 10px;
}

.faq .faq-box div h6 span {
  font-size: 14px;
  color: #fff;
  background: #2e9bc5;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding-top: 4px;
  margin-right: 5px;
}

.faq .faq-box div p {
  font-size: 15px;
  color: #969696;
  line-height: 26px;
}

.error-sec {
  padding: 100px 0 185px;
}

.error-sec .error-box h1 {
  font-size: 242px;
  color: #222222;
  font-weight: 700;
}

.error-sec .error-box h1 span {
  color: #2e9bc5;
  margin: 0 10px;
}

.error-sec .error-box h3 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 20px;
}

.error-sec .error-box p {
  font-size: 18px;
  color: #969696;
  font-weight: 600;
  margin-bottom: 40px;
}

.error-sec .error-box a {
  font-size: 18px;
  color: #fff;
  background: #2e9bc5;
  padding: 12px 35px;
  font-weight: 600;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.error-sec .error-box a i {
  margin-right: 8px;
}

.error-sec .error-box a:hover {
  background: #e45151;
}

.tr-order {
  padding: 50px 0;
}

.tr-order .tr-box form {
  max-width: 700px;
  margin: auto;
  border: 1px solid #eeeeee;
  padding: 35px 42px;
}

.tr-order .tr-box form h5 {
  color: #444444;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.tr-order .tr-box form label {
  font-size: 15px;
  color: #666666;
  font-weight: 600;
}

.tr-order .tr-box form input {
  border: 1px solid #dddddd;
  width: 100%;
  height: 45px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding-left: 15px;
  margin-bottom: 35px;
}

.tr-order .tr-box form input:focus {
  border-color: #2e9bc5;
}

.tr-order .tr-box form input.placeholder {
  font-style: italic;
  color: #666666;
}

.tr-order .tr-box form input:-moz-placeholder {
  font-style: italic;
  color: #666666;
}

.tr-order .tr-box form input::-moz-placeholder {
  font-style: italic;
  color: #666666;
}

.tr-order .tr-box form input:-ms-input-placeholder {
  font-style: italic;
  color: #666666;
}

.tr-order .tr-box form input::-webkit-input-placeholder {
  font-style: italic;
  color: #666666;
}

.tr-order .tr-box form button {
  font-size: 15px;
  color: #fff;
  background: #e45151;
  padding: 10px 30px;
  font-weight: 600;
  border: none;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.tr-order .tr-box form button:hover {
  background: #2e9bc5;
}

.blog1 {
  padding: 25px 0;
}

.blog1 .blog-box
{
  border: 0px solid #eee;
  margin-bottom: 30px;
  background-color: var(--lightgrey);;
}

.blog1 .blog-box .blog-img {
  max-height: 250px;
  overflow: hidden;
  flex: 2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  background-color: var(--lightgrey);
  position: relative;
  overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.blog1 .blogListImgDecor1 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
	background-color: var(--blue);
	color: #fff;
}

.blog1 .blogListImgDecor2 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
	background-color: var(--lightblue);
	color: #fff;
}
.blog1 .blogListImgDecor3 {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 20%, 0 100%);
	background-color: var(--blue);
	color: #fff;
}
.blog1 .blogListImgDecor4 {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 20%, 0 100%);
	background-color: var(--lightblue);
	color: #fff;
}
.blog1 .blogListImgDecor5 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
	background-color: var(--blue);
	color: #fff;
}

.blog1 .blogListImgDecor6 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
	background-color: var(--lightblue);
	color: #fff;
}
.blog1 .blogListImgDecor7 {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 20%, 0 100%);
	background-color: var(--blue);
	color: #fff;
}
.blog1 .blogListImgDecor8 {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 20%, 0 100%);
	background-color: var(--lightblue);
	color: #fff;
}
.blog1 .blogListImgDecor9 {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 20%, 0 100%);
	background-color: var(--red);
	color: #fff;
}
.blog1 .blogListImgDecor10 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 50px;
	z-index: 3;
	left: 0;
	clip-path: polygon(0 80%, 100% 0, 100% 100%, 0 100%);
	background-color: var(--red);
	color: #fff;
}

.blog1 .blog-box .blog-img img {
	background-color: var(--lightgrey);
	margin: 0;
	padding: 0;
	min-height: 100%;
	width: 100%;
	opacity: 0;
}

.blog1 .blog-box .blog-content {
  flex: 3;
  background-color: var(--lightgrey);
  padding: 2rem 2.5rem
}

.blog1 .blog-box .blog-content h5 {
  margin-bottom: 10px;
  width: auto;
  font-family: "druk_widemedium", sans-serif;
}

.blog1 .blog-box .blog-content h5 a {
  color: #444444;
  font-weight: 400;
  font-family: "druk_widemedium", sans-serif;
  font-size: 22px;
}

.blog1 .blog-box .blog-content h5 a:hover {
  color: #000;
}

.blog1 .blog-box .blog-content ul {
  margin-bottom: 10px;
}

.blog1 .blog-box .blog-content ul li i {
  font-size: 12px;
  color: #969696;
  margin-right: 5px;
}

.blog1 .blog-box .blog-content ul li a:hover {
  color: #2e9bc5;
}

.blog1 .blog-box .blog-content ul li:nth-child(1) {
  margin-right: 10px;
}

.blog1 .blog-box .blog-content p {
  font-size: 15px;
  color: #666666;
  line-height: 28px;
  letter-spacing: 0.3px;
}

.blog1 .pagination-box {
  margin-top: 35px;
}

.blog1 .pagination-box ul li a {
  font-size: 15px;
  color: #2e9bc5;
  width: 35px;
  height: 35px;
  background: #fff;
  display: block;
  padding-top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.blog1 .pagination-box ul li.active a {
  background: #2e9bc5;
  color: #fff;
}

.blog2 {
  padding: 50px 0;
}

.blog2 .blog-box {
  max-width: 80%;
  margin: auto;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 48px;
  margin-bottom: 45px;
}

.blog2 .blog-box .blog-img a img {
  margin-bottom: 20px;
}

.blog2 .blog-box .blog-content h5 {
  margin-bottom: 10px;
}

.blog2 .blog-box .blog-content h5 a {
  color: #222222;
  font-weight: 600;
}

.blog2 .blog-box .blog-content h5 a:hover {
  color: #2e9bc5;
}

.blog2 .blog-box .blog-content ul {
  margin-bottom: 10px;
}

.blog2 .blog-box .blog-content ul li i {
  color: #969696;
  margin-right: 5px;
}

.blog2 .blog-box .blog-content ul li a:hover {
  color: #2e9bc5;
}

.blog2 .blog-box .blog-content ul li:nth-child(1) {
  margin-right: 10px;
}

.blog2 .blog-box .blog-content p {
  font-size: 16px;
  color: #969696;
  line-height: 28px;
  letter-spacing: 0.3px;
  margin-bottom: 25px;
}

.blog2 .blog-box .blog-content a.rd-btn {
  font-size: 15px;
  color: #2e9bc5;
  border: 1px solid #2e9bc5;
  padding: 7px 20px;
  border-radius: 25px;
}

.blog2 .blog-box .blog-content a.rd-btn:hover {
  background: #2e9bc5;
  color: #fff;
}

.blog2 .pagination-box {
  margin-top: 35px;
}

.blog2 .pagination-box ul li a {
  font-size: 15px;
  color: #2e9bc5;
  width: 35px;
  height: 35px;
  background: #fff;
  display: block;
  padding-top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.blog2 .pagination-box ul li.active a {
  background: #2e9bc5;
  color: #fff;
}

.blog3 {
  padding: 60px 0;
}

.blog3 .blog-sr {
  margin-bottom: 40px;
}

.blog3 .blog-sr .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog3 .blog-sr form {
  position: relative;
}

.blog3 .blog-sr form input {
  width: 100%;
  height: 45px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 15px;
  padding-left: 15px;
}

.blog3 .blog-sr form input.placeholder {
  font-style: italic;
  color: #969696;
}

.blog3 .blog-sr form input:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog3 .blog-sr form input::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog3 .blog-sr form input:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog3 .blog-sr form input::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog3 .blog-sr form input:focus {
  border-color: #2e9bc5;
}

.blog3 .blog-sr form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  border: none;
  color: #444444;
  background: transparent;
}

.blog3 .blog-sr form button:hover {
  color: #e45151;
}

.blog3 .blog-po {
  margin-bottom: 40px;
}

.blog3 .blog-po .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog3 .blog-po .post-box .rec-post {
  margin-bottom: 20px;
}

.blog3 .blog-po .post-box .rec-post div a img {
  max-width: 90px;
  margin-right: 15px;
}

.blog3 .blog-po .post-box .rec-post div p {
  margin-bottom: 8px;
}

.blog3 .blog-po .post-box .rec-post div p a {
  font-size: 15px;
}

.blog3 .blog-po .post-box .rec-post div p a:hover {
  color: #2e9bc5;
}

.blog3 .blog-po .post-box .rec-post div span {
  font-size: 13px;
  color: #969696;
}

.blog3 .blog-cat {
  margin-bottom: 40px;
}

.blog3 .blog-cat .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog3 .blog-cat .cat-box ul li {
  margin-bottom: 10px;
}

.blog3 .blog-cat .cat-box ul li a {
  font-size: 15px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.blog3 .blog-cat .cat-box ul li a span {
  font-size: 14px;
  color: #969696;
  float: right;
}

.blog3 .blog-cat .cat-box ul li a:hover {
  color: #2e9bc5;
}

.blog3 .blog-cat .cat-box ul li a:hover span {
  color: #2e9bc5;
}

.blog3 .blog-banner {
  position: relative;
  margin-bottom: 40px;
}

.blog3 .blog-banner:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.blog3 .blog-banner:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.blog3 .blog-banner:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.blog3 .blog-banner:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.blog3 .blog-tag .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog3 .blog-tag .tag-box a {
  font-size: 13px;
  border: 1px solid #dddddd;
  padding: 6px 15px 5px;
  margin: 0 8px 13px 0;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.blog3 .blog-tag .tag-box a:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.blog3 .blog-box {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 48px;
  margin-bottom: 45px;
}

.blog3 .blog-box .blog-img a img {
  margin-bottom: 20px;
}

.blog3 .blog-box .blog-content h5 {
  margin-bottom: 10px;
}

.blog3 .blog-box .blog-content h5 a {
  color: #222222;
  font-weight: 600;
}

.blog3 .blog-box .blog-content h5 a:hover {
  color: #2e9bc5;
}

.blog3 .blog-box .blog-content ul {
  margin-bottom: 10px;
}

.blog3 .blog-box .blog-content ul li i {
  color: #969696;
  margin-right: 5px;
}

.blog3 .blog-box .blog-content ul li a:hover {
  color: #2e9bc5;
}

.blog3 .blog-box .blog-content ul li:nth-child(1) {
  margin-right: 10px;
}

.blog3 .blog-box .blog-content p {
  font-size: 16px;
  color: #969696;
  line-height: 28px;
  letter-spacing: 0.3px;
  margin-bottom: 25px;
}

.blog3 .blog-box .blog-content a.rd-btn {
  font-size: 15px;
  color: #2e9bc5;
  border: 1px solid #2e9bc5;
  padding: 7px 20px;
  border-radius: 25px;
}

.blog3 .blog-box .blog-content a.rd-btn:hover {
  background: #2e9bc5;
  color: #fff;
}

.blog3 .pagination-box {
  margin-top: 35px;
}

.blog3 .pagination-box ul li a {
  font-size: 15px;
  color: #2e9bc5;
  width: 35px;
  height: 35px;
  background: #fff;
  display: block;
  padding-top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.blog3 .pagination-box ul li.active a {
  background: #2e9bc5;
  color: #fff;
}

.blog-details {
  padding: 0px 0 22px;
  margin-right: -30px;
  margin-left: -30px;
}
.blog-details .nDate {
  font-size: 14px;
  font-weight: 600;
  padding-right: 0;
  color: var(--white);
}

.blog-details .blog-main-content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  color: var(--darkblue);
  padding: 0px 15px;
}

.blog-details .blog-main-content h1 {
	font-family: camptonbold;
	font-weight: 800;
	font-size: 2.25em;
	margin-top: 0;
	margin-bottom: .8888889em;
	line-height: 1.1111111;
}
.blog-details .blog-main-content h2 {
	font-family: camptonbold;
	font-weight: 800;
	font-size: 2.25em;
	margin-top: 0;
	margin-bottom: .8888889em;
	line-height: 1.1111111;
}
.blog-details .blog-main-content h3 {
	font-family: camptonbold;
	font-size: 24px;
	font-weight: 600;
}
.blog-details .blog-main-content p { 
	margin-top: 2rem;
	margin-bottom: 2rem;
    font-size: 20px;
}
.blog-details .blog-main-content img { max-width:100%!important; }
.blog-details .blog-main-content b {}
.blog-details .blog-main-content strong {}

.blog-details .blog-d-box .image-box img {
  margin-bottom: 20px;
  max-width: 65%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
  max-height: 640px;
  margin: 0;
}

.blog-details  .blog-d-box .blog-head-box {
	background-color: var(--blue);
	display: inline-block;
	width: 100%;
}
.blog-details .blog-d-box  .blog-head-box {
	width: 100%;
	max-height: 480px;
	overflow: hidden;
}
.blog-details .image-box {
  display: block;
  float: right;
  text-align: right;
}

.nTitle {
	font-size: 18px !important;
	text-transform: initial !important;
	text-align: left !important;
	line-height: 1.2em;
	font-weight: 600;
	color: #000;
}
.nShort {
	font-size: 15px!important;
	color: #949494!important;
}
.nDate {
  font-size: 14px;
  font-weight: 600;
  padding-right: 0;
  color: var(--darkblue);
  margin-top: 2rem;
}

.blog-details .blog-d-box .image-content h4 {
  color: #222222;
  margin-bottom: 18px;
  font-weight: 600;
}

.blog-details .blog-d-box .image-content ul {
  margin-bottom: 12px;
}

.blog-details .blog-d-box .image-content ul li {
  font-size: 14px;
  margin-right: 15px;
}

.blog-details .blog-d-box .image-content ul li i {
  font-size: 14px;
  color: #2e9bc5;
  margin-right: 7px;
}

.blog-details .blog-d-box .image-content ul li a {
  font-size: 14px;
  color: #555555;
}

.blog-details .blog-d-box .image-content ul li a:hover {
  color: #2e9bc5;
}

.blog-details .blog-d-box .image-content p {
  font-size: 16px;
  color: #666666;
  letter-spacing: 0.5px;
  line-height: 32px;
  margin-bottom: 45px;
}

.blog-details .blog-d-box .image-content p span {
  font-size: 15px;
  color: #555555;
  background: #eeeeee;
  display: block;
  padding: 20px 30px 25px;
  margin: 20px 0;
  border-left: 2px solid #2e9bc5;
  line-height: 30px;
}

.blog-details .blog-d-box .blog-btns .share-btn ul li:first-child {
  font-size: 15px;
  font-weight: 600;
}

.blog-details .blog-d-box .blog-btns .share-btn ul li a i {
  font-size: 14px;
  color: #2e9bc5;
  display: block;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  padding-top: 10px;
}

.blog-details .blog-d-box .blog-btns .share-btn ul li a i:hover {
  background: #2e9bc5;
  border-color: #2e9bc5;
  color: #fff;
}

.blog-details .blog-d-box .blog-btns .post-bfaf {
  margin-bottom: 50px;
}

.blog-details .blog-d-box .blog-btns .post-bfaf ul li a {
  display: block;
  width: 75px;
  height: 35px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  padding-top: 7px;
}

.blog-details .blog-d-box .blog-btns .post-bfaf ul li a:hover {
  color: #fff;
  border-color: #2e9bc5;
  background: #2e9bc5;
}

.blog-details .blog-d-box .blog-btns .post-bfaf ul li:nth-child(1) i {
  padding-right: 5px;
}

.blog-details .blog-d-box .blog-btns .post-bfaf ul li:nth-child(2) i {
  padding-left: 5px;
}

.blog-details .blog-d-box .blog-comment h4 {
  color: #222222;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 25px;
}

.blog-details .blog-d-box .blog-comment .comment-box {
  margin-bottom: 50px;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-img a {
  margin-right: 30px;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-img a img {
  width: 95px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-con ul li:nth-child(1) a {
  font-size: 17px;
  color: #444444;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  margin-right: 20px;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-con ul li:nth-child(1) a:hover {
  color: #2e9bc5;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-con ul li:nth-child(2) a {
  font-size: 12px;
  color: #fff;
  background: #2e9bc5;
  padding: 4px 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-con ul li:nth-child(2) a:hover {
  background: #e45151;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-con span {
  font-size: 13px;
  color: #969696;
  display: block;
  margin-bottom: 5px;
}

.blog-details .blog-d-box .blog-comment .comment-box .comment-con p {
  max-width: 700px;
  line-height: 25px;
  letter-spacing: 0.5px;
}

.blog-details .blog-d-box .blog-comment .comment-box2 {
  margin-left: 45px;
}

.blog-details .blog-d-box .comment-form h5 {
  color: #222222;
  font-weight: 600;
  padding-top: 15px;
  margin-bottom: 40px;
}

.blog-details .blog-d-box .comment-form form input {
  width: 100%;
  height: 48px;
  font-size: 15px;
  color: #222222;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding-left: 20px;
  margin-bottom: 25px;
}

.blog-details .blog-d-box .comment-form form input:focus {
  border-color: #2e9bc5;
}

.blog-details .blog-d-box .comment-form form input.placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form input:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form input::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form input:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form input::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form textarea {
  width: 100%;
  height: 135px;
  font-size: 15px;
  color: #222222;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 20px;
  margin-bottom: 25px;
}

.blog-details .blog-d-box .comment-form form textarea:focus {
  border-color: #2e9bc5;
}

.blog-details .blog-d-box .comment-form form textarea.placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form textarea:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form textarea::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form textarea:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-d-box .comment-form form button {
  font-size: 16px;
  color: #fff;
  background: #2e9bc5;
  border: none;
  width: 170px;
  height: 48px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-weight: 600;
}

.blog-details .blog-sr {
  margin-bottom: 40px;
}

.blog-details .blog-sr .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog-details .blog-sr form {
  position: relative;
}

.blog-details .blog-sr form input {
  width: 100%;
  height: 45px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 15px;
  padding-left: 15px;
}

.blog-details .blog-sr form input.placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-sr form input:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-sr form input::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-sr form input:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-sr form input::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.blog-details .blog-sr form input:focus {
  border-color: #2e9bc5;
}

.blog-details .blog-sr form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  border: none;
  color: #444444;
  background: transparent;
}

.blog-details .blog-sr form button:hover {
  color: #e45151;
}

.blog-details .blog-po {
  margin-bottom: 40px;
}

.blog-details .blog-po .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog-details .blog-po .post-box .rec-post {
  margin-bottom: 20px;
}

.blog-details .blog-po .post-box .rec-post div a img {
  max-width: 90px;
  margin-right: 15px;
}

.blog-details .blog-po .post-box .rec-post div p {
  margin-bottom: 8px;
}

.blog-details .blog-po .post-box .rec-post div p a {
  font-size: 15px;
}

.blog-details .blog-po .post-box .rec-post div p a:hover {
  color: #2e9bc5;
}

.blog-details .blog-po .post-box .rec-post div span {
  font-size: 13px;
  color: #969696;
}

.blog-details .blog-cat {
  margin-bottom: 40px;
}

.blog-details .blog-cat .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog-details .blog-cat .cat-box ul li {
  margin-bottom: 10px;
}

.blog-details .blog-cat .cat-box ul li a {
  font-size: 15px;
  display: block;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.blog-details .blog-cat .cat-box ul li a span {
  font-size: 14px;
  color: #969696;
  float: right;
}

.blog-details .blog-cat .cat-box ul li a:hover {
  color: #2e9bc5;
}

.blog-details .blog-cat .cat-box ul li a:hover span {
  color: #2e9bc5;
}

.blog-details .blog-banner {
  position: relative;
  margin-bottom: 40px;
}

.blog-details .blog-banner:before {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 30px;
  bottom: -30px;
  left: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.blog-details .blog-banner:after {
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.7);
  width: 30px;
  height: 100%;
  top: 0;
  left: -30px;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.blog-details .blog-banner:hover:before {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.blog-details .blog-banner:hover:after {
  opacity: 1;
  visibility: visible;
  left: 100%;
}

.blog-details .blog-tag .sec-title h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.blog-details .blog-tag .tag-box a {
  font-size: 13px;
  border: 1px solid #dddddd;
  padding: 6px 15px 5px;
  margin: 0 8px 13px 0;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.blog-details .blog-tag .tag-box a:hover {
  background: #2e9bc5;
  color: #fff;
  border-color: #2e9bc5;
}

.contact-area {
  padding-bottom: 50px;
}

.contact-area #map {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  background-color: #333;
}

.contact-area #map .info-window {
  padding: 15px;
}

.contact-area #map .info-window h5 {
  color: #2e9bc5;
  font-weight: 600;
  margin-bottom: 10px;
}

.contact-area #map .info-window p {
  font-size: 16px;
  color: #969696;
  line-height: 25px;
}

.contact-area .contact-box-tp h4 {
  color: #222222;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 25px;
}

.contact-area .contact-box {
  margin-bottom: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.contact-area .contact-box .contact-icon i {
  font-size: 26px;
  color: #2e9bc5;
  width: 65px;
  height: 65px;
  text-align: center;
  padding-top: 19px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 20px;
  margin-top: 5px;
}

.contact-area .contact-box .contact-content h6 {
  color: #444444;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
}

.contact-area .contact-box .contact-content p {
  font-size: 15px;
  color: #969696;
}

.contact-area .social-link ul li a i {
  font-size: 15px;
  color: #fff;
  width: 38px;
  height: 38px;
  text-align: center;
  padding-top: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.contact-area .social-link ul li a i:hover {
  background: #2e9bc5 !important;
}

.contact-area .social-link ul li:nth-child(1) a i {
  background: #3b5998;
}

.contact-area .social-link ul li:nth-child(2) a i {
  background: #1da1f2;
}

.contact-area .social-link ul li:nth-child(3) a i {
  background: #0077b5;
}

.contact-area .social-link ul li:nth-child(4) a i {
  background: #ff0000;
}

.contact-area .social-link ul li:nth-child(5) a i {
  background: #bd081c;
}

.contact-area .contact-form h4 {
  color: #222222;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 8px;
  margin-bottom: 25px;
}

.contact-area .contact-form form p input {
  font-size: 15px;
  width: 100%;
  height: 45px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding-left: 15px;
  margin-bottom: 25px;
}

.contact-area .contact-form form p input:focus {
  border-color: #2e9bc5;
}

.contact-area .contact-form form p input.placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p input:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p input::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p input:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p input::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p textarea {
  font-size: 15px;
  width: 100%;
  height: 185px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 15px;
  margin-bottom: 25px;
}

.contact-area .contact-form form p textarea:focus {
  border-color: #2e9bc5;
}

.contact-area .contact-form form p textarea.placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p textarea:-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p textarea::-moz-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p textarea:-ms-input-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form p textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #969696;
}

.contact-area .contact-form form button {
  font-size: 15px;
  color: #fff;
  background: #2e9bc5;
  padding: 10px 35px;
  border: none;
  font-weight: 600;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}

.contact-area .contact-form form button:hover {
  background: #e45151;
}

.footer-top {
  background: var(--darkblue);
  padding: 0px 0 0px;
    padding-bottom: 40px;
  padding-bottom: 40px;
  color: #fff;
  padding-bottom: 0px;
  clip-path: polygon(0 0, 100% 25px, 100% 100%, 0 100%);
  overflow: hidden;
}

.footer-top .f-contact h5 {
  color: #eaeaea;
  font-weight: 600;
  font-size: 23px;
  text-transform: lowercase;
  margin-bottom: 30px;
}
.footer-top .f-contact a {
	color: #fff;
	line-height: 1em;
}
.footer-top .f-copyright {
	color: #dedede;
}
.footer-top .f-contact{
	color: #949494;
	font-size: 15px;
	line-height: 36px;
}

.footer-top .f-contact .f-add, .footer-top .f-contact .f-email, .footer-top .f-contact .f-phn {
  margin-bottom: 15px;
}

.footer-top .f-contact .f-add i, .footer-top .f-contact .f-email i, .footer-top .f-contact .f-phn i {
  font-size: 15px;
  color: #969696;
  width: 20px;
}

.footer-top .f-contact .f-add span, .footer-top .f-contact .f-email span, .footer-top .f-contact .f-phn span {
  font-size: 15px;
  color: #969696;
  font-weight: 600;
}

.footer-top .f-contact .f-add p, .footer-top .f-contact .f-email p, .footer-top .f-contact .f-phn p {
  color: #969696;
  max-width: 215px;
  margin-top: 5px;
}

.footer-top .f-contact .f-social {
  display: inline-block;
  margin-top: 10px;
}

.footer-top .f-contact .f-social ul li a i {
  font-size: 13px;
  color: #666666;
  border: 1px solid #666666;
  width: 28px;
  height: 28px;
  text-align: center;
  padding-top: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.footer-top .f-contact .f-social ul li a i:hover {
  background: #2e9bc5;
  border-color: #2e9bc5;
  color: #e5e5e5;
}

.footer-top .f-cat h5, .footer-top .f-sup h5, .footer-top .f-link h5 {
  color: #dddddd;
  font-weight: 600;
  text-transform: lowercase;
  margin-bottom: 30px;
}

.footer-top .f-cat ul li a, .footer-top .f-sup ul li a, .footer-top .f-link ul li a {
  font-size: 15px;
  color: #b9b9b9;
  display: inline-block;
  margin-bottom: 5px;
}

.footer-top .f-cat ul li a i, .footer-top .f-sup ul li a i, .footer-top .f-link ul li a i {
  font-size: 13px;
  color: #969696;
  margin-right: 10px;
}

.footer-top .f-cat ul li a:hover, .footer-top .f-sup ul li a:hover, .footer-top .f-link ul li a:hover {
  color: #fff;
}

.footer-top .f-cat ul li a:hover i, .footer-top .f-sup ul li a:hover i, .footer-top .f-link ul li a:hover i {
  color: #fff;
}

.footer-btm {
  background: #25272e;
  border-top: 1px solid #2f2f2f;
  padding: 0px 0;
}

.footer-btm p {
  font-size: 15px;
  color: #eaeaea;
  margin-top: 3px;
}

.footer-btm p i {
  color: #2e9bc5;
  margin: 0 2px;
}

.footer-btm p a {
  color: #2e9bc5;
}

.footer-btm p a:hover {
  text-decoration: underline;
}

.f-footermenu {}
.f-footermenu li {}
.f-footermenu li a { color: var(--white); font-family: "druk_widemedium", sans-serif; font-size: 12px; }
.f-footermenu li a:hover{ color: var(--darkblue); }
.f-footermenu li a > div { 
	opacity: 0;
	display: inline-block;
	margin-left: 3px; 
}
.f-footermenu li a:hover div { opacity: 1; } 

.user-bubble {
  z-index: 10002;
  visibility: visible;
  bottom: 20px;
  right: 10px;
  position: fixed;
  background: rgba(0,0,0,0.9);
  color: #fff;
  min-width: 200px;
  min-height: 40px;
  border-radius: 30px 30px 30px 30px;
}
.user-bubble .data1{
	min-width:100px;
	float: left;
	padding: 10px 10px 0px 10px;
	text-align: left;

}
.user-bubble .data2{
	float: right;
	padding: 10px 10px 0px 10px;
	text-align: left;
}
.user-bubble .data1 .name {
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 14px;
  display:inline-block;
  float:left;
  width:100%;
}
.user-bubble .data1 .logout { 
	display:inline-block;
  float:left;
  width:100%;
}

.user-bubble .data1 .logout a {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  text-decoration: none;
}
.user-bubble .logo {
  background-position: center center;
  background-image: url(/files/images/template/default-avatar.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px 30px 30px 30px;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  margin: 1px;
  width: 50px;
  position: relative;
  float: left;
}

.footer-btm .back-to-top {
  background: #eeeeee;
  position: fixed;
  bottom: 80px;
  right: 40px;
  width: 45px;
  height: 45px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 999;
  padding-top: 10px;
  display: none;
  cursor: pointer;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

.footer-btm .back-to-top:hover {
  background: #fff;
}
.footer-bottom { background-color: #fff; }

.prodMenuPanel {
	opacity:1;
	position: absolute;
	top: 5rem;
	background-color: #fff;
	width: 100%;
	box-shadow: 1px 8px 8px -2px rgb(212,212,212,0.75);
	z-index: 9999;
	overflow: hidden;
	max-width:900px;
	transition: all .2s ease-in-out;
	transform-origin: left top;
	transform: scaleY(0);
}

.prodMenuPanel.open{
	transition: all .2s ease-in-out;
	transform-origin: left top;
	transform: scaleY(1);
}

.prodMenuPanel.close{
	transform: scaleY(0);
}

.prodMenuPanel .prodMenuUl{ list-style-type: none; margin:0; }
.prodMenuPanel .prodMenuUl > li {
	float:left;
}
.prodMenuPanel .prodMenuCol1 { padding-bottom:25px;  }
.prodMenuPanel .prodMenuCol1 b { 
	font-size: 15px;
	color: #212121;
	text-transform: none;
	font-weight: 800;
	margin-bottom: 15px;
	padding-left: 40px;
	padding-top: 5px;
	letter-spacing: 0;
	display:inline-block;
	width:100%;
}
.prodMenuPanel .prodMenuCol1 ul { }
.prodMenuPanel .prodMenuCol1 ul > li { }
.prodMenuPanel .prodMenuCol1 ul > li > a { 
	color: #939598;
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	margin: 8px;
}
.prodMenuPanel .prodMenuCol2 { padding-bottom:25px;  }
.prodMenuPanel .prodMenuCol2 .prodCatSub1 { }
.prodMenuPanel .prodMenuCol2 b { 
	font-size: 15px;
	color: #212121;
	text-transform: none;
	font-weight: 800;
	margin-bottom: 15px;
	padding-left: 40px;
	padding-top: 5px;
	letter-spacing: 0;
	display:inline-block;
	width:100%;
}
.prodMenuPanel .prodMenuCol2 .prodCatSub1Item { display:inline-block; width:49%; }
.prodMenuPanel .prodMenuCol2 .prodCatSub1Item a { 
	color: #939598;
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	width: 100%;
	margin: 8px;
}

.prodMenuPanel .prodMenuCol2 .prodCatSub1Item a:hover { color:#000; font-size:13px; }

.prodMenuPanel .prodMenuCol3 { padding-bottom:25px; }
.prodMenuPanel .prodMenuCol3 b { 
	font-size: 15px;
	color: #212121;
	text-transform: none;
	font-weight: 800;
	margin-bottom: 15px;
	padding-left: 40px;
	padding-top: 5px;
	letter-spacing: 0;
	display:inline-block;
	width:100%;
}

.sortby .orderType {
  font-size: 12px;
  font-weight: 600;
  color: rgb(148, 148, 148);
  margin-right: 10px;
}
.sortby .orderType:hover { text-decoration: undeline!important; }

.sortby i { font-size: 18px; font-weight: 600; }
.sortby span {display: inline-block;font-size: 18px;font-weight: 600; color:rgb(148, 148, 148);}
.sortby .active { color:#000!important;}
.sortby .active { color:#000!important;}

.partnerPanel {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: normal;
  margin-top: 0px;
  padding: 25px;
}
.partnerPanel .partner_name
{
  font-weight: 600;
  font-size: 17px;
  color: #333;
  margin-bottom: 25px;
  text-transform: uppercase;
}
#partner_col2_name31 .partner_name{
	font-size:15px;
}
.partnerPanel .partner_addr {}
.partnerPanel .partner_tel {}
.partnerPanel .partner_web {
	color: rgb(214, 214, 214);
}

.partner_col2_name{ transition: padding 0.3s ease-in-out; }
.partner_col2_name:hover {
	background-color: var(--lightgrey)!important;
	padding-left:25px;
}

.partner_col2_name .partner_col3_plus :hover {
	background-color: var(--lightgrey)!important;
}

#priceSliderPanel{
  padding: 0 15px;
    padding-bottom: 0px;
  padding-bottom: 35px;
}


#priceSliderPanel .sec-title h5 {
  color: #000;
  font-weight: 500;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0;
  text-transform: lowercase;
  margin-bottom: 25px;
  font-size: 16px;
  padding-bottom: 3px;
}

#priceSliderPanel .sec-title h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #010101;
  font-weight: 700;
  padding-top: 5px;
  margin-left: 20px;
  font-size: 13px;
}

#priceSelector .card {
  width: 400px;
  background-color: #000;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0px 9px 20px 0px rgba(14, 88, 48, 0.1);
}

#priceSelector h4 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
}

#priceSelector .price-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 10px;
}

#priceSelector label {
  font-size: 14px;
  font-weight: 500;
}

#priceSelector p {
  font-size: 16px;
  font-weight: 600;
}

#priceSelector .range-slider {
  width: 400px;
  position: relative;
  margin: 15px 0 30px 0;
}

#priceSelector .range-fill {
  height: 6px;
  background-color: #36b37e;
  position: absolute;
  z-index: 1;
}

#priceSelector input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  position: absolute;
  left: 0;
}

#priceSelector input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #36b37e;
  cursor: pointer;
  margin-top: -5px;
  position: relative;
  z-index: 1;
}

#priceSelector input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #e8e8e8;
  border-radius: 3px;
  border: none;
}

#priceValueTxt {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	font-weight: 700
}

.owlsliderWBOX  {}
.owlsliderWBOX .owl-dots
{
  margin: 25px 0;
  text-align: center;
}
.owlsliderWBOX .acitve {}
.owlsliderWBOX .owl-dot
{
  width: 15px;
  height: 15px;
  background-color: #dee2e0;
  display: inline-block !important;
  margin-right: 5px;
  border-radius: 50%;
  margin: 0px 5px;
}
.owlsliderWBOX .owl-dot.active { background-color: #c2cac7; }
.owlsliderWBOX .owl-dot.active span {}

.boxTypeCONTENT-BOXES2 img { transition: transform 0.3s ease-in-out;}
.boxTypeCONTENT-BOXES2 img:hover{ transform: scale(1.2); }
.boxTypeCONTENT-BOXES2 a { color: #fff;font-size: 2rem; }
.boxTypeCONTENT-BOXES2 .absDiv { position: absolute;top: 50%;left: 0;right: 0;width: 100%;text-align: center;color: #fff; }

.boxTypeCONTENT-BOXES3 { max-height: 600px; overflow:hidden; background-position: center center;
  background-size: 100% auto;  background-color:#000; opacity:0.8;}
.boxTypeCONTENT-BOXES3 img { opacity: 0; transition: transform 0.3s ease-in-out; }
.boxTypeCONTENT-BOXES3 img:hover{ transform: scale(1.2); }
.boxTypeCONTENT-BOXES3 a { color: #fff; }
.boxTypeCONTENT-BOXES3 .absDiv { position: absolute;top: 50%;left: 0;right: 0;width: 100%;text-align: center;color: #fff; }
.boxTypeCONTENT-BOXES3 .absDiv p { color: #fff!important; }

.news-slider {}
.news-slider .blog-content {}
.news-slider .blog-content h3 {
  line-height: 1.3em;
  letter-spacing: 0;
  margin: 0;
  padding: 0 15px;
  font-size: 20px;
  height: 2.6em;
  overflow: hidden;
  width: 100%;
  text-align: left;
  
}
.news-slider .blog-content h3 a { font-size: 20px; font-weight: 500;color: #000; }
.news-slider .blog-content h3 a:hover { text-decoration: underline; }
.news-slider .blog-content p {
	color: #010101;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	line-height: 1.68em;
	font-family: var(--fText);
	font-weight: 300;
	text-align: left;
	padding: 0 15px;
	padding-bottom: 2rem;
}
.news-slider .blog-content .newslink { color:#000; font-weight: 600; padding-top: 15px; margin-top: 20px; display: inline-block;width:100%; }

#kerHirekPanel {}
.kerHir {display: inline-block;width: 100%;float: left;margin-top: 30px;}
.kerLine1 {display: inline-block;width: 100%;}
.dateBlock {display: inline-block;padding: 15px;text-align: left;width: 15%;float: left;padding-left: 0;min-height: 120px;}
.day {color: #999;font-size: 23px;font-weight: 400;}
.date {color: #999;font-size: 11px;font-weight: 400;}
.imgBlock {width: 25%;text-align: left;float: left;min-height: 120px;}
.imgBlock img {max-width: 150px;}
.titleBlock {width: 60%;display: block;float: left;padding: 10px 5px;font-weight: 600;font-size: 18px;}
.descBlock {width: 60%;display: block;float: left;padding: 10px 5px;font-weight: 600;font-size: 14px;}
.descBlock p {
	line-height:1.2em;
	max-height: 2.4em;
}
.btnBlock {
  width: 100%;
  display: block;
  float: left;
  padding: 10px 5px;
  font-weight: 600;
  font-size: 18px;
  text-align: right;
}

.contactPanel {}			
.contactPanel label {font-size: 14px;padding-left: 15px;margin-bottom: 0;}			
.contactPanel .value {margin-bottom: 15px;} 

.discTable {}	
.discTable table { width: 100%; }	
.discTable table tr {  }	
.discTable table td {
  padding: 10px;
  background-color: #f3f3f3;
  border-bottom: 5px solid #fff;
}
.discTable img { max-height: 70px; }	
.discTable a {
  color: #ec7511;
  font-size: 16px;
}	
.discTable a:hover { text-decoration: underline; }	
.discTable .prodprice { color: #000; font-size:16px;}	

.sim-slider .owl-dots
{
  margin: 25px 0;
  text-align: center;
}
.sim-slider .acitve {}
.sim-slider .owl-dot
{
  width: 15px;
  height: 15px;
  background-color: #dee2e0;
  display: inline-block !important;
  margin-right: 5px;
  border-radius: 50%;
  margin: 0px 5px;
}
.sim-slider .owl-dot.active { background-color: #c2cac7; }
.sim-slider .owl-dot.active span {}

.lv-slider .owl-dots
{
  margin: 25px 0;
  text-align: center;
}
.lv-slider .acitve {}
.lv-slider .owl-dot
{
  width: 15px;
  height: 15px;
  background-color: #dee2e0;
  display: inline-block !important;
  margin-right: 5px;
  border-radius: 50%;
  margin: 0px 5px;
}
.lv-slider .owl-dot.active { background-color: #c2cac7; }
.lv-slider .owl-dot.active span {}

#calendar-container {}
#calendar-container .eventDay {
  background-color: #000;
  color: #fff;
}
#calendar-container .fc-h-event { background-color:#000; color:#fff; border-color:#000; border-radius:5px;}
#calendar-container .fc-daygrid-event {
  white-space: break-spaces;
  font-size:12px;
  text-align:center;
}
#calendar-container .fc-daygrid-day-top {
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  align-content: center;
  align-items: center;
}

#calendar-container .fc-daygrid-day-number {
  text-align: center;
  width: auto;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
}
#calendar-container .fc-daygrid-day.fc-day-today { background-color: var(--fc-today-bg-color, rgba(186, 185, 196, 0.15)); }
#calendar-container .fc-daygrid-day-events { display:block; min-height: 0; }
#calendar-container .fc-theme-standard td, .fc-theme-standard th{ border:none; }
#calendar-container .fc-scrollgrid-sync-inner { font-weight: 300!important; }
#calendar-container .fc-toolbar {
  display: flex;
  justify-content: center!important;
  }
#calendar-container h2{ font-size:12px;}
#calendar-container .fc-today-button { display:none; }
#calendar-container .fc-prev-button { background-color: transparent; border: none; color:#ec7511 !important; font-size: 10px;}
#calendar-container .fc-next-button {  background-color: transparent; border: none; color:#ec7511 !important; font-size: 10px; }

.prod-putbskbtn {}
.prod-putbskbtn .qty-box { display:inline-block; background-color: #fff; color: #949494; padding:11px 15px; border:0px solid #E9E9E9 !important; font-size: 12px;}
.prod-putbskbtn .plus{ color: var(--darkblue); background-color: #fff; border:0px solid #fff; font-size: 14px;}
.prod-putbskbtn .minus{color: var(--darkblue); background-color: #fff; border:0px solid #fff; font-size: 14px;}
.prod-putbskbtn .qty {
  color: var(--darkblue);
  background-color: #fff;
  border: 0px solid #fff;
  font-size: 15px;
  text-align: center;
  width: 30px;
  font-weight: 800;
}
.prod-putbskbtn .list-inline-item { font-size: 12px; }
.prod-putbskbtn .prod-btns {
  display: inline-block;
  border-radius: 0;
  background-color: var(--darkblue);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
  margin-left: 3px;
}
.prod-putbskbtn .cartButtonBig {
  background-color: var(--red);
  color: #fff;
  padding: 13px 15px;
  border-radius:0;
}


.favBtnAdd {
  padding: 10px 14px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  font-size: 14px;
  border: 2px solid #000;
}
.favBtnAdd:hover { color:#000; }
.favBtnAdd img { height: 24px; }
.favBtnRem {
  padding: 10px 14px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  font-size: 14px;
  border: 2px solid #000;
}
.favBtnRem:hover { color:#000; }
.favBtnRem img { height: 24px; }

.prod-stock-lock {
	background-color: #f5f5f5;
	padding:25px;
}

.prod-stock-lock h3 {
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 14px;
	line-height: 1.1em;
	text-transform: uppercase;
}

.mainBoxRow1 {}
.mainBoxRow1 .box { padding-left:25px; padding-right:25px; }
.mainBoxRow1 .boxTitle {
  font-size: 1.5rem;
  font-family: "druk_widemedium", sans-serif;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 2rem;
  left: 3rem;
}
.mainBoxRow1 .boxPanel { overflow: hidden; }
.mainBoxRow1 .boxTop { overflow: hidden; }
.mainBoxRow1 .boxRight {
  position: absolute;
  clip-path: polygon(100% 0, 100% 30%, 100% 100%, 70% 100%);
  background-color: var(--darkblue);
  right: 25px;
  bottom: 0;
  width: 100%;
  height: 50%;
  transition: color 0.2s ease, transform 0.2s ease;
}
.mainBoxRow1 .boxBottom {
  position: absolute;
  bottom: 0;
  left: 25px;
  right: 25px;
  padding: 2rem;
  background-color: var(--blue);
  height: 8rem;
  font-family: "druk_widemedium", sans-serif;
  font-weight: 800;
  color: #fff;
  clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
  transition: background-color 0.2s ease, color 0.2s ease, height 0.2s ease, transform 0.2s ease;
}
.mainBoxRow1 .boxBottom div {
	padding-top:0.8rem; 
	font-size:1.2rem;
	max-width:100%;
	transition: color 0.2s ease, height 0.2s ease, transform 0.2s ease;
}
.mainBoxRow1 .boxBottom span {
	position: absolute;
	left: -100%;
	display:inline-block;
	transition: left 1s ease;
	padding:2rem;
	font-family: "camptonregular", sans-serif;
	padding-top:15px;
	transition: left 0.3s ease;
}

.mainBoxRow1 .boxPanel:hover .boxRight {
	transform: translate(0px, 50px);
}
.mainBoxRow1 .boxPanel:hover .boxBottom {
	height: 10rem;
	background-color: var(--red);
}
.mainBoxRow1 .boxPanel:hover .boxBottom span {
    left: 0%;
}


#mainCatMenuBoxes {
  padding-bottom: 3rem;
  display: flex;
}
#mainCatMenuBoxes .mainCatMenuBox { margin-right:2px;display: inline-block; padding-top:15px; position: relative; overflow:hidden; flex:1;}
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesTitle{ 
	background-color: var(--white); clip-path: polygon(0 8px, 100% 0, 100% 100%, 0 100%); 
	transition: color 0.6s ease, background-color 0.6s ease, transform 0.4s ease;
}
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesTitle a {
	font-family: "camptonregular", sans-serif;
	font-size: 20px;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-weight: 800;
	padding: 1.5rem;
	padding-bottom: 1.5rem;
	padding-bottom: 0.5rem;
}
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesImg {
  transition: color 0.4s ease, transform 0.4s ease;
  height: 384px;
  background-size: cover;
  display: inline-block;
  width: 100%;
  background-position: center;
}
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesImg a  { 
	display: inline-block;
	height: 100%;
	width: 100%;
	overflow: hidden;
} 
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesImg a img { 
	max-width:100%;
	height: auto;
} 
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesBottom {
	background-color: var(--red);
	color: #fff;
	font-size: 18px;
	clip-path: polygon(0 8px, 100% 0, 100% 100%, 0 100%);
	opacity: 1;
	text-align:right;
    transition: opacity 0.2s ease, color 0.2s ease, transform 0.2s ease; 
	height: 50px;
	position: absolute;
	width: 100%;
}
#mainCatMenuBoxes .mainCatMenuBox .mainCatMenuBoxesBottom a {
  display: block;
  text-align: right;
  padding: 8px 10px;
  color: #fff;
  font-weight: 800;
  font-size: 18px;
}

#mainCatMenuBoxes .mainCatMenuBox:hover .mainCatMenuBoxesTitle { 
	background-color: var(--darkblue);
	transform: translate(0, -10px);
}
#mainCatMenuBoxes .mainCatMenuBox:hover .mainCatMenuBoxesTitle a{
	color: #fff!important;
} 
#mainCatMenuBoxes .mainCatMenuBox:hover .mainCatMenuBoxesImg {
    transform: translate(0, -10px);
}
#mainCatMenuBoxes .mainCatMenuBox:hover .mainCatMenuBoxesBottom {
    transform: translate(0, -40px); 
}

.catMenuPanelLayer {
  position: fixed;
  background-color: var(--lightblue);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display:none;
}
.catMenuPanelLayer .catMenuPanel {
  background-color: var(--lightgrey);
  width: 100%;
  min-height: 300px;
  padding-top: 125px;
}
.catMenuPanelLayer .catMenuPanel .container {}
.catMenuPanelLayer .catMenuPanel .col3 { flex: 1; }
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine {
  margin-bottom: 15px;
}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColLetter {
  font-family: "druk_widemedium", sans-serif;
  font-size: 1rem;
  color: gray;
  flex: 1;
}

.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColImage02 {
  min-width: 70px;
  overflow: hidden;
  min-height: 70px;
}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColImage02 > img{
	max-width: 70px;
}

.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus02 {
  height: 70px;
  padding-left: 15px;
  width: 100%;
  display: table;
}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus02 > div {display: table-row;}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus02 > div > a {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 18px;
}


.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus > a {
  font-family: "camptonbold", sans-serif;
  font-size: 14px;
}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus02 > a {
  font-family: "camptonbold", sans-serif;
  font-size: 14px;
}

.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColImage img { max-height: 70px; border-radius:15px;overflow:hidden; margin-right: 15px; }
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus { flex: 5; }
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus ul { list-style-type: none; }
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus ul li  {}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus ul li a {
	font-family: "camptonbold", sans-serif;
	font-size: 14px;
}

.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus ul li a div {
  opacity: 0;
  display: inline-block;
  margin-left: 5px;
  font-weight: 800;
}

.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus ul li a:hover {
	color: var(--red);
}
.catMenuPanelLayer .catMenuPanel #catMenuPanelColLine #catMenuPanelColMenus ul li a:hover div {
	opacity: 1;
}

.catMenuPanelLayer .catMenuPanel .catMenuSubTypeChgBtn {
	background-color: transparent;
	color: var(--darkblue);
	clip-path: polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
	-webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - 4px),0 100%);
	font-size: 0.8rem;
	padding: 15px 15px;
	font-family: "druk_widemedium", sans-serif;
	border:none;
	transition: color 0.6s ease, background-color 0.6s ease, transform 0.4s ease;
}
.catMenuPanelLayer .catMenuPanel .catMenuSubTypeChgBtn.active {
	
	background-color: var(--darkblue);
	color: #fff;
}
.catMenuPanelLayer .catMenuPanel .catMenuSubTypeChgBtn:hover { 
	background-color: var(--red);
	color: #fff;
}


.kerekparKatMenuBlock { padding-left: 3px; padding-right: 3px; margin-bottom:5rem; }
.kerekparKatMenuBlock .kerekparKatMenuBlockImg {
  display: inline-block;
  width: 100%;
  height: 270px;
  background-position: center;
  min-width: 176px;
  background-size: cover;
  margin-bottom: 2rem;
}

.kerekparKatMenuBlock .kerekparKatMenuBlockMenuHolder {
	text-align:left;
}

.kerekparKatMenuBlock .kerekparKatMenuBlockMainLink {
  font-family: "druk_widemedium", sans-serif;
  font-weight: 800;
}
.kerekparKatMenuBlock .kerekparKatMenuBlockMainLink > div { opacity: 1; display:inline-block; margin-left:3px; }
.kerekparKatMenuBlock .kerekparKatMenuBlockMainLink:hover {
	color: var(--red);
}
.kerekparKatMenuBlock .kerekparKatMenuBlockMainLink:hover div {
	opacity: 1;
}
.kerekparKatMenuBlock .kerekparKatMenuBlockSubLinks { list-style-type: none; margin:0; padding:0;}
.kerekparKatMenuBlock .kerekparKatMenuBlockSubLinks > li a {}
.kerekparKatMenuBlock .kerekparKatMenuBlockSubLinks > li a > div { opacity: 0; display:inline-block;  margin-left:3px; }
.kerekparKatMenuBlock .kerekparKatMenuBlockSubLinks > li a:hover {
	color: var(--red);
}
.kerekparKatMenuBlock .kerekparKatMenuBlockSubLinks > li a:hover div {
	opacity: 1;
}

.scrolltoproductList { display:inline-block; padding-left:15px; color: var(--white); font-size: 18px; }
.scrolltoproductListDarkBlue { display:inline-block; padding-left:15px; color: var(--darkblue); font-size: 18px; }
.scrolltoproductList:hover { color: var(--red); }

.prodListCatPath {}
.prodListCatPath ul {}
.prodListCatPath ul li {color: #000;font-weight: 800;font-size: 18px;}
.prodListCatPath ul li a {color: #000;font-size: 14px;font-weight: normal;font-family: "druk_widemedium", sans-serif;}
.prodListCatPath ul li a:hover {}

#product-list-area-bottom {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
	height: 100px;
}


#searchPanel {  
	position: fixed;
	max-width: 100%;
	margin: 0 auto;
	display:none;
	padding-top: 10vh;
	padding-bottom: 10vh; 
	background-color: var(--blue);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

#searchPanel h3 {  }
#searchPanel .input-group { border-bottom: 4px solid #fff; }

.product-item-button-small  {}
.product-item-button-small span {
	font-size: 15px;
	color: var(--white);
	padding: 0px 15px;
	padding-top: 0px;
	display: inline-block;
	font-family: "camptonsemibold", sans-serif;
	padding-top: 25px;
}

.detailsBtn {
	font-size: 15px;
	color: var(--white);
	padding: 15px 15px;
	display: inline-block;
	font-family: "camptonsemibold", sans-serif;
	padding-top: 25px;
}

#productListHeadPanelSUBCAT { margin-bottom:25px; padding-left:0; padding-right:0; }
#productListHeadPanelSUBCAT h1 {
  word-break: break-word;
}
#productListHeadPanelSUBCAT p {}
#productListHeadPanelSUBCAT .prodListCatPath {
  padding: 1rem;
  background-color: var(--lightgrey);
}
#productListHeadPanelSUBCAT .prodListCatPath ul li a { color: var(--darkblue); font-family: "camptonsemibold", sans-serif; font-weight: 800; }
#productListHeadPanelSUBCAT p > strong {display: inline-block;margin: 1rem 0; width:100%; font-family: "camptonsemibold", sans-serif; }


.subcatBoxPanel {
  margin: 2rem 0;
}
.subcatBoxPanel > div {

}
.subcatBoxPanel .subcatBox {
  height: 120px;
  margin-bottom: 1rem;
}
.subcatBoxPanel .subcatBox .subcatBoxInner { display:flex; background-color: var(--white); }
.subcatBoxPanel .subcatBox .subcatBoxInner .subcatName { flex: 2; font-family: "camptonsemibold", sans-serif; }
.subcatBoxPanel .subcatBox .subcatBoxInner .subcatName a {
  font-family: "camptonsemibold", sans-serif;
  font-weight: 800;
  font-size: 20px;
  padding: 1rem;
  display: inline-block;
}
.subcatBoxPanel .subcatBox .subcatBoxInner .subcatName a:hover { color: var(--red); }
.subcatBoxPanel .subcatBox .subcatBoxInner:hover a { color: var(--red); }
.subcatBoxPanel .subcatBox .subcatBoxInner .subcatImg { 
	flex: 3; 
	background-color: var(--lightlighgrey); 
	clip-path: polygon(8px 0%, 100% 0, 100% 100%, 0% 100%); text-align:center;  
	height: 120px;
	background-size: cover;
	background-position: center center;
}

.subcatBoxPanel .subcatBox .subcatBoxInner .subcatImg img { max-height: 120px; }

.tab-content { padding-left: 15px;  padding-right: 15px; }

.partnerListCoutry {list-style-type: none; margin:0 ;padding:0; }
.partnerListCoutry li { margin-bottom:5px; }
.partnerListCoutry a.active { font-weight: bold; color: var(--red);  }
.partnerListCoutry li a { display: inline-block;width: 100%; }
.partnerListCoutry li a > .div1 { display: inline-block;float: left;padding: 5px 0px; font-family: "druk_widemedium";}
.partnerListCoutry li a > .div2 { display: inline-block;float: right;padding: 5px 10px;background-color: var(--lightgrey); }
.partnerListCoutry li a > hover {}

.partnerListCity {list-style-type: none; margin:0 ;padding:0; }
.partnerListCity li { margin-bottom:5px; }
.partnerListCity a.active { font-weight: bold; color: var(--red);  }
.partnerListCity li a { display: inline-block;width: 100%; }
.partnerListCity li a > .div1 { display: inline-block;float: left;padding: 5px 0px; font-family: "druk_widemedium";}
.partnerListCity li a > .div2 { display: inline-block;float: right;padding: 5px 10px;background-color: var(--lightgrey); }
.partnerListCity li a > .div3 { display: inline-block;float: right;padding: 5px 10px;background-color: var(--white); }
.partnerListCity li a > hover {}

.uzletekBack {
  display: inline-block;
  background-color: var(--darkblue);
  color: #fff;
  padding: 5px 15px;
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
  font-family: "camptonbold", sans-serif;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.uzletekBack > i{
	padding-right:10px;
}

.uzletHr {
	
}

.partnerListMarkaboltSign {
	position: absolute;
  background-color: #fff;
  top: 0;
  left: 0px;
  color: var(--lightblue);
  font-size: 12px;
  font-weight: bold;
  padding: 0px 10px;
}
.partnerListSign {
  background-color: var(--lightgrey);
  color: var(--black);
  font-size: 12px;
  font-weight: 300;
  padding: 0px 10px;
  display: inline-block;
}


#rolunk-slider-panel .custom-navigation {
  text-align: center;
  margin-top: 10px;
  color: #000;
}

#rolunk-slider-panel .custom-navigation .dots{
	
}

#rolunk-slider-panel .custom-navigation .dots .slick-dots {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: space-around;
}

#rolunk-slider-panel .rolunk-slider { height: 100%; }
#rolunk-slider-panel .rolunk-slider .slick-list { height: 100%; }
#rolunk-slider-panel .rolunk-slider .slick-track { height: 100%; }
#rolunk-slider-panel .rolunk-slider .slide { height: 100%; }
#rolunk-slider-panel .custom-navigation .dots .slick-dots li button::before {
	font-family: 'slick';
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	content: ''!important;
	text-align: center;
	opacity: .25;
	color: black;
	
}

#rolunk-slider-panel .custom-navigation .dots .slick-dots {
	padding-top: 15px;
}

#rolunk-slider-panel .custom-navigation .dots .slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  width: 100%;
}

#rolunk-slider-panel .custom-navigation .dots .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #fff;
  width: 100%;
  clip-path: polygon(0 90%, 100% 90%, 100% 100%, 0% 100%);
}


#rolunk-slider-panel .custom-navigation .slick-dots .slick-active button {
	height: 20px!important;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: #fff;
	clip-path: polygon(0 80%, 100% 60%, 100% 100%, 0% 100%)!important;

}
#rolunk-slider-panel .custom-navigation .prev {
  clip-path: polygon(0px 0px, 90% 0px, 100% 100%, 0% 100%);
  display: inline-block;
  color: var(--red);
  background-color: #fff;
  border: 0px transparent;
  padding: 5px 15px;
  margin: 15px 2px;
}

#rolunk-slider-panel .custom-navigation .next {
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  display: inline-block;
  color: var(--red);
  background-color: #fff;
  border: 0px transparent;
  padding: 5px 15px;
  margin: 15px 2px;
}

/*
.ui-multiselect {
  border: 1px solid var(--blue)!important;
  background-color: transparent!important;
  color: #000!important;
  width: 100%!important;
  margin-bottom: 10px!important;
  font-family: "camptonregular"!important;
  font-size: 13px!important;
  font-weight: bold!important;
  padding:10px 10px!important;
}


.filt-selected-items-container {
	
}

.filt-selected-item {
  display: inline-block;
  padding: 5px;
  background-color: var(--red);
  color: #fff;
  margin-bottom: 2px;
  margin-right: 3px;
}
.filt-selected-item > div {
	display: inline-block;
	padding-right: 2px;
	font-weight: bold;
	font-size: 12px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border:1px solid #ddd;
  background:#ddd;
  font-weight:normal;
  color:#000
}

.filt-selected-item-remove {
	
}
*/
.chosen-container-multi .chosen-choices {
  border: 1px solid #000;
  padding: 10px 10px;
  margin-bottom: 2px;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: #000;
}

.default-content { overflow:hidden; }

.couponCodePanel {
	background-color: var(--darkblue);
	color: #fff;
	clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%);
	padding: 25px 35px;
	padding-left: 35px;
	padding-left: 50px;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	h1, h1 a {
	  font-size: 75px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
		font-size: 22px;
		font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 20px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: column;
	}
  .carousel-caption .h3 {
	color: #fff;
	font-size: 35px;
	font-weight: 800;
	line-height: normal;
	margin-bottom: 35px;
	font-family: "druk_widemedium", sans-serif;
	line-height: 30px;
	max-width: 400px;
  }
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 10%;
	  left: 5%;
	  transform: none;
	  width: auto;
	  max-width: 100%;
	  text-align: left;
	}
	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img { clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%); height: 300px;}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 30%;bottom: 0;text-align: center; }
	.design2 { clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%); margin-top: 5rem;}
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 25px; }
	.design2 > div > div > div span { font-size: 20px; display: inline-block;margin-bottom: 20px;}
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: none;
	}
	#productListHeadPanel img {max-width:100%;clip-path: none;max-height: 640px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; display: none;}
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 { position: relative;left: 0;top: 0; }
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 2rem; padding-bottom: 3rem; margin-bottom: 0rem;clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);}
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 38px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { margin-bottom: 25px;}
	
	.default-title {
		background-size: cover;
		min-height: 8rem;
		background-position: left center;
		margin-bottom: 2rem;
	}

	.default-title  div  div{
		margin: 3rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	
	
	.filterItemPanel {
		width:100%;
	}
	
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 25px;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 23px;
		color: var(--white);
	}
	
	.blog-details .nDate {
		margin-top: 25px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	h1, h1 a {
	  font-size: 50px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 30px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 25px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: column;
	}
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}
		
	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 23%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%); margin-top:5rem; }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 25px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:70%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 { position: absolute;left: 2%;top: -14%; }
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 3rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 25px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { font-size: 26px;}
	
	
	.default-title {
		background-size: cover;
		min-height: 12rem;
		background-position: left bottom;
	}

	.default-title  div  div{
		margin: 5rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:100%;
	}
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 2rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 30px;
		color: var(--white);
	}
	.blog-details .nDate {
		margin-top:25px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1, h1 a {
	  font-size: 50px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 40px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 32px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: column;
	}
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.slider-img {
	  display: block;
	  overflow: visible;
	  width: 100%;
	  background-position: center center;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}

	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 19%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);  margin-top:4rem; }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 48px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:60%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 { position: absolute;left: 12%;top: -1rem; }
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 3rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 31px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { font-size: 21px;}
	
	
	.default-title {
		background-size: cover;
		min-height: 8rem;
		background-position: center;
	}

	.default-title  div  div{
		margin: 3rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:230px;
	}
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 3rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 40px;
		color: var(--white);
	}
	
	.blog-details .nDate {
		margin-top:25px;
	}
}

@media only screen and (min-width : 911px) {
	h1, h1 a {
	  font-size: 80px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 40px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 38px !important; }
	
	#mainCatMenuBoxes {
		flex-direction: column;
	}
	
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.slider-img {
	  display: block;
	  overflow: visible;
	  width: 100%;
	  background-position: center center;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}

	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 15%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);  margin-top:-3rem;  }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 48px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:50%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 { position: absolute;left: 0%;top: 0rem; }
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 3rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 56px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { font-size: 24px;}
	
	
	.default-title {
		background-size: cover;
		min-height: 12rem;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	.default-title  div  div{
		margin: 5rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:230px;
	}
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 3rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 40px;
		color: var(--white);
	}
	
	.blog-details .nDate {
		margin-top:4rem;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1, h1 a {
	  font-size: 80px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 40px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 43px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: column;
	}
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.slider-img {
	  display: block;
	  overflow: visible;
	  width: 100%;
	  background-position: center center;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}

	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 24%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%);  margin-top:0rem; }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 48px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:70%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 { position: absolute;left: 0;top: 30%; }
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 3rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; }
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	
	
	.default-title {
		background-size: 100%;
		min-height: 12rem;
		background-position: bottom;
	}

	.default-title  div  div{
		margin: 5rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:230px;
	}
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 3rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 40px;
		color: var(--white);
	}
		
	.blog-details .nDate {
		margin-top:4rem;
	}
}

@media only screen and (min-width : 1000px) {
	h1, h1 a {
	  font-size: 75px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 40px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 43px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: row;
	}
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.slider-img {
	  display: block;
	  overflow: visible;
	  width: 100%;
	  background-position: center center;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}
		
	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 34%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);  margin-top:6rem; }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 48px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:62%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 { position: absolute;left: 10%;top: 2rem; }
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 3rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 57px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { font-size: 26px;}
	
	
	.default-title {
		background-size: cover;
		min-height: 12rem;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	.default-title  div  div{
		margin: 5rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:230px;
	}
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 3rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 40px;
		color: var(--white);
	}
	
	.blog-details .nDate {
		margin-top:4rem;
	}	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	h1, h1 a {
	  font-size: 75px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 50px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 50px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: row;
	}
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.slider-img {
	  display: block;
	  overflow: visible;
	  width: 100%;
	  background-position: center center;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}

	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 30%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);  margin-top:-5rem; }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 48px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:58%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 {
		position: absolute;
		left: 15%;
		top: 7rem;
		min-height: 380px;
	}
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 0rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 80px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { font-size: 40px;}
	
	
	.default-title {
		background-size: cover;
		min-height: 12rem;
		background-position: bottom;
		background-repeat: no-repeat;
	}

	.default-title  div  div{
		margin: 5rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:230px;
	}
	
		
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 3rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 40px;
		color: var(--white);
	}
	
	.blog-details .nDate {
		margin-top:4rem;
	}
}

@media only screen and (min-width : 1300px) {
	h1, h1 a {
	  font-size: 75px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	h2, h2 a {
	  font-size: 50px;
	  font-family: "druk_widemedium", sans-serif;
	}
	
	.catH1 { font-size: 56px!important; }
	
	#mainCatMenuBoxes {
		flex-direction: row;
	}
	.carousel-caption .h3 {
		color: #fff;
		font-size: 80px;
		font-weight: 800;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "druk_widemedium", sans-serif;
		line-height: 80px;
		max-width: 400px;
	}
	.carousel-caption .h4 {
		color: #fff;
		font-size: 0.8rem;
		font-weight: 600;
		line-height: normal;
		margin-bottom: 35px;
		font-family: "camptonregular", sans-serif;
	}
	#searchPanel .searchtxt {
	  background-color: var(--blue) !important;
	  border: 0px solid #fff;
	  color: #fff;
	  font-size: 50px;
	}

	#searchPanel form button {
	  position: relative;
	  bottom: 0;
	  height: 44px;
	  margin-top: 35px;
	}
	.slider-img {
	  display: block;
	  overflow: visible;
	  width: 100%;
	  background-position: center center;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	}
	
	.carousel-caption {
	  color: #fff;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: auto;
	  max-width: 70%;
	  text-align: left;
	}

	.design {}
	.design > div {}
	.design > div > div { position: relative; }
	.design > div > div img {
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
		width: 100%;
		height: auto;
	}
	.design > div > div div { position:absolute;left: 0;right: 0;top: 30%;bottom: 0;text-align: center; }
	.design2 > div > div > h2 { font-size:48px; }
	.design2 { clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);  margin-top:-5rem; }
	.design2 > div  { clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 100%); margin-top: -8rem; }
	.design2 > div > div > div h2 { font-size: 48px; }
	.design2 > div > div > div span { font-size: 20px; }
	
	#productListHeadPanel {
		margin-top:0;padding-left: 0;padding-right: 0;max-height: 640px;overflow: hidden;position: relative;clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	}
	#productListHeadPanel img {max-width:62%;clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);max-height: 640px;}
	#productListHeadPanel .productListHeadPanelContent1 { position: absolute;top: 4rem;left: 4rem; }
	#productListHeadPanel .productListHeadPanelContent1 .prodListCatPath {
	  margin-top: 25px;
	}
	#productListHeadPanel .productListHeadPanelContent2 {
		position: absolute;
		left: 15%;
		top: 7rem;
	}
	#productListHeadPanel .productListHeadPanelContent2 > div { padding-top: 0rem; padding-bottom: 3rem; }
	#productListHeadPanel .productListHeadPanelContent2 h1 { margin-bottom: 25px; font-size: 80px;}
	#productListHeadPanel .productListHeadPanelContent2 h2 { }
	#productListHeadPanel .productListHeadPanelContent2 h2 { font-size: 40px;}
	
	
	.default-title {
		background-size: cover;
		min-height: 12rem;
		background-position: bottom;
		background-repeat: no-repeat;
	}

	.default-title  div  div{
		margin: 5rem 3rem;
		color: var(--white);
	}
	
	.about-info-title {
	  line-height: 1.1em;
	  text-transform: none;
	  color: #fff;
	  padding: 0px;
		padding-bottom: 0px;
	  padding-bottom: 0px;
	  margin: 0px;
	  font-weight: 400;
	  font-size: 50px;
	  padding-bottom: 0;
	  line-height: 44px;
	}
	.filterItemPanel {
		width:230px;
	}
	
	.blog-details .blog-d-box .h1-box {
	  max-width: 650px;
	  margin: 6% 3rem;
	  position: absolute;
	}
	
	.blog-details .blog-d-box .h1-box h1 {
		text-transform: uppercase;
		font-size: 40px;
		color: var(--white);
	}
	
	.blog-details .nDate {
		margin-top:4rem;
	}	
}