@charset "UTF-8";

:root{
  --theme:#f18632;
  --theme2:#333;
}


::selection {
    color: #fff;
    background: var(--theme);
}


::-webkit-scrollbar
{
  width: 6px;
  height:0px;
  background: #EDEDED;
}

::-webkit-scrollbar-thumb
{
  background: var(--theme);
  border-radius: 5px;
  transition: background 1s ease
}

::-webkit-scrollbar-thumb:hover{background:#999}

.X ::-webkit-scrollbar-thumb{background: #ccc}
.X ::-webkit-scrollbar{width:4px;background:#343a40}


/*  01. Theme default CSS  /*----------------------------------------*/
.top {position: absolute; z-index: 999; width: 100%; height: 40px; display: flex; align-items: center; color: #FFF;}
.top .phone a {font-size:16px; font-weight:bold;}
.top .phone a:hover {color:#FFF;}
.top .phone span {margin-left: 10px; border-left: 1px #FFF solid; padding-left: 10px; font-weight:normal; font-size:13px;}

.top .sosyal {margin-top:4px;}
.sosyal .fa {margin-right:25px; font-size:20px;}
.sosyal .twitter:hover {color:#1D9BF0;}
.sosyal .instagram:hover {color:#FF0071;}
.sosyal .facebook:hover {color:#1877F2;}
.sosyal .youtube:hover {color:#FF0202;}

.header-area.header-sticky.sticky .logo{height:80px;text-align:center; padding:0px !important;}
.header-area.header-sticky.sticky .logo-area a {top:0 !important;}
.header-area.header-sticky .header{align-items: center;}
.header-area.header-sticky.sticky .header{margin-top:0px;}
.urunler .single-product-item {background:#F6F5F1;}
.product-area .single-product-item .product-text .aciklama {height:78px; overflow:hidden; padding:0 12px;}
.product-area .single-product-item .product-text h5 {line-height:22px;}
.product-detials-area .product-details-text h4 small {font-size:24px;}

.anasayfa {padding:60px 0;}
.anasayfa h1{font-size:26px; font-weight:bold;}
.anasayfa p{font-size:14px;}
.anasayfa img{border-radius:15px; margin-top:20px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.anasayfa img:hover{filter:saturate(2.2);-webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}
.anasayfa a .fa {position: absolute; left: 45%; top: 45%; color: var(--theme); font-size: 40px;}

.galeri img {transition:.3s; width:100%;border:6px #FFF solid;}
.galeri img:hover{filter:brightness(1.4); transition:.3s; border:6px #333 solid;}

.antrenor {padding:50px 0 40px 0 !important;}
.antrenor img {width:150px; border-radius:100%;}
.antrenor .name {font-size:18px; margin:5px 0 0 0;}
.antrenor .brans {font-size:13px; margin-bottom:5px;}
.antrenor h4 {color: var(--theme) !important; font-weight: bold !important; font-size: 30px; line-height: 20px;}

.logo-area a {width:100%; display:flex; justify-content:left; align-items:center;}
.logo-area .text {margin-left:10px;}
.logo-area .text span {font-size: 32px; font-weight: bold; color:var(--theme2); white-space:nowrap}
.logo-area .text span small {font-size: 15px; color:#333; display:block; letter-spacing: 0.6px; margin-top: -4px;}

.mobil-logo {display:none;}
.mobil-logo a {width:100%; display:flex; justify-content:left; align-items:center;}
.mobil-logo .text {margin-left:5px;}
.mobil-logo .text span {font-size: 18px; font-weight: bold; color:var(--theme2)}
.mobil-logo .text span small {font-size: 16px; color:#333; display:block; letter-spacing: 1px; margin-top: -6px;}

.mobil-footer {position:fixed; bottom:15px; width:100%; justify-content:center;}
.mobil-footer .onoff {display: flex; justify-content: center; align-items: center;}
.mobil-footer .bg {background:#FF6600; padding:10px; border-radius:100%; height:70px; width:70px; color:#FFF; display:flex; justify-content: center; align-items: center; flex-direction:column; opacity:.8; position:absolute; z-index:1;}
.mobil-footer .acik {background:#FF6600; padding:10px; border-radius:100%; height:70px; width:70px; color:#FFF; display:flex; justify-content: center; align-items: center; flex-direction:column; z-index:2;}
.mobil-footer .acik span {font-size:11px; margin-bottom:-10px;}
.mobil-footer .acik b {font-size:15px;}
.mobil-footer .acik a {text-align:center; line-height:18px;}
.mobil-footer .phone {background:#0D95E8; padding:10px; border-radius:100%; height:70px; width:70px; color:#FFF; font-size:35px; display:flex; justify-content: center; align-items: center; margin:0 20px;}
.mobil-footer .whatsapp {background:#28B840; padding:10px; border-radius:100%; height:70px; width:70px; color:#FFF; font-size:35px; display:flex; justify-content: center; align-items: center;}	
.mobil-footer .onoff{position:absolute; right:30px; bottom:20px;}
.mobil-footer .phone{display:none;}
.mobil-footer .whatsapp{display:none;}

.ht-main-menu .tel {text-align: right; display: flex; justify-content: center; flex-direction: column; white-space: nowrap;}
.ht-main-menu .tel span {font-size:16px;}
.ht-main-menu .tel a {font-size: 20px; font-weight: bold;}

.content .basvuru {background:var(--theme); padding:30px 20px; margin-bottom:15px;}
.content .basvuru:hover {filter:brightness(1.1);}
.content .basvuru h2, .content .basvuru label {color:#FFF;}
.content .basvuru .default-btn i {background:transparent !important; color:#000;}

.basvuru_anasayfa_mobil {position:absolute; width:400px; top:100px; right:8%; z-index:999; display:none;}
.content .basvuru_anasayfa .w50 {width:49%; margin:0 !important;}
.content .basvuru_anasayfa input, .content .basvuru_anasayfa select {padding:8px 8px !important; margin:8px 0 !important;}
.content .basvuru_anasayfa h2 {font-size:18px !important;}
.content .basvuru_anasayfa {padding:20px !important; }
.kayit_buton_mobil {display:none !important;}

.content .kayit label, .content .kayit input, .content .kayit select, .content .kayit button {width:100%; display:block; margin: 15px 0;}
.content .kayit label {font-weight:bold; font-size:16px;}
.content .kayit input, .content .kayit select {background:#f9f9f9; border:1px #ededed solid; border-radius:4px; padding: 10px 8px;}
.content .kayit hr {border-top:1px #ededed solid; margin:10px 0;}
.content .kayit button {font-size:16px;}

.content table tr:nth-child(2n+1) {background:#f1f1f1;}
.content table i {background:transparent; color:#333;}
	
.eczacibasi i {background:var(--eczacibasi); padding: 5px 10px; color: #FFF; font-weight: bold; font-style: normal;}
.eczacibasi pre {background:var(--eczacibasi);}

.esvoleybol i {background:var(--esvoleybol); padding: 5px 10px; color: #FFF; font-weight: bold; font-style: normal;}
.esvoleybol pre {background:var(--esvoleybol);}
.btn-primary {background:var(--theme) !important; font-size:12px; text-transform:capitalize;}

.erken_kayit {position:absolute; height:40px; padding:0 30px; top:0; right:0; text-align:right; z-index:99; background: var(--theme); display: flex;}
.erken_kayit .text {font-size:20px; color:#FFF; font-weight:bold; display:flex; justify-content:center; align-items:center; animation: animate 2s infinite;}
.erken_kayit .text i{margin-right:8px;}
.erken_kayit2 {width:100%; height:40px; padding:0 30px; top:0; right:0; text-align:right; z-index:99; background: var(--theme); display: flex; justify-content: center;}
.erken_kayit2 .text {font-size:20px; color:#FFF; font-weight:bold; display:flex; justify-content:center; align-items:center; animation: animate 2s infinite; text-align:center;}
.erken_kayit2 .text i{margin-right:8px; color:#FFF !important;}

.on_kayit {background-color: var(--theme); animation: animate 2s infinite;}


#toast {position: fixed;bottom: 0px;right: 20px; display:none;}
#toast button {margin-left:25px;}
.show {display:block !important;}
.modal {z-index:99999;}
.footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img {float: left;margin-bottom: 10px;padding-left: 5px;padding-right: 5px;width: 33%;}
.footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img a img {max-width: 100%;}
footer {color:#FFF;}
footer .footer_logo {width: 100px; position: absolute; top: -60px; left: calc(50% - 50px);}
footer .footer_logo img {width: 100%; box-shadow: 0px 0px 8px #ccc; border-radius: 100%;}

footer .iletisim {text-align:center; font-size:16px; display:flex; justify-content:space-between; border-top:3px #FFF dashed; margin-top:20px; padding-top:20px;}
footer .iletisim .telefon {font-size:18px; font-weight:bold;}

#scrollUp {display:none !important;}

.kurumsal_img {width: 40%; float: right; padding:10px;}
.table td, .table th {white-space:nowrap;}
.coupon-area {margin-bottom:30px;}
.ht-main-menu ul {
	display: flex;
    justify-content: space-between;
	align-items: center;
    width: 100%;
	margin: 0 20px;
}
.ht-main-menu ul .logo-area {
	width: 100px;
	display: flex;
    justify-content: center;
}
.ht-main-menu ul .logo-area a{
	position:absolute;
    top: -40px;
}
.ht-main-menu ul li img{
	margin-right:8px;
}
.ht-main-menu ul li span{
	display:block;
	font-size:12px;
	color:#333;
	line-height: normal;
}
.ht-main-menu ul li:hover{
	background:var(--theme);
}
.ht-main-menu ul li:hover > .ht-main-menu nav > ul > li > a{
	background:#000;
}

.ht-main-menu ul li .title{
	font-size:16px;
	color:#333;
}
.ht-main-menu nav > ul > li > a {
    align-items: center;
}
.ht-main-menu nav > ul > li > a :hover{
	color:#FFF !important;
}

.branslar h4, .product-area h4 {color:#333; font-weight:bold !important; font-size: 30px; line-height: 20px;}
.branslar h2 {font-size:20px; color:#000;}
.branslar p {font-size:17px; margin-top:15px;}

.comment-area span img {margin-bottom:20px;}
.comment-area .comment {font-size:20px; font-style:italic;}
.comment-area .person {font-size:20px; font-style:italic;}

.footer-area .service-area p {margin-bottom:0px;}
.footer-area .footer-logo {display:inline-flex;}
.footer-area .footer-logo img {margin-right:20px; width:140px;}
.footer-area h4 { color: #FFF; font-size: 18px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;}
.footer-area .footer-logo img { filter:brightness(10);}

.footer_menu {display: flex; justify-content: center; align-items: center; border-bottom: 1px #f7d586 solid; padding-bottom: 20px;}
.footer_menu a{font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 0 20px; color:#FFF}

.antrenorler img {width:100%; border:1px #ededed solid; padding:5px; border-radius: 20px;} 

.content ul li {list-style:disc; margin-left:30px; font-size:14px;}
.content blockquote {padding:15px; font-size:16px; border-left:5px var(--theme) solid; color:#333; margin:15px 0; background:#ebebeb; padding-left:30px;}
.content pre {padding:10px; font-size:15px; color:#FFF; background:var(--theme); border-radius:8px; font-family:"Poppins", sans-serif; white-space: normal;}
.content table tr:nth-child(1) {background:#ebebeb; font-size:15px; font-weight:bold;}
.content table tr:hover {background:#ededed;}
.content p {font-size:14px; color:#333; line-height:24px;} 
.content h1, .content h2, .content h3, .content h4 {font-size:22px; color:#333; font-weight:bold; }
.content .sidebar-widget {border-left:1px #ededed solid; padding-left:20px;}
.content .sidebar-widget .sidebar-widget-option {margin-bottom:8px;}
.content button {width:100%; padding:6px; background:#FFF; color:#000; border:0; font-size:24px; font-weight:bold; margin-bottom:30px;}
.content button:hover {color:#000; background:#FFF;}
.content .erken_kayit {background:var(--theme2); border:0; display: flex; justify-content: center; align-items: center; margin-bottom:0px !important;}
.content .erken_kayit tr:nth-child(1) {background:var(--theme2);}
.content .erken_kayit tr td {vertical-align: middle; text-align:center; border:0;}
.content .erken_kayit .text{display:flex; justify-content:center; align-items:center; font-size:28px; color:#FFF; font-weight:bold; line-height:34px;}
.content .erken_kayit .text:after{display:block; position:relative; content:''; font-family: 'FontAwesome'; margin-left:15px; animation: hareket .7s infinite; position:relative; width: 20px; font-size: 55px; font-weight: normal;}
.content .fiyatlar {margin-bottom:0px !important;}
.content .fiyatlar span{color:var(--theme); font-size:15px;}
.content .fiyatlar p{color: #FFF; font-size: 15px; font-weight: normal; margin-bottom: 5px;}
.content .fiyatlar tr td {vertical-align: middle; text-align:center;border: 1px #FFF solid;}
.content .content-img {float:right;}

@keyframes animate {
  0% {background-color:var(--theme);}
  15% {background-color:#FFF;}
}

@keyframes hareket {
  0% {content:'';}
  50% {content:'\f105';}
  100% {content:'\f101';}
}
@keyframes renk_animate {
  0% {border:3px var(--theme) dashed;}
  100% {border:3px var(--theme2) dashed;}
}

.contact-area .contact-form iframe {border-radius:10px; border:6px var(--theme2) solid;}

/* Responsive */
@media only screen and (max-width: 1200px) {
.product-detials-area .product-details-text form .add-cart-product input {width:100px; display:inline;}
.product-detials-area .product-details-text form .add-cart-product button {width:47px;height:47px;border: 1px solid #ececeb;background: #ffffff;color: #2c2c2c;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;adding: 0;font-size: 17px;margin-right: 10px;text-align: center;}
.product-detials-area .product-details-text form .add-cart-product button.default-btn{cursor: pointer;padding: 0 20px;font-size: 12px;background: var(--theme);border-color: var(--theme);color: #ffffff;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;width: auto;}
.contact-area .contact-form .contact-form2 input, .contact-area .contact-form .contact-form2 textarea {
    background: #fbfbfb none repeat scroll 0 0;
    border: 0 none;
    color: #696969;
    height: 46px;
    margin-bottom: 20px;
    padding: 0 15px;
    width: 100%; }
.contact-area .contact-form .contact-form2 input::-moz-placeholder, .contact-area .contact-form .contact-form2 input::-moz-placeholder, .contact-area .contact-form .contact-form2 textarea::-moz-placeholder, .contact-area .contact-form .contact-form2 textarea::-moz-placeholder {
      color: #696969; }
}

@media only screen and (max-width: 767px) {
.mobil-footer {display:flex !important;}
.mobil-footer .onoff{position:initial;}
.mobil-footer .phone{display:inline-flex;}
.mobil-footer .whatsapp{display:inline-flex;}

.ht-hero-content-one {align-items:center !important;}
.ht-hero-two .ht-hero-content-one h2 {width:100% !important; text-align:center !important;}
.basvuru_anasayfa_mobil {display:none;}
.kayit_buton_mobil {width: calc(100% - 20px); margin: 10px; display:block !important;}
.basvuru_anasayfa_mobil {position:relative; width:100%; top:0; right:0;}
.content .content-img {width:70%; margin-bottom:15px; float:none;}
.anasayfa h1{font-size:18px; line-height:34px;}
.bg-1, .bg-4 {background:#F6F5F1 !important;}
.header-content > div > .cart-item-wrapper > .cart-links > a {font-size:11px !important; padding:0 15px !important; line-height:25px !important;}
.footer-area .footer-top .footer-widget-area .row .col-md-12 {margin-top:10px; padding-top:10px;}
.kurumsal_img {width: 100%; float: right; padding:0px;}
.cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type span, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type span {font-size: 17px !important;}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a img {margin-right:10px; width:50px;}
table {display: block; overflow-x: auto; white-space: nowrap;}
table tbody{display:table; width:100%;}
.footer_menu {flex-flow: wrap;}
.footer_menu a{font-size:16px; margin-bottom:15px;}
.branslar h4, .product-area h4 {font-size:18px;}
.product-detials-area .product-details-text h2 {margin-top:30px !important;}
.content {padding-top:25px !important; margin-top:-30px !important;}
.content .erken_kayit {display:block;}
.content .hidden {display:none;}
.ht-hero-slider .slick-dots {display:none !important;}
.contact-area .contact-address .contact-title {font-size: 20px !important; line-height: 30px !important;}
footer .iletisim {flex-direction:column;}
footer .iletisim span {margin-bottom:5px;}
footer .single-footer-widget:nth-child(1) { text-align:left !important;}
}
@media only screen and (max-width: 991px) {
	.mobil-logo {display:flex; justify-content:space-between; align-items:center; padding:10px;}
	.mobil-logo img{height:60px !important;}
	.mobil-logo .tel{font-size:18px; font-weight:bold; text-align:right; display:flex; flex-direction:column; white-space:nowrap;}
	.mobil-logo .tel span{font-size:13px; font-weight:normal;}
	.mobil-logo .logo_text {display: flex; align-items: center; padding-right:10px;}
	.mobil-logo .text span {font-size:18px; font-weight:bold; color:var(--theme2);}
	.mobil-logo .text span small{font-size:14px; font-weight:normal; color:var(--theme2); display:block; margin-top:-8px; text-align:center;}
	.header-area {top: 0px !important;}
	.ht-hero-two .ht-hero-content-one h2 {line-height:32px !important; font-size:25px;}
}

@media only screen and (max-width: 350px) {
.mobil-logo {flex-direction: column;}
.mobil-logo .tel {text-align:center;}

}

/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,500,600");
/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  line-height: 25px;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #333; }

h1, h2, h3, h4, h5, h6 {
  color: #404040;
  font-weight: 400;
  margin-top: 0; }

h1 {
  font-size: 36px;
  line-height: 42px; }

h2 {
  font-size: 30px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer; }

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #333; }

button, input[type="submit"] {
  cursor: pointer; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

/*-- Default Theme -----------------------------------------*/  

.animation {
  animation: siparis 2s ease-in-out infinite;
}

@keyframes siparis {
  0% {
    background-color:#FFF;
  }
  50% {
    background-color:#66CC00;
  }
  100% {
    background-color:#FFF;
  }
} 


  .testimonial-area .p-review-text { border:1px #E8E8E8 solid; border-radius:10px; padding:20px; margin-bottom:30px;}
  
/*--
    Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden; }

.clear {
  clear: both; }

.section {
  float: left;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .display-none-xs {
    display: none; } }
@media only screen and (max-width: 479px) {

  .display-none-xs {
    display: none; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .display-none-md {
    display: none; } }
.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

/*-- 
    Custom Row Column
-----------------------------------------*/
.row-10 {
  margin-left: -10px;
  margin-right: -10px; }
  .row-10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px; }

.custom-row {
  margin-left: -15px;
  margin-right: -15px; }

.custom-col {
  padding-left: 15px;
  padding-right: 15px; }

/*-- 
    Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-35 {
  margin-top: 35px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-55 {
  margin-top: 55px; }

.mt-60 {
  margin-top: 60px; }

.mt-65 {
  margin-top: 65px; }

.mt-70 {
  margin-top: 70px; }

.mt-75 {
  margin-top: 75px; }

.mt-80 {
  margin-top: 80px; }

.mt-85 {
  margin-top: 85px; }

.mt-90 {
  margin-top: 90px; }

.mt-95 {
  margin-top: 95px; }

.mt-100 {
  margin-top: 100px; }

.mt-105 {
  margin-top: 105px; }

.mt-110 {
  margin-top: 110px; }

.mt-115 {
  margin-top: 115px; }

.mt-120 {
  margin-top: 120px; }

.mt-125 {
  margin-top: 125px; }

.mt-130 {
  margin-top: 130px; }

.mt-135 {
  margin-top: 135px; }

.mt-140 {
  margin-top: 140px; }

.mt-145 {
  margin-top: 145px; }

.mt-150 {
  margin-top: 150px; }

.mt-155 {
  margin-top: 155px; }

.mt-160 {
  margin-top: 160px; }

.mt-165 {
  margin-top: 165px; }

.mt-170 {
  margin-top: 170px; }

.mt-175 {
  margin-top: 175px; }

.mt-180 {
  margin-top: 180px; }

.mt-185 {
  margin-top: 185px; }

.mt-190 {
  margin-top: 190px; }

.mt-195 {
  margin-top: 195px; }

.mt-200 {
  margin-top: 200px; }

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-65 {
  margin-bottom: 65px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-85 {
  margin-bottom: 85px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-105 {
  margin-bottom: 105px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-115 {
  margin-bottom: 115px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-125 {
  margin-bottom: 125px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-135 {
  margin-bottom: 135px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-145 {
  margin-bottom: 145px; }

.mb-150 {
  margin-bottom: 150px; }

.mb-155 {
  margin-bottom: 155px; }

.mb-160 {
  margin-bottom: 160px; }

.mb-165 {
  margin-bottom: 165px; }

.mb-170 {
  margin-bottom: 170px; }

.mb-175 {
  margin-bottom: 175px; }

.mb-180 {
  margin-bottom: 180px; }

.mb-185 {
  margin-bottom: 185px; }

.mb-190 {
  margin-bottom: 190px; }

.mb-195 {
  margin-bottom: 195px; }

.mb-200 {
  margin-bottom: 200px; }

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-35 {
  padding-top: 35px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }

.pt-65 {
  padding-top: 65px; }

.pt-70 {
  padding-top: 70px; }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-85 {
  padding-top: 85px; }

.pt-90 {
  padding-top: 90px; }

.pt-95 {
  padding-top: 95px; }

.pt-100 {
  padding-top: 100px; }

.pt-105 {
  padding-top: 105px; }

.pt-110 {
  padding-top: 110px; }

.pt-115 {
  padding-top: 115px; }

.pt-120 {
  padding-top: 120px; }

.pt-125 {
  padding-top: 125px; }

.pt-130 {
  padding-top: 130px; }

.pt-135 {
  padding-top: 135px; }

.pt-140 {
  padding-top: 140px; }

.pt-145 {
  padding-top: 145px; }

.pt-150 {
  padding-top: 150px; }

.pt-155 {
  padding-top: 155px; }

.pt-160 {
  padding-top: 160px; }

.pt-165 {
  padding-top: 165px; }

.pt-170 {
  padding-top: 170px; }

.pt-175 {
  padding-top: 175px; }

.pt-180 {
  padding-top: 180px; }

.pt-185 {
  padding-top: 185px; }

.pt-190 {
  padding-top: 190px; }

.pt-195 {
  padding-top: 195px; }

.pt-200 {
  padding-top: 200px; }

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-35 {
  padding-bottom: 35px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-55 {
  padding-bottom: 55px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-75 {
  padding-bottom: 75px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-115 {
  padding-bottom: 115px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-125 {
  padding-bottom: 125px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-135 {
  padding-bottom: 135px; }

.pb-140 {
  padding-bottom: 140px; }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-155 {
  padding-bottom: 155px; }

.pb-160 {
  padding-bottom: 160px; }

.pb-165 {
  padding-bottom: 165px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-175 {
  padding-bottom: 175px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-185 {
  padding-bottom: 185px; }

.pb-190 {
  padding-bottom: 190px; }

.pb-195 {
  padding-bottom: 195px; }

.pb-200 {
  padding-bottom: 200px; }

/*-- 
    Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*-- 
    Animation
-----------------------------------------*/
@keyframes slideZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes slideZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  animation-name: slideZoomIn; }

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 35px;
  height: 35px;
  background-color: var(--theme);
  color: #ffffff;
  right: 30px;
  bottom: 40px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  text-align: center;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      display: none !important; } }
  #scrollUp i {
    display: block;
    line-height: 32px;
    font-size: 24px; }
  #scrollUp:hover {
    box-shadow: 0 10px 35px -7px rgba(120, 162, 6, 0.8);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }

/*--
    Section Title
------------------------------------------*/
.section-title-img {
  margin-bottom: 22px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title-img {
      margin-bottom: 12px; } }
  .section-title-img > p {
    margin: auto;
    max-width: 720px; }
  .section-title-img > img {
    margin-bottom: 10px;
    padding-top: 2px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title-img > img {
        width: 69%; } }
    @media only screen and (max-width: 767px) {
      .section-title-img > img {
        width: 92%; } }

.section-title .section-img {
  position: relative; }
  .section-title .section-img::before, .section-title .section-img::after {
    background: rgba(0, 0, 0, 0) url("../img/line.png") no-repeat scroll left center;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 18%;
    width: 31%; }
  .section-title .section-img:after {
    left: auto;
    right: 0; }
  @media only screen and (max-width: 479px) {
    .section-title .section-img img {
      width: 160px;
      z-index: 10; } }
.section-title h2 {
  color: #202226;
  font-size: 30px;
  font-weight: 500;
  line-height: 25px;
  margin-top: 10px; }
  @media only screen and (max-width: 479px) {
    .section-title h2 {
      font-size: 27px;
	  line-height:36px;
      margin: 0px; } }
  .section-title h2 span {
    color: #a9a9a9;
    font-weight: 200;
    padding-right: 2px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.section-title-four {
    margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .section-title.section-title-four {
    margin-bottom: 15px; } }
.section-title.section-title-four h4 {
  font-family: 'Sacramento', cursive;
  color: #c5ac57;
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 13px; }
  @media only screen and (max-width: 767px) {
    .section-title.section-title-four h4 {
      margin-bottom: 5px; } }
.section-title.section-title-four h2 {
  text-transform: uppercase;
  margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .section-title.section-title-four h2 {
      font-size: 22px; } }

@media only screen and (max-width: 767px) {
  .section-title-three {
    margin-bottom: 20px; } }
.section-title-three h2 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 7px;
  margin-bottom: 27px;
  margin-top: 14px;
  position: relative;
  text-transform: uppercase; }
  .section-title-three h2::before {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: 10%;
    margin-top: -0.5px;
    position: absolute;
    right: 10%;
    top: 50%; }
  .section-title-three h2 span {
    background: #ffffff none repeat scroll 0 0;
    padding: 0 25px;
    position: relative; }

/*-- 
    Slick arrow
-----------------------------------------*/
.slick-arrow {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #FFF;
  font-size: 35px;
  height: 45px;
  border:none;
  left: 10px;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 45px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slick-arrow {
      width: 52px;
      height: 52px;
      line-height: 50px; } }
  @media only screen and (max-width: 767px) {
    .slick-arrow {
      width: 52px;
      height: 52px;
      line-height: 50px;
      border-width: 2px;
      top: 65%; } }
  .slick-arrow.slick-next {
    left: auto;
    right: 10px; }
  .slick-arrow:hover {
    border:1px #FFF solid;
    border-color: #ffffff;
    box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);
    color: #FFF; }

.arrow-none .slick-arrow {
  display: none; }

/*-- 
    Page Pagination
-----------------------------------------*/
.ht-page-pagination-one {
  display: flex;
  width: 100%; }
  .ht-page-pagination-one ul {
    display: flex;
    justify-content: center;
    width: 100%; }
    .ht-page-pagination-one ul li {
      display: inline-flex;
      margin: 0 5px; }
      .ht-page-pagination-one ul li a {
        font-weight: 600;
        font-size: 14px;
        color: var(--theme);
        border: 1px solid var(--theme);
        line-height: 36px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%; }
        .ht-page-pagination-one ul li a:hover {
          background-color: var(--theme);
          color: #ffffff; }
        .ht-page-pagination-one ul li a i {
          font-size: 20px;
          line-height: 32px;
          display: block; }
      .ht-page-pagination-one ul li.active a {
        background-color: var(--theme);
        color: #ffffff; }

/*--
    Page Banner
------------------------------------------*/
.ht-page-banner-section-one {
  padding: 430px 0 270px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .ht-page-banner-section-one {
      padding: 360px 0 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-page-banner-section-one {
      padding: 360px 0 200px; } }
  @media only screen and (max-width: 767px) {
    .ht-page-banner-section-one {
      padding: 200px 0 100px; } }

.ht-page-banner {
  text-align: center; }
  .ht-page-banner h1 {
    font-size: 50px;
    font-weight: 700;
    text-transform: capitalize;
    color: #ffffff;
    line-height: 1;
    margin: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-page-banner h1 {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .ht-page-banner h1 {
        font-size: 24px; } }
    @media only screen and (max-width: 479px) {
      .ht-page-banner h1 {
        font-size: 20px; } }

/*--
    Overlay
------------------------------------------*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  [data-overlay]::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: ""; }

/*-- Background Color --*/
.bg-gray {
  background: #f6f5f1; }

.bg-white {
  background-color: #ffffff; }

/*-- Background Image --*/
.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-7 {
  background-attachment: scroll;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0);
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.bg-1 {
  background-image: url("../img/1.jpg");
  background-color:var(--theme2);
  background-size: contain;
  background-position: top center; }

.bg-2 {
  background-color:var(--theme);}

.bg-3 {
  background-color:var(--theme2);}

.bg-4 {
  background-image: url("../img/1.jpg");
  background-position: bottom center; }

.bg-5 {
  background: rgba(0, 0, 0, 0) url("../img/5.jpg") no-repeat scroll bottom 50px right 5px}

.bg-7 {
  background-image: url("../img/7.png"); }

.bg-8 {
  background: #f6f5f1 url(../img/8.jpg) top center no-repeat; }

.bg-9 {
  background: #f6f5f1 url(../img/9.jpg) top center no-repeat; }

.bg-10 {
  background: #f6f5f1 url(../img/10.jpg) center center no-repeat; }

.bg-11 {
  background: #f6f5f1 url(../img/11.jpg) top center no-repeat; }

.bg-12 {
  background: url(../img/sub-bg.jpg) top center no-repeat; background-size:cover; }

/*-- Overlay Color --*/
[data-overlay="light"]::before {
  background-color: #ffffff; }

[data-overlay="dark"]::before {
  background-color: #000000; }

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1; }

[data-opacity="2"]::before {
  opacity: 0.2; }

[data-opacity="3"]::before {
  opacity: 0.3; }

[data-opacity="4"]::before {
  opacity: 0.4; }

[data-opacity="5"]::before {
  opacity: 0.5; }

[data-opacity="6"]::before {
  opacity: 0.6; }

[data-opacity="7"]::before {
  opacity: 0.7; }

[data-opacity="8"]::before {
  opacity: 0.8; }

[data-opacity="9"]::before {
  opacity: 0.9; }

/*--
    Button Style
------------------------------------------*/
.default-btn {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid var(--theme);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #2c2c2c;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 35px;
  padding: 0 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .default-btn:hover {
    color: #ffffff;
    border-color: var(--theme);
    background: var(--theme); }

/*--
    Breadcrumb
------------------------------------------*/
.breadcrumb-area {
  padding: 120px 0 30px}
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .breadcrumb-area {
      padding: 214px 0 122px;
      background-position: 76% center; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-area {
      padding: 90px 0 80px;
      background-position: 76% center; } }
  @media only screen and (max-width: 767px) {
    .breadcrumb-area {
      padding: 40px 0 70px;
      background-position: 72% center; } }
  .breadcrumb-area h1 {
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 10px;
    }
    @media only screen and (max-width: 767px) {
      .breadcrumb-area h1 {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 10px; } }
  .breadcrumb-area nav .breadcrumb {
    background: transparent;
    justify-content: center;
    text-transform: capitalize;
    padding: 2px 0; }
    .breadcrumb-area nav .breadcrumb .breadcrumb-item {
      margin: 0 2px; }
      .breadcrumb-area nav .breadcrumb .breadcrumb-item a {
        color: #FFF; }
      .breadcrumb-area nav .breadcrumb .breadcrumb-item a:hover, .breadcrumb-area nav .breadcrumb .breadcrumb-item.active {
        color: #FFF; }
    .breadcrumb-area nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      color: #ccc;
      padding-right: 11px; }

/*---------------------------------------
    02. Header Area
-----------------------------------------*/
.header-area {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background:#FFF;
  z-index: 9999; }
.header-area .header .logo {
	height:80px;
	padding:5px 0;
}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area {
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .header-area {
      position: relative; } }
  .header-area .header-container {
    padding: 0 60px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .header-container {
        padding: 0 45px; } }
    @media only screen and (max-width: 767px) {
      .header-area .header-container {
        padding: 0 80px; } }
    @media only screen and (max-width: 479px) {
      .header-area .header-container {
        padding: 0 15px; }
	  .header-area {top:8px;}
	  .header-area .header .logo {height:60px;}
	  .header-area .header .col-sm-3 {width:30%;}
	  .header-area .header .col-sm-9 {width:70%;}
	  .header-area .header .col-sm-9 .header-content {justify-content: flex-end !important;}
	  .header-area .header .col-sm-9 .header-content > div {margin-left:10px;}
		}
    @media only screen and (max-width: 767px) {
      .header-area .header-container .col-lg-2, .header-area .header-container .col-lg-5 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
    .header-area .header-container .logo {
      padding: 33px 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .header-container .logo {
          overflow: hidden;
          padding: 25px 0 25px; } }
      @media only screen and (max-width: 767px) {
        .header-area .header-container .logo {
          padding: 20px 0 20px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .header-container .logo a {
          float: left; } }
  .header-area.header-sticky.sticky {
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 0.96) none repeat scroll 0 0;
    box-shadow: 0 0 5px #bdbdbd;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999; }
    .header-area.header-sticky.sticky .logo {
      padding: 10px 0; }
    .header-area.header-sticky.sticky .ht-main-menu {
      padding: 3px 0; }
    .header-area.header-sticky.sticky .header-content {
      padding: 11px 0 6px; }
	
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area.header-sticky.sticky {
        position: relative;
        animation: none; } }
    @media only screen and (max-width: 767px) {
      .header-area.header-sticky.sticky {
        position: relative;
        animation: none; } }
  .header-area.header-two .header-container {
    padding: 0 47px; }
    @media only screen and (max-width: 767px) {
      .header-area.header-two .header-container {
        padding: 0 15px; } }
    .header-area.header-two .header-container .ht-main-menu {
      justify-content: center; }
      .header-area.header-two .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {
        width: 250px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-area.header-two .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {
            width: 200px; } }
  .header-area.header-three-area .ht-main-menu > nav > ul > li > a {
    color: #ffffff; }
  .header-area.header-three-area .ht-main-menu > nav > ul > li.active > a, .header-area.header-three-area .ht-main-menu > nav > ul > li:hover > a, .header-area.header-three-area .ht-main-menu > nav > ul > li:focus > a {
    color: var(--theme); }
  .header-area.header-three-area .header-content > div > a {
    color: #ffffff; }
  .header-area.header-three-area .header-content > div:hover > a {
    color: var(--theme); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-three-area {
      background: #FFB902; } }
  @media only screen and (max-width: 767px) {
    .header-area.header-three-area {
      background: #FFB902; } }
  .header-area.header-three-area.header-sticky.sticky {
    background: rgba(255, 186, 0, 0.9) none repeat scroll 0 0; }
  .header-area.header-four-area .header-container {
    padding: 0 40px; }
    @media only screen and (max-width: 767px) {
      .header-area.header-four-area .header-container {
        padding: 0 15px; } }
    .header-area.header-four-area .header-container .ht-main-menu {
      justify-content: center; }
      .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > ul > li.active > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > ul > li:hover > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > ul > li:focus > a {
        color: #c5ac57; }
      .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li.active > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li:hover > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li:focus > a {
        color: #c5ac57; }
      .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {
        width: 250px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {
            width: 200px; } }
        .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li a:hover {
          color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content > div:hover > a {
      color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content > .search-wrapper .search-form button {
      background: #c5ac57; }
      .header-area.header-four-area .header-container .header-content > .search-wrapper .search-form button:hover {
        background: #252525; }
    .header-area.header-four-area .header-container .header-content > .settings-wrapper > .settings-content > ul > li > a:hover, .header-area.header-four-area .header-container .header-content > .settings-wrapper > .settings-content > ul > li > a:focus {
      color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text h5 a:hover {
      color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text span.cart-price {
      color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:hover, .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:focus {
      color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .cart-price-total > .cart-price-info > span:last-of-type {
      color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .cart-links > a:hover, .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .cart-links > a:focus {
      background: #c5ac57;
      border-color: #c5ac57; }
    .header-area.header-four-area .header-container .header-content .cart-wrapper > a > span {
      background: #c5ac57; }
  .header-area.header-four-area .mobile-menu-area {
    background: #c5ac57; }
    .header-area.header-four-area .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
      background: #c5ac57; }
    .header-area.header-four-area .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a:first-child:hover {
      color: #c5ac57; }
    .header-area.header-four-area .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li ul li:first-child a {
      border-color: #c5ac57; }

/*-- Main Menu --*/
.ht-main-menu {
  display: flex; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-main-menu {
      padding: 0; } }
  .ht-main-menu nav > ul > li {
    display: flex;
    float: left;
    margin: 0 5px;
	padding: 0 8px;
	height: 55px;
    position: relative; }
    .ht-main-menu nav > ul > li:first-child {
      margin-left: 0; }
    .ht-main-menu nav > ul > li:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .ht-main-menu nav > ul > li {
        margin: 0 13px; } }
    .ht-main-menu nav > ul > li > a {
      color: #333;
      display: flex;
      font-size: 14px;
      position: relative;
    }
	.ht-main-menu nav > ul > .on_kayit > a {
      color: #FFF;
    }
	.ht-main-menu nav > ul > li > a:hover {
		color:#FFF;
	}
      .ht-main-menu nav > ul > li > a > i {
        right: -4px;
        top: -2px;
        position: relative; }
    .ht-main-menu nav > ul > li.active > a, .ht-main-menu nav > ul > li:hover > a, .ht-main-menu nav > ul > li:focus > a {
	}
    .ht-main-menu nav > ul > li:hover > ul {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      visibility: visible; }

/*-- Sub Menu --*/
.ht-main-menu > nav > ul > li > ul {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  left: -4px;
  opacity: 0;
  padding: 15px 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 100%;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 206px;
  z-index: 99; }
  .ht-main-menu > nav > ul > li > ul > li {
    padding-left: 20px; }
    .ht-main-menu > nav > ul > li > ul > li:last-child {
      margin-right: 30px; }
    .ht-main-menu > nav > ul > li > div ul > li a {
      padding: 4.5px 0;
      margin: 3px 0;
      display: block; }
    .ht-main-menu > nav > ul > li > ul > li.active > a, .ht-main-menu > nav > ul > li > ul > li:hover > a, .ht-main-menu > nav > ul > li > ul > li:focus > a {
      color: var(--theme); }

/*-- Mega Menu --*/
.ht-main-menu > nav > ul > li > .ht-mega-menu {
  display: flex;
  width: auto;
  width:250px;
  left: -70px; }
.ht-main-menu > nav > ul > li > .ht-mega-menu a{margin:5px 0;}
.ht-main-menu > nav > ul > li > .ht-mega-menu a:hover{ padding-left:10px;}
.ht-main-menu > nav > ul > li > .ht-mega-menu img:hover{filter:saturate(1.2);}
	
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .ht-main-menu > nav > ul > li > .ht-mega-menu > li {
        width: 200px; } }
    .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li {
      display: block;
      overflow: hidden; }
      .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li.mega-menu-title {
        color: #292929;
        line-height: 1.42857;
        margin-bottom: 15px;
        text-transform: uppercase; }
      .ht-main-menu > nav > ul > li > .ht-mega-menu div > li > ul > li > a {
        padding: 3px 0; }
        .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a > img {
          -webkit-transition: all 0.3s ease-in 0s;
          -moz-transition: all 0.3s ease-in 0s;
          -ms-transition: all 0.3s ease-in 0s;
          -o-transition: all 0.3s ease-in 0s;
          transition: all 0.3s ease-in 0s;
          border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          overflow: hidden; }
        .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > img:hover {
          }
      .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li:last-child a {
        padding: 0;
        overflow: hidden; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-content {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .header-content {
      padding-top: 0;
      justify-content: center !important;
      padding-bottom: 7px; } }
  .header-content > div {
    margin-left: 20px;
    position: relative; }
    .header-content > div:first-child {
      margin-left: 0; }
    @media only screen and (max-width: 767px) {
      .header-content > div {
        position: inherit; } }
    .header-content > div > a {
      color: #252525;
      font-size: 17px;
      height: 39px;
      line-height: 39px;
      position: relative;
      text-align: center;
	  display: flex;
	  justify-content: center;
	  align-items: center;
      width: 40px; }
    .header-content > div > .search-form, .header-content > div > .settings-content, .header-content > div > .cart-item-wrapper {
      position: absolute;
      right: 0;
      top: 100%;
      width: 280px;
      background: #ffffff;
      z-index: 10;
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      transform-origin: 0 0 0;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0;
      visibility: hidden; }
      @media only screen and (max-width: 767px) {
        .header-content > div > .search-form, .header-content > div > .settings-content, .header-content > div > .cart-item-wrapper {
          left: 0;
          margin: auto; } }
      .header-content > div > .search-form.active, .header-content > div > .settings-content.active, .header-content > div > .cart-item-wrapper.active {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        visibility: visible; }
    .header-content > div:hover > a {
      color: var(--theme); }
  .header-content > .search-wrapper .search-form {
    border: 1px solid #ebebeb;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    height: 47px;
    right: -20px;
    width: 500px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-content > .search-wrapper .search-form {
        width: 300px; } }
    @media only screen and (max-width: 767px) {
      .header-content > .search-wrapper .search-form {
        width: 290px;
        right: 0;
        left: 0;
        margin: auto; } }
    .header-content > .search-wrapper .search-form input {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: 0 none;
      color: #a5a5a5;
      height: 100%;
      padding: 10px 125px 10px 25px;
      width: 100%; }
    .header-content > .search-wrapper .search-form button {
      background: var(--theme);
      border: 0 none;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      box-shadow: none;
      color: #ffffff;
      
      font-size: 12px;
      height: 47px;
      margin: 0;
      padding: 0 40px;
      position: absolute;
      right: -1px;
      text-transform: uppercase;
      top: 0; }
      .header-content > .search-wrapper .search-form button:hover {
        background: #252525; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-content > .search-wrapper .search-form button {
          padding: 0 30px; } }
  .header-content > .settings-wrapper {
    margin-left: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-content > .settings-wrapper {
        margin-left: 15px; } }
    .header-content > .settings-wrapper > a {
      font-size: 16px; }
    .header-content > .settings-wrapper > .settings-content {
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
      padding: 35px 40px 21px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-content > .settings-wrapper > .settings-content {
          padding: 22px 21px 5px;
          width: 238px; } }
      @media only screen and (max-width: 767px) {
        .header-content > .settings-wrapper > .settings-content {
          padding: 15px 18px 5px;
          width: 210px; } }
      .header-content > .settings-wrapper > .settings-content > h4 {
        border-bottom: 1px solid #ebebeb;
        color: #292929;
        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
        margin-bottom: 4px;
        padding-bottom: 3px;
        text-transform: uppercase; }
        .header-content > .settings-wrapper > .settings-content > h4 i {
          font-size: 14px; }
      .header-content > .settings-wrapper > .settings-content > ul {
        margin-bottom: 14px;
       }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-content > .settings-wrapper > .settings-content > ul {
            margin-bottom: 7px; } }
        @media only screen and (max-width: 767px) {
          .header-content > .settings-wrapper > .settings-content > ul {
            margin-bottom: 3px;
            padding-left: 10px; } }
        .header-content > .settings-wrapper > .settings-content > ul > li {
          display: block;
          padding: 3px 0; }
          .header-content > .settings-wrapper > .settings-content > ul > li > a {
            color: #6b6b6b;
            display: block;
            text-transform: capitalize; }
            .header-content > .settings-wrapper > .settings-content > ul > li > a > img {
              padding-right: 8px;
              vertical-align: baseline; }
            .header-content > .settings-wrapper > .settings-content > ul > li > a:hover, .header-content > .settings-wrapper > .settings-content > ul > li > a:focus {
              color: var(--theme); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-content > .cart-wrapper {
      margin-left: 21px; } }
  .header-content > .cart-wrapper > a {
    font-size: 19px;
    padding-right: 14px; }
    .header-content > .cart-wrapper > a > span {
      background: var(--theme);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      color: #ffffff;
      font-size: 10px;
      height: 20px;
      line-height: 20px;
      position: absolute;
      right: 0;
      top: 0;
      width: 20px; }
  .header-content > div > .cart-item-wrapper {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
    padding: 10px 0 0;
    right: 7px;
    width: 350px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-content > div > .cart-item-wrapper {
        width: 285px;
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .header-content > div > .cart-item-wrapper {
        width: 270px;
        max-height: 294px;
        overflow-x: hidden;
        overflow-y: auto; } }
    .header-content > div > .cart-item-wrapper:before {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
      border-image: none;
      border-style: solid;
      border-width: 8px;
      content: "";
      position: absolute;
      right: 10px;
      top: -15px;
      z-index: 98; }
    .header-content > div > .cart-item-wrapper > .single-cart-item {
      border-bottom: 1px solid #ebebeb;
      margin: 0 10px;
      overflow: hidden;
      padding: 10px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-content > div > .cart-item-wrapper > .single-cart-item {
          margin: 0 15px;
          padding: 15px 0 15px; } }
      @media only screen and (max-width: 767px) {
        .header-content > div > .cart-item-wrapper > .single-cart-item {
          padding: 10px 0 14px;
          margin: 0 9px; } }
      .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img {
        float: left; }
        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img > a > img {
          border-radius: 10px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          margin-right: 15px; }
          @media only screen and (max-width: 767px) {
            .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img > a > img {
              width: 60px; } }
      .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn {
        display: flex;
        justify-content: space-between; }
        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text h5 {
          color: #232323;
          font-size: 14px;
          font-weight: 500;
          line-height: 22px;
          margin-bottom: 2px;
          text-transform: capitalize; }
          @media only screen and (max-width: 767px) {
            .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text h5 {
              line-height: 15px; } }
        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text > span {
          color: #969696;
          display: block;
          font-weight: 500;
          margin-bottom: 4px; }
          .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text > span.cart-price {
            color: var(--theme);
            font-size: 16px; }
            @media only screen and (max-width: 767px) {
              .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text > span.cart-price {
                font-size: 15px;
                line-height: 14px;
                margin-bottom: 0; } }
        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button {
          background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
          border: 0 none;
          color: #bababa;
          font-size: 15px;
          height: 20px;
          line-height: 10px;
          margin: 5px 0;
          padding: 0 2px; }
          .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:hover, .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:focus {
            color: #78a106; }
    .header-content > div > .cart-item-wrapper > .cart-links {
      background: #292929 none repeat scroll 0 0;
      display: flex;
      justify-content: center;
      padding: 10px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-content > div > .cart-item-wrapper > .cart-links {
          padding: 17px 0; } }
      @media only screen and (max-width: 767px) {
        .header-content > div > .cart-item-wrapper > .cart-links {
          padding: 15px 0px; } }
      .header-content > div > .cart-item-wrapper > .cart-links > a {
        background: #202226 none repeat scroll 0 0;
        border: 2px solid #ffffff;
        border-radius: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        color: #ffffff;
        display: inline-block;
        
        font-size: 12px;
        line-height: 43px;
        margin: 0 7px;
        padding: 0 30px;
        text-transform: uppercase; }
        @media only screen and (max-width: 767px) {
          .header-content > div > .cart-item-wrapper > .cart-links > a {
            padding: 0 28px; } }
        .header-content > div > .cart-item-wrapper > .cart-links > a:hover, .header-content > div > .cart-item-wrapper > .cart-links > a:focus {
          background: var(--theme);
          border-color: var(--theme); }
    .header-content > div > .cart-item-wrapper > .cart-price-total {
      padding: 18px 30px 21px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-content > div > .cart-item-wrapper > .cart-price-total {
          padding: 12px 19px 12px; } }
      @media only screen and (max-width: 767px) {
        .header-content > div > .cart-item-wrapper > .cart-price-total {
          padding: 12px 10px 15px; } }
      .header-content > div > .cart-item-wrapper > .cart-price-total > .cart-price-info > span {
        color: #3e3d43;
        
        font-size: 14px;
        font-weight: 500;
        line-height: 23px;
        text-transform: uppercase; }
        .header-content > div > .cart-item-wrapper > .cart-price-total > .cart-price-info > span:last-of-type {
          color: var(--theme);
          font-size: 16px;
          line-height: 23px; }

.mobile-menu-area {
  display: none;
  background: var(--theme);
  clear: both;
  position: relative;
  z-index: 9; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-area {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .mobile-menu-area {
      display: block; } }
  .mobile-menu-area .mobile-menu.mean-container {
    clear: both; }
    .mobile-menu-area .mobile-menu.mean-container .mean-bar {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      min-height: 42px;
      padding: 4px 0;
      position: relative;
      width: 100%;
      z-index: 999999; }
      .mobile-menu-area .mobile-menu.mean-container .mean-bar:after {
        content: "MENU";
        font-size: 16px;
        font-weight: 500;
        left: 0;
        position: absolute;
        top: 13px;
        color: #ffffff; }
      .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
        border: 0 none;
        color: #ffffff;
        margin-top: 13px;
        padding: 2px 0;
        cursor: pointer;
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
        height: 22px;
        line-height: 22px;
        position: absolute;
        right: 0;
        text-decoration: none;
        top: -7px;
        width: 23px; }
        .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal span {
          background-color: #ffffff;
          display: block;
          height: 2px;
          margin-top: 7px; }
        .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal:hover span {
          background-color: #ffffff; }
        .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal.menu-close {
          background-color: transparent;
          border: 2px solid #ffffff;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          color: #858585;
          height: 40px;
          padding: 0;
          width: 40px;
          font-size: 20px;
          margin-bottom: 30px; }
      .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav {
        padding-top: 37px; }
        .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav > ul {
          }
        .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul {
          background: #ffffff none repeat scroll 0 0;
          list-style-type: none;
          margin: 5px 0 0px;
          overflow-x: hidden;
          overflow-y: auto;
          padding: 0;
          width: 100%; }
          .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li {
            float: left;
            position: relative;
            width: 100%; }
            .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a {
              border-top: 1px solid #ccc;
              color: #252525;
              display: block;
              float: left;
              font-size: 12px;
              font-weight: 500;
              margin: 0;
              padding: 1em 5%;
              text-align: left;
              text-decoration: none;
              text-transform: uppercase;
              width: 90%;
              line-height: 15px; }
              .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a:first-child:hover {
                color: var(--theme);
                padding: 1em 4% 1em 5.5%; }
              .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a.mean-expand {
                font-weight: 400;
                background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
                border: medium none;
                font-weight: 400;
                height: 17px;
                line-height: 19px;
                margin-top: 1px;
                padding: 12px 16px;
                position: absolute;
                right: 0;
                text-align: center;
                top: -1px;
                width: 17px;
                z-index: 2; }
                .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
                  background: var(--theme);
                  color: #ffffff; }
            .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li ul li a {
              background: #F6F5F3 none repeat scroll 0 0;
              border-top: 1px solid #cccccc;
              color: #252525;
              font-size: 12px;
              line-height: 15px;
              opacity: 1;
              padding: 1em 5%;
              text-shadow: none;
              visibility: visible;
              width: 90%; }
            .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li ul li:first-child a {
              border-top: 3px solid var(--theme);
              display: block; }
        .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav > ul {
          margin-bottom: 10px; }

.mean-container .mean-bar, .mean-container .mean-bar * {
  box-sizing: content-box; }

@media only screen and (max-width: 767px) {
  .modal .modal-dialog {
    margin: 30px; } }
.modal .modal-dialog .modal-content {
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0; }
  .modal .modal-dialog .modal-content .modal-header {
    border: 0 none;
    padding: 0; }
    .modal .modal-dialog .modal-content .modal-header .close {
      background: #ffffff none repeat scroll 0 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      color: #202226;
      font-size: 12px;
      font-weight: 400;
      height: 25px;
      line-height: 24px;
      margin: 0;
      opacity: 1;
      padding: 0;
      position: absolute;
      right: 10px;
      top: 10px;
      width: 25px;
      z-index: 1; }
      .modal .modal-dialog .modal-content .modal-header .close:hover {
        color: var(--theme); }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    .modal .modal-dialog .modal-content .modal-body .form-pop-up-content {
      text-align: left; }
      .modal .modal-dialog .modal-content .modal-body .form-pop-up-content h2 {
        background: #202226 none repeat scroll 0 0;
        color: #ffffff;
        
        font-size: 18px;
        line-height: 1.35;
        margin: 0;
        padding: 10px 25px;
        text-transform: uppercase; }
      .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form {
        padding: 25px; }
        .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .form-box input {
          height: 38px;
          margin-bottom: 15px;
          padding: 0 15px;
          width: 100%; }
        .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link {
          display: flex;
          justify-content: space-between;
          margin-bottom: 20px; }
          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .left-col #remember_me {
            position: relative;
            top: 2px; }
          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .left-col label {
            cursor: pointer;
            line-height: 16px;
            margin: 0 0 0 5px; }
          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .right-col a {
            color: #333; }
            .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .right-col a:hover {
              color: var(--theme); }
        .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form button {
          background: #202226 none repeat scroll 0 0;
          border: 0 none;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          color: #ffffff;
          display: inline-block;
          font-size: 14px;
          font-weight: 500;
          line-height: 40px;
          padding: 0 20px;
          text-transform: uppercase; }
          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form button:hover {
            background: var(--theme); }
.modal.modal-style-two .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .right-col a:hover {
  color: #c5ac57; }
.modal.modal-style-two .modal-dialog .modal-content .modal-body .form-pop-up-content form button:hover {
  background: #c5ac57;
  border-color: #c5ac57; }
.modal.modal-style-two .modal-dialog .modal-content .modal-header .close:hover {
  color: #c5ac57; }

/*---------------------------------------
    03. Hero
-----------------------------------------*/
.ht-hero-slider {
  float: left;
  width: 100%; }
  @media only screen and (min-width: 1600px) {
    .ht-hero-slider .slick-arrow {
      left: 60px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .ht-hero-slider .slick-arrow {
      border-width: 2px;
      height: 55px;
      line-height: 54px;
      width: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-hero-slider .slick-arrow {
      border-width: 2px;
      top: 46%; } }
  @media only screen and (min-width: 1600px) {
    .ht-hero-slider .slick-arrow.slick-next {
      left: auto;
      right: 60px; } }
  .ht-hero-slider:hover .slick-arrow, .ht-hero-slider:hover .slick-dots {
    opacity: 1; }
  .ht-hero-slider .ht-single-slide {
    height: 92vh;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-hero-slider .ht-single-slide {
        height: auto;
        padding: 70px 0 80px; } }
    @media only screen and (max-width: 767px) {
      .ht-hero-slider .ht-single-slide {
        height: auto;
        padding: 30px 0 40px; } }
    @media only screen and (max-width: 767px) {
      .ht-hero-slider .ht-single-slide:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0;
        content: ""; } }
  .ht-hero-slider .slick-dots {
    bottom: 5%;
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    .ht-hero-slider .slick-dots li {
      display: inline-block; }
      .ht-hero-slider .slick-dots li button {
        background: #ccc none repeat scroll 0 0;
        border: 0 none;
        color: rgba(0, 0, 0, 0);
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 12px;
        line-height: 0;
        outline: medium none;
        padding: 0;
        width: 12px;
        margin: 5px; }
      .ht-hero-slider .slick-dots li.slick-active button {
        background: var(--theme); }

/*-- Hero Content One --*/
.ht-hero-content-one {
	padding-top: 50px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:100%;
  }
.ht-hero-content-one h3 span{padding:5px 10px; line-height:35px; display:flex; justify-content:center; background:rgba(255,255,255.9);}
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .ht-hero-content-one {
      padding-left: 50px; } }
  @media only screen and (max-width: 767px) {
    .ht-hero-content-one {
      padding-top: 0;
      z-index: 1; } }
  .ht-hero-content-one h3 {
    animation-duration: 1s;
    animation-fill-mode: both;
    color: #444;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px;
	line-height:26px;
	width:50%;
	}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-hero-content-one h3 {
        padding-top: 0;
        font-size: 25px;
        margin-bottom: 4px; }
	}
    @media only screen and (max-width: 767px) {
      .ht-hero-content-one h3 {
        font-size: 26px;
        margin-bottom: 4px; } }
    @media only screen and (max-width: 479px) {
      .ht-hero-content-one h3 {
        font-size: 15px;
        margin-bottom: 6px; } }
  .ht-hero-content-one h1, .ht-hero-content-one h2 {
    color: #2c2c2c;
    font-size: 40px;
    font-weight: 700;
    line-height: 0.85;
    margin: 15px 0; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .ht-hero-content-one h1 {
        font-size: 70px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-hero-content-one h1 {
        font-size: 70px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .ht-hero-content-one h1 {
        font-size: 35px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 479px) {
      .ht-hero-content-one h1 {
        font-size: 20px;
		width:70% !important;
        margin-bottom: 15px; } }
  .ht-hero-content-one p {
    max-width: 480px;
    color: #444;
    font-size: 14px;
    margin-bottom: 10px;
    animation-duration: 1s;
    animation-fill-mode: both; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .ht-hero-content-one p {
        max-width: 500px;
        margin-bottom: 45px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-hero-content-one p {
        max-width: 400px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .ht-hero-content-one p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 23px; } }
    @media only screen and (max-width: 479px) {
      .ht-hero-content-one p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px; } }
  .ht-hero-content-one a {
    animation-duration: 1s;
    animation-fill-mode: both;
    margin-bottom: 3px; }
    @media only screen and (max-width: 479px) {
      .ht-hero-content-one a {
        padding: 0 20px;
        line-height: 26px; } }
    .ht-hero-content-one a:hover {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }

.slick-current {
  /*-- Hero Content One --*/ }
  .slick-current .ht-hero-content-one h3 {
    animation-name: fadeInBottom;
    animation-delay: .4s;
    animation-duration: 0.5s;
	text-align: center;
	margin-top:20px;
	}
  .slick-current .ht-hero-content-one h1 {
    opacity: 1;
    visibility: visible;
    animation-delay: 1.1s;
    animation-duration: 0.5s; }
    .slick-current .ht-hero-content-one h1 span {
      animation-duration: 0.5s;
      letter-spacing: 0.2px; }
  .slick-current .ht-hero-content-one p {
    animation-name: fadeInBottom;
    animation-delay: 1.2s;
    animation-duration: 0.5s; }
  .slick-current .ht-hero-content-one a {
    animation-name: fadeInBottom;
    animation-delay: 1.6s;
    animation-duration: 0.5s; }

.ht-hero-two .ht-hero-content-one h1, .ht-hero-two .ht-hero-content-one h2 {
  font-weight: 900;
  width:70%;
  line-height:46px;
  text-align: center;
  background: rgba(0,0,0,.8);
  padding: 15px 0;
  }

.ht-hero-three a.ht-single-slide {
  height: calc(100vh + 200px); }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .ht-hero-three a.ht-single-slide {
      height: 100vh; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-hero-three a.ht-single-slide {
      height: auto;
      padding: 0; } }
  @media only screen and (max-width: 767px) {
	.single-service {margin-bottom:30px;}
	.service-text h3 {font-size:20px;}
	.payment-img {justify-content:center !important;}
    .ht-hero-three a.ht-single-slide {
      height: auto;
      padding: 0; } }
  .ht-hero-three a.ht-single-slide:after {
    display: none; }
.ht-hero-three .slick-slide img {
  width: 100%; }
.ht-hero-three .ht-hero-slider .slick-arrow {
  border: 3px solid #ffffff;
  color: #ffffff;
  box-shadow: none; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .ht-hero-three .ht-hero-slider .slick-arrow {
      top: 39%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-hero-three .ht-hero-slider .slick-arrow {
      top: 39%; } }
  .ht-hero-three .ht-hero-slider .slick-arrow:hover {
    color: #444444;
    box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2); }
.ht-hero-three .ht-hero-slider .slick-dots {
  bottom: 8px; }

.ht-hero-four {
  height: 100%; }
  .ht-hero-four .hero-padding {
    padding: 0 75px; }
    @media only screen and (min-width: 1600px) {
      .ht-hero-four .hero-padding {
        padding: 0 121px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-hero-four .hero-padding {
        padding: 0 40px; } }
    @media only screen and (max-width: 767px) {
      .ht-hero-four .hero-padding {
        padding: 0 55px; } }
    @media only screen and (max-width: 479px) {
      .ht-hero-four .hero-padding {
        padding: 0 20px; } }
    .ht-hero-four .hero-padding .col-lg-7 {
      display: flex; }
      .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one {
        padding: 0;
        margin: auto 0; }
        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {
          animation-name: fadeInBottom;
          animation-delay: .4s;
          animation-duration: 0.5s;
          padding-top: 0;
          margin-top: -90px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {
              margin-top: -90px; } }
          @media only screen and (max-width: 767px) {
            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {
              margin-top: 40px; } }
        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
          opacity: 1;
          visibility: visible;
          animation-delay: 1.1s;
          animation-duration: 0.5s;
          font-weight: 900;
          font-size: 90px; }
          @media only screen and (min-width: 1600px) {
            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
              font-size: 100px; } }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
              font-size: 62px;
              padding-top: 7px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
              font-size: 50px; } }
          @media only screen and (max-width: 767px) {
            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
              font-size: 37px; } }
          .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 span {
            animation-duration: 0.5s;
            letter-spacing: 0.2px; }
        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one p {
          animation-name: fadeInBottom;
          animation-delay: 1.2s;
          animation-duration: 0.5s; }
        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a {
          animation-name: fadeInBottom;
          animation-delay: 1.6s;
          animation-duration: 0.5s;
          background: transparent; }
          .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a:hover, .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a:focus {
            background: #c5ac57;
            border-color: #c5ac57; }
    .ht-hero-four .hero-padding .hero-image {
      padding-top: 75px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ht-hero-four .hero-padding .hero-image {
          padding-top: 10px; } }
      @media only screen and (max-width: 767px) {
        .ht-hero-four .hero-padding .hero-image {
          padding-top: 10px; } }
      .ht-hero-four .hero-padding .hero-image img {
        max-width: 100%; }

/*----------------------------------------*/
/*  04. Category Area
/*----------------------------------------*/
@media only screen and (max-width: 1600px) {
  .food-category-area {
    padding: 20px 0 70px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .food-category-area {
    padding: 92px 0 70px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .food-category-area {
    padding: 76px 0 50px; } }
@media only screen and (max-width: 767px) {
  .food-category-area {
    padding: 30px 0 12px; } }
.food-category-area .ht-food-slider {
  margin: 0 -15px;
  width: auto; }
  .food-category-area .ht-food-slider .single-food-category {
    border-color: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 40px;
    margin-top: 30px;
    padding: 20px;
	box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset; 
	background: #f6f5f1 none repeat scroll 0 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    @media only screen and (max-width: 767px) {
      .food-category-area .ht-food-slider .single-food-category {
        margin-top: 5px; } }
    .food-category-area .ht-food-slider .single-food-category:hover {
      background:#FFF;
	  border: 1px solid #f0f0f0;}
    .food-category-area .ht-food-slider .single-food-category > h4 > a {
      font-size: 18px;
      font-weight: 500;
      text-transform: capitalize;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; }
      .food-category-area .ht-food-slider .single-food-category > h4 > a:hover {
        text-decoration: underline; }
    .food-category-area .ht-food-slider .single-food-category > img {
      margin: auto;
      padding: 25px 0 22px; }
    .food-category-area .ht-food-slider .single-food-category > span {
      color: var(--theme);
      display: block; }

@media only screen and (max-width: 767px) {
  .food-category-three {
    padding: 30px 0 20px; } }

/*----------------------------------------*/
/*  05. Product Area
/*----------------------------------------*/
.product-area .frame {border:6px #FFF solid;margin-bottom: 20px; }
.product-area .tab-content .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: webkit-center;
  text-align: center; }
  .product-area .tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    visibility: visible; }
  .product-area .tab-content .tab-pane .slick-arrow {
    border: 2px solid #e1e1e1;
    box-shadow: none;
    color: #c5c5c5;
    font-size: 17px;
    height: 50px;
    left: -55px;
    line-height: 47px;
    top: 51.5%;
    width: 50px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .product-area .tab-content .tab-pane .slick-arrow {
        height: 40px;
        left: 15px;
        line-height: 39px;
        width: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product-area .tab-content .tab-pane .slick-arrow {
        left: -10px; } }
    @media only screen and (max-width: 767px) {
      .product-area .tab-content .tab-pane .slick-arrow {
        left: 14px;
        background: #ffffff; } }
    .product-area .tab-content .tab-pane .slick-arrow:hover {
      background: #f6f5f1 none repeat scroll 0 0;
      border-color: #ffffff;
      box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
      color: #444444; }
    .product-area .tab-content .tab-pane .slick-arrow.slick-next {
      left: auto;
      right: -55px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .product-area .tab-content .tab-pane .slick-arrow.slick-next {
          right: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .product-area .tab-content .tab-pane .slick-arrow.slick-next {
          right: -10px; } }
      @media only screen and (max-width: 767px) {
        .product-area .tab-content .tab-pane .slick-arrow.slick-next {
          right: 14px; } }

.product-tab-list {
  display: flex;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-top: -47px;
  padding: 10px 0 35px;
  justify-content: space-between; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-tab-list {
      margin-top: 30px;
      text-align: center;
      padding-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .product-tab-list {
      margin-top: 20px;
      text-align: center;
      padding-bottom: 20px;
      justify-content: center; } }
  .product-tab-list a {
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    color: #aeaeae;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin: 0 7.5px;
    padding: 7px 25px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    @media only screen and (max-width: 767px) {
      .product-tab-list a {
        margin: 0 3px;
        padding: 5px 12px; } }
    .product-tab-list a:nth-of-type(3) {
      margin-left: auto; }
      @media only screen and (max-width: 767px) {
        .product-tab-list a:nth-of-type(3) {
          margin: 0 3px; } }
  .product-tab-list a:hover, .product-tab-list a:focus, .product-tab-list a.active {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
    box-shadow: 5px 6px 20px 0 rgba(0, 0, 0, 0.1);
    color: #2c2c2c; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area {
    padding: 90px 0 70px; } }
@media only screen and (max-width: 767px) {
  .product-area {
    padding: 30px 0 50px; } }
.product-area .product-carousel {
  margin: 0 -15px;
  width: auto; }
  .product-area .product-carousel .slick-slide.slick-active {
    animation: 500ms ease 0s normal none 1 running slideZoomIn; }
  .product-area .product-carousel:hover .slick-arrow, .product-area .product-carousel:hover .slick-dots {
    opacity: 1; }

/*-- Single product Style --*/
.single-product-item {
  border: 2px solid #FFF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0 0 5px #e1e1e1;
  margin: 15px 0 15px;
  overflow: hidden;
  padding: 0 0 20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-item {
      margin: 25px 0 22px; } }
  @media only screen and (max-width: 767px) {
    .single-product-item {
      margin: 20px 0; } }
  .single-product-item:hover {
    border-color: #ffffff;
    box-shadow: 0 0 8px #999;
	margin-top:-3px;
	}
  .single-product-item .product-image {
	padding:8px;
    position: relative; }
    .single-product-item .product-image > a {
      display: block; }
      .single-product-item .product-image > a img {
      width: 100%; }
    .single-product-item .product-image .product-hover > ul.hover-icon-list {
      display: flex;
      justify-content: center;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 46.2%;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; }
      .single-product-item .product-image .product-hover > ul.hover-icon-list > li {
        display: block; }
        .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a {
          background: #ffffff none repeat scroll 0 0;
          border: 1px solid #ececeb;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          color: #2c2c2c;
          display: block;
          font-size: 18px;
          height: 47px;
          line-height: 47px;
          margin: 0 4.5px;
          text-align: center;
          width: 47px; }
          .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a:hover, .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a:focus {
            background: var(--theme);
            border-color: var(--theme);
            color: #ffffff; }
          .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a > i {
            line-height: 45px; }
    .single-product-item .product-image .product-hover .p-cart-btn {
      background: #ffffff none repeat scroll 0 0;
      border: 1px solid #ececeb;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      bottom: -34.9%;
      color: #2c2c2c;
      display: block;
      
      font-size: 12px;
      font-weight: 500;
      left: 50%;
      line-height: 39px;
      margin: auto;
      opacity: 0;
      padding: 0 25px;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      text-transform: uppercase;
      z-index: 2; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .single-product-item .product-image .product-hover .p-cart-btn {
          padding: 0 20px;
          min-width: 115px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-product-item .product-image .product-hover .p-cart-btn {
          padding: 0 20px; } }
      @media only screen and (max-width: 767px) {
        .single-product-item .product-image .product-hover .p-cart-btn {
          padding: 0 20px;
          min-width: 115px; } }
      .single-product-item .product-image .product-hover .p-cart-btn:hover, .single-product-item .product-image .product-hover .p-cart-btn:focus {
        background: var(--theme);
        border-color: var(--theme);
        color: #ffffff; }
  .single-product-item:hover .product-image .product-hover > ul.hover-icon-list {
    opacity: 1;
    top: 41.6%; }
  .single-product-item:hover .product-image > a {
	filter:brightness(1.3);
   }
  .single-product-item:hover .product-hover .p-cart-btn {
    bottom: -38.7%;
    opacity: 1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -52.7%; } }
    @media only screen and (max-width: 767px) {
      .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -57.7%; } }
    @media only screen and (max-width: 479px) {
      .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -38%; } }
  .single-product-item:hover .product-text .pro-price {
   }
  .single-product-item .product-text .product-rating > i {
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 25px; }
    .single-product-item .product-text .product-rating > i.color {
      color: #7ba212; }
  .single-product-item .product-text > h5 {
    color: #202226;
    font-weight: 500;
    margin: 15px;
	font-size:16px;
	}
  .single-product-item .product-text .pro-price {
    display: flex;
    
    font-size: 14px;
    justify-content: center; }
    .single-product-item .product-text .pro-price span {
      display: block;
      margin: 0 4px; }
      .single-product-item .product-text .pro-price span.new-price {
        color: var(--theme);
        font-size: 16px;
        font-weight: 600; }
      .single-product-item .product-text .pro-price span.old-price {
        color: #b8b8b8;
        line-height: 23px;
        text-decoration: line-through; }

@media only screen and (max-width: 767px) {
  .product-two-area {
    background: #f6f5f1 none repeat scroll 0 0;
    padding: 60px 0 40px; } }
.product-two-area .tab-content .tab-pane .single-product-item:first-of-type {
  margin-bottom: 45px; }
.product-two-area .tab-content .tab-pane .slick-arrow {
  top: 50.7%; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .product-two-area .tab-content .tab-pane .slick-arrow {
      top: 50%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-two-area .tab-content .tab-pane .slick-arrow {
      top: 50%; } }
  @media only screen and (max-width: 767px) {
    .product-two-area .tab-content .tab-pane .slick-arrow {
      top: 50%; } }
@media only screen and (max-width: 767px) {
  .product-two-area .tab-content .tab-pane .single-product-item:hover .product-image .product-hover .p-cart-btn {
    bottom: -56%; } }
@media only screen and (max-width: 479px) {
  .product-two-area .tab-content .tab-pane .single-product-item:hover .product-image .product-hover .p-cart-btn {
    bottom: -39%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area {
    padding: 90px 0 40px; } }
@media only screen and (max-width: 767px) {
  .timer-product-area {
    background: #F6F5F3;
    padding: 60px 0 40px; } }
.timer-product-area .section-title {
  margin-bottom: 11px; }
  @media only screen and (max-width: 767px) {
    .timer-product-area .section-title {
      margin-bottom: 2px; } }
.timer-product-area .timer-carousel {
  margin: 0 -15px;
  width: auto; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .timer-product-area .timer-carousel {
      padding-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .timer-product-area .timer-carousel {
      margin: 0; } }
  .timer-product-area .timer-carousel .slick-arrow {
    border: 2px solid #e1e1e1;
    box-shadow: none;
    color: #c5c5c5;
    font-size: 17px;
    height: 50px;
    left: -40px;
    line-height: 47px;
    top: 51.5%;
    width: 50px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .timer-product-area .timer-carousel .slick-arrow {
        height: 40px;
        left: 30px;
        line-height: 39px;
        width: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .timer-product-area .timer-carousel .slick-arrow {
        left: -10px; } }
    @media only screen and (max-width: 767px) {
      .timer-product-area .timer-carousel .slick-arrow {
        left: 30px;
        top: 53%; } }
    .timer-product-area .timer-carousel .slick-arrow:hover {
      background: #f6f5f1 none repeat scroll 0 0;
      border-color: #ffffff;
      box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
      color: #444444; }
    .timer-product-area .timer-carousel .slick-arrow.slick-next {
      left: auto;
      right: -40px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .timer-product-area .timer-carousel .slick-arrow.slick-next {
          right: 30px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .timer-product-area .timer-carousel .slick-arrow.slick-next {
          right: -10px; } }
      @media only screen and (max-width: 767px) {
        .timer-product-area .timer-carousel .slick-arrow.slick-next {
          right: 30px; } }
  @media only screen and (max-width: 767px) {
    .timer-product-area .timer-carousel .slick-slide {
      padding: 0 15px; } }
  .timer-product-area .timer-carousel .slick-slide.slick-active {
    animation: 500ms ease 0s normal none 1 running slideZoomIn; }
  .timer-product-area .timer-carousel:hover .slick-arrow, .timer-product-area .timer-carousel:hover .slick-dots {
    opacity: 1; }
  .timer-product-area .timer-carousel .single-product-item {
    opacity: 0.5;
    background: #f6f5f1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .timer-product-area .timer-carousel .single-product-item {
        opacity: 1; } }
    .timer-product-area .timer-carousel .single-product-item .product-image a img {
      max-width: 100%; }
    .timer-product-area .timer-carousel .single-product-item .product-image .timer {
      bottom: -10px;
      opacity: 0;
      position: absolute;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      width: 100%; }
      .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid .cdown {
        color: #939393;
        display: inline-block;
        
        font-size: 14px;
        font-weight: 200;
        margin: 0 8px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid .cdown {
            margin: 0 4px; } }
        @media only screen and (max-width: 767px) {
          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid .cdown {
            margin: 0 4px; } }
      .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid > .cdown span {
        color: #232323;
        display: inline-block;
        font-size: 30px;
        font-weight: 500;
        margin-right: 3px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid > .cdown span {
            margin-right: 2px; } }
        @media only screen and (max-width: 767px) {
          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid > .cdown span {
            margin-right: 2px; } }
    .timer-product-area .timer-carousel .single-product-item .product-text {
      padding-top: 24px;
      position: relative; }
      .timer-product-area .timer-carousel .single-product-item .product-text .pro-price {
        padding-bottom: 29px;
        padding-top: 20px; }
    .timer-product-area .timer-carousel .single-product-item :hover .product-image > a {
      opacity: 1; }
    .timer-product-area .timer-carousel .single-product-item:hover .product-image > a {
      opacity: 1; }
  .timer-product-area .timer-carousel .single-product-item:hover, .timer-product-area .timer-carousel .slick-current .single-product-item, .timer-product-area .timer-carousel .slick-current .single-product-item:hover {
    border-color: #ffffff;
    box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
    opacity: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .timer-product-area .timer-carousel .slick-current .single-product-item {
      box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
      border-color: #e7e7e7; } }
  .timer-product-area .timer-carousel .single-product-item:hover .timer, .timer-product-area .timer-carousel .slick-current .single-product-item .timer {
    bottom: 0;
    opacity: 1; }
  .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {
    bottom: -40.5%;
    z-index: 2; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -55%; } }
    @media only screen and (max-width: 1600px) {
      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -43%; } }
    @media only screen and (min-width: 1100px) and (max-width: 1199px) {
      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -52.5%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -46%; } }
    @media only screen and (max-width: 479px) {
      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {
        bottom: -54.5%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area .timer-carousel .single-product-item .product-image .timer {
    opacity: 1; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area > .container:last-child {
    padding-left: 30px;
    padding-right: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area > .container:last-child {
    padding-left: 30px;
    padding-right: 30px; } }

@media only screen and (max-width: 767px) {
  .timer-two-area {
    padding: 60px 0 40px; } }
@media only screen and (max-width: 767px) {
  .timer-two-area .timer-carousel .slick-arrow {
    top: 63%; } }

@media only screen and (min-width: 1600px) {
  .product-four-area {
    padding-left: 35px;
    padding-right: 35px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-four-area {
    padding: 90px 0 70px; } }
@media only screen and (max-width: 767px) {
  .product-four-area {
    padding: 60px 0 0px; } }
.product-four-area .product-carousel-two .slick-slide .single-product-item .product-image {
  background: #f6f5f1; }
  @media only screen and (max-width: 767px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn {
      bottom: -20.5%; } }
  @media only screen and (max-width: 479px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn {
      bottom: -22.5%; } }
  .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn:hover, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn:focus {
    background: #c5ac57;
    border-color: #c5ac57; }
  .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .hover-icon-list li a:hover, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .hover-icon-list li a:focus {
    background: #c5ac57;
    border-color: #c5ac57; }
.product-four-area .product-carousel-two .slick-slide .single-product-item .product-text .product-rating > i.color, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-text .pro-price span.new-price, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-text .pro-price span.new-price {
  color: #c5ac57; }
.product-four-area .product-carousel-two .slick-slide .single-product-item .product-text > h5 a:hover {
  color: #c5ac57; }
.product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
  bottom: -45%;
  opacity: 1; }
  @media only screen and (min-width: 1600px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
      bottom: -38.5%; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
      bottom: -54%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
      bottom: -49%; } }
  @media only screen and (max-width: 767px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
      bottom: -45%; } }
  @media only screen and (max-width: 570px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
      bottom: -56%; } }
  @media only screen and (max-width: 479px) {
    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {
      bottom: -42%; } }
.product-four-area .product-carousel-two .slick-arrow {
  border: 2px solid #e1e1e1;
  background: #f6f5f1;
  color: #c5c5c5;
  width: 50px;
  height: 50px;
  line-height: 46px;
  font-size: 17px;
  left: -8px;
  top: 52%; }
  .product-four-area .product-carousel-two .slick-arrow.slick-next {
    left: auto;
    right: -8px; }
.product-four-area .product-carousel-two:hover .slick-arrow {
  opacity: 1; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-four-area {
    padding: 0px 0 61px; } }
@media only screen and (max-width: 767px) {
  .timer-four-area {
    padding: 48px 0 30px; } }
.timer-four-area .timer-carousel {
  padding: 0 15px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .timer-four-area .timer-carousel {
      padding: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .timer-four-area .timer-carousel {
      padding: 0px; } }
  .timer-four-area .timer-carousel .custom-col {
    padding-top: 30px; }
    @media only screen and (max-width: 767px) {
      .timer-four-area .timer-carousel .custom-col {
        padding-top: 3px; } }
    .timer-four-area .timer-carousel .custom-col .single-product-item {
      margin: 30px 0 30px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .timer-four-area .timer-carousel .custom-col .single-product-item {
          margin-top: 4px; } }
      .timer-four-area .timer-carousel .custom-col .single-product-item .product-image .product-hover .p-cart-btn:hover, .timer-four-area .timer-carousel .custom-col .single-product-item .product-image .product-hover .p-cart-btn:focus {
        background: #c5ac57;
        border-color: #c5ac57; }
      .timer-four-area .timer-carousel .custom-col .single-product-item .product-text .product-rating > i.color, .timer-four-area .timer-carousel .custom-col .single-product-item .product-text .pro-price span.new-price, .timer-four-area .timer-carousel .custom-col .single-product-item .product-text .pro-price span.new-price {
        color: #c5ac57; }
      .timer-four-area .timer-carousel .custom-col .single-product-item .product-text > h5 a:hover {
        color: #c5ac57; }
  .timer-four-area .timer-carousel .slick-arrow {
    left: 8px;
    top: 44.5%;
    background: #f6f5f1; }
    .timer-four-area .timer-carousel .slick-arrow.slick-next {
      right: 8px; }

.related-product .slick-arrow {
  border: 2px solid #e1e1e1;
  box-shadow: none;
  color: #c5c5c5;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 47px;
  top: 51.5%;
  width: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .related-product .slick-arrow {
      height: 40px;
      left: 15px;
      line-height: 39px;
      width: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .related-product .slick-arrow {
      left: -10px; } }
  @media only screen and (max-width: 767px) {
    .related-product .slick-arrow {
      left: 14px; } }
  .related-product .slick-arrow:hover {
    background: #f6f5f1 none repeat scroll 0 0;
    border-color: #ffffff;
    box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
    color: #444444; }
  .related-product .slick-arrow.slick-next {
    left: auto;
    right: -55px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .related-product .slick-arrow.slick-next {
        right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .related-product .slick-arrow.slick-next {
        right: -10px; } }
    @media only screen and (max-width: 767px) {
      .related-product .slick-arrow.slick-next {
        right: 14px; } }

/*----------------------------------------*/
/*  06. Banner Area
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area {
    padding: 80px 0 58px; } }
@media only screen and (max-width: 767px) {
  .banner-area {
    padding: 53px 0 50px; } }
@media only screen and (min-width: 1600px) {
  .banner-area .banner-text {
    padding-top: 15px; } }
@media only screen and (max-width: 1600px) {
  .banner-area .banner-text {
    padding-top: 24px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area .banner-text {
    padding-top: 0; } }
@media only screen and (max-width: 767px) {
  .banner-area .banner-text {
    padding-top: 0; } }
.banner-area .banner-text h3 {
  color: #444444;
  font-weight: 300;
  line-height: 19px;
  margin-bottom: 3px; }
  @media only screen and (max-width: 767px) {
    .banner-area .banner-text h3 {
      font-size: 22px; } }
  .banner-area .banner-text h3 span {
    color: var(--theme);
    padding-left: 3.5px; }
.banner-area .banner-text h1 {
  color: #211e1e;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  margin:10px 0; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .banner-area .banner-text h1 {
      font-size: 63px; } }
  @media only screen and (max-width: 767px) {
    .banner-area .banner-text h1 {
      font-size: 45px;
      margin-bottom: 15px; } }
.banner-area .banner-text h2 {
  color: var(--theme);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 9px;
  position: relative;
  text-transform: uppercase; }
  .banner-area .banner-text h2 img {
    position: relative;
    top: -1px; }
  .banner-area .banner-text h2 span:last-child {
    padding-left: 14px;
    position: relative; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-area .banner-text p {
    width: 95%;
    margin-bottom: 0; } }
.banner-area .banner-text a.default-btn {
  line-height: 37px;
  margin-top: 10px;
  padding: 0 25px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area .banner-text a.default-btn {
      margin-top: 25px; } }
  @media only screen and (max-width: 767px) {
    .banner-area .banner-text a.default-btn {
      margin-top: 4px; } }
.banner-area .banner-image-wrapper {
  position: relative; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .banner-area .banner-image-wrapper .banner-image {
      padding-top: 7px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area .banner-image-wrapper .banner-image {
      float: right;
      padding-top: 20px;
      width: 61%; } }
  @media only screen and (max-width: 767px) {
    .banner-area .banner-image-wrapper .banner-image {
      float: right;
      margin-right: -15px;
      margin-top: 25px;
      width: 64%; } }
  .banner-area .banner-image-wrapper .banner-image img {
    max-width: 100%; }
  .banner-area .banner-image-wrapper .banner-image-text {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid var(--theme);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    left: -65px;
    padding: 24px 25px;
    position: absolute;
    top: 92px;
    width: 47.5%; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .banner-area .banner-image-wrapper .banner-image-text {
        padding: 20px 14px;
        width: 54%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-area .banner-image-wrapper .banner-image-text {
        left: 59px;
        top: 80px; } }
    @media only screen and (max-width: 767px) {
      .banner-area .banner-image-wrapper .banner-image-text {
        left: 0;
        padding: 16px 14px 12px;
        top: 44px;
        width: 68.3%; } }
    .banner-area .banner-image-wrapper .banner-image-text:before {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--theme);
      border-image: none;
      border-style: solid;
      border-width: 15px;
      content: " ";
      height: 0;
      left: 100%;
      margin-top: -36px;
      pointer-events: none;
      position: absolute;
      top: 57%;
      width: 0; }
    .banner-area .banner-image-wrapper .banner-image-text:after {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
      border-image: none;
      border-style: solid;
      border-width: 12px;
      content: " ";
      height: 0;
      left: 100%;
      margin-top: -32px;
      pointer-events: none;
      position: absolute;
      top: 57%;
      width: 0; }
    .banner-area .banner-image-wrapper .banner-image-text h4 {
      color: #211e1e;
      font-size: 13px;
      font-weight: 600;
      line-height: 15px;
      margin-bottom: 12px;
      padding-bottom: 11px;
      position: relative;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .banner-area .banner-image-wrapper .banner-image-text h4 {
          padding: 0; } }
      .banner-area .banner-image-wrapper .banner-image-text h4::after {
        background: #211e1e none repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 35px; }
        @media only screen and (max-width: 767px) {
          .banner-area .banner-image-wrapper .banner-image-text h4::after {
            display: none; } }
    .banner-area .banner-image-wrapper .banner-image-text p {
      line-height: 22px; }
@media only screen and (max-width: 1600px) {
  .banner-area.banner-one-area {
    padding: 53px 0 78px; } }

@media only screen and (max-width: 767px) {
  .shop-banner-area {
    padding: 24px 0 40px; } }
.shop-banner-area .shop-banner-img {
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px; }
  @media only screen and (max-width: 767px) {
    .shop-banner-area .shop-banner-img {
      margin-bottom: 20px; } }
  .shop-banner-area .shop-banner-img a {
    display: inline-block; }
    .shop-banner-area .shop-banner-img a img {
      -webkit-transition: all 0.3s ease-in 0s;
      -moz-transition: all 0.3s ease-in 0s;
      -ms-transition: all 0.3s ease-in 0s;
      -o-transition: all 0.3s ease-in 0s;
      transition: all 0.3s ease-in 0s;
      overflow: hidden;
      max-width: 100%; }
    .shop-banner-area .shop-banner-img a:hover img {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      -ms-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-two-area {
    background-position: center -83px;
    padding: 70px 0 106px; } }
@media only screen and (max-width: 767px) {
  .banner-two-area {
    padding: 51px 0 60px; }
  .bg-5{
    background:none; }
  .section-title .section-img::before, .section-title .section-img::after{display:none}
	}
.banner-two-area .banner-text {
  padding-top: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-two-area .banner-text {
      padding-top: 35px;
      padding-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .banner-two-area .banner-text {
      padding-top: 8px;
      width: 92%; } }
  @media only screen and (max-width: 479px) {
    .banner-two-area .banner-text {
      width: 100%; } }

.banner-four-area {
  margin-top: -44px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-four-area {
      margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .banner-four-area {
      margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .banner-four-area .banner-four-container {
      flex-flow: column; } }
  .banner-four-area .banner-four-container .banner-four-image a {
    display: block;
    overflow: hidden; }
    .banner-four-area .banner-four-container .banner-four-image a img {
      -webkit-transition: all 0.3s ease-in 0s;
      -moz-transition: all 0.3s ease-in 0s;
      -ms-transition: all 0.3s ease-in 0s;
      -o-transition: all 0.3s ease-in 0s;
      transition: all 0.3s ease-in 0s; }
      @media only screen and (max-width: 767px) {
        .banner-four-area .banner-four-container .banner-four-image a img {
          max-width: 100%; } }
    .banner-four-area .banner-four-container .banner-four-image a:hover img {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      -ms-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05); }
  .banner-four-area .banner-four-container .banner-four-text {
    margin-left: 25px;
    padding-top: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .banner-four-area .banner-four-container .banner-four-text {
        padding-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .banner-four-area .banner-four-container .banner-four-text {
        margin-left: 0; } }
    .banner-four-area .banner-four-container .banner-four-text h4 {
      font-weight: 500;
      font-size: 12px;
      color: #a4a4a4;
      letter-spacing: 6px;
      
      text-transform: uppercase;
      padding-top: 12px;
      margin-bottom: 36px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-four-area .banner-four-container .banner-four-text h4 {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 767px) {
        .banner-four-area .banner-four-container .banner-four-text h4 {
          margin-bottom: 20px; } }
    .banner-four-area .banner-four-container .banner-four-text p {
      width: 580px;
      margin-bottom: 51px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .banner-four-area .banner-four-container .banner-four-text p {
          width: auto; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-four-area .banner-four-container .banner-four-text p {
          width: auto;
          margin-bottom: 30px; } }
      @media only screen and (max-width: 767px) {
        .banner-four-area .banner-four-container .banner-four-text p {
          width: auto;
          margin-bottom: 30px; } }
    .banner-four-area .banner-four-container .banner-four-text .signature img {
      margin-left: -12px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .banner-four-area .banner-four-container .banner-four-text .signature img {
          width: 66%; } }
      @media only screen and (max-width: 767px) {
        .banner-four-area .banner-four-container .banner-four-text .signature img {
          width: 45%;
          margin-left: 0; } }
      @media only screen and (max-width: 479px) {
        .banner-four-area .banner-four-container .banner-four-text .signature img {
          width: 66%; } }

/*----------------------------------------*/
/*  07. Featured Area
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .featured-area {
    background: #F6F5F3;
    padding: 83px 0 70px; } }
@media only screen and (max-width: 767px) {
  .featured-area {
    background: #F6F5F3;
    padding: 53px 0 25px; } }
.featured-area .col-lg-4 .featured-carousel-wrapper {
  padding-bottom: 2px; }
  @media only screen and (max-width: 1600px) {
    .featured-area .col-lg-4 .featured-carousel-wrapper {
      padding-bottom: 3px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .featured-area .col-lg-4 .featured-carousel-wrapper {
      padding-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .featured-area .col-lg-4 .featured-carousel-wrapper {
      padding-bottom: 15px; } }
  .featured-area .col-lg-4 .featured-carousel-wrapper > h3 {
    color: #a9a9a9;
    
    font-weight: 200;
    margin-bottom: 6px; }
    @media only screen and (max-width: 767px) {
      .featured-area .col-lg-4 .featured-carousel-wrapper > h3 {
        margin: 0; } }
    .featured-area .col-lg-4 .featured-carousel-wrapper > h3 > span {
      color: #202226;
      font-weight: 500;
      padding-left: 1px; }
  .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel {
    margin: 0 -15px;
    width: auto; }
    .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .slick-arrow {
      border: 1px solid #e1e1e1;
      color: #c5c5c5;
      font-size: 13px;
      height: 30px;
      left: calc(100% - 83px);
      line-height: 28px;
      opacity: 1;
      top: -16px;
      width: 30px; }
      .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .slick-arrow.slick-next {
        left: auto;
        right: 15px; }
      .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .slick-arrow:hover {
        background: #f6f5f1 none repeat scroll 0 0;
        border-color: #ffffff;
        box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
        color: #444444; }
    .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel {
      padding: 0 15px; }
      .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item {
        border: 1px solid #e7e7e7;
        background: #F6F5F3;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
        margin-bottom: 20px;
        overflow: hidden;
        padding: 8px 8px 0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item:hover {
          border-color: #ffffff;
          box-shadow: 4px 6px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset; }
        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item:first-of-type {
          margin-top: 30px; }
        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .feature-image {
          float: left;
          margin-right: 20px; }
          @media only screen and (min-width: 992px) and (max-width: 1200px) {
            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .feature-image {
              margin-right: 15px;
              width: 105px; } }
          @media only screen and (max-width: 767px) {
            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .feature-image img {
              width: 95px; } }
        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text {
          overflow: hidden;
          padding-bottom: 26px;
          padding-top: 10px;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text {
              padding: 7px 0 16px; } }
          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .product-rating i {
            font-size: 14px;
            letter-spacing: -0.4px; }
            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .product-rating i.color {
              color: #7ba212; }
          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text h5 {
            color: #202226;
            font-weight: 500;
            margin-bottom: 24px;
            padding-top: 1px; }
            @media only screen and (max-width: 767px) {
              .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text h5 {
                margin-bottom: 6px; } }
          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .pro-price {
            
            font-weight: 600; }
            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .pro-price .new-price {
              color: var(--theme);
              font-size: 16px; }
          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart {
            background: #ffffff none repeat scroll 0 0;
            border: 1px solid #ebebeb;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            bottom: 15px;
            color: #2b2b2b;
            display: block;
            font-size: 16px;
            height: 44px;
            line-height: 44px;
            position: absolute;
            right: 17px;
            text-align: center;
            width: 44px;
            opacity: 0;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s; }
            @media only screen and (min-width: 992px) and (max-width: 1200px) {
              .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart {
                right: 10px; } }
            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart:hover, .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart:focus {
              background: var(--theme);
              border-color: var(--theme);
              color: #ffffff; }
        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item:hover a.feature-cart {
          opacity: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .featured-area .col-lg-4:last-child {
    padding-top: 63px; } }

/*----------------------------------------*/
/*  08. Testimonial Area
/*----------------------------------------*/
@media only screen and (max-width: 1600px) {
  .testimonial-area {
     }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area {
    padding: 90px 0 76px; } }
@media only screen and (max-width: 767px) {
  .testimonial-area {
    padding: 60px 0 46px; } }
.testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {
  display: flex;
  justify-content: center; }
.testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text p {
  font-size: 14px;
  line-height: 30px;
  margin: 31px auto 30px;
  max-width: 82%; }
  @media only screen and (max-width: 767px) {
    .testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text p {
      line-height: 23px;
      margin: 13px auto 10px;
      max-width: 92%; } }
.testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
  border: 2px solid #e1e1e1;
  color: #ccc;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 48px;
  width: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
      left: -4px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
      left: -4px; } }
  @media only screen and (max-width: 767px) {
    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
      left: -24px;
      top: 60%; } }
  @media only screen and (max-width: 479px) {
    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
      left: -4px; } }
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {
    left: auto;
    right: -55px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {
        right: -4px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {
        right: -4px; } }
    @media only screen and (max-width: 767px) {
      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {
        right: -24px; } }
    @media only screen and (max-width: 479px) {
      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {
        right: -4px; } }
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow:hover {
    background: #f6f5f1 none repeat scroll 0 0;
    border-color: #ffffff;
    box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
    color: #444444; }
.testimonial-area .testimonial-slider-wrapper .text-carousel:hover .slick-arrow {
  opacity: 1; }
.testimonial-area .testimonial-slider-wrapper .image-carousel {
  margin: auto;
  max-width: 400px;
  overflow: hidden; }
  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img img {
    margin: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {
    color: #211e1e;
    
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img.slick-current img {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img:hover > img {
    opacity: 1; }
  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img.slick-current > h4 {
    opacity: 1; }
  .testimonial-area .testimonial-slider-wrapper .image-carousel .slick-list {
    padding: 0 !important; }

@media only screen and (max-width: 1600px) {
  .testimonial-four-area {
    padding: 80px 0 0px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four-area {
    padding: 0px 0; } }
@media only screen and (max-width: 767px) {
  .testimonial-four-area {
    padding: 40px 0 0; } }
.testimonial-four-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {
  padding-top: 21px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-four-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {
      padding-top: 23px; } }
  @media only screen and (max-width: 767px) {
    .testimonial-four-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {
      padding-top: 20px; } }
.testimonial-four-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
  left: 0px;
  top: 51%; }
  .testimonial-four-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {
    right: 0px; }
.testimonial-four-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .testimonial-four-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {
      margin-bottom: 7px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-two-area {
    padding-top: 80px; } }
@media only screen and (max-width: 767px) {
  .wrapper-two-area {
    padding-top: 0; } }

/*----------------------------------------*/
/*  09. Blog Area
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area {
    padding: 0 0 73px; } }
@media only screen and (max-width: 767px) {
  .blog-area {
    padding: 0 0 60px; } }
@media only screen and (max-width: 767px) {
  .blog-area .section-title {
    margin-bottom: 40px; } }
.blog-area .slick-arrow {
  border: 2px solid #e1e1e1;
  color: #c5c5c5;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 48px;
  width: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .blog-area .slick-arrow {
      height: 40px;
      left: 15px;
      line-height: 39px;
      width: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-area .slick-arrow {
      left: -8px; } }
  @media only screen and (max-width: 767px) {
    .blog-area .slick-arrow {
      left: 15px;
      background: #ffffff;
      top: 42%; } }
  .blog-area .slick-arrow.slick-next {
    left: auto;
    right: -55px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .blog-area .slick-arrow.slick-next {
        right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blog-area .slick-arrow.slick-next {
        right: -8px; } }
    @media only screen and (max-width: 767px) {
      .blog-area .slick-arrow.slick-next {
        right: 15px; } }
  .blog-area .slick-arrow:hover {
    background: #f6f5f1 none repeat scroll 0 0;
    border-color: #ffffff;
    box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
    color: #444444; }
.blog-area:hover .slick-arrow {
  opacity: 1; }
.blog-area .single-blog {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
  .blog-area .single-blog .blog-image {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0; }
    .blog-area .single-blog .blog-image a {
      display: block; }
      .blog-area .single-blog .blog-image a img {
        max-width: 100%;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s; }
        @media only screen and (max-width: 767px) {
          .blog-area .single-blog .blog-image a img {
            width: 100%; } }
  .blog-area .single-blog .blog-text {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-right: 1px solid #e8e8e8;
    padding: 30px 12px 35px; }
    .blog-area .single-blog .blog-text h4 {
      color: #202226;
      font-weight: 500;
      margin-bottom: 7px; }
      .blog-area .single-blog .blog-text h4 aa:hover {
        color: var(--theme); }
    .blog-area .single-blog .blog-text .post-meta {
      color: #9d9d9d;
      display: flex;
      justify-content: center;
      margin-bottom: 21px;
      text-transform: capitalize; }
      .blog-area .single-blog .blog-text .post-meta span.author-name span {
        color: var(--theme);
        padding-right: 3px; }
    .blog-area .single-blog .blog-text p {
      margin-bottom: 29px; }
    .blog-area .single-blog .blog-text a.default-btn {
      border-color: #e1e1e1;
      color: #2c2c2c;
      line-height: 39px;
      padding: 0 30px; }
      .blog-area .single-blog .blog-text a.default-btn:hover, .blog-area .single-blog .blog-text a.default-btn:focus {
        border-color: var(--theme);
        background: var(--theme);
        color: #ffffff; }
  .blog-area .single-blog:hover .blog-image img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-three-area {
    padding: 90px 0 73px; } }
@media only screen and (max-width: 767px) {
  .blog-three-area {
    padding: 60px 0 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-four-area {
    padding-bottom: 0; } }
@media only screen and (max-width: 767px) {
  .blog-four-area {
    padding-bottom: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-four-area .section-title {
    margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
  .blog-four-area .section-title {
    margin-bottom: 15px; } }
.blog-four-area .blog-carousel .slick-arrow {
  left: 8px;
  margin-top: 7px;
  background: #f6f5f1; }
  @media only screen and (max-width: 767px) {
    .blog-four-area .blog-carousel .slick-arrow {
      left: 15px;
      top: 52%;
      box-shadow: none; } }
  @media only screen and (max-width: 479px) {
    .blog-four-area .blog-carousel .slick-arrow {
      top: 41%; } }
  .blog-four-area .blog-carousel .slick-arrow.slick-next {
    right: 8px;
    left: auto; }
    @media only screen and (max-width: 767px) {
      .blog-four-area .blog-carousel .slick-arrow.slick-next {
        right: 15px; } }
.blog-four-area .blog-carousel .slick-slide {
  padding: 30px 15px; }
  @media only screen and (max-width: 767px) {
    .blog-four-area .blog-carousel .slick-slide {
      padding-top: 20px; } }
  .blog-four-area .blog-carousel .slick-slide .single-blog {
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px; }
    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text h4 a:hover {
      color: #c5ac57; }
    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text .post-meta span.author-name span {
      color: #c5ac57; }
    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text a.default-btn {
      background: transparent; }
    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text a.default-btn:hover {
      background: #c5ac57;
      border-color: #c5ac57; }
    .blog-four-area .blog-carousel .slick-slide .single-blog:hover {
      box-shadow: 6px 8px 14px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 1px #ffffff; }

/*----------------------------------------*/
/*  10. Blog Details
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area {
    padding: 90px 0 50px; } }
@media only screen and (max-width: 767px) {
  .post-area {
    padding: 60px 0 35px; } }
.post-area .video-thumbnail {
  margin-bottom: 32px; }
  @media only screen and (max-width: 767px) {
    .post-area .video-thumbnail {
      margin-bottom: 22px; } }
.post-area .single-post-item {
  border-bottom: 1px solid #ebebeb;
  box-shadow: inset 0 1px 0 0 #ffffff;
  margin-bottom: 60px;
  clear: both; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-area .single-post-item {
      margin-bottom: 50px;
      padding-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .post-area .single-post-item {
      margin-bottom: 40px;
      padding-bottom: 40px; } }
  .post-area .single-post-item .single-post-title {
    color: #2c2c2c;
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 15px;
    }
    @media only screen and (max-width: 767px) {
      .post-area .single-post-item .single-post-title {
        margin-bottom: 9px; } }
    .post-area .single-post-item .single-post-title span {
      color: var(--theme);
      font-size: 8.5px;
      margin-right: 5px;
      position: relative;
      top: -7px;
      vertical-align: top; }
  .post-area .single-post-item .single-post-meta {
    display: flex;
    justify-content: center;
    margin-bottom: 31px; }
    @media only screen and (max-width: 767px) {
      .post-area .single-post-item .single-post-meta {
        margin-bottom: 15px; } }
    .post-area .single-post-item .single-post-meta span {
      color: #898888;
      display: block;
      font-size: 11.3px;
      margin: 0 14px;
      position: relative; }
      .post-area .single-post-item .single-post-meta span:first-of-type::after {
        content: "|";
        font-size: 12px;
        position: absolute;
        right: -15px; }
  .post-area .single-post-item .single-post-img {
    margin-bottom: 31px; }
    @media only screen and (max-width: 767px) {
      .post-area .single-post-item .single-post-img {
        margin-bottom: 20px; } }
    .post-area .single-post-item .single-post-img a {
      display: block; }
      .post-area .single-post-item .single-post-img a img {
        max-width: 100%; }
  .post-area .single-post-item .single-post-text {
    margin-bottom: 29px; }
    @media only screen and (max-width: 767px) {
      .post-area .single-post-item .single-post-text {
        margin-bottom: 22px; } }
  .post-area .single-post-item .post-read-link {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 0 30px; }
    .post-area .single-post-item .post-read-link:hover, .post-area .single-post-item .post-read-link:focus {
      background: var(--theme) none repeat scroll 0 0;
      border-color: var(--theme);
      color: #ffffff; }
  .post-area .single-post-item .single-post-share {
    color: #898888;
    font-size: 12px;
    font-weight: 500;
    line-height: 10px;
    margin-bottom: 19px;
    padding-top: 38px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .post-area .single-post-item .single-post-share {
        padding-top: 28px; } }
  .post-area .single-post-item .post-social-link {
    display: flex;
    justify-content: center; }
    .post-area .single-post-item .post-social-link a {
      background: #f7f7f7 none repeat scroll 0 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      color: #363636;
      height: 26px;
      line-height: 27px;
      margin: 0 5px;
      width: 26px; }
      .post-area .single-post-item .post-social-link a:hover {
        background: var(--theme) none repeat scroll 0 0;
        color: #ffffff; }
  .post-area .single-post-item:nth-last-of-type(2) {
    border: 0 none;
    margin-bottom: 0; }
  .post-area .single-post-item .single-post-info-text p {
    line-height: 25px; }
    .post-area .single-post-item .single-post-info-text p:nth-of-type(3) {
      margin-bottom: 10px; }
    .post-area .single-post-item .single-post-info-text p.post-quote {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #f6f6f6 none repeat scroll 0 0;
      border-color: #ebebeb #ebebeb #ebebeb var(--theme);
      border-image: none;
      border-style: solid;
      border-width: 1px 1px 1px 5px;
      font-size: 14px;
      font-style: italic;
      line-height: 26px;
      margin: 40px 0 40px 40px;
      padding: 30px 45px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .post-area .single-post-item .single-post-info-text p.post-quote {
          margin: 22px 0 25px 25px; } }
      @media only screen and (max-width: 767px) {
        .post-area .single-post-item .single-post-info-text p.post-quote {
          margin: 27px 0 30px 0;
          padding: 16px 15px;
          line-height: 25px; } }
  .post-area .single-post-item .single-post-info-text > p:last-of-type {
    margin-bottom: 30px; }
  .post-area .single-post-item .single-post-tag {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    color: #999999;
    display: flex;
    font-size: 13px;
    margin: 0;
    padding: 5px 0 6px;
    text-align: left;
    text-transform: uppercase; }
    @media only screen and (max-width: 479px) {
      .post-area .single-post-item .single-post-tag {
        flex-flow: column; } }
    .post-area .single-post-item .single-post-tag > a {
      color: #999999; }
    .post-area .single-post-item .single-post-tag .single-post-tag-link {
      margin-left: 3px; }
.post-area .sidebar-widget .sidebar-search-box {
  border: 1px solid #ebebeb;
  height: 34px;
  position: relative; }
  .post-area .sidebar-widget .sidebar-search-box input {
    border: 0 none;
    color: #555555;
    height: 100%;
    padding: 0 40px 0 15px;
    width: 100%; }
  .post-area .sidebar-widget .sidebar-search-box button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999999;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    border: 0; }
    .post-area .sidebar-widget .sidebar-search-box button:hover {
      color: var(--theme); }
.post-area .sidebar-widget .sidebar-widget-tag {
  display: flex;
  flex-flow: row wrap;
  margin-top: -10px; }
  .post-area .sidebar-widget .sidebar-widget-tag li a {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    margin: 10px 8px 0 0;
    padding: 7px 18px;
    text-transform: capitalize;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
    .post-area .sidebar-widget .sidebar-widget-tag li a:hover {
      background: var(--theme);
      color: #ffffff;
      border-color: var(--theme); }
.post-area .sidebar-wrapper {
  border: 0;
  box-shadow: none;
  padding: 0;
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .post-area .sidebar-wrapper {
      margin-top: 41px; } }
  .post-area .sidebar-wrapper .sidebar-widget {
    margin-bottom: 35px; }
    @media only screen and (max-width: 767px) {
      .post-area .sidebar-wrapper .sidebar-widget {
        margin-bottom: 25px; } }
    .post-area .sidebar-wrapper .sidebar-widget h3 {
      margin-bottom: 18px; }
      @media only screen and (max-width: 767px) {
        .post-area .sidebar-wrapper .sidebar-widget h3 {
          margin-bottom: 16px; } }
  .post-area .sidebar-wrapper .sidebar-search-widget h3 {
    line-height: 13px;
    margin-bottom: 26px; }
.post-area .pagination-wrapper {
  justify-content: center;
  margin-top: 12px;
  padding-top: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-area .pagination-wrapper {
      margin-top: 10px;
      margin-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .post-area .pagination-wrapper {
      margin-top: 20px;
      margin-bottom: 18px;
      padding-top: 47px; } }
.post-area.blog-area .post-comment-area {
  padding-bottom: 64px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-area.blog-area .post-comment-area {
      padding-top: 60px;
      padding-bottom: 34px; } }
  @media only screen and (max-width: 767px) {
    .post-area.blog-area .post-comment-area {
      padding-top: 60px;
      padding-bottom: 34px; } }
  .post-area.blog-area .post-comment-area .post-title {
    color: #2c2c2c;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 12px;
    margin-bottom: 36px;
    text-transform: uppercase;
    margin-bottom: 26px; }
  .post-area.blog-area .post-comment-area .post-comment-container {
    margin-right: 15px; }
    .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment {
      border: 1px solid #ebebeb;
      margin: 0 0 20px;
      padding: 30px; }
      @media only screen and (max-width: 767px) {
        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment {
          padding: 22px 15px; } }
      .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image {
        float: left;
        margin-right: 25px; }
        @media only screen and (max-width: 767px) {
          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image {
            margin-right: 15px; } }
        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image img {
          width: 50px; }
          @media only screen and (max-width: 767px) {
            .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image img {
              width: 38px; } }
      .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content {
        overflow: hidden;
        position: relative; }
        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info {
          line-height: 9px; }
          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info > a {
            color: #23232c;
            font-weight: 700;
            text-transform: capitalize;
            margin-bottom: 11px; }
            .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info > a:hover {
              color: var(--theme); }
          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info span {
            display: block;
            font-size: 0.93em;
            font-style: italic;
            margin-bottom: 15px;
            line-height: 1.5; }
            @media only screen and (max-width: 767px) {
              .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info span {
                margin-bottom: 7px; } }
          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info > p {
            margin: 0;
            line-height: 24px; }
        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content button {
          background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
          border: 1px solid #2c2c2c;
          border-radius: 30px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          color: #2c2c2c;
          cursor: pointer;
          font-size: 11px;
          font-weight: 700;
          line-height: 26px;
          padding: 0 20px;
          position: absolute;
          right: 0;
          text-transform: uppercase;
          top: 0; }
          @media only screen and (max-width: 767px) {
            .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content button {
              line-height: 23px;
              padding: 0 18px; } }
          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content button:hover {
            background: var(--theme);
            color: #ffffff;
            border-color: var(--theme); }
        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content > button {
          float: right; }
.post-area .post-comment-form .post-title {
  margin-bottom: 26px;
  margin-bottom: 13px;
  color: #2c2c2c;
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase; }
.post-area .post-comment-form > p {
  margin-bottom: 25px; }
.post-area .post-comment-form label {
  color: #444444;
  font-size: 12px;
  line-height: 13px;
  margin-bottom: 12px; }
.post-area .post-comment-form #post-text {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 130px;
  margin-bottom: 10px;
  width: 100%;
  padding: 10px 15px;
  color: #555555; }
.post-area .post-comment-form .row {
  margin-left: -10px;
  margin-right: -10px; }
  .post-area .post-comment-form .row .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px; }
.post-area .post-comment-form button {
  margin-top: 35px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-area .post-comment-form button {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 767px) {
    .post-area .post-comment-form button {
      margin-bottom: 19px;
      margin-top: 20px; } }
.post-area .post-comment-form input {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 0 none;
  height: 50px;
  width: 100%;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .post-area .post-comment-form input {
      margin-bottom: 10px; } }
.post-area input:focus, .post-area textarea:focus, .post-area button:focus {
  box-shadow: none; }

.blog-area.post-area .single-blog {
  margin-bottom: 50px; }
  .blog-area.post-area .single-blog .blog-image a img {
    width: 100%; }
.blog-area.post-area .single-post-img img {
  width: 100%; }

.post-details .single-post-item {
  border: 0 none;
  margin: 0;
  padding: 0; }

@media only screen and (max-width: 767px) {
  .blog-column.post-area .single-blog, .blog-column-3.post-area .single-blog {
    margin-bottom: 40px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-column-3.post-area {
    padding: 90px 0 15px; } }
@media only screen and (max-width: 767px) {
  .blog-column-3.post-area {
    padding: 60px 0 40px; } }

/*----------------------------------------*/
/*  11. Newsletter
/*----------------------------------------*/
.newsletter-container h2 {
  color: #202226;
  
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 17px;
  padding-top: 2px; }
.newsletter-container .newsletter-form form .mc-form {
  background: #e9e8e2 none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  box-shadow: 0 1px 0 0 #ffffff;
  height: 50px;
  margin: 43px auto auto;
  max-width: 600px;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-container .newsletter-form form .mc-form {
      margin: 33px auto auto; } }
  @media only screen and (max-width: 767px) {
    .newsletter-container .newsletter-form form .mc-form {
      margin: 26px auto auto;
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .newsletter-container .newsletter-form form .mc-form {
      height: 44px;
      margin: 20px auto auto;
      width: 100%; } }
  .newsletter-container .newsletter-form form .mc-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #7b7b7b;
    height: 100%;
    padding: 15px 135px 15px 25px;
    width: 100%; }
    @media only screen and (max-width: 479px) {
      .newsletter-container .newsletter-form form .mc-form input {
        padding: 8px 105px 8px 16px; } }
  .newsletter-container .newsletter-form form .mc-form input::-moz-placeholder {
    color: #7b7b7b; }
  .newsletter-container .newsletter-form form .mc-form .mc-news {
    left: -5000px;
    position: absolute; }
  .newsletter-container .newsletter-form form .mc-form .default-btn {
    background: var(--theme);
    border-color: var(--theme);
    color: #ffffff;
    height: calc(100% + 1px);
    padding: 0 33px;
    position: absolute;
    right: -1px;
    top: -0.5px; }
    @media only screen and (max-width: 479px) {
      .newsletter-container .newsletter-form form .mc-form .default-btn {
        line-height: 42px;
        padding: 0 20px; } }
    .newsletter-container .newsletter-form form .mc-form .default-btn:hover, .newsletter-container .newsletter-form form .mc-form .default-btn:focus {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      color: var(--theme); }

.social-icon {
  padding-bottom: 20px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .social-icon {
      padding-top: 35px;
      padding-bottom: 38px; } }
  @media only screen and (max-width: 767px) {
    .social-icon {
      padding-top: 31px;
      padding-bottom: 9px; } }
  @media only screen and (max-width: 479px) {
    .social-icon {
      padding-top: 25px; } }
  .social-icon > a {
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 1px 0 0 #ffffff;
    color: #b6b6b6;
    font-size: 14px;
    height: 42px;
    line-height: 40px;
    margin: 0 9px;
    text-align: center;
    width: 42px; }
    .social-icon > a:hover {
      border-color: #ffffff;
      box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
      color: #2c2c2c; }

.newsletter-syle-two .newsletter-container {
  border-top: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 0 0 #fff; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-syle-two .newsletter-container {
      padding-top: 85px; } }
  @media only screen and (max-width: 767px) {
    .newsletter-syle-two .newsletter-container {
      padding-top: 54px; } }
  .newsletter-syle-two .newsletter-container .newsletter-form form .mc-form .default-btn {
    background: #c5ac57;
    border-color: #c5ac57; }
    .newsletter-syle-two .newsletter-container .newsletter-form form .mc-form .default-btn:hover, .newsletter-syle-two .newsletter-container .newsletter-form form .mc-form .default-btn:focus {
      background: #ffffff;
      color: #c5ac57; }
.newsletter-syle-two .social-icon {
  padding-bottom: 60px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-syle-two .social-icon {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .newsletter-syle-two .social-icon {
      padding-bottom: 10px; } }

/*---------------------------------------
    12. Footer
-----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-area .footer-top {
    padding: 118px 0 117px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top {
    padding: 101px 0 103px; } }
@media only screen and (max-width: 767px) {
  .footer-area .footer-top {
    padding: 55px 0 20px; } }
.footer-area .footer-top .service-area .service-container {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #e1e1e1; }
  .footer-area .footer-top .service-area .service-container .service-content {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #ffffff;
    padding: 20px 0; }
    @media only screen and (max-width: 767px) {
      .footer-area .footer-top .service-area .service-container .service-content {
        padding: 32px 0 33px; } }
    .footer-area .footer-top .service-area .service-container .service-content .single-service {
      display: flex;
      justify-content: center;
	  align-items:center;
      padding: 17.5px 0 16.5px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .footer-top .service-area .service-container .service-content .single-service {
          padding: 11px 0 10px; } }
      @media only screen and (max-width: 767px) {
        .footer-area .footer-top .service-area .service-container .service-content .single-service {
          justify-content: flex-start;
          padding: 11px 0 10px; } }
      @media only screen and (max-width: 479px) {
        .footer-area .footer-top .service-area .service-container .service-content .single-service {
          padding: 11px 0 10px; } }
      .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image {
        align-self: center;
        position: relative;
        top: -1px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image {
            width: 67px; } }
        @media only screen and (max-width: 767px) {
          .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image {
             } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image img {
            max-width: 100%; } }
      .footer-area .footer-top .service-area .service-container .service-content .single-service .service-text {
        margin-left: 16px;
        max-width: 80%; }
        .footer-area .footer-top .service-area .service-container .service-content .single-service .service-text h3 {
          color: #202226;
          font-size: 16px;
          font-weight: 700;
          line-height: 1.35;
          margin-bottom: 7px;
          text-transform: capitalize; }
    .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2) {
      position: relative; }
    .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::before, .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::after {
      background: rgba(0, 0, 0, 0) url("../img/icon/line_right.png") no-repeat scroll right center;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 2px; }
      @media only screen and (max-width: 767px) {
        .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::before, .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::after {
          display: none; } }
    .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::after {
      left: auto;
      right: 0; }
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .footer-widget-area {
     } }
.footer-area .footer-top .footer-widget-area .single-footer-widget { }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area .footer-top .footer-widget-area .single-footer-widget {
      padding-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .footer-area .footer-top .footer-widget-area .single-footer-widget {
      margin-bottom: 25px;
      padding-top: 0; } }
  .footer-area .footer-top .footer-widget-area .single-footer-widget h3 {
    color: #202226;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .footer-area .footer-top .footer-widget-area .single-footer-widget h3 {
        margin-bottom: 12px; } }
  .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-logo {
    margin-bottom: 10px; }
  .footer-area .footer-top .footer-widget-area .single-footer-widget p {
    letter-spacing: 0.025em;
    line-height: 28px;
    margin-bottom: 1px; }
  .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text {
    align-self: center; }
    .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text span {
      display: block;
      letter-spacing: 0.025em;
      line-height: 28px;
      margin-bottom: 6px;
	font-size: 13px;	  }
      .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text span:last-child i {
        font-size: 15px; }
      .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text span i {
        color: #FFfF;
        font-size: 16px;
        line-height: 21px;
        margin-right: 10px;
        position: relative;
       }
  .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-widget-list .second{
	  width:50%;
	  float:left;
  }
  .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-widget-list li {
    margin-bottom: 4px; }
    .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-widget-list li a:hover {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px); }
  .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
    padding-top: 2px; }
    .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img {
      float: left;
      margin-bottom: 10px;
      padding-left: 5px;
      padding-right: 5px;
      width: 25%; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img {
          width: 12.5%; } }
      .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img a img {
        max-width: 100%; }
  .footer-area .footer-top .footer-widget-area .single-footer-widget > a {
    margin-bottom: 9px; }
    @media only screen and (max-width: 1600px) {
      .footer-area .footer-top .footer-widget-area .single-footer-widget > a {
        margin-bottom: 11px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .footer-widget-area .col-lg-4:last-of-type {
    padding-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .footer-widget-area .col-lg-4:last-of-type .single-footer-widget {
    padding-top: 0; } }
.footer-area .footer-bottom-area .footer-text-bottom {
  padding-top: 6px; }
  @media only screen and (max-width: 767px) {
    .footer-area .footer-bottom-area .footer-text-bottom {
      width: 100%;
      text-align: center !important; } }
  .footer-area .footer-bottom-area .footer-text-bottom p {
    color: #818181;
    line-height: 15px; }
    .footer-area .footer-bottom-area .footer-text-bottom p a {
      color: var(--theme2); }
      .footer-area .footer-bottom-area .footer-text-bottom p a:hover {
        color: #222222; }
@media only screen and (max-width: 767px) {
  .footer-area .footer-bottom-area .payment-img {
    justify-content: flex-start !important; } }
@media only screen and (max-width: 479px) {
  .footer-area .footer-bottom-area .payment-img img {
    max-width: 100%; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-two .footer-top {
    padding: 0px 0 95px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-two .footer-top {
    padding: 60px 0 80px; } }
@media only screen and (max-width: 767px) {
  .footer-style-two .footer-top {
    padding-top: 30px; } }
.footer-style-two .footer-top .footer-widget-area .single-footer-widget {
  padding-top: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-style-two .footer-top .footer-widget-area .single-footer-widget {
      padding-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .footer-style-two .footer-top .footer-widget-area .single-footer-widget {
      padding-top: 0px; } }
  .footer-style-two .footer-top .footer-widget-area .single-footer-widget .footer-text span i {
    color: #c5ac57; }
  .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {
    margin-bottom: 6px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {
        margin-bottom: 11px; } }
.footer-style-two .footer-top .footer-widget-area a:hover, .footer-style-two .footer-top .footer-widget-area a:active, .footer-style-two .footer-top .footer-widget-area a:focus {
  color: #c5ac57; }
.footer-style-two .footer-bottom-area {
  border-top: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 0 0 #fff; }
  @media only screen and (max-width: 767px) {
    .footer-style-two .footer-bottom-area {
      padding-top: 15px; } }
  .footer-style-two .footer-bottom-area .footer-text-bottom p {
    color: #818181;
    line-height: 15px; }
    .footer-style-two .footer-bottom-area .footer-text-bottom p a {
      color: #c5ac57; }
      .footer-style-two .footer-bottom-area .footer-text-bottom p a:hover {
        color: #222222; }

/*----------------------------------------*/
/*  13. Shop
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area {
    padding: 90px 0 68px;
    margin-bottom: 72px; } }
@media only screen and (max-width: 767px) {
  .shop-area {
    padding: 60px 0 40px;
    margin-bottom: 60px; } }
.shop-area .ht-product-tab {
  padding: 7px 15px;
  border: 1px solid #e1e1e1;
  box-shadow: inset 0 0 0 1px #ffffff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .shop-area .ht-product-tab {
      flex-flow: column; } }
  .shop-area .ht-product-tab .ht-tab-content {
    display: flex;
    padding: 10px 6px; }
    @media only screen and (max-width: 767px) {
      .shop-area .ht-product-tab .ht-tab-content {
        justify-content: center;
        padding: 10px 0; } }
    .shop-area .ht-product-tab .ht-tab-content .nav a {
      color: #bdbdbd;
      font-size: 19px;
      margin-right: 14px; }
      .shop-area .ht-product-tab .ht-tab-content .nav a.active {
        color: #79A207; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .shop-area .ht-product-tab .ht-tab-content .nav a {
          margin-right: 9px; } }
      .shop-area .ht-product-tab .ht-tab-content .nav a:hover {
        color: var(--theme); }
    .shop-area .ht-product-tab .ht-tab-content .shop-items {
      margin-left: 10px; }
      .shop-area .ht-product-tab .ht-tab-content .shop-items span {
        color: #696969; }
  .shop-area .ht-product-tab .shop-results-wrapper {
    display: flex;
    padding: 5px 0; }
    @media only screen and (max-width: 767px) {
      .shop-area .ht-product-tab .shop-results-wrapper {
        padding: 5px 0 10px;
        justify-content: center; } }
    .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
      display: flex;
      margin-left: 31px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
          margin-left: 10px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
          margin-left: 18px; } }
      @media only screen and (max-width: 767px) {
        .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
          margin-left: 12px; } }
      .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
        color: #3e3e3e;
        display: block;
        line-height: 34px;
        margin-right: 19px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
            margin-right: 7px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
            margin-right: 10px; } }
        @media only screen and (max-width: 767px) {
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
            margin-right: 5px; } }
      .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select {
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        position: relative; }
        .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select:after {
          position: absolute;
          right: 1px;
          top: 1px;
          content: "\f107";
          font-family: 'FontAwesome';
          color: #999999;
          width: 24px;
          text-align: center;
          border-radius: 0 30px 30px 0;
          height: 33px;
          line-height: 32px; }
        .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select {
          border-radius: 30px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          border: 1px solid #e1e1e1;
          background: #f6f5f1;
          color: #777777;
          height: 35px;
          padding: 0 10px;
          background: transparent;
          -moz-appearance: none;
          -webkit-appearance: none;
          cursor: pointer;
          z-index: 1;
          position: relative;
          width: 133px; }
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select ::-moz-placeholder {
            color: #777777; }
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select:focus {
            box-shadow: none; }
          @media only screen and (max-width: 767px) {
            .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select {
              width: 106px; } }
      .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child select {
        width: 95px; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child select {
            width: 70px; } }
        @media only screen and (max-width: 767px) {
          .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child select {
            width: 50px; } }
      @media only screen and (max-width: 767px) {
        .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child {
          margin-left: 0; } }
.shop-area .ht-product-shop .tab-pane .custom-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
    @media only screen and (min-width: 992px) and (max-width: 1100px) {
      .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%; } }
    @media only screen and (max-width: 767px) {
      .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%; } }
    @media only screen and (max-width: 479px) {
      .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
        flex: 100%;
        max-width: 100%;
        -ms-flex: 100%; } }
    .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item {
      margin: 15px 0; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item .product-hover .p-cart-btn {
          bottom: -30%; } }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {
          bottom: -36%; } }
      @media only screen and (max-width: 767px) {
        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {
          bottom: -55%; } }
      @media only screen and (max-width: 479px) {
        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {
          bottom: -37%; } }
.shop-area .ht-product-shop .tab-pane#list .single-product-item {
  padding: 29px 30px 31px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .shop-area .ht-product-shop .tab-pane#list .single-product-item {
      padding: 23px 25px 25px; } }
  @media only screen and (max-width: 767px) {
    .shop-area .ht-product-shop .tab-pane#list .single-product-item {
      padding: 0 0 25px;
      margin-bottom: 30px; } }
  .shop-area .ht-product-shop .tab-pane#list .single-product-item:first-child {
    margin-top: 34px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-area .ht-product-shop .tab-pane#list .single-product-item:last-child {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .shop-area .ht-product-shop .tab-pane#list .single-product-item:last-child {
      margin-bottom: 60px; } }
  .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-image {
    position: relative;
    width: 42%;
    float: left;
    width: 33.33333333%; }
    @media only screen and (max-width: 767px) {
      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-image {
        width: 100%; } }
  .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {
    width: 66.66666667%;
    float: left;
    padding-left: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {
        padding-left: 8px; } }
    @media only screen and (max-width: 767px) {
      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {
        width: 100%;
        padding: 0 18px; } }
    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text h5 {
      margin-bottom: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text h5 {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text h5 {
          margin-bottom: 10px; } }
    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .pro-price {
      justify-content: flex-start;
      padding-top: 17px; }
      @media only screen and (max-width: 767px) {
        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .pro-price {
          padding-top: 7px; } }
    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text p {
      border-top: 1px solid #e1e1e1;
      box-shadow: inset 0 1px 0 0 #ffffff;
      padding: 16px 0 17px;
      margin-top: 25px; }
      @media only screen and (max-width: 767px) {
        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text p {
          border: 0;
          margin-top: 0;
          box-shadow: none;
          padding: 12px 0 6px; } }
    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .p-cart-btn {
      border-color: var(--theme);
      background: var(--theme);
      color: #ffffff;
      padding: 0 25px;
      line-height: 37px; }
      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .p-cart-btn:hover {
        background: #211e1e;
        border-color: #211e1e; }
  .shop-area .ht-product-shop .tab-pane#list .single-product-item:hover .product-text .pro-price {
    opacity: 1; }
.shop-area .pagination-wrapper {
  margin-top: 45px;
  padding-top: 48px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-area .pagination-wrapper {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 767px) {
    .shop-area .pagination-wrapper {
      padding-top: 36px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area.shop-full-width {
    padding: 90px 0 30px;
    margin-bottom: 70px; } }
@media only screen and (max-width: 767px) {
  .shop-area.shop-full-width {
    padding: 60px 0 60px; } }
.shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }
  @media only screen and (min-width: 992px) and (max-width: 1100px) {
    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%; } }
  @media only screen and (max-width: 767px) {
    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media only screen and (max-width: 479px) {
    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {
      bottom: -40%; } }
  @media only screen and (min-width: 992px) and (max-width: 1100px) {
    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {
      bottom: -39%; } }

/*-----------------------------
  Cart Page & Wishlist
/*-----------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area, .wishlist-area {
    padding: 90px 0 70px; } }
@media only screen and (max-width: 767px) {
  .cart-area, .wishlist-area {
    padding: 60px 0 60px; } }
.cart-area .table-responsive, .wishlist-area .table-responsive {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .cart-area .table-responsive .table.product-table, .wishlist-area .table-responsive .table.product-table {
    margin: 0; }
    .cart-area .table-responsive .table.product-table thead tr .table-remove, .wishlist-area .table-responsive .table.product-table thead tr .table-remove {
      width: 91px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cart-area .table-responsive .table.product-table thead tr .table-remove, .wishlist-area .table-responsive .table.product-table thead tr .table-remove {
          width: 50px; } }
    .cart-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table thead tr .table-image {
      width: 213px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cart-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table thead tr .table-image {
          width: 130px; } }
    .cart-area .table-responsive .table.product-table thead tr .table-total, .wishlist-area .table-responsive .table.product-table thead tr .table-total {
      width: 200px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cart-area .table-responsive .table.product-table thead tr .table-total, .wishlist-area .table-responsive .table.product-table thead tr .table-total {
          width: 90px; } }
    .cart-area .table-responsive .table.product-table thead th:last-of-type, .wishlist-area .table-responsive .table.product-table thead th:last-of-type {
      border-right: 0 none; }
    .cart-area .table-responsive .table.product-table tbody tr, .wishlist-area .table-responsive .table.product-table tbody tr {
      border-top: 1px solid #ebebeb; }
      .cart-area .table-responsive .table.product-table tbody tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {
        width: 91px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .cart-area .table-responsive .table.product-table tbody tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {
            width: 50px; } }
        .cart-area .table-responsive .table.product-table tbody tr .table-remove button, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove button {
          background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
          color: #211e1e;
          cursor: pointer;
          font-size: 16px;
          margin-bottom: 9px;
          border: 0; }
          .cart-area .table-responsive .table.product-table tbody tr .table-remove button:hover, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove button:hover {
            color: var(--theme); }
      .cart-area .table-responsive .table.product-table tbody tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
        width: 213px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .cart-area .table-responsive .table.product-table tbody tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
            width: 130px; } }
        .cart-area .table-responsive .table.product-table tbody tr .table-image a, .wishlist-area .table-responsive .table.product-table tbody tr .table-image a {
          display: inline-block; }
          .cart-area .table-responsive .table.product-table tbody tr .table-image a img, .wishlist-area .table-responsive .table.product-table tbody tr .table-image a img {
            width: 75px; }
      .cart-area .table-responsive .table.product-table tbody tr .table-p-name, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name {
        text-transform: capitalize; }
        .cart-area .table-responsive .table.product-table tbody tr .table-p-name a, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name a {
          color: #211e1e;
          font-size: 14px;
          font-weight: 500; }
          .cart-area .table-responsive .table.product-table tbody tr .table-p-name a:hover, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name a:hover {
            color: var(--theme); }
      .cart-area .table-responsive .table.product-table tbody tr .table-p-price p, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-price p {
        color: #211e1e;
        font-size: 14px;
        font-weight: 700; }
        .cart-area .table-responsive .table.product-table tbody tr .table-p-price p span.line-through, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-price p span.line-through {
          text-decoration: line-through;
          margin-right: 5px; }
      .cart-area .table-responsive .table.product-table tbody tr .table-p-qty input, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-qty input {
        border: 2px solid #ebebeb;
        color: #211e1e;
        font-size: 15px;
        height: 55px;
        padding: 0 0 0 7px;
        text-align: center;
        width: 70px; }
      .cart-area .table-responsive .table.product-table tbody tr .table-stock, .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {
        color: var(--theme);
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize;
        width: 229px; }
      .cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a, .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart > a {
        background: #ffffff;
        border: 2px solid #e1e1e1;
        cursor: pointer;
        font-weight: 600;
        height: 43px;
        line-height: 39px;
        padding: 0 30px;
        color: #2c2c2c;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        font-size: 12px;
        
        text-transform: uppercase; }
        @media only screen and (max-width: 767px) {
          .cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a, .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart > a {
            width: 100%;
            margin-top: 15px;
            margin-left: 0; } }
        .cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a:hover, .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart > a:hover {
          background: var(--theme) none repeat scroll 0 0;
          border-color: var(--theme);
          color: #ffffff; }
      .cart-area .table-responsive .table.product-table tbody tr .table-total p, .wishlist-area .table-responsive .table.product-table tbody tr .table-total p {
        color: var(--theme);
        font-size: 14px;
        font-weight: 700; }
      .cart-area .table-responsive .table.product-table tbody tr:hover, .wishlist-area .table-responsive .table.product-table tbody tr:hover {
        background: #f6f5f1 none repeat scroll 0 0; }
      .cart-area .table-responsive .table.product-table tbody tr td:last-of-type, .wishlist-area .table-responsive .table.product-table tbody tr td:last-of-type {
        border-right: 0 none; }
    .cart-area .table-responsive .table.product-table tbody p, .wishlist-area .table-responsive .table.product-table tbody p {
      margin: 0; }
    .cart-area .table-responsive .table.product-table thead th, .cart-area .table-responsive .table.product-table tbody td, .wishlist-area .table-responsive .table.product-table thead th, .wishlist-area .table-responsive .table.product-table tbody td {
      border-bottom: 0 none;
      border-right: 1px solid #ebebeb;
      border-top: 0 none;
      color: #211e1e;
      font-size: 15px;
      line-height: 25px;
      padding: 20px 10px;
      text-transform: uppercase;
      vertical-align: middle; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cart-area .table-responsive .table.product-table thead th, .cart-area .table-responsive .table.product-table tbody td, .wishlist-area .table-responsive .table.product-table thead th, .wishlist-area .table-responsive .table.product-table tbody td {
          font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        .cart-area .table-responsive .table.product-table thead th, .cart-area .table-responsive .table.product-table tbody td, .wishlist-area .table-responsive .table.product-table thead th, .wishlist-area .table-responsive .table.product-table tbody td {
          font-size: 14px; } }
.cart-area .table-bottom-wrapper, .wishlist-area .table-bottom-wrapper {
	
}
  .cart-area .table-bottom-wrapper .table-coupon, .wishlist-area .table-bottom-wrapper .table-coupon {
    border: 1px solid #ebebeb;
    margin: 0 0 20px;
    padding: 25px; }
    @media only screen and (max-width: 767px) {
      .cart-area .table-bottom-wrapper .table-coupon, .wishlist-area .table-bottom-wrapper .table-coupon {
        padding: 20px;
        flex-flow: column; } }
    .cart-area .table-bottom-wrapper .table-coupon input, .wishlist-area .table-bottom-wrapper .table-coupon input {
      background: #f6f5f1;
      border: 1px solid #e1e1e1;
      color: #7b7b7b;
      font-size: 14px;
      height: 50px;
      line-height: 49px;
      padding: 0 20px;
      width: 300px;
      box-shadow: 0 1px 0 0 #ffffff;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px; }
      @media only screen and (max-width: 767px) {
        .cart-area .table-bottom-wrapper .table-coupon input, .wishlist-area .table-bottom-wrapper .table-coupon input {
          width: 100%; } }
    .cart-area .table-bottom-wrapper .table-coupon input::-moz-placeholder, .wishlist-area .table-bottom-wrapper .table-coupon input::-moz-placeholder {
      color: #7b7b7b; }
    .cart-area .table-bottom-wrapper .table-coupon button, .wishlist-area .table-bottom-wrapper .table-coupon button {
      background: #ffffff;
      border: 2px solid #e1e1e1;
      cursor: pointer;
      font-weight: 600;
      height: 50px;
      line-height: 47px;
      margin-left: 15px;
      padding: 0 30px;
      color: #2c2c2c;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .cart-area .table-bottom-wrapper .table-coupon button, .wishlist-area .table-bottom-wrapper .table-coupon button {
          width: 100%;
          margin-top: 15px;
          margin-left: 0; } }
      .cart-area .table-bottom-wrapper .table-coupon button:hover, .wishlist-area .table-bottom-wrapper .table-coupon button:hover {
        background: var(--theme) none repeat scroll 0 0;
        border-color: var(--theme);
        color: #ffffff; }
  .cart-area .table-bottom-wrapper .table-update button, .wishlist-area .table-bottom-wrapper .table-update button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #f6f5f1;
    color: #7b7b7b;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    padding: 0 30px;
    vertical-align: middle;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .cart-area .table-bottom-wrapper .table-update button, .wishlist-area .table-bottom-wrapper .table-update button {
        width: calc(100% - 40px);
        margin: 0 20px; } }
    .cart-area .table-bottom-wrapper .table-update button:hover, .wishlist-area .table-bottom-wrapper .table-update button:hover {
      color: var(--theme);
      border-color: var(--theme); }
.cart-area .table-total-wrapper, .wishlist-area .table-total-wrapper {
   }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-area .table-total-wrapper, .wishlist-area .table-total-wrapper {
      padding-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .cart-area .table-total-wrapper, .wishlist-area .table-total-wrapper {
      padding-top: 30px; } }
  .cart-area .table-total-wrapper .table-total-content, .wishlist-area .table-total-wrapper .table-total-content {
    border: 1px solid #ebebeb;
    padding: 20px;}
    @media only screen and (max-width: 767px) {
      .cart-area .table-total-wrapper .table-total-content, .wishlist-area .table-total-wrapper .table-total-content {
        width: 100%; } }
    .cart-area .table-total-wrapper .table-total-content h2, .wishlist-area .table-total-wrapper .table-total-content h2 {
      color: #2c2c2c;
      font-size: 20px;
      font-weight: 700;
      line-height: 26px;
      margin-bottom: 22px;
      text-align: right;
      text-transform: uppercase; }
    .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content {
      margin-bottom: 13px;
      font-size: 15px; }
      @media only screen and (max-width: 767px) {
        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content {
          margin-bottom: 6px; } }
      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > span:first-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > span:first-of-type {
        color: #211e1e;
        display: block;
        font-weight: 700;
        text-transform: uppercase; }
      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price {
        color: var(--theme);
        font-weight: 700; }
        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price span, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price span {
          color: #211e1e;
          font-weight: 500; }
      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a {
        color: #a43d21;
        font-weight: 500; }
        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a:hover, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a:hover {
          color: var(--theme); }
      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type {
        margin-top: 26px; }
        @media only screen and (max-width: 767px) {
          .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type {
            margin-top: 16px; } }
        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type span, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type span {
          font-size: 20px; }
    .cart-area .table-total-wrapper .table-total-content .table-total-amount > a, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount > a {
      border: 2px solid var(--theme);
      background: var(--theme);
      color: #FFF;
      display: block;
      font-size: 18px;
      font-weight: 600;
      line-height: 51px;
      margin-top: 45px;
      text-align: center;
      width: 100%;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .cart-area .table-total-wrapper .table-total-content .table-total-amount > a, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount > a {
          margin-top: 25px; } }
      .cart-area .table-total-wrapper .table-total-content .table-total-amount > a:hover, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount > a:hover {
        background: #FFF none repeat scroll 0 0;
        border-color: #CCC;
        color: #000; }
.cart-area input:focus, .cart-area button:focus, .wishlist-area input:focus, .wishlist-area button:focus {
  box-shadow: none; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {
    width: 145px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {
    width: 125px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wishlist-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
    width: 90px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
    width: 90px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table thead tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {
    width: 40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart {
    width: 130px; } }
@media only screen and (max-width: 767px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart {
    width: 130px;
    display: block; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart a {
    padding: 0 20px; } }
@media only screen and (max-width: 767px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart a {
    padding: 0 20px; } }

/*-----------------------------
    Checkout
/*-----------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon-area {
    padding-top: 90px; } }
@media only screen and (max-width: 767px) {
  .coupon-area {
    padding-top: 60px; } }
.coupon-area .coupon-accordion h3 {
  background-color: #F6F5F3;
  color: #404040;
  font-size: 14px;
  font-weight: 700;
  list-style: outside none none;
  margin: 4px 0;
  padding: 15px;
  margin-bottom:0px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .coupon-area .coupon-accordion h3 {
      padding: 10px 9px 12px 9px;
      margin-bottom: 15px; } }
.coupon-area .coupon-accordion span {
  color: #a43d21;
  cursor: pointer; }
  .coupon-area .coupon-accordion span:hover {
    color: var(--theme); }
.coupon-area .coupon-accordion .coupon-content {
  border: 1px solid #ebebeb;
  display: none;
  margin-bottom: 20px;
  padding: 19px 20px; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info p {
    margin: 0; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info .coupon-text {
    margin-bottom: 15px; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form input:focus {
    border: 1px solid #ffffff;
    box-shadow: none;
    outline: 0 none; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-first {
    color: #7b7b7b;
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding-bottom: 2px; }
    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-first label {
      display: block;
      color: #363636; }
    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-first input {
      background: #f3f3f3 none repeat scroll 0 0;
      border: 1px solid #ebebeb;
      height: 36px;
      margin: 0 0 18px;
      max-width: 100%;
      outline: 0 none;
      padding: 0 0 0 10px;
      width: 370px;
      display: block;
      color: #555555; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-last {
    color: #707070;
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding-bottom: 2px;
    margin-bottom: 5px; }
    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-last label {
      display: block;
      color: #363636; }
    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-last input {
      background: #f3f3f3 none repeat scroll 0 0;
      border: 1px solid #ebebeb;
      height: 36px;
      margin: 0 0 18px;
      max-width: 100%;
      outline: 0 none;
      padding: 0 0 0 10px;
      width: 370px;
      margin-bottom: 14px;
      display: block;
      color: #555555; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row > input {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 0 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: auto;
    
    text-transform: uppercase;
    padding: 0 37px;
    line-height: 40px;
    height: 42px;
    border: 2px solid #e1e1e1;
    color: #2c2c2c;
    background: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 2px solid #2c2c2c; }
    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row > input:hover {
      background: var(--theme) none repeat scroll 0 0;
      border-color: var(--theme);
      color: #ffffff; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row input[type="checkbox"] {
    height: 15px;
    margin-left: 19px;
    position: relative;
    top: 2px;
    width: auto; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row > label {
    font-size: 12px;
    margin-top: 9px; }
  .coupon-area .coupon-accordion .coupon-content .coupon-info form .lost-password {
    margin-top: 11px; }
    .coupon-area .coupon-accordion .coupon-content .coupon-info form .lost-password a {
      color: #a43d21; }
      .coupon-area .coupon-accordion .coupon-content .coupon-info form .lost-password a:hover {
        color: var(--theme); }
.coupon-area .coupon-accordion .coupon-checkout-content {
	border:1px #ededed solid;
	padding:15px;
	display: none; }
  .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="text"] {
    background: #f3f3f3 none repeat scroll 0 0;
    border: 0 none;
    height: 50px;
    padding-left: 16px;
    width: 243px;
    color: #555555; }
    @media only screen and (max-width: 767px) {
      .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="text"] {
        width: 100%; } }
  .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="submit"] {
    line-height: 44px;
    margin-left: 20px; }
    @media only screen and (max-width: 767px) {
      .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="submit"] {
        width: 100%;
        margin-left: 0;
        margin-top: 15px; } }
  .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon:last-child {
    margin-bottom: 14px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area {
    padding-bottom: 73px; } }
@media only screen and (max-width: 767px) {
  .checkout-area {
    padding-bottom: 60px; } }
.checkout-area form .checkbox-form {
  padding-top: 4px; }

  .checkout-area form .checkbox-form h3 {
    border-bottom: 1px solid #ebebeb;
    color: #2c2c2c;
    display: flex;
    font-size: 20px;
    margin: 0 0 20px;
    padding-bottom: 12px;
    padding-left: 3px;
    width: 100%;
    font-weight: 600;
     }
  .checkout-area form .checkbox-form .country-select {
    margin-bottom: 22px;
    position: relative; }
    .checkout-area form .checkbox-form .country-select select {
      background: #f3f3f3 none repeat scroll 0 0;
      border: 0 none;
      font-size: 12px;
      height: 42px;
      outline: medium none;
      padding-left: 10px;
      width: 100%;
      cursor: pointer;
      color: #555555; }
    .checkout-area form .checkbox-form .country-select label {
      color: #363636; }
  .checkout-area form .checkbox-form .checkout-form-list {
    margin-bottom: 20px; }
    .checkout-area form .checkbox-form .checkout-form-list label {
      color: #363636;
      display: block;
      font-size: 14px;
      margin: 0 0 5px; }
    .checkout-area form .checkbox-form .checkout-form-list input[type="checkbox"] {
      display: inline-block;
      height: 10px;
      margin-right: 5px;
      position: relative;
      top: 5px;
      width: auto;
      float: left; }
    .checkout-area form .checkbox-form .checkout-form-list input[type="text"], .checkout-area form .checkbox-form .checkout-form-list input[type="password"], .checkout-area form .checkbox-form .checkout-form-list input[type="email"], .checkout-area form .checkbox-form .checkout-form-list input[type="number"] {
      background: #f3f3f3 none repeat scroll 0 0;
      border: 0 none;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      color: #555555;
      font-size: 12px;
      font-weight: 300;
      height: 42px;
      outline: medium none;
      padding: 0 0 0 10px;
      width: 100%; }
	.checkout-area form .checkbox-form .checkout-form-list textarea {
      background: #f3f3f3 none repeat scroll 0 0;
      border: 0 none;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      color: #555555;
      font-size: 12px;
      font-weight: 300;
      height: 100px;
      outline: medium none;
      padding: 10px 10px;
      width: 100%; }
    .checkout-area form .checkbox-form .checkout-form-list .create-acc label {
      cursor: inherit; }
    .checkout-area form .checkbox-form .checkout-form-list .create-acc #cbox_info > p {
      font-size: 12px;
      font-weight: 300; }
    .checkout-area form .checkbox-form .checkout-form-list .create-acc #cbox_info > > label {
      color: #f70000; }
  .checkout-area form .checkbox-form .different-address .ship-different-title h3 label {
    color: #2c2c2c;
    font-size: 21px;
    font-weight: 700;
    margin-right: 20px;
    cursor: pointer; }
  .checkout-area form .checkbox-form .different-address .ship-different-title input {
    width: auto;
    height: 30px;
    margin-right: 10px; }
  .checkout-area form .checkbox-form .different-address #ship-box-info {
    display: none; }
  .checkout-area form .checkbox-form .different-address .order-notes .checkout-form-list {
    margin-bottom: 0; }
    .checkout-area form .checkbox-form .different-address .order-notes .checkout-form-list #checkout-mess {
      background: #f3f3f3 none repeat scroll 0 0;
      border: 0 none;
      height: 90px;
      padding: 15px;
      width: 100%;
      color: #777777; }
.checkout-area form .your-order {
  background: #fbfbfb none repeat scroll 0 0;
  padding: 30px 40px 45px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .checkout-area form .your-order {
      margin-top: 50px;
      padding: 40px 40px 45px; } }
  @media only screen and (max-width: 767px) {
    .checkout-area form .your-order {
      margin-top: 30px;
      padding: 30px 15px 35px; } }
  .checkout-area form .your-order h3 {
    border-bottom: 1px solid #dedede;
    color: #2c2c2c;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px;
    padding-bottom: 11px;
    text-transform: uppercase;
    
    font-weight: 600; }
  .checkout-area form .your-order .your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%; }
    .checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {
      border-bottom: 1px solid #dedede;
      border-right: medium none;
      color: #211e1e;
      font-size: 14px;
      font-weight: 500;
      padding: 15px 0;
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {
          text-align: left; } }
      @media only screen and (max-width: 767px) {
        .checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {
          text-align: left; } }
    .checkout-area form .your-order .your-order-table table th {
      border-top: medium none;
      font-weight: 700;
      text-transform: uppercase;
      vertical-align: middle;
      white-space: nowrap;
      width: 291px; }
    .checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {
      width: 410px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {
          text-align: left;
          width: 78%; } }
      @media only screen and (max-width: 767px) {
        .checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {
          text-align: left;
          width: 78%; } }
    .checkout-area form .your-order .your-order-table table tfoot .cart-subtotal > td {
      font-weight: 700; }
    .checkout-area form .your-order .your-order-table table tfoot .shipping td ul li input {
      position: relative;
      top: 2px; }
    .checkout-area form .your-order .your-order-table table tfoot .shipping td ul li:first-child label {
      font-weight: 700; }
    .checkout-area form .your-order .your-order-table table tfoot .shipping input {
      height: 12px;
      width: auto; }
    .checkout-area form .your-order .your-order-table table tfoot .order-total th {
      font-size: 16px;
      border: 0; }
    .checkout-area form .your-order .your-order-table table tfoot .order-total td {
      font-size: 16px;
      color: #f70000;
      border: 0; }
  .checkout-area form .your-order .payment-method {
    padding-top: 22px; }
    @media only screen and (max-width: 767px) {
      .checkout-area form .your-order .payment-method {
        padding-top: 15px; } }
    .checkout-area form .your-order .payment-method h4 {
      display: flex;
      margin-bottom: 2px; }
    .checkout-area form .your-order .payment-method > h4 {
      color: #707070;
      font-size: 12px;
      font-weight: 400; }
    .checkout-area form .your-order .payment-method a {
      color: #707070;
      cursor: pointer;
      font-size: 14px;
      font-weight: 500; }
      .checkout-area form .your-order .payment-method a:hover {
        color: var(--theme); }
      .checkout-area form .your-order .payment-method a img {
        margin-left: 9px;
        max-height: 52px; }
        @media only screen and (max-width: 767px) {
          .checkout-area form .your-order .payment-method a img {
            max-height: 45px; } }
    .checkout-area form .your-order .payment-method .panel-group .panel {
      margin-bottom: 13px; }
      .checkout-area form .your-order .payment-method .panel-group .panel .panel-body {
        background: #dfdcde none repeat scroll 0 0;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        color: #515151;
        margin-top: 10px;
        padding: 12px;
        position: relative; }
        .checkout-area form .your-order .payment-method .panel-group .panel .panel-body p {
          line-height: 18px;
          margin: 0; }
        .checkout-area form .your-order .payment-method .panel-group .panel .panel-body:after {
          background: #dfdcde none repeat scroll 0 0;
          content: "";
          height: 15px;
          left: 29px;
          position: absolute;
          top: -6px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 15px; }
    .checkout-area form .payment-method .order-button-payment input {
      cursor: pointer;
      width: 100%;
      font-size: 17px;
      letter-spacing: .5px;
      margin-top: 20px;
      background: var(--theme);
      color: #ffffff;
      border-color: var(--theme); }
      @media only screen and (max-width: 767px) {
        .checkout-area form .payment-method .order-button-payment input {
          margin-top: 13px; } }
      .checkout-area form .payment-method .order-button-payment input:hover {
        background: transparent;
        color: var(--theme); }

/*----------------------------------------*/
/*  14. Product Details
/*----------------------------------------*/
.product-detials-area .product-details-text ul li{
	margin-left:15px;
	position:relative;
}
.product-detials-area .product-details-text ul li:before{
	content:'\e61f';
	font-family:'Stroke-Gap-Icons';
	margin-right:8px;
}

.product-detials-area {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-detials-area {
      padding: 90px 0 0px; } }
  @media only screen and (max-width: 767px) {
  }
  .product-detials-area .product-image-slider {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    .product-detials-area .product-image-slider .tab-content {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      width: 100%; }
      .product-detials-area .product-image-slider .tab-content .tab-pane {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        display: block;
        height: 0;
        max-width: 100%;
        visibility: hidden;
        overflow: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        .product-detials-area .product-image-slider .tab-content .tab-pane.active {
          height: auto;
          visibility: visible;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          overflow: visible; }
        .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img {
          box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
          padding: 1px;
          border-radius: 20px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          border: 1px solid #e7e7e7;
          position: relative; }
          .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img a {
            display: block;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            background: transparent; }
            .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img a img {
              border-radius: 20px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px; }
          .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img .easyzoom-flyout {
            width: 85%;
            height: 85%;
            top: 0;
            right: -87.5%;
            border: 4px solid var(--theme); }
            @media only screen and (max-width: 767px) {
              .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img .easyzoom-flyout {
                display: none; } }
    .product-detials-area .product-image-slider .product-small-image-list {
      margin: 15px 0;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      .product-detials-area .product-image-slider .product-small-image-list .nav {
        margin: 0 -5px; }
        .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image {
          padding: 0 5px; }
          .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image a {
            border: 1px solid #e7e7e7;
            border-radius: 15px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
            background: transparent;
            padding: 1px;
            display: block; }
            .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image a img {
              max-width: 100%;
              border-radius: 15px;
              -webkit-border-radius: 15px;
              -moz-border-radius: 15px; }
            .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image a.active {
              border-color: var(--theme); }
  .product-detials-area .product-details-text h2 {
    color: #23232c;
    font-size: 24px;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 10px 0; }
    @media only screen and (max-width: 767px) {
      .product-detials-area .product-details-text h3 {
        margin-top: 12px; } }
  .product-detials-area .product-details-text .p-rating-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
    .product-detials-area .product-details-text .p-rating-review .product-rating i {
      color: #ccc;
      margin-left: 0;
      font-size: 14px; }
      .product-detials-area .product-details-text .p-rating-review .product-rating i.color {
        color: var(--theme); }
    .product-detials-area .product-details-text .p-rating-review .scroll-down {
      color: #999999;
      margin-left: 16px; }
  .product-detials-area .product-details-text h4 {
    color: var(--theme);
    font-size: 24px;
    font-weight: 600;
    font-weight: 600;
    
    padding-top: 5px; }
    .product-detials-area .product-details-text h4 span {
      color: #999999;
      font-size: 0.93em;
      font-weight: 600;
      margin-left: 8px;
      text-decoration: line-through;
      font-size: 14px;
      color: #b8b8b8; }
  .product-detials-area .product-details-text p {
    box-shadow: inset 0 1px 0 0 #ffffff;
	margin-bottom:8px}
  .product-detials-area .product-details-text h5 {
    color: #707070;
    font-size: 0.857em;
    margin-bottom: 20px;
    padding-top: 4px;
    text-transform: uppercase; }
    .product-detials-area .product-details-text h5 i {
      background: #81ca33 none repeat scroll 0 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      color: #ffffff;
      font-size: 7px;
      height: 13px;
      line-height: 13px;
      margin-right: 7px;
      position: relative;
      text-align: center;
      top: -2px;
      width: 13px; }
  .product-detials-area .product-details-text form .add-cart-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 27px; }
    .product-detials-area .product-details-text form .add-cart-product input {
      border: 0;
      color: #2c2c2c;
      font-size: 18px;
      height: 45px;
      margin-right: 15px;
      padding-left: 19px;
      width: 90px;
      background: #ffffff;
      border: 1px solid #ececeb; }
      @media only screen and (max-width: 767px) {
        .product-detials-area .product-details-text form .add-cart-product input {
          margin-right: 10px;
          width: 60px;
          padding-left: 14px; } }
      .product-detials-area .product-details-text form .add-cart-product input::-moz-placeholder {
        color: #2c2c2c; }
    .product-detials-area .product-details-text form .add-cart-product button.default-btn {
      cursor: pointer;
      padding: 0 26px;
      font-size: 12px;
      line-height: 42px;
      height: 45px;
      background: var(--theme);
      border-color: var(--theme);
      color: #ffffff;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      width: auto;
      margin-right: 15px; }
      @media only screen and (max-width: 767px) {
        .product-detials-area .product-details-text form .add-cart-product button.default-btn {
          margin-right: 10px; } }
      .product-detials-area .product-details-text form .add-cart-product button.default-btn:hover {
        background: #202226;
        border-color: #202226; }
    .product-detials-area .product-details-text form .add-cart-product button {
      width: 47px;
      height: 47px;
      border: 1px solid #ececeb;
      background: #ffffff;
      color: #2c2c2c;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      line-height: 48px;
      padding: 0;
      font-size: 17px;
      margin-right: 10px;
      text-align: center; }
      .product-detials-area .product-details-text form .add-cart-product button:hover {
        background: var(--theme);
        border-color: var(--theme);
        color: #ffffff; }
      @media only screen and (max-width: 767px) {
		.product-detials-area .product-details-text form .add-cart-product button:last-of-type {
          margin-right: 0; } }
  .product-detials-area .product-details-text form .product-tag-cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 15px 0;
    border-top: 1px solid #e1e1e1;
    box-shadow: inset 0 1px 0 0 #ffffff; }
    @media only screen and (max-width: 767px) {
      .product-detials-area .product-details-text form .product-tag-cat {
        flex-flow: column; } }
    .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat {
      color: #23232c;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
       }
      @media only screen and (max-width: 767px) {
        .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat {
          margin-right: 0px; } }
      .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat:first-of-type {
        margin-right: 11px; }
      .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat .p-d-title {
        color: #23232c;
        display: block;
         }
      .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat > a {
        color: #707070;
        font-weight: 400;
        margin: 0 2px; }
        .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat > a:hover {
          color: var(--theme); }
  .product-detials-area .product-details-text form .product-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e1e1e1;
    box-shadow: inset 0 1px 0 0 #ffffff;
    padding-top: 17px; }
    .product-detials-area .product-details-text form .product-share .p-d-title {
      color: #23232c;
      display: block;
      font-weight: 700;
      margin-right: 1px;
      text-transform: uppercase; }
    .product-detials-area .product-details-text form .product-share .p-social-links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 17px; }
      @media only screen and (max-width: 767px) {
        .product-detials-area .product-details-text form .product-share .p-social-links {
          margin-left: 10px; } }
      .product-detials-area .product-details-text form .product-share .p-social-links > a {
        color: #707070;
        display: block;
        font-size: 16px;
        margin-right: 18px; }
      .product-detials-area .product-details-text form .product-share .p-social-links li a {
        color: #707070;
        display: block;
        font-size: 16px;
        margin-right: 18px; }
        .product-detials-area .product-details-text form .product-share .p-social-links li a:hover {
          color: var(--theme); }
        @media only screen and (max-width: 767px) {
          .product-detials-area .product-details-text form .product-share .p-social-links li a {
            margin-right: 0px;
            margin-left: 8px; } }
      .product-detials-area .product-details-text form .product-share .p-social-links li:last-of-type {
        margin-right: 0; }

.product-review-tab-area {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-review-tab-area {
      padding: 77px 0 0px; } }
  @media only screen and (max-width: 767px) {
    .product-review-tab-area {
      padding: 50px 0 0px; } }
  .product-review-tab-area .container {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .product-review-tab-area .container .p-d-tab-container {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav {
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 20px;
        padding-bottom: 18px; }
        .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a {
          color: #777777;
          font-size: 20px;
          font-weight: 600; }
          .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:hover, .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a.active {
            color: #23232c; }
          .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:first-of-type {
            margin-right: 53px; }
            @media only screen and (max-width: 767px) {
              .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:first-of-type {
                margin-right: 30px; } }
      .product-review-tab-area .container .p-d-tab-container .p-d-tab {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
          .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
            .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text {
              padding-top: 17px; }
              @media only screen and (max-width: 767px) {
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text {
                  padding-top: 4px; } }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text p {
                line-height: 2.4;
                margin-bottom: 19px;
                color: #555555; }
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text p:last-of-type {
                  margin-bottom: 0; }
            .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper {
              margin-bottom: 26px;
              overflow: hidden;
              padding-top: 17px; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper h3 {
                color: #2c2c2c;
                font-size: 15.5px;
                font-weight: 500;
                margin-bottom: 21px;
                text-transform: uppercase; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item {
                margin-bottom: 20px; }
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .review-logo {
                  float: left; }
                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .review-logo img {
                    width: 53px; }
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text {
                  border: 1px solid #ebebeb;
                  border-radius: 3px;
                  -webkit-border-radius: 3px;
                  -moz-border-radius: 3px;
                  margin-left: 10px;
                  padding: 9px 12px;
                  position: relative; }
                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .rating-number {
                    margin-bottom: 11px; }
                    .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .rating-number i {
                      color: #ccc;
                      font-size: 13px;
                      margin-right: -2.5px; }
                      .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .rating-number i.color {
                        color: var(--theme); }
                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .p-review-info {
                    color: #555555;
                    display: block;
                    font-size: 13px;
                    margin-bottom: 19px; }
                    .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .p-review-info > span {
                      font-weight: 700;
                      text-transform: uppercase; }
                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text > p {
                    margin-bottom: 4px;
                    color: #555555; }
                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text:before {
                    background: #f6f5f1 none repeat scroll 0 0;
                    border-bottom: 1px solid #ebebeb;
                    border-left: 1px solid #ebebeb;
                    content: "";
                    display: block;
                    height: 10px;
                    left: -6px;
                    position: absolute;
                    top: 10px;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                    width: 10px; }
            .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form input {
                background: #f3f3f3 none repeat scroll 0 0;
                border: 1px solid #ebebeb;
                display: block;
                height: 43px;
                margin-bottom: 11px;
                width: 100%;
                padding: 0 15px;
                color: #555555; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form h5 {
                color: #2c2c2c;
                font-size: 1.4em;
                font-weight: 500;
                margin-bottom: 23px;
                text-transform: uppercase; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .submit-rating {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                margin-bottom: 14px; }
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .submit-rating i {
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                  color: #ffc300;
                  cursor: pointer;
                  margin-right: -2.1px;
                  position: relative;
                  font-size: 14px; }
                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .submit-rating i:after {
                    content: "";
                    font-family: "FontAwesome";
                    left: 0;
                    opacity: 0;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                    position: absolute;
                    top: 0;
                    -webkit-transition: all 0.2s ease 0s;
                    -moz-transition: all 0.2s ease 0s;
                    -ms-transition: all 0.2s ease 0s;
                    -o-transition: all 0.2s ease 0s;
                    transition: all 0.2s ease 0s; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form label {
                color: #555555;
                font-size: 12px;
                margin-bottom: 7px;
                text-transform: capitalize; }
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form label:first-of-type {
                  cursor: auto;
                  margin-bottom: 9px; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form #r-textarea {
                background: #f3f3f3 none repeat scroll 0 0;
                border: 1px solid #ebebeb;
                height: 125px;
                margin-bottom: 14px;
                padding: 10px 15px;
                width: 100%;
                color: #555555; }
              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .default-btn {
                margin-top: 24px;
                padding: 0 40px;
                background: transparent;
                letter-spacing: 1px;
                padding: 0 40px;
                font-size: 14px;
                margin-bottom: 5px; }
                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .default-btn:hover {
                  background: var(--theme);
                  border-color: var(--theme);
                  color: #ffffff; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related-product {
    padding: 85px 0 70px;
    margin-bottom: 75px; } }
@media only screen and (max-width: 767px) {
  .related-product {
    padding: 52px 0 40px;
    margin-bottom: 60px; } }

/*----------------------------------------*/
/*  15. Sidebar
/*----------------------------------------*/
.sidebar-wrapper {
  clear: both;
  box-shadow: inset 0 0 0 1px #ffffff;
  margin-bottom: 45px; }
  @media only screen and (max-width: 767px) {
    .sidebar-wrapper {
      margin-top: 60px;
      padding-bottom: 15px; } }
  .sidebar-wrapper > h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #252525;
    line-height: 24px;
    border-bottom: 1px solid #e1e1e1;
    
    padding-bottom: 10px;
    margin-bottom: 36px; }
  .sidebar-wrapper .sidebar-widget {
    margin-bottom: 42px; }
    @media only screen and (max-width: 767px) {
      .sidebar-wrapper .sidebar-widget {
        margin-bottom: 30px; } }
    .sidebar-wrapper .sidebar-widget h3 {
      line-height: 30px;
      font-size: 15px;
      color: #363636;
      font-weight: 700;
      letter-spacing: .3px;
      margin-bottom: 25px; }
      @media only screen and (max-width: 767px) {
        .sidebar-wrapper .sidebar-widget h3 {
          margin-bottom: 15px; } }
    .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option {
	margin-bottom: 10px; 
	padding-bottom:10px;
	border-bottom:1px #ededed solid;
	}
	.sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .active {
	font-weight:bold;}
      .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option input {
        position: relative;
        top: 2px; }
      .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option label {
        cursor: pointer;
        color: #696969;
        margin-bottom: 0;
        margin-left: 11px; }
      .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option a {
        color: #6b6b6b; }
        .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option a:hover {
          color: var(--theme); }
    .sidebar-wrapper .sidebar-widget .ui-slider {
      background: #dbdbdb none repeat scroll 0 0;
      border: 0 none;
      border-radius: 25px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      height: 5px;
      margin: 0 6px 25px;
      margin-bottom: 16px;
      box-shadow: inset 0 2px 0 0 #cacaca; }
      .sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-range {
        background: var(--theme) none repeat scroll 0 0; }
      .sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-handle {
        background: var(--theme) none repeat scroll 0 0;
        border: 0 none;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        height: 13px;
        top: 50%;
        -webkit-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        width: 13px;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
        background: #ffffff;
        cursor: pointer; }
        .sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-handle:hover {
          background: var(--theme); }
    .sidebar-wrapper .sidebar-widget .price_slider_amount .slider-values input {
      font-weight: 500;
      color: #000000;
      
      border: 0;
      background: transparent;
      height: 12px; }
      .sidebar-wrapper .sidebar-widget .price_slider_amount .slider-values input:focus {
        box-shadow: none; }
    .sidebar-wrapper .sidebar-widget.price-widget {
      margin-bottom: 37px; }
      @media only screen and (max-width: 767px) {
        .sidebar-wrapper .sidebar-widget.price-widget {
          margin-bottom: 27px; } }
    .sidebar-wrapper .sidebar-widget:last-child {
      margin-bottom: 25px; }

.sidebar-banner-img {
  overflow: hidden;
  margin-bottom: 22px; }
  .sidebar-banner-img a img {
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
  .sidebar-banner-img a:hover img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

/*---------------------------------------
    16. Contact
-----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area {
    margin-bottom: 75px; } }
@media only screen and (max-width: 767px) {
  .contact-area {
    margin-bottom: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-area > div {
      width: 100%;
      padding-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .contact-area > div {
      width: 100%;
      } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-area .contact-form {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-area .contact-form {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media only screen and (max-width: 767px) {
    .contact-area .contact-form {
      width: 100%;
      padding-bottom: 20px; } }
  .contact-area .contact-form .contact-title {
    color: #222222;
    font-size: 30px;
    line-height: 22px;
    margin-bottom: 45px;
     }
    @media only screen and (max-width: 767px) {
      .contact-area .contact-form .contact-title {
        margin-bottom: 30px; } }
  .contact-area .contact-form .contact-form2 input, .contact-area .contact-form .contact-form2 textarea {
    background: #fbfbfb none repeat scroll 0 0;
    border: 0 none;
    color: #696969;
    height: 46px;
    margin-bottom: 20px;
    padding: 0 15px;
    width: 100%; }
    .contact-area .contact-form .contact-form2 input::-moz-placeholder, .contact-area .contact-form .contact-form2 input::-moz-placeholder, .contact-area .contact-form .contact-form2 textarea::-moz-placeholder, .contact-area .contact-form .contact-form2 textarea::-moz-placeholder {
      color: #696969; }
    @media only screen and (max-width: 767px) {
      .contact-area .contact-form .contact-form2 input, .contact-area .contact-form .contact-form2 textarea {
        margin-bottom: 14px; } }
  .contact-area .contact-form .contact-form2 .row {
    margin-left: -10px;
    margin-right: -10px; }
    .contact-area .contact-form .contact-form2 .row .col-md-6 {
      padding-left: 10px;
      padding-right: 10px; }
  .contact-area .contact-form .contact-form2 #message {
    height: 135px;
    padding: 10px 15px;
    width: 100%; }
  .contact-area .contact-form .contact-form2 .submit-btn {
    cursor: pointer; }
    .contact-area .contact-form .contact-form2 .submit-btn:hover {
      border-color: var(--theme);
      background: var(--theme);
      color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .contact-area .contact-form .contact-form2 .submit-btn {
        width: 100%; } }
  .contact-area .contact-form .contact-form2 .form-messege.success {
    color: #008000; }
  .contact-area .contact-form .contact-form2 .form-messege.error {
    color: #ff0000; }
.contact-area .contact-address  p, .contact-area .contact-address span, .contact-area .contact-address i{
	font-size:14px;
}
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-area .contact-address {
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-area .contact-address {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .contact-area .contact-address {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 49px; } }
  .contact-area .contact-address .contact-title {
    color: #222222;
    font-size: 25px;
    line-height: 22px;
    margin-bottom: 39px;
   }
    @media only screen and (max-width: 767px) {
      .contact-area .contact-address .contact-title {
        margin-bottom: 28px; } }
  .contact-area .contact-address .contact-info {
    margin-top: -1px; }
    .contact-area .contact-address .contact-info p {
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .contact-area .contact-address .contact-info p {
          margin-bottom: 25px; } }
    .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list {
      border-top: 1px solid #ececeb;
      display: flex;
      line-height: 25px;
      padding: 6px 0; }
      @media only screen and (max-width: 767px) {
        .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list {
          padding: 8px 0; } }
      .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list i {
        height: 40px;
        line-height: 36px;
        margin-right: 6px;
        text-align: center;
        width: 37px; }
        @media only screen and (max-width: 767px) {
          .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list i {
            width: 29px; } }
      .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list span {
        display: block;
        line-height: 36px;
        margin-bottom: 10px; }
		.contact-area .contact-address .contact-info .contact-list-wrapper .contact-list .tel {
        font-weight:bold;
		font-size:18px;}
        @media only screen and (max-width: 767px) {
          .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list span {
            margin-bottom: 0; } }
  .contact-area .contact-address .working-time {
    padding-top: 26px;
    padding-bottom: 6px; }
    @media only screen and (max-width: 767px) {
      .contact-area .contact-address .working-time {
        padding-top: 10px; } }
    .contact-area .contact-address .working-time h2 {
      color: #222222;
      font-size: 24px;
      margin-bottom: 7px;}
    .contact-area .contact-address .working-time span span {
      font-weight: 700;
      padding-right: 2px; }

/*----------------------------------------*/
/*  17. Other
/*----------------------------------------*/
.pagination-wrapper {
  display: flex;
  border-top: 1px solid #e1e1e1;
  box-shadow: inset 0 1px 0 0 #ffffff;
  margin-top: 35px;
  justify-content: space-between;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .pagination-wrapper {
      flex-flow: column; } }
  .pagination-wrapper p {
    padding-top: 17px;
    color: #7b7b7b; }
    @media only screen and (max-width: 767px) {
      .pagination-wrapper p {
        margin-bottom: 0; } }
  .pagination-wrapper nav .pagination {
    padding-top: 12px; }
    .pagination-wrapper nav .pagination .page-item .page-link {
      border: 1px solid #e2e2e2;
      background: transparent;
      box-shadow: inset 0 0 0 1px #ffffff;
      
      font-size: 12px;
      width: 35px;
      height: 35px;
      line-height: 33px;
      padding: 0;
      color: #949494;
      text-align: center;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      margin: 0 4.5px; }
    .pagination-wrapper nav .pagination .page-item.active .page-link, .pagination-wrapper nav .pagination .page-item .page-link:hover {
      background: #ffffff;
      border-color: #ffffff;
      color: #2c2c2c;
      box-shadow: 6px 8px 30px 0px rgba(0, 0, 0, 0.1); }
    .pagination-wrapper nav .pagination .page-item:last-child .page-link, .pagination-wrapper nav .pagination .page-item:first-child .page-link {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%; }
    @media only screen and (max-width: 767px) {
      .pagination-wrapper nav .pagination .page-item:first-child .page-link {
        margin-left: 0; } }

/*----------------------------------------*/
/*  Error Page
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text-area {
    padding-top: 90px;
    padding-bottom: 75px; } }
@media only screen and (max-width: 767px) {
  .error-text-area {
    padding-top: 55px;
    padding-bottom: 60px; } }
.error-text-area .error-text h2 {
  color: #23232c;
  font-size: 35px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 31px;
  text-transform: uppercase;
  font-family: oswald;
  letter-spacing: .5px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-text-area .error-text h2 {
      margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .error-text-area .error-text h2 {
      margin-bottom: 20px;
      font-size: 25px; } }
.error-text-area .error-text h4 {
  color: #23232c;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin: auto auto 41px;
  width: 60%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-text-area .error-text h4 {
      width: 80%;
      margin-bottom: 25px; } }
  @media only screen and (max-width: 767px) {
    .error-text-area .error-text h4 {
      width: 100%;
      margin-bottom: 25px; } }
.error-text-area .error-text form {
  border: 1px solid #ebebeb;
  height: 51px;
  margin: auto auto 40px;
  max-width: 500px;
  position: relative; }
  .error-text-area .error-text form input {
    border: 0 none;
    color: #939393;
    font-size: 14px;
    height: 100%;
    padding: 0 15px;
    width: 100%; }
    .error-text-area .error-text form input::-moz-placeholder {
      color: #939393; }
    .error-text-area .error-text form input:focus {
      box-shadow: none; }
  .error-text-area .error-text form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #939393;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    border: 0; }
    .error-text-area .error-text form button:hover {
      color: var(--theme); }
.error-text-area .error-text a {
  background: var(--theme);
  border-color: var(--theme);
  color: #ffffff;
  letter-spacing: .5px; }
  .error-text-area .error-text a:hover {
    background: #ffffff;
    color: var(--theme); }

#productModal {
  background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; }
  #productModal .modal-dialog {
    border-radius: 3px;
    bottom: 0;
    left: 0;
    margin: 5% auto;
    max-width: 870px;
    position: absolute;
    right: 0;
    top: 0;
    width: 870px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #productModal .modal-dialog {
        width: 91%;
        overflow-x: hidden;
        overflow-y: auto;
        min-height: 430px; } }
    @media only screen and (max-width: 767px) {
      #productModal .modal-dialog {
        width: 91%;
        overflow-x: hidden;
        overflow-y: auto;
        min-height: 330px; } }
    #productModal .modal-dialog .modal-content {
      border: 0 none;
      border-radius: 3px;
      box-shadow: 1px 0 10px rgba(0, 0, 0, 0.8);
      padding: 20px; }
      @media only screen and (max-width: 767px) {
        #productModal .modal-dialog .modal-content {
          padding: 10px; } }
      #productModal .modal-dialog .modal-content .close {
        border: 1px solid #999999;
        border-radius: 3px;
        color: #999999;
        cursor: pointer;
        font-size: 14px;
        height: 30px;
        line-height: 28px;
        opacity: 1;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px; }
        #productModal .modal-dialog .modal-content .close:hover {
          border-color: var(--theme);
          box-shadow: none;
          color: var(--theme);
          opacity: 1; }
      #productModal .modal-dialog .modal-content .quick-view-container .column-left {
        float: left;
        width: 40%; }
        @media only screen and (max-width: 767px) {
          #productModal .modal-dialog .modal-content .quick-view-container .column-left {
            width: 100%; } }
        #productModal .modal-dialog .modal-content .quick-view-container .column-left .tab-content {
          margin-bottom: 10px; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-left .tab-content .tab-pane .single-product-img {
            max-width: 100%; }
            #productModal .modal-dialog .modal-content .quick-view-container .column-left .tab-content .tab-pane .single-product-img img {
              width: 100%; }
        #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav {
          margin: 0 -5px; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu {
            padding: 0 5px; }
            #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu a {
              border: 1px solid #ebebeb;
              display: block; }
              #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu a img {
                max-width: 100%; }
              #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu a:hover {
                color: #ffffff; }
      #productModal .modal-dialog .modal-content .quick-view-container .column-right {
        overflow: hidden;
        padding-left: 30px; }
        @media only screen and (max-width: 767px) {
          #productModal .modal-dialog .modal-content .quick-view-container .column-right {
            width: 100%;
            padding-left: 0;
            padding-top: 22px; } }
        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text h2 {
          color: #2c2c37;
          font-size: 22px;
          font-weight: 400;
          line-height: 30px;
          margin-bottom: 18px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text h2 {
              margin-bottom: 11px; } }
          @media only screen and (max-width: 767px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text h2 {
              margin-bottom: 13px; } }
        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price {
          color: var(--theme);
          font-size: 20px;
          font-weight: 600;
          line-height: 24px;
          margin-bottom: 18px;
           }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price {
              margin-bottom: 11px; } }
          @media only screen and (max-width: 767px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price {
              margin-bottom: 13px; } }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price .old-price {
            color: #b8b8b8;
            text-decoration: line-through;
            margin-left: 8px; }
        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text p {
          border-bottom: 1px solid #ebebeb;
          color: #999999;
          font-size: 14px;
          line-height: 21px;
          margin-bottom: 31px;
          padding-bottom: 21px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text p {
              padding-bottom: 16px;
              margin-bottom: 22px; } }
          @media only screen and (max-width: 767px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text p {
              padding-bottom: 16px;
              margin-bottom: 22px; } }
        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart {
          border-bottom: 1px solid #ebebeb;
          display: flex;
          margin-bottom: 20px;
          padding-bottom: 31px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart {
              padding-bottom: 23px;
              margin-bottom: 14px; } }
          @media only screen and (max-width: 767px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart {
              padding-bottom: 23px;
              margin-bottom: 14px; } }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart input {
            border: 1px solid #ebebeb;
            color: #707070;
            font-size: 14px;
            height: 48px;
            margin-right: 15px;
            padding: 0;
            text-align: center;
            width: 62px; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart .default-btn {
            cursor: pointer;
            display: block;
            font-size: 13px; }
        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product h4 {
          color: #23232c;
          font-size: 18px;
          font-weight: 500;
          line-height: 30px;
          margin-bottom: 15px;
          text-transform: uppercase; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product h4 {
              margin-bottom: 11px; } }
          @media only screen and (max-width: 767px) {
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product h4 {
              margin-bottom: 11px; } }
        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link {
          display: flex; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link a {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: 1px solid #ebebeb;
            border-radius: 0;
            color: #999999;
            font-size: 18px;
            height: 40px;
            line-height: 39px;
            width: 40px;
            text-align: center;
            margin-right: 5px; }
            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link a:hover {
              color: #ffffff; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .facebook:hover {
            background: #2d4373 none repeat scroll 0 0;
            border-color: #2d4373; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .twitter:hover {
            background: #0087ba none repeat scroll 0 0;
            border-color: #0087ba; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .pinterest:hover {
            background: #C51F26 none repeat scroll 0 0;
            border-color: #C51F26; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .google:hover {
            background: #DC5245 none repeat scroll 0 0;
            border-color: #DC5245; }
          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .linkedin:hover {
            background: #005983 none repeat scroll 0 0;
            border-color: #005983; }