@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Minky - Pet Food Responsive eCommerce HTML Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Template default CSS
    02. Template Spacing CSS
    03. Header CSS
      3.1. Header Nav CSS
      3.2. Header Tools CSS
      3.3. Header Top CSS
      3.4. Header Menu CSS
    04. Minicart CSS
    05. Offcanvas CSS
    06. Search Category CSS
    07. Category Nav CSS
    08. Category Tab CSS
    09. Slider CSS
      9.1. Slider CSS
      9.2. Slider Nav CSS
    10. Banner CSS
    11. Static CSS
    12. Popular Category CSS
    13. Feature Product CSS
    14. Deal Product CSS
    15. Recent Product CSS
    16. Breadcrumb CSS
    17. About CSS
    18. Shop CSS
    	18.1. Shop Category CSS
    	18.2. Single Product CSS
    	18.3. Single Product Gallery CSS
    	18.4. Single Product Group CSS
    	18.5. Single Product Variable CSS
    	18.6. Single Product Tab CSS
    19. Pages CSS
    	19.1. About CSS
    	19.2. Account CSS
    	19.3. Cart CSS
    	19.4. Checkout CSS
    	19.5.Compare CSS
    	19.6. Wishlist CSS
    	19.7. Login / Register CSS
        19.8. Contact CSS
        19.9. 404 CSS
        19.10. Empty Cart CSS
        19.11. Faq CSS
        19.12. Privacy Policy CSS
    	19.13. Coming Soon CSS
    20. Blog CSS
    21. Service CSS
    22. Footer CSS

-----------------------------------------------------------------------------------*/
body {
  font-family: "Nunito";
  font-size: 16px;
  font-style: normal;
  position: relative;
  visibility: visible;
  overflow-x: hidden;
  color: #666;
  font-weight: 400;
  line-height: 1;
  width: 100%;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito";
  font-weight: 700;
  color: #333;
  margin: 0;
}
.text-muted{

  font-size: 25px;
  margin-left: 25%;

}
.h1{

  font-size: 60px;
  line-height: inherit;
  text-align: center;
  margin-top: 7%;
  color: green;

}

.h7{

  font-size: 50px;
  line-height: inherit;
  float: left;
  margin-top: 3%;
  margin-left: 7%;
  margin-right: 7%;
  color: green;

}

.vermaisbtn1{


  margin-left: 17%;
  font-size: 30px;


}

.vermaisbtn2{


  margin-left: 17%;
  font-size: 30px;


}

.vermaisbtn3{


  margin-left: 17%;
  font-size: 30px;


}

.preco1{


  color: green;
  margin-left: 15px;

}

.preco2{


  color: green;
  margin-left: 15px;

}

.preco3{


  color: green;
  margin-left: 15px;

}

p.h9{

  color: green;
 font-weight: 900;

}
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: inherit;
  margin: 0;
  color: green;
}

.img1{

  float: right;

}

.like{


  float: right;

}
.row{


  padding-top: 6%;
  padding-left: 20%;
  size: 10px;

}



button, input {
  overflow: visible;
  border: 0;
  outline: none;
  background: transparent;
  padding: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: "Nunito";
  font-size: inherit;
  line-height: inherit;
  transition: all 0.5s ease 0s;
  background-image: none !important;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

a:hover {
  text-decoration: none;
}

a {
  transition: all 300ms linear;
  outline: 0px none;
  text-decoration: none;
  color: #222;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

li {
  display: inline-block;
}

p {
  margin: 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1440px;
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: 100%;
  }
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.img-responsive {
  max-width: 100%;
  display: block;
}

.mb-0px {
  margin-bottom: 0 !important;
}

.ptb-30px {
  padding: 30px 0;
}

.mtb-60px {
  margin: 60px 0;
}

.mtb-50px {
  margin: 50px 0;
}

.ptb-60px {
  padding: 60px 0;
}

.ptb-50px {
  padding: 50px 0;
}

.ptb-40px {
  padding: 40px 0;
}

.ptb-10px {
  padding: 10px 0;
}

.ptb-13px {
  padding: 13px 0 !important;
}

.ptb-100px {
  padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb-100px {
    padding: 75px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb-100px {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .ptb-100px {
    padding: 50px 0;
  }
}

.ptb-13px {
  padding: 13px 0;
}

.ptb-20px {
  padding: 20px 0;
}

.ptb-25px {
  padding: 25px 0;
}

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

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

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

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

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

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

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

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

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

.pt-100px {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-100px {
    padding-top: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-100px {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-100px {
    padding-top: 50px;
  }
}

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

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

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

.pb-100px {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-100px {
    padding-bottom: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-100px {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-100px {
    padding-bottom: 50px;
  }
}

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

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

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

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

.mr-10px {
  margin-right: 10px;
}

.ml-10px {
  margin-left: 10px;
}

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

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

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

.bg-blue {
  background-color: #266cfb;
}

.bg-blue-deep {
  background-color: #0562d6;
}

.bg-indigo {
  background-color:#808080;
}

.bg-blue-light {
  background-color: #146cda;
}

.border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

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

.bg-white-light {
  background-color: #f2f2f2;
}

.bg-black {
  background-color: #222;
}

.bg-black {
  background-color: #222;
}

.bg-red {
  background-color: #ea1b25;
}

.color-gray {
  color: #777777;
}

.color-black {
  color: #222222;
}

.color-white {
  color: #fff;
}

.theme-color {
  color: #f2ab00;
}

.color-yellow {
  color: #fab311;
}

.color-orange {
  color: #fd6a0c;
}

.color-deep-red {
  color: #8b4110;
}

.mr-20px {
  margin-right: 20px;
}

.ml-20px {
  margin-left: 20px;
}

.mr-30px {
  margin-right: 30px !important;
}

.custom-col {
  padding: 0;
}

.pl-60px {
  padding-left: 60px;
}
@media only screen and (max-width: 767px) {
  .pl-60px {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 360px) {
  .pl-60px {
    padding-left: 0px;
  }
}

.pl-45px {
  padding-left: 45px;
}
@media only screen and (max-width: 767px) {
  .pl-45px {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 360px) {
  .pl-45px {
    padding-left: 0px;
  }
}

.padding-30px {
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-30px {
    padding: 20px;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
.mr-120px {
  margin-right: 120px;
}

.single-slide .slider-content-1 * {
  animation-duration: 1.3s;
  animation-fill-mode: both;
}

.single-slide.slick-active .slider-animated-1 h1 {
  animation: zoomIn 1.3s linear alternate;
  -webkit-animation: zoomIn 1.3s linear alternate;
  -moz-animation: zoomIn 1.3s linear alternate;
}

.single-slide.slick-active .slider-animated-2 h1 {
  animation: zoomInUp 1.3s linear alternate;
  -webkit-animation: zoomInUp 1.3s linear alternate;
  -moz-animation: zoomInUp 1.3s linear alternate;
}

.single-slide.slick-active .slider-animated-3 h1 {
  animation: fadeInLeft 1.3s linear alternate;
  -webkit-animation: fadeInLeft 1.3s linear alternate;
  -moz-animation: fadeInLeft 1.3s linear alternate;
}

.single-slide.slick-active .slider-animated-2 a {
  animation: zoomInUp 1.6s linear alternate;
  -webkit-animation: zoomInUp 1.6s linear alternate;
  -moz-animation: zoomInUp 1.6s linear alternate;
}

.single-slide.slick-active .slider-animated-3 a {
  animation: zoomIn 1.6s linear alternate;
  -webkit-animation: zoomIn 1.6s linear alternate;
  -moz-animation: zoomIn 1.6s linear alternate;
}

.single-slide.slick-active .slider-animated-1 a {
  animation: zoomIn 1.6s linear alternate;
  -webkit-animation: zoomIn 1.6s linear alternate;
  -moz-animation: zoomIn 1.6s linear alternate;
}

.single-slide.slick-active .slider-animated-1 p {
  animation: slideInDown 1.5s linear alternate;
  -webkit-animation: slideInDown 1.5s linear alternate;
  -moz-animation: slideInDown 1.5s linear alternate;
}

.single-slide.slick-active .slider-animated-2 p {
  animation: bounceIn 1.5s linear alternate;
  -webkit-animation: bounceIn 1.5s linear alternate;
  -moz-animation: bounceIn 1.5s linear alternate;
}

.single-slide.slick-active .slider-animated-3 p {
  animation: fadeInRight 1.5s linear alternate;
  -webkit-animation: fadeInRight 1.5s linear alternate;
  -moz-animation: fadeInRight 1.5s linear alternate;
}

.single-slide.slick-active .slider-animated-1 span.title {
  animation: zoomIn 1s linear alternate;
  -webkit-animation: zoomIn 1s linear alternate;
  -moz-animation: zoomIn 1s linear alternate;
}

.single-slide.slick-active .slider-animated-2 span.title {
  animation: zoomInUp 1s linear alternate;
  -webkit-animation: zoomInUp 1s linear alternate;
  -moz-animation: zoomInUp 1s linear alternate;
}

.single-slide.slick-active .slider-animated-3 span.title {
  animation: fadeInDown 1s linear alternate;
  -webkit-animation: fadeInDown 1s linear alternate;
  -moz-animation: fadeInDown 1s linear alternate;
}

/********** Section Title***********/
.section-title {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAACCAYAAABPJGxCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFOTNCNTM1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFOTNCNTQ1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEU5M0I1MTVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEU5M0I1MjVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuI5/30AAAAvSURBVHjaYmBgYJAHYj0G3EAPqgYbIErv////GdAxC1CCH4hF8WjGJ0e2XoAAAwC9ABCcnF4JNgAAAABJRU5ErkJggg==) repeat-x left bottom;
  padding-bottom: 40px;
}
.section-title h2 {
  margin: 0;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  display: block;
  font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .section-title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .section-title h2 {
    font-size: 24px;
  }
}
.section-title p {
  color: #999;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  margin-top: 15px;
  display: inline-block;
}
@media only screen and (max-width: 575px) {
  .section-title p {
    font-size: 16px;
  }
}
.section-title:before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 48px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 40px;
  color: #f2ab00;
}
.section-title.style-2 {
  margin-bottom: 0px;
  padding: 30px 0;
  background-color: #fff;
}
.section-title.style-2 h2 {
  font-size: 18px;
  font-weight: 500;
  padding-left: 20px;
}
.section-title.style-2 h2 span {
  font-weight: 500;
}
.section-title.style-2:before {
  display: none;
}
.section-title.style-2:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 10px;
  height: 1px;
  left: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.07);
}
.section-title.section-title-2:before {
  content: "";
}
.section-title.section-title-3:before {
  content: "";
}

.sticky-nav.menu_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  animation: sticky 1s;
  box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);
  padding: 10px 0;
  border: 0;
}

.sticky-nav.menu_fixed.white-bg {
  background-color: #fff;
}

.sticky-nav.menu_fixed.padding-0px {
  padding: 0px;
}

.sticky-nav.menu_fixed.header-style-3 {
  padding: 5px 0;
}
@keyframes sticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #f2ab00;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
  font-size: 32px;
  line-height: 50px;
}
#scrollUp:hover {
  background: #333;
  color: #fff;
  box-shadow: 0 0 20px #fff;
}

.tab-content .tab-pane {
  display: block;
  overflow: hidden;
  height: 0;
  visibility: hidden;
  max-width: 100%;
  opacity: 0;
}

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
  animation: fade 1s;
}

.shop-category-area .tab-content .tab-pane.active {
  animation: none;
}
@keyframes slideDownIn {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(-20px);
  }
}
.slideDownIn {
  animation-name: slideDownIn;
}
@keyframes slideUpIn {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(20px);
  }
}
.slideUpIn {
  animation-name: slideUpIn;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px;
  outline: 0px none;
}

.header-nav {
  padding: 21px 0;
}
.header-nav .header-menu-nav {
  width: 100%;
}
.header-nav .header-menu-nav .contact-wrap {
  float: left;
  margin-top: 10px;
}
.header-nav .header-menu-nav .contact-wrap .contact-link .data.phone {
  display: inline-block;
  vertical-align: top;
  color: #499f86;
  position: relative;
}
.header-nav .header-menu-nav .contact-wrap .contact-link .data.phone a {
  color: #499f86;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  padding: 0 20px;
  position: relative;
  display: block;
  text-transform: uppercase;
  padding-left: 0;
}
.header-nav .header-menu-nav .contact-wrap .contact-link .data.phone a i {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 8px;
  font-size: 24px;
}
.header-nav .header-menu-nav .contact-wrap .contact-link .data.phone a:hover {
  color: #f2ab00;
}
.header-nav .header-menu-nav .dropdown {
  float: left;
  padding: 0 20px;
  position: relative;
  margin-top: 10px;
}
.header-nav .header-menu-nav .dropdown.float-right {
  float: right;
  padding-right: 0;
}
.header-nav .header-menu-nav .dropdown.float-right::before {
  display: none;
}
.header-nav .header-menu-nav .dropdown::before {
  content: "";
  border-left: 1px solid #499f86;
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
}
.header-nav .header-menu-nav .dropdown button {
  font-weight: 400;
  color: #499f86;
  background: transparent;
  text-shadow: none;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 300ms linear;
}
.header-nav .header-menu-nav .dropdown button i {
  font-size: 12px;
}
.header-nav .header-menu-nav .dropdown button i.la-user-circle {
  font-size: 24px;
  vertical-align: -3px;
  display: inline-block;
  margin-right: 5px;
}
.header-nav .header-menu-nav .dropdown button img {
  margin-right: 5px;
  vertical-align: -1px;
}
.header-nav .header-menu-nav .dropdown button:hover {
  color: #f2ab00;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu {
  margin: 0;
  top: 0px !important;
  left: 0 !important;
  right: auto !important;
  min-width: 130px;
  overflow: hidden;
  padding: 0 15px;
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: 0 2px 9.4px 0.6px rgba(0, 0, 0, 0.06);
  max-height: 0px;
  overflow-y: hidden;
  transition: max-height 0.5s ease-in-out;
  transform: translate3d(20px, 24px, 0px);
  display: block;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu.height-122px {
  transform: translate3d(20px, 26px, 0px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-nav .header-menu-nav .dropdown ul.dropdown-menu.height-122px {
    transform: translate3d(7px, 26px, 0px);
  }
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu.show {
  max-height: 81px;
  overflow-y: hidden;
  transition: max-height 0.5s ease-in-out;
  transform: translate3d(20px, 24px, 0px);
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu.show.height-122px {
  max-height: 122px;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu li {
  display: block;
  padding: 0 10px;
  color: #333;
  line-height: 40px;
  font-size: 13px;
  border-bottom: 1px solid #e5e5e5;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu li a {
  color: #333;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu li a.current {
  color: #f2ab00;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu li a img {
  display: inline-block;
  margin-right: 5px;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu li a:hover {
  color: #f2ab00;
}
.header-nav .header-menu-nav .dropdown ul.dropdown-menu li:last-child {
  border: 0;
}
.header-nav .header-menu-nav .wishlist-top-wrap {
  float: left;
  padding: 0 20px;
  position: relative;
  margin-top: 10px;
}
.header-nav .header-menu-nav .wishlist-top-wrap::before {
  content: "";
  border-left: 1px solid #499f86;
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
}
.header-nav .header-menu-nav .wishlist-top-wrap .wishlist-top a {
  font-weight: 400;
  color: #499f86;
  background: transparent;
  text-shadow: none;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
}
.header-nav .header-menu-nav .wishlist-top-wrap .wishlist-top a i {
  font-size: 24px;
  vertical-align: -3px;
  display: inline-block;
  margin-right: 8px;
}
.header-nav .header-menu-nav .wishlist-top-wrap .wishlist-top a:hover {
  color: #f2ab00;
}
.header-nav .header-menu-nav .compare-top-wrap {
  float: left;
  padding: 0 20px;
  position: relative;
  margin-top: 10px;
}
.header-nav .header-menu-nav .compare-top-wrap::before {
  content: "";
  border-left: 1px solid #499f86;
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
}
.header-nav .header-menu-nav .compare-top-wrap .compare-top a {
  font-weight: 400;
  color: #499f86;
  background: transparent;
  text-shadow: none;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
}
.header-nav .header-menu-nav .compare-top-wrap .compare-top a i {
  font-size: 24px;
  vertical-align: -3px;
  display: inline-block;
  margin-right: 8px;
}
.header-nav .header-menu-nav .compare-top-wrap .compare-top a:hover {
  color: #f2ab00;
}
.header-nav .header-menu-nav .search-element-wrap {
  padding: 0;
  float: right;
  margin-right: 30px;
  width: 400px;
}
.header-nav .header-menu-nav .search-element-wrap .search-element form {
  width: 100%;
  position: relative;
}
.header-nav .header-menu-nav .search-element-wrap .search-element form input {
  padding: 10px 60px 10px 20px;
  height: 50px;
  line-height: 30px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  box-shadow: none;
  overflow: hidden;
  width: 100%;
  background: #efefef;
  color: #999;
  font-weight: 400;
}
.header-nav .header-menu-nav .search-element-wrap .search-element form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 58px;
  display: inline-block;
  padding: 0;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 32px;
  text-transform: uppercase;
  border: 0;
  text-align: center;
  border-radius: 0 30px 30px 0;
  font-weight: 400;
  background: #f2ab00;
  cursor: pointer;
  transition: all 300ms linear;
}
.header-nav .header-menu-nav .search-element-wrap .search-element form button i {
  line-height: 50px;
  display: block;
}
.header-nav.nav-style-2 .header-menu-nav .contact-wrap .contact-link .data.phone a {
  color: #fff;
}
.header-nav.nav-style-2 .header-menu-nav .contact-wrap .contact-link .data.phone a:hover {
  color: #f2ab00;
}
.header-nav.nav-style-2 .dropdown::before {
  border-color: #fff;
}
.header-nav.nav-style-2 .dropdown button {
  color: #fff;
}
.header-nav.nav-style-2 .dropdown button:hover {
  color: #f2ab00;
}
.header-nav.nav-style-2 .wishlist-top-wrap::before {
  border-color: #fff;
}
.header-nav.nav-style-2 .wishlist-top-wrap .wishlist-top a {
  color: #fff;
}
.header-nav.nav-style-2 .wishlist-top-wrap .wishlist-top a:hover {
  color: #f2ab00;
}
.header-nav.nav-style-2 .compare-top-wrap::before {
  border-color: #fff;
}
.header-nav.nav-style-2 .compare-top-wrap .compare-top a {
  color: #fff;
}
.header-nav.nav-style-2 .compare-top-wrap .compare-top a:hover {
  color: #f2ab00;
}

@media (min-width: 1370px) {
  .search-element-wrap > a {
    display: block;
  }
}
@media (max-width: 1370px) and (min-width: 922px) {
  .search-element-wrap {
    position: relative;
  }
  .search-element-wrap > a {
    display: block !important;
    position: absolute;
    right: 25%;
    top: -25px;
    font-size: 24px;
    color: #499f86;
  }
  .search-element-wrap .search-element {
    display: none;
    position: absolute;
    width: 400px;
    right: 20%;
    top: 10px;
  }
}
.search-element-wrap > a {
  display: none;
}

.search-element-wrap.search-style-2 {
  position: relative;
  padding: 0;
  float: right;
  margin-right: 30px;
  width: auto;
}
.search-element-wrap.search-style-2 a {
  display: block !important;
  position: absolute;
  right: 0%;
  top: 8px;
  font-size: 32px;
  color: #333;
}
.search-element-wrap.search-style-2 a:hover {
  color: #f2ab00;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-element-wrap.search-style-2 {
    margin-right: 15px;
  }
}
.search-element-wrap.search-style-2 .search-element {
  display: none;
  position: absolute;
  width: 400px;
  right: 0%;
  top: 50px;
  z-index: 1;
}
.search-element-wrap.search-style-2 .search-element form {
  width: 100%;
  position: relative;
}
.search-element-wrap.search-style-2 .search-element form input {
  padding: 10px 60px 10px 20px;
  height: 50px;
  line-height: 30px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  box-shadow: none;
  overflow: hidden;
  width: 100%;
  background: #efefef;
  color: #999;
  font-weight: 400;
}
.search-element-wrap.search-style-2 .search-element form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 58px;
  display: inline-block;
  padding: 0;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 32px;
  text-transform: uppercase;
  border: 0;
  text-align: center;
  border-radius: 0 30px 30px 0;
  font-weight: 400;
  background: #f2ab00;
  cursor: pointer;
  transition: all 300ms linear;
}
.search-element-wrap.search-style-2 .search-element form button i {
  line-height: 50px;
  display: block;
}
.search-element-wrap.search-style-3 {
  padding: 0;
  float: right;
  margin-right: 30px;
  width: 400px;
}
.search-element-wrap.search-style-3 .search-element {
  display: block;
  position: initial;
}
.search-element-wrap.search-style-3 .search-element form {
  width: 100%;
  position: relative;
}
.search-element-wrap.search-style-3 .search-element form input {
  padding: 10px 60px 10px 20px;
  height: 50px;
  line-height: 30px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  box-shadow: none;
  overflow: hidden;
  width: 100%;
  background: #efefef;
  color: #999;
  font-weight: 400;
}
.search-element-wrap.search-style-3 .search-element form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 58px;
  display: inline-block;
  padding: 0;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 32px;
  text-transform: uppercase;
  border: 0;
  text-align: center;
  border-radius: 0 30px 30px 0;
  font-weight: 400;
  background: #f2ab00;
  cursor: pointer;
  transition: all 300ms linear;
}
.search-element-wrap.search-style-3 .search-element form button i {
  line-height: 50px;
  display: block;
}

.header-top .header-right-element .contact-link {
  float: right;
  padding-left: 45px;
  line-height: 17px;
  position: relative;
  color: #47494a;
  text-transform: capitalize;
  margin-top: 6px;
  margin-right: 50px;
  margin-left: 100px;
}
.header-top .header-right-element .contact-link a {
  color: #1d1d1d;
  font-weight: 700;
}
.header-top .header-right-element .contact-link a:hover {
  color: #f2ab00;
}
.header-top .header-right-element .contact-link:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc0MkMzQjg0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc0MkMzQjk0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzQyQzNCNjQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzQyQzNCNzQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbE2QIAAATgSURBVHjatJhpbFRVGIZnhrYoNiDVGK1xhSJoXFERVFC0WAMRBI0K/pAQBRuNC3WJYsQFIj8U1KAExcQoBaFxS6xYSkYFIgUVUQEVR1wSbYJURShoW/X9kueYw/XcuTOAX/Jklnvnnvd+59vupKvOGpT6n+1JMUWU5Tlnp5hesh+LlIoqcZSoEHvENrFZ/MY5xyDkbLErz7UGiIZixdiiE8QYMVj8Lb4Vu0UPcZg4XGwS14oMxz4T74rywDU/EQ+LgwoV01s8ICaLj8RiUSu+QpBvh4rzxdein/f9HLwZtZ/dm0LEmBfmI+ICsT7h/F/FW4Hvz7C79z6bp1rFeSKXJCaN+24RN+ON0LaZF44U7eJTtmSfLJ+Y2WI0sfFF5NgJYhZes/jYKnoRqD9ZZohFvD9Y3CA28tvV4kfeXyS2i+tFW5yYO8U4cSEB6tsw8aZ4VfQV33vHuhPgs1loCnE2mXgZKM4kzZ8WQ7gRy7QJ6UCdOUdkxXCxNnKsj/hQ3CWez+PVSvGeWIiXzI5l4QfFPWy7vbbFbZOl4rNiZkCIy4iXE4Sk2IaxogVBW8TJXP86cblYlQos7tvV1IrHAwucJEZ4d5pkFshLxa18ti2dxjY5IROpS3uJSfN6O0L+CFx8GBfZHjh2aSRtnb3B78zmiRniTz5bvCygVlnNypiYoaKJ0m6qX4rJsqPZ82j62w0s4xpHRI5vJX7MOr3vu4m5FDyrMXdYLGUISBPyovjOeoS4PyCmjLuyatxfTBJryLwafvuleIy7rkRsqOoOJ+Ut23qKU8QTJRQru7vXUP82nTZkfbiTMgpcPdXZ+k8zXrYFluDJV2Kus5w0L6NllPt15nX2cwmLxNkloovXVYHj70OK64zk/JDtglbSvs3PpmkJQlJU1dYiKvxTBZyzzWVUJiY2QraRRllehJiaAs7pZPz4jxjbqnfcwYjVU/C60xiTrJIgTbIexNxeYmbQ0EoYAaKC/mKmWUAFzWfnIvq2SEqHiu5xZOK/Yu4j1ztoajYwNcZ46BmmOL+pjeQ3jha2symhdQxAbM6JqaKuDKZiNlLCu0jzqCCrJXUUuvEUsCxpX8MM3ELK2nbem0fMCEaKLtcozeUrxAbqTYptaqWjhlLTmukOmuAcSnoFxbCZJrmzgHixpvmC37VLvV5kLp7KxdoYnlwvOZ07t/HxNG++bcSDFcRdNW7fAB/gxfaIkCGIX+gH0Eou4PpKP96PQ0g3gnYlk5wtcLc4kVQfQ0euo0v3ZEJsYIsfYVI8NdLTZjJg/e57Zi0VeBndN0eDs4J1EwPQIERGC94PBG8jqV+Ld9eAW3g602F/dmESsXpFaJ65UXzDfpcjylr/cwRzXURIL+/9ajxWG3hscVv/EJnqFh9LGdkREtNBMOVoYrvprEMR1+zd5SwevI73rrMlRohfo8xz13ilYHm+Sa+DVM2xuAm6mAl/HkXMxoyrmG+z1IneBbKCzD0kTnh0iHKC6hFUjaAmXPoLQf0oz9Ob9uHxaFTcaBGa6NyWLcKV1cwefb3hKYvIUvb/ssgjSz7bU+xDXCeCnIcsoD/n2FTcnMVT64iZ9v397yST0NrHU12b+evD2Xwy6mNx5YEQkiTG99A6ClcDI8Z6CtbEhK5clKWL+OdqII+snQT05gP9F9c/AgwA86I/LUAPDuoAAAAASUVORK5CYII=) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-top .header-right-element .contact-link {
    margin-right: 50px;
    margin-left: 50px;
  }
}

.header-menu .header-menu-vertical {
  position: relative;
  z-index: 9;
}
.header-menu .header-menu-vertical .menu-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
  margin: 0;
  padding: 0 15px;
  background-color: #f2ab00;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-title {
    font-size: 15px;
  }
}
.header-menu .header-menu-vertical .menu-title:before {
  content: "";
  display: inline-block;
  font-size: 32px;
  font-family: "Line Awesome Free";
  font-weight: 900;
  height: 48px;
  line-height: 48px;
  margin-right: 10px;
  vertical-align: top;
}
.header-menu .header-menu-vertical .menu-title:after {
  content: "";
  display: inline-block;
  font-size: 12px;
  font-family: "Line Awesome Free";
  font-weight: 900;
  margin-left: 7px;
  float: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-title:after {
    margin-left: 5px;
  }
}
.header-menu .header-menu-vertical .menu-content {
  width: 100%;
  background: #fff;
  border: 1px solid #f2ab00;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: auto;
  display: none;
}
.header-menu .header-menu-vertical .menu-content.display-block {
  min-width: inherit;
}
.header-menu .header-menu-vertical .menu-content li {
  display: block;
  position: relative;
  padding: 0 20px;
}
.header-menu .header-menu-vertical .menu-content li.expand a {
  background: none;
  color: #999;
}
.header-menu .header-menu-vertical .menu-content li.expand a i {
  color: #999;
  font-size: 14px;
}
.header-menu .header-menu-vertical .menu-content li > a {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 32px;
  padding: 19px 0;
  text-transform: capitalize;
  word-wrap: break-word;
  background: #fff;
  color: #333;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAACCAYAAABPJGxCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFOTNCNTM1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFOTNCNTQ1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEU5M0I1MTVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEU5M0I1MjVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuI5/30AAAAvSURBVHjaYmBgYJAHYj0G3EAPqgYbIErv////GdAxC1CCH4hF8WjGJ0e2XoAAAwC9ABCcnF4JNgAAAABJRU5ErkJggg==) repeat-x left bottom;
  font-size: 16px;
  font-weight: 700;
  transition: none;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li > a {
    padding: 8px 15px;
  }
}
.header-menu .header-menu-vertical .menu-content li .sub-menu {
  position: absolute;
  z-index: 9;
  text-align: left;
  top: 10px;
  left: 100%;
  background: #fff;
  padding: 15px 10px 15px 10px;
  display: inline-block;
  width: 855px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  border: 1px solid #eaeaea;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu {
    width: 730px;
  }
}
.header-menu .header-menu-vertical .menu-content li .sub-menu li a {
  margin: 5px 0px 5px 0px;
}
.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li {
  width: 100%;
}
.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li a {
  padding: 2px 20px 2px 20px;
  color: #333;
  background: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu li ul li a {
    padding: 2px 0px 2px 15px;
  }
}
.header-menu .header-menu-vertical .menu-content li .sub-menu li ul li:hover > a {
  color: #f2ab00;
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu li ul li:hover > a {
    padding-left: 25px;
  }
}
.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 {
  padding: 0;
  width: 240px;
  border: 1px solid #eaeaea;
  background: #fff;
}
.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 li {
  width: 100%;
  padding: 0;
  line-height: 20px;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  display: block;
}
.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 li a {
  padding: 3px 20px;
}
.header-menu .header-menu-vertical .menu-content li .sub-menu.sub-menu-2 li:last-child {
  border-bottom: 0;
}
.header-menu .header-menu-vertical .menu-content li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.header-menu .header-menu-vertical .menu-content li a {
  transition: all 300ms linear;
}
.header-menu .header-menu-vertical .menu-content li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 32px;
  margin-right: 10px;
}
.header-menu .header-menu-vertical .menu-content li a i.ion-ios-arrow-right {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 18px;
  margin: 0;
  transform: translateY(-50%);
}
.header-menu .header-menu-vertical li:hover > a {
  color: #f2ab00;
}
.header-menu .header-horizontal-menu {
  margin-left: 15px;
}
.header-menu .header-horizontal-menu li {
  float: left;
  margin-left: 38px;
  padding: 15px 0;
  position: relative;
}
.header-menu .header-horizontal-menu li:first-child {
  margin-left: 0;
}
.header-menu .header-horizontal-menu li a {
  display: block;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
  color: #ffffff;
  background: transparent;
  text-transform: uppercase;
  line-height: 24px;
  height: 24px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li a {
    font-size: 16px;
  }
}
.header-menu .header-horizontal-menu li:hover > a {
  color: #f2ab00;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li {
    margin-left: 20px;
  }
}
.header-menu .header-horizontal-menu li.menu-dropdown {
  position: relative;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu {
  position: absolute;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
  min-width: 230px;
  left: auto !important;
  background: #fff;
  box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, 0.15);
  top: 48px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li {
  display: block;
  margin: 0;
  width: 100%;
  padding: 10px 20px;
  border-bottom: 1px solid #eaeaea;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li:last-child {
  border: 0;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li a {
  color: #333;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li a i {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li:hover > a {
  color: #f2ab00;
  padding-left: 8px;
  opacity: 1;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li.position-static {
  position: relative !important;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu li.position-static:hover .main-sub-menu.main-sub-menu-2 {
  transform: translateY(-54px);
  opacity: 1;
  visibility: visible;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu.main-sub-menu-2 {
  left: 100% !important;
  transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
  top: 54px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.main-sub-menu.main-sub-menu-2 {
    left: 97% !important;
  }
}
.header-menu .header-horizontal-menu li.menu-dropdown:hover .main-sub-menu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  -o-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  padding: 0 !important;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
  background-color: #fff;
  display: block;
  left: -200px;
  padding: 30px 30px 30px 30px;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 1110px;
  z-index: 9999;
  box-shadow: 0 2px 9.4px 0.6px rgba(0, 0, 0, 0.06);
  opacity: 0;
  visibility: hidden;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-75deg);
  -o-transform: rotateX(-75deg);
  -moz-transform: rotateX(-75deg);
  -webkit-transform: rotateX(-75deg);
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li {
  margin: 0;
  width: 25%;
  padding: 0px 0px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li a {
  color: #333;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title {
  padding: 0px 0px;
  margin: 0 0 5px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title a {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li.mega-menu-title a:hover {
  padding: 0px 0px;
  color: #f2ab00;
  opacity: 1;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li {
  width: 100%;
  padding: 0px 0px;
  overflow: hidden;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li a {
  color: #666;
  font-weight: 400;
  text-transform: capitalize;
  margin: 3px 0;
  font-size: 16px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li li a:hover {
  padding-left: 10px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li:hover > a {
  color: #f2ab00;
  opacity: 1;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 {
  width: 100%;
  margin-top: 20px;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a {
  display: inline;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a:hover {
  padding: 0;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a img {
  max-width: 100%;
  transition: all 300ms linear;
}
.header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap li.w-100 a img:hover {
  transform: scale(1.05) rotate(0.05deg);
  transition: all 300ms linear;
  opacity: 0.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 900px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 800px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.left-0px {
    left: 0px;
  }
}
.header-menu .header-horizontal-menu li.menu-dropdown:hover .mega-menu-wrap {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  -o-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -webkit-transform: rotateX(0);
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.header-menu .header-menu-inner {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #f2ab00;
}
.header-menu .header-menu-inner-2 {
  position: relative;
}
.header-menu .header-menu-inner-2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  pointer-events: none;
}

.header-menu.header-menu-2 li a {
  color: #333;
}
.header-menu.header-menu-2 .header-horizontal-menu {
  margin-left: 0px;
}

.header-menu-style-2 {
  padding: 21px 0;
  line-height: 12px;
  font-size: 13px;
}
.header-menu-style-2 li {
  padding: 0 15px;
  border-right: 1px solid #47494a;
}
.header-menu-style-2 li button {
  color: #1d1d1d;
}
.header-menu-style-2 li button:hover {
  color: #f2ab00;
}
.header-menu-style-2 .pr-0 {
  padding-right: 0;
  border: 0;
}
.header-menu-style-2 ul.dropdown-menu {
  margin: 0;
  top: 28px !important;
  left: auto !important;
  right: 0 !important;
  min-width: 130px;
  overflow: hidden;
  border-radius: 0;
  border: 1px solid #ebebeb;
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
  transform: rotateX(90deg);
  transform-origin: center top 0;
}
.header-menu-style-2 ul.dropdown-menu li {
  display: block;
  padding: 0px 18px;
  border: 0;
}
.header-menu-style-2 ul.dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 12px 10px;
  color: #47494a;
  font-size: 13px;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border-bottom: 1px solid #ebebeb;
}
.header-menu-style-2 ul.dropdown-menu li a:hover {
  color: #f2ab00;
}
.header-menu-style-2 ul.dropdown-menu li:last-child a {
  border-bottom: 0px solid #ebebeb;
}

.header-menu.header-menu-3 .header-horizontal-menu li {
  padding: 12px 0;
}
.header-menu.header-menu-style-3 {
  border: 0;
}
.header-menu.header-menu-style-3 .header-menu-vertical {
  position: relative;
  z-index: 9;
  border: 1px solid #5189fc;
  border-radius: 5px;
  padding: 0 20px;
}
.header-menu.header-menu-style-3 .header-menu-vertical .menu-title {
  height: auto;
  line-height: 18px;
  background-color: transparent;
  padding-left: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-title {
    padding-left: 16px;
  }
}
.header-menu.header-menu-style-3 .header-menu-vertical .menu-title:before {
  content: "";
  display: inline-block;
  font-size: 21px;
  font-family: "Linearicons-Free";
  font-weight: 400;
  line-height: 40px;
  margin-right: 10px;
  position: absolute;
  left: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-title:before {
    left: 8px;
  }
}
.header-menu.header-menu-style-3 .header-menu-vertical .menu-title:after {
  content: "";
  display: inline-block;
  font-size: 12px;
  font-family: "Ionicons";
  font-weight: 400;
  position: absolute;
  margin-left: 7px;
  float: right;
  line-height: 48px;
  top: 0;
  position: absolute;
  right: 10px;
}
.header-menu.header-menu-style-3 .header-menu-vertical .menu-content {
  width: 280px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-content {
    width: 230px;
  }
}
.header-menu.header-menu-style-3 .search-element input {
  background-color: #fff;
}
.header-menu.header-menu-style-3 .search-element button {
  background-color: #f7d807;
  color: #272727;
}
.header-menu.header-menu-style-3 .search-element button:hover {
  background-color: #272727;
  color: #fff;
}
.header-menu.header-menu-style-3 .header-tools .cart-info a {
  color: #fff;
  margin-top: 10px;
  display: inline-block;
}
.header-menu.header-menu-style-3 .header-tools .cart-info a:before {
  background-color: #f7d807;
  color: #272727;
}
.header-menu.header-menu-style-3 .header-tools .cart-info a:hover {
  color: #fff;
}
.header-menu.header-menu-style-3 .header-bottom {
  background: #fff;
  padding: 13px 20px;
  border-radius: 5px;
  margin-top: -60px;
  position: relative;
}
.header-menu.header-menu-style-3 .header-bottom .header-menu-vertical {
  border: 0px;
}
.header-menu.header-menu-style-3 .header-bottom .header-menu-vertical .menu-title {
  color: #272727;
}
.header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a {
  color: #272727;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a {
    margin-right: 20px;
  }
}
.header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a:hover {
  color: #f2ab00;
}
.header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a.bag {
  margin: 0;
}

.custom-block-area.header-menu .header-menu-vertical .menu-title {
  font-size: 15px;
  background-color: #f2ab00;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-block-area.header-menu .header-menu-vertical .menu-title {
    font-size: 12px;
  }
}
.custom-block-area.header-menu .header-menu-vertical .menu-content.display-block {
  min-width: inherit;
  position: inherit;
}
.custom-block-area.header-menu .header-menu-vertical .menu-content > li {
  padding: 2px 0;
}
.custom-block-area.header-menu .header-menu-vertical .menu-content > li:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  height: 1px;
  left: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.07);
}
.custom-block-area.header-menu .header-menu-vertical .menu-content > li:last-child:after {
  display: none;
}
.custom-block-area.header-menu .header-menu-vertical .menu-content > li:hover a {
  background: transparent;
}

.slider-height-1 {
  height: 750px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-height-1 {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-height-1 {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-height-1 {
    height: 150px;
  }
}
.slider-height-1.bg-img:after {
  display: none;
}

.slider-height-2 {
  height: 750px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-height-2 {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-height-2 {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-height-2 {
    height: 250px;
  }
}

.slider-height-3 {
  height: 693px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-height-3 {
    height: 670px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-height-3 {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-height-3 {
    height: 250px;
  }
}

.slider-height-4 {
  height: 560px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-height-4 {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-4 {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .slider-height-4 {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-height-4 {
    height: 250px;
  }
}

.slider-area {
  position: relative;
}
.slider-area .bg-img {
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  background-color: #bebebe;
}
.slider-area .bg-img:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  z-index: -1;
  opacity: 0.15;
}
.slider-area .bg-img .slider-content-1 span.title {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 30px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .bg-img .slider-content-1 span.title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area .bg-img .slider-content-1 span.title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.slider-area .bg-img .slider-content-1 h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 82px;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  text-transform: uppercase;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 28px;
    line-height: 48px;
    border-width: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 24px;
    line-height: 32px;
    border-width: 2px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 20px;
    line-height: 30px;
  }
}
.slider-area .bg-img .slider-content-1 a {
  display: inline-block;
  margin-top: 30px;
  transition: all 300ms linear;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  line-height: 50px;
  height: 50px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 35px;
  border-radius: 30px;
  background-color: #f2ab00;
}
.slider-area .bg-img .slider-content-1 a:hover {
  background: #333;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .slider-area .bg-img .slider-content-1 a {
    font-size: 13px;
    line-height: 42px;
    height: 40px;
    padding: 0 25px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area .bg-img .slider-content-1 a {
    line-height: 40px;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 10px;
  }
}
.slider-area .slick-dots {
  position: absolute;
  top: auto;
  left: 50%;
  margin-left: -36px;
  bottom: 30px;
  z-index: 1;
}
.slider-area .slick-dots li {
  font-size: 0;
  width: 14px;
  height: 14px;
  background: #fff;
  margin: 0 5px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border: 2px solid transparent;
}
.slider-area .slick-dots li.slick-active {
  background: transparent;
  border-color: #f2ab00;
}
.slider-area .slick-dots li:hover {
  background: #f2ab00;
  border-color: #f2ab00;
}
.slider-area.slider-dots-style-2 .slick-dots {
  left: 70px;
  margin-left: 0px;
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-dots-style-2 .slick-dots {
    left: 50%;
    margin-left: -36px;
  }
}
.slider-area.slider-dots-style-3 .slick-dots {
  left: 10%;
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-dots-style-3 .slick-dots {
    left: 50%;
    margin-left: -36px;
  }
}
.slider-area .slick-arrow {
  width: 56px;
  height: 56px;
  line-height: 56px;
  margin: -28px 0 0;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  font-size: 24px;
  z-index: 9;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .slider-area .slick-arrow {
    display: none;
  }
}
.slider-area .slick-arrow.prev {
  left: 20px;
  transition: all 0.3s ease-in-out;
}
.slider-area .slick-arrow.prev:hover {
  background-color: #f2ab00;
  color: #fff;
}
.slider-area .slick-arrow.next {
  right: 20px;
  transition: all 0.3s ease-in-out;
}
.slider-area .slick-arrow.next:hover {
  background-color: #f2ab00;
  color: #fff;
}
.slider-area:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.slider-area.slider-style-2 .slider-content-1 span.title {
  margin-bottom: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-2 .slider-content-1 span.title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-2 .slider-content-1 span.title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area.slider-style-2 .slider-content-1 span.title {
    font-size: 16px;
  }
}
.slider-area.slider-style-2 .slider-content-1 h1 {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
  text-transform: capitalize;
}
.slider-area.slider-style-2 .slider-content-1 p {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-area.slider-style-2 .slider-content-1 p {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.slider-style-2 .slider-content-1 p {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-2 .slider-content-1 p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-2 .slider-content-1 p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area.slider-style-2 .slider-content-1 p {
    font-size: 20px;
  }
}
.slider-area.slider-style-2 .slider-content-1 a {
  margin-top: 20px;
  font-size: 20px;
  line-height: 65px;
  height: 65px;
  background-color: #fd6a0c;
  color: #fff;
}
.slider-area.slider-style-2 .slider-content-1 a:hover {
  background: #333;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.slider-style-2 .slider-content-1 a {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-2 .slider-content-1 a {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-2 .slider-content-1 a {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-2 .banner-area {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-2 .banner-area .banner-wrapper {
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-2 .banner-area .banner-wrapper:first-child {
    margin-right: 15px;
    margin-left: 0;
  }
}
.slider-area.slider-style-3 .slider-content-1 span.title {
  margin-bottom: 0px;
  font-size: 60px;
  font-weight: 700;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-area.slider-style-3 .slider-content-1 span.title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.slider-style-3 .slider-content-1 span.title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-3 .slider-content-1 span.title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-3 .slider-content-1 span.title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area.slider-style-3 .slider-content-1 span.title {
    font-size: 16px;
  }
}
.slider-area.slider-style-3 .slider-content-1 h1 {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
  text-transform: capitalize;
  font-size: 90px;
  color: #363636;
  margin: 20px 0 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-area.slider-style-3 .slider-content-1 h1 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.slider-style-3 .slider-content-1 h1 {
    font-size: 70px;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-3 .slider-content-1 h1 {
    font-size: 50px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-3 .slider-content-1 h1 {
    font-size: 40px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area.slider-style-3 .slider-content-1 h1 {
    font-size: 30px;
    margin-top: 10px;
  }
}
.slider-area.slider-style-3 .slider-content-1 p {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  font-size: 40px;
  color: #363636;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .slider-area.slider-style-3 .slider-content-1 p {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.slider-style-3 .slider-content-1 p {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-3 .slider-content-1 p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-3 .slider-content-1 p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .slider-area.slider-style-3 .slider-content-1 p {
    font-size: 16px;
  }
}
.slider-area.slider-style-3 .slider-content-1 a {
  margin-top: 20px;
  font-size: 20px;
  line-height: 65px;
  height: 65px;
  background-color: #fd6a0c;
  color: #fff;
}
.slider-area.slider-style-3 .slider-content-1 a:hover {
  background: #333;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area.slider-style-3 .slider-content-1 a {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.slider-style-3 .slider-content-1 a {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-area.slider-style-3 .slider-content-1 a {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    margin-top: 10px;
  }
}
.slider-nav-style-1 .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  color: #333;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
  background: #fff;
  z-index: 1;
  transition: all 300ms linear;
  transition: all 300ms linear;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 575px) {
  .slider-nav-style-1 .slick-arrow {
    font-size: 24px;
  }
}
.slider-nav-style-1 .slick-arrow i {
  cursor: pointer;
}
.slider-nav-style-1 .slick-arrow.next {
  right: 0;
}
.slider-nav-style-1 .slick-arrow.prev {
  left: 0px;
  z-index: 2;
}
.slider-nav-style-1 .slick-arrow:hover {
  color: #fff;
  background-color: #f2ab00;
  border-color: #f2ab00;
}
.slider-nav-style-1.slider-nav-style-2 .slick-arrow.next {
  right: 15px;
}
.slider-nav-style-1.slider-nav-style-2 .slick-arrow.prev {
  right: 37px;
  z-index: 2;
}
.slider-nav-style-1.slider-nav-style-3 .slick-arrow {
  font-size: 24px;
  top: -56px;
}
.slider-nav-style-1.slider-nav-style-3 .slick-arrow.next {
  right: 20px;
}
.slider-nav-style-1.slider-nav-style-3 .slick-arrow.prev {
  right: 42px;
  z-index: 2;
}
.slider-nav-style-1:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}

.static-area .static-area-wrap {
  background-color: #fff;
  padding: 40px 10px;
}
.static-area .static-area-wrap .col-lg-3 {
  padding: 0;
}
.static-area .single-static {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0px 20px 0px 30px;
}
.static-area .single-static img {
  flex: 0 0 auto;
  margin: 0;
  margin-right: 15px;
}
.static-area .single-static .single-static-meta h4 {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 24px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .static-area .single-static .single-static-meta h4 {
    font-size: 14px;
  }
}
.static-area .single-static .single-static-meta p {
  line-height: 17px;
  color: #777;
  font-size: 13px;
  font-weight: 300;
  margin: 0;
}
.static-area.static-area-2 .single-static img {
  margin-top: 10px;
}

.banner-area .banner-wrapper {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.banner-area .banner-wrapper img {
  width: 100%;
  transition: all 300ms linear;
  max-width: 100%;
}
.banner-area .banner-wrapper img:hover {
  transition: all 300ms linear;
  transform: scale(1.035) rotate(0.05deg);
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-wrapper img {
    width: 100%;
  }
}
.banner-area .text {
  pointer-events: none;
  position: absolute;
  left: 9%;
  top: 50%;
  text-align: left;
  transform: translateY(-50%);
}
@media only screen and (max-width: 479px) {
  .banner-area .text {
    left: 5%;
  }
}
.banner-area .text h3 {
  font-size: 24px;
  color: #222222;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 1px;
}
.banner-area .text h3 span {
  color: #777;
  display: block;
  font-weight: 300;
}
.banner-area .text h4 {
  font-size: 24px;
  color: #fab311;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  margin-bottom: 18px;
}
.banner-area .text p {
  font-size: 40px;
  color: #ea1b25;
  margin: 0;
  text-transform: capitalize;
  font-weight: 500;
}
.banner-area .text a {
  font-size: 13px;
  text-transform: uppercase;
  color: #ea1b25;
  line-height: 34px;
  border: 2px solid #ea1b25;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 5px;
  pointer-events: visible;
}
.banner-area .text a:hover {
  background: #ea1b25;
  color: #fff;
}
.banner-area .text.text-2 h3 {
  color: #fff;
}
.banner-area .text.text-2 h3 span {
  color: #fff;
}
.banner-area .text.text-2 h4 {
  color: #fff;
}
.banner-area .text.text-2 p {
  color: #fff;
}
.banner-area .text.text-2 a {
  color: #fff;
  border-color: #fff;
}
.banner-area .text.text-2 a:hover {
  background: #f2ab00;
  color: #fff;
  border-color: #f2ab00;
}
.banner-area .inner {
  margin: 0 -15px;
  display: grid;
  grid-template-columns: 55.556% auto;
  grid-row-gap: 15px;
}
@media only screen and (max-width: 767px) {
  .banner-area .inner {
    grid-template-columns: 100%;
    grid-row-gap: 30px;
  }
}
.banner-area .inner .col {
  padding: 0 15px;
}
.banner-area.banner-style-2 .text h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
  margin: 0;
  margin-bottom: 6px;
}
.banner-area.banner-style-2 .text h3 span {
  display: inline-block;
  color: #ea1b25;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .banner-area.banner-style-2 .text h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-2 .text h3 {
    font-size: 16px;
  }
}
.banner-area.banner-style-2 .text h4 {
  font-size: 24px;
  color: #fab311;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .banner-area.banner-style-2 .text h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-2 .text h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.banner-area.banner-style-2 .text p {
  font-size: 15px;
  color: #fff;
  margin: 0;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .banner-area.banner-style-2 .text p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-2 .text p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.banner-style-3 .text h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area.banner-style-3 .text h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-3 .text h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .banner-area.banner-style-3 .text h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area.banner-style-3 .text h4 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.banner-style-3 .text h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area.banner-style-3 .text p {
    font-size: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-3 .text p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.banner-style-3 .text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.banner-style-3 .text a {
    padding: 0 12px;
    line-height: 30px;
  }
}
.banner-area.banner-style-4 {
  text-align: center;
}
.banner-area.banner-style-4 .banner-wrapper {
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-4 .banner-wrapper .text h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .banner-area.banner-style-4 .banner-wrapper .text p {
    font-size: 28px;
  }
}

.feature-category-area .feature-category-slider-container {
  margin: 0 -15px;
}
.feature-category-area .feature-category-slider-container .slider-single-item {
  padding: 0 15px;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content {
  position: relative;
  background: #fff;
  min-height: 270px;
  overflow: hidden;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .image-thumb a img {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  transition: all 300ms ease-in-out;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb {
  padding-left: 30px;
  position: relative;
  z-index: 1;
  padding-top: 25px;
  padding-bottom: 25px;
  display: inline-block;
  vertical-align: top;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb h3 {
  margin-top: 0;
  margin-bottom: 17px;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb h3 a {
  font-size: 18px;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  pointer-events: visible;
  color: #666666;
  line-height: 24px;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb h3 a span {
  display: block;
  font-weight: 400;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb h3 a:hover {
  color: #f2ab00;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb ul.sub-category li {
  display: block;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb ul.sub-category li a {
  display: block;
  color: #777;
  padding: 2px 0;
  line-height: 24px;
  text-transform: capitalize;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb ul.sub-category li a:hover {
  color: #f2ab00;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb a.view-more {
  color: #ea1b25;
  text-transform: uppercase;
  margin-top: 18px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content .content-thumb a.view-more:hover {
  color: #f2ab00;
}
.feature-category-area .feature-category-slider-container .slider-single-item .fcategory-content:hover .image-thumb a img {
  transition: all 300ms linear;
  transform: scale(1.035) rotate(0.05deg);
  opacity: 0.7;
}
.feature-category-area .feature-category-slider-container .slick-active {
  animation: slickZoomIn 1s;
}

.thumb-category-area .thumb-category-slider .slick-list {
  margin: 0 -15px;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner {
  margin-top: 50px;
  padding: 0 15px;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category {
  overflow: hidden;
  position: relative;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category a img {
  max-width: 100%;
  transition: all 300ms linear;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category .thumb-category-desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  text-align: center;
  padding: 0 10px;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category .thumb-category-desc h4 {
  text-transform: capitalize;
  color: #333;
  font-weight: 700;
  line-height: 24px;
  font-size: 24px;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category .thumb-category-desc h4 a {
  font-size: 34px;
  font-weight: 700;
  text-transform: capitalize;
  color: #fff;
  display: block;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category .thumb-category-desc h4 a:hover {
  color:#808080;
}
.thumb-category-area .thumb-category-slider .thumb-slider-inner .thumb-category:hover img {
  transform: scale(1.035) rotate(0.05deg);
}

.list-product {
  position: relative;
  background: #fff;
  transition: all 300ms linear;
}
.list-product .product-inner {
  position: relative;
}
.list-product .img-block {
  position: relative;
  transition: all 300ms linear;
}
.list-product .img-block img {
  width: 100%;
  margin: 0;
  transition: all 300ms linear;
  border: 1px solid #e5e5e5;
}
.list-product .img-block .second-img {
  position: absolute;
  opacity: 0;
  transition: all 300ms linear;
  left: 0;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
}
.list-product:hover .img-block img {
  border-color: #f2ab00;
}
.list-product:hover .second-img {
  opacity: 1;
  visibility: visible;
}
.list-product:hover .add-to-link {
  opacity: 1;
  visibility: visible;
}
.list-product:hover .add-to-link a {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.list-product ul.product-flag li {
  position: absolute;
  top: 10px !important;
  left: 50px;
  display: inline-block;
  color: #fff;
  background: #499f86;
  padding: 0;
  width: 80px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 0 30px 30px 0;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(90deg);
  z-index: 1;
}
.list-product ul.product-flag li:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #28705b;
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 0;
}
.list-product ul.product-flag li.discount {
  background-color: #fd6a0c;
}
.list-product ul.product-flag li.discount:before {
  border-top: 7px solid #fd6a0c;
}
.list-product ul.product-flag li:nth-child(1) {
  left: 0px;
}
.list-product .product-decs {
  padding: 30px 20px 0 20px;
  background: #fff;
  position: relative;
  transition: all 300ms linear;
}
.list-product .product-decs h2 {
  font-weight: 400;
  margin: 0;
  line-height: 1;
}
.list-product .product-decs h2 a {
  line-height: 20px;
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #499f86;
  text-transform: uppercase;
}
.list-product .product-decs h2 a:hover {
  color: #f2ab00;
}
.list-product .product-decs .pricing-meta {
  transition: all 300ms linear;
  line-height: 1;
}
.list-product .product-decs .pricing-meta li.old-price {
  color: #989898;
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
  margin-right: 5px;
  padding-top: 4px;
}
.list-product .product-decs .pricing-meta li.current-price {
  color: #8a400f;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.list-product .add-to-link {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  text-align: center;
  opacity: 0;
}
.list-product .add-to-link li {
  vertical-align: top;
  margin-right: 10px;
  transition: all 300ms linear;
}
.list-product .add-to-link a {
  display: inline-block;
  background: #fff;
  color: #333;
  padding: 0;
  border: none;
  line-height: 54px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  padding: 0;
  font-size: 32px;
  text-align: center;
  font-weight: 900;
  text-transform: capitalize;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
}
.list-product .add-to-link a:hover {
  background: #f2ab00;
  color: #fff;
}
.list-product .add-to-link a i {
  transition: all 0ms linear;
}
.list-product .cart-btn {
  left: auto;
  right: 20px;
  bottom: -15px;
  position: absolute;
  margin: 0 auto;
  opacity: 1;
  z-index: 5;
  transition: all 300ms linear;
}
.list-product .cart-btn a.add-to-curt {
  display: inline-block;
  background: #fff;
  color: #f2ab00;
  padding: 0;
  border: none;
  line-height: 50px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  padding: 0;
  font-size: 32px;
  text-align: center;
  text-transform: capitalize;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  border-style: solid;
  border-width: 2px;
  border-color: #f2ab00;
}
.list-product .cart-btn a.add-to-curt i {
  transition: all 0ms linear;
}
.list-product .cart-btn a.add-to-curt:hover {
  background-color: #f2ab00;
  color: #fff;
}

.feature-slider-content .slick-list {
  margin: 0 -15px;
}
.feature-slider-content .slick-list:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAACCAYAAABPJGxCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFOTNCNTM1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFOTNCNTQ1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEU5M0I1MTVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEU5M0I1MjVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuI5/30AAAAvSURBVHjaYmBgYJAHYj0G3EAPqgYbIErv////GdAxC1CCH4hF8WjGJ0e2XoAAAwC9ABCcnF4JNgAAAABJRU5ErkJggg==) repeat-x left bottom;
  height: 2px;
  margin-top: -1px;
  z-index: 1;
}
.feature-slider-content .list-product {
  padding: 0 15px;
}
.feature-slider-content .list-product .product-inner {
  display: grid;
  grid-template-columns: 210px auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .feature-slider-content .list-product .product-inner {
    grid-template-columns: 150px auto;
  }
}
@media only screen and (max-width: 767px) {
  .feature-slider-content .list-product .product-inner {
    grid-template-columns: 164px auto;
  }
}
.feature-slider-content .list-product .product-inner .cart-btn {
  margin-top: 20px;
  position: static;
  visibility: visible;
  opacity: 1;
  transform: none;
}
.feature-slider-content .list-product .product-inner .product-decs {
  overflow: hidden;
  padding: 30px 0 0 25px;
}
.feature-slider-content .list-product:first-child {
  margin-bottom: 120px;
}
.feature-slider-content .feature-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.feature-slider-content .feature-wrapper:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  right: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAACCAYAAABPJGxCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFOTNCNTM1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFOTNCNTQ1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEU5M0I1MTVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEU5M0I1MjVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuI5/30AAAAvSURBVHjaYmBgYJAHYj0G3EAPqgYbIErv////GdAxC1CCH4hF8WjGJ0e2XoAAAwC9ABCcnF4JNgAAAABJRU5ErkJggg==) repeat-x left bottom;
  height: 2px;
  margin-top: -1px;
  z-index: 1;
}
.feature-slider-content .feature-wrapper .slider-single-item {
  float: left;
  width: 50%;
}
.feature-slider-content .feature-wrapper .slider-single-item:nth-child(1) .list-product {
  margin-bottom: 120px;
}
.feature-slider-content .feature-wrapper .slider-single-item:nth-child(2) .list-product {
  margin-bottom: 120px;
}
.feature-slider-content .feature-wrapper .slider-single-item:nth-child(3) .list-product {
  margin-bottom: 0;
}
.feature-slider-content .feature-wrapper .slider-single-item:nth-child(4) .list-product {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-slider-content .feature-wrapper .list-product .product-inner {
    grid-template-columns: 150px auto;
  }
}

.feature-product-slider .slick-list {
  margin: 0px -15px;
}
.feature-product-slider .slick-list .arrval-slider-item {
  padding: 15px;
}

.feature-product-slider-2 .slick-list {
  margin: 0px -15px;
}
.feature-product-slider-2 .slick-list .arrval-slider-item {
  padding: 15px;
}

.post-category-area .container-inner {
  border-top: 3px solid #499f86;
}
.post-category-area .container-inner-2 {
  border-top: 3px solid #f2ab00;
}
.post-category-area .container-inner-3 {
  border-top: 3px solid #8b4110;
}
.post-category-area .feature-slider-content {
  margin-top: 30px;
}
.post-category-area .feature-slider-content .list-product .product-inner {
  grid-template-columns: 210px auto;
}
@media only screen and (max-width: 767px) {
  .post-category-area .feature-slider-content .list-product .product-inner {
    grid-template-columns: 160px auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-category-area .feature-slider-content .list-product .product-inner {
    grid-template-columns: 180px auto;
  }
}
.post-category-area .feature-slider-content .list-product:first-child {
  margin-bottom: 60px;
}

/*===== Slick ZoomIn ======*/
@keyframes slickZoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.hot-deal-slider .slick-list {
  margin: 0px -15px;
}
.hot-deal-slider .slick-list .arrval-slider-item {
  padding: 15px;
}
.hot-deal-slider .list-product .clockdiv {
  position: absolute;
  left: -15px;
  bottom: -1px;
  line-height: 1;
  display: inline-block;
  background: #f2ab00;
  padding: 7px 15px 7px 50px;
  border-radius: 0 30px 30px 0;
}
@media only screen and (max-width: 575px) {
  .hot-deal-slider .list-product .clockdiv {
    left: 0;
    padding: 7px 10px 7px 23px;
  }
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider .list-product .clockdiv {
    left: 0;
    padding: 7px 15px 7px 25px;
  }
}
.hot-deal-slider .list-product .clockdiv:before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  vertical-align: top;
  display: inline-block;
  position: absolute;
  left: 15px;
}
@media only screen and (max-width: 575px) {
  .hot-deal-slider .list-product .clockdiv:before {
    font-size: 20px;
    left: 5px;
  }
}
.hot-deal-slider .list-product .clockdiv:after {
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #d69700;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 0;
  z-index: 1;
}
.hot-deal-slider .list-product .clockdiv span {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hot-deal-slider .list-product .clockdiv span {
    font-size: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .hot-deal-slider .list-product .clockdiv span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .hot-deal-slider .list-product .clockdiv span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider .list-product .clockdiv span {
    font-size: 16px;
  }
}
.hot-deal-slider .list-product .clockdiv span p {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.hot-deal-slider .list-product .clockdiv span.cdown {
  position: relative;
  display: inline-block;
  text-align: center;
}
.hot-deal-slider .list-product .clockdiv span.cdown:after {
  content: ":";
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .hot-deal-slider .list-product .clockdiv span.cdown:after {
    font-size: 16px;
  }
}
.hot-deal-slider .list-product .clockdiv span.cdown:last-child:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hot-deal-slider .list-product .clockdiv {
    display: inline-block;
  }
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider .list-product .clockdiv {
    display: block !important;
  }
}

.hot-deal-slider-2 .slick-list {
  margin: 0px -15px;
}
.hot-deal-slider-2 .slick-list .arrval-slider-item {
  padding: 15px;
}
.hot-deal-slider-2 .list-product .product-inner {
  display: grid;
  grid-template-columns: 45% auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-deal-slider-2 .list-product .product-inner {
    grid-template-columns: 35% auto;
  }
}
@media only screen and (max-width: 767px) {
  .hot-deal-slider-2 .list-product .product-inner {
    grid-template-columns: 35% auto;
  }
}
@media only screen and (max-width: 700px) {
  .hot-deal-slider-2 .list-product .product-inner {
    display: block;
    grid-template-columns: 100%;
  }
}
.hot-deal-slider-2 .list-product .product-inner .product-decs {
  padding-left: 30px;
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider-2 .list-product .product-inner .product-decs {
    padding-left: 15px;
  }
}
.hot-deal-slider-2 .list-product .product-inner .product-decs .desc-inner {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAACCAYAAABPJGxCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBFOTNCNTM1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBFOTNCNTQ1Rjc2MTFFQUJFNEQ4NUYxMkRGQ0E3NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEU5M0I1MTVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEU5M0I1MjVGNzYxMUVBQkU0RDg1RjEyREZDQTc0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuI5/30AAAAvSURBVHjaYmBgYJAHYj0G3EAPqgYbIErv////GdAxC1CCH4hF8WjGJ0e2XoAAAwC9ABCcnF4JNgAAAABJRU5ErkJggg==) repeat-x left bottom;
  padding-bottom: 30px;
  padding-left: 15px;
}
.hot-deal-slider-2 .list-product .product-inner .pricing-meta {
  position: relative;
}
.hot-deal-slider-2 .list-product .product-inner .product-list-decs {
  font-size: 16px;
  line-height: 24px;
  display: block;
  color: #8b4110;
  font-weight: 700;
  margin-top: 25px;
}
.hot-deal-slider-2 .list-product .product-inner .product-list-decs ul li {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: block;
  color: #8b4110;
  font-weight: 700;
  padding-left: 15px;
  font-style: normal;
}
.hot-deal-slider-2 .list-product .product-inner .product-list-decs ul li:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  background: #8b4110;
  content: "";
  border-radius: 50%;
}
.hot-deal-slider-2 .list-product .clockdiv {
  position: relative;
  left: -15px;
  bottom: -1px;
  line-height: 1;
  display: inline-block;
  background: #f2ab00;
  padding: 7px 15px 7px 50px;
  border-radius: 0 30px 30px 0;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hot-deal-slider-2 .list-product .clockdiv {
    padding: 7px 15px 7px 45px;
  }
}
.hot-deal-slider-2 .list-product .clockdiv:before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  vertical-align: top;
  display: inline-block;
  position: absolute;
  left: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hot-deal-slider-2 .list-product .clockdiv:before {
    left: 10px;
  }
}
.hot-deal-slider-2 .list-product .clockdiv:after {
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #d69700;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  bottom: -12px;
  left: 0;
  z-index: 1;
}
.hot-deal-slider-2 .list-product .clockdiv span {
  display: inline-block;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hot-deal-slider-2 .list-product .clockdiv span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider-2 .list-product .clockdiv span {
    font-size: 16px;
  }
}
.hot-deal-slider-2 .list-product .clockdiv span p {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.hot-deal-slider-2 .list-product .clockdiv span.cdown {
  position: relative;
  display: inline-block;
  text-align: center;
}
.hot-deal-slider-2 .list-product .clockdiv span.cdown:after {
  content: ":";
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
}
.hot-deal-slider-2 .list-product .clockdiv span.cdown:last-child:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hot-deal-slider-2 .list-product .clockdiv {
    display: inline-block;
  }
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider-2 .list-product .clockdiv {
    display: block !important;
  }
}

.hot-deal-slider-wrapper-3 .slick-list {
  padding: 0px 15px;
  background: #fff;
}
.hot-deal-slider-wrapper-3 .list-product .clockdiv {
  padding: 10px 0 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-slider-wrapper-3 .list-product .clockdiv {
    font-size: 14px;
  }
}
.hot-deal-slider-wrapper-3 .list-product .clockdiv span {
  display: inline-block;
  text-align: center;
  margin-left: 2px;
}
.hot-deal-slider-wrapper-3 .list-product .clockdiv span p {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 8px;
}
.hot-deal-slider-wrapper-3 .list-product .clockdiv span span.cdown-1 {
  line-height: 42px;
  width: 42px;
  background: #e8e8e8;
  display: block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  color: #222;
  text-align: center;
  font-weight: 500;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-deal-slider-wrapper-3 .list-product .clockdiv span span.cdown-1 {
    width: 31px;
    height: 31px;
    line-height: 31px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-slider-wrapper-3 .list-product .clockdiv span span.cdown-1 {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .hot-deal-slider-wrapper-3 .list-product .clockdiv span span.cdown-1 {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .hot-deal-slider-wrapper-3 .list-product .clockdiv {
    display: inline-block;
  }
}
@media only screen and (max-width: 479px) {
  .hot-deal-slider-wrapper-3 .list-product .clockdiv {
    display: block !important;
  }
}
.hot-deal-slider-wrapper-3 .list-product:hover .product-inner {
  box-shadow: none;
}
.hot-deal-slider-wrapper-3 .list-product .product-decs {
  padding: 15px 0px 0px 15px;
  display: grid;
  align-items: center;
  align-self: center;
}
.hot-deal-slider-wrapper-3 .list-product .product-decs p {
  line-height: 24px;
  margin-top: 21px;
  margin-bottom: 5px;
}
.hot-deal-slider-wrapper-3 .list-product .product-decs .pricing-meta {
  margin: 15px 0 5px;
}
.hot-deal-slider-wrapper-3 .list-product .product-decs h2 a {
  font-size: 16px;
}
.hot-deal-slider-wrapper-3 .list-product .product-inner {
  display: grid;
  grid-template-columns: 50% auto;
}
@media only screen and (max-width: 575px) {
  .hot-deal-slider-wrapper-3 .list-product .product-inner {
    grid-template-columns: 100%;
  }
}
.hot-deal-slider-wrapper-3 .slick-active {
  animation: slickZoomIn 1s;
}

.category-tab-slider-area .box-tab {
  text-align: center;
}
.category-tab-slider-area .box-tab .nav-tabs {
  border-bottom: 0px solid #dee2e6;
  line-height: 1;
  position: relative;
  text-align: center;
  margin-bottom: 60px;
  z-index: 2;
  display: inline-block;
}
.category-tab-slider-area .box-tab li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  color: #666;
  margin: 0 42px;
}
@media only screen and (max-width: 767px) {
  .category-tab-slider-area .box-tab li {
    margin: 0 25px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .category-tab-slider-area .box-tab li {
    margin: 0 10px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .category-tab-slider-area .box-tab li {
    margin: 0 5px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-tab-slider-area .box-tab li {
    margin: 0 25px;
  }
}
.category-tab-slider-area .box-tab li a.active span img {
  border-color: #f2ab00;
  background: #fff;
}
.category-tab-slider-area .box-tab li a.active span.pat-name {
  color: #f2ab00;
}
.category-tab-slider-area .box-tab li a span img {
  border: 3px solid transparent;
  border-radius: 100%;
  display: inline-block;
  width: 120px;
  height: 120px;
  background: #e6e6e6;
  overflow: hidden;
  margin-bottom: 15px;
  transition: all 300ms linear;
}
@media only screen and (max-width: 767px) {
  .category-tab-slider-area .box-tab li a span img {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .category-tab-slider-area .box-tab li a span img {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .category-tab-slider-area .box-tab li a span img {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
  }
}
.category-tab-slider-area .box-tab li a span.pat-name {
  display: block;
  transition: all 300ms linear;
}
.category-tab-slider-area .box-tab li a:hover span img {
  border-color: #f2ab00;
  background: #fff;
}
.category-tab-slider-area .box-tab li a:hover span.pat-name {
  color: #f2ab00;
}
.category-tab-slider-area .box-tab li:first-child {
  margin-left: 0;
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs {
  margin-bottom: 0;
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li {
  margin: 0;
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a {
  margin: 0;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  font-size: 40px;
  color: #333;
  padding: 0 30px;
  transition: all 300ms linear;
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a:hover {
  color: #f2ab00;
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a.active {
  color: #f2ab00;
}
@media only screen and (max-width: 767px) {
  .category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a {
    font-size: 24px;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  .category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a {
    font-size: 20px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 479px) {
  .category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a {
    font-size: 15px;
    padding: 0 9px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li a {
    font-size: 30px;
    padding: 0 20px;
  }
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li:first-child a {
  padding-left: 0;
}
.category-tab-slider-area .box-tab.box-tab-2 .nav-tabs li:last-child a {
  padding-right: 0;
}

.arrival-slider .slick-list {
  margin: 0px -15px;
}
.arrival-slider .slick-list .arrval-slider-item {
  padding: 15px;
}

.brand-slider .brand-slider-item {
  overflow: hidden;
  position: relative;
}
.brand-slider .brand-slider-item img {
  transition: all 300ms linear;
  margin: auto;
}
.brand-slider .brand-slider-item:hover img {
  transform: scale(1.05) rotate(0.05deg);
}

.brand-slider-2 {
  padding: 35px 0px;
  background: #ffffff;
}
.brand-slider-2 .brand-slider-item img {
  filter: gray;
  -webkit-filter: grayscale(1);
  transition: all 300ms linear;
  margin: auto;
  opacity: 0.5;
}
.brand-slider-2 .brand-slider-item:hover img {
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .section-title h2 {
    padding: 0;
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .section-title:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .slider-nav-style-1 .slick-arrow {
    top: -45px;
  }
}

.footer-area {
  color: #fff;
  background:#808080;
}
.footer-area .footer-top {
  padding: 100px 0 80px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-area .footer-top {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.footer-area .footer-top .single-wedge h4 {
  font-size: 28px;
  text-transform: capitalize;
  margin-bottom: 30px;
  position: relative;
  color: #fff;
}
.footer-area .footer-top .single-wedge p {
  line-height: 28px;
}
.footer-area .footer-top .single-wedge .need_help p {
  color: #ccc;
  font-size: 18px;
  position: relative;
  padding-left: 48px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-area .footer-top .single-wedge .need_help p {
    font-size: 14px;
    padding-left: 40px;
  }
}
.footer-area .footer-top .single-wedge .need_help p a {
  color: #ccc;
}
.footer-area .footer-top .single-wedge .need_help p a:hover {
  color: #f2ab00;
}
.footer-area .footer-top .single-wedge .need_help p:before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #f2ab00;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-area .footer-top .single-wedge .need_help p:before {
    font-size: 24px;
  }
}
.footer-area .footer-top .single-wedge .need_help p.add:before {
  content: "";
}
.footer-area .footer-top .single-wedge .need_help p.phone:before {
  content: "";
}
.footer-area .footer-top .single-wedge .need_help p.mail:before {
  content: "";
}
.footer-area .footer-top .single-wedge .social_follow {
  position: relative;
  margin-top: 30px;
}
.footer-area .footer-top .single-wedge .social_follow ul li {
  display: inline-block;
  margin: 0 15px 15px 0;
  line-height: 1;
  padding: 0;
}
.footer-area .footer-top .single-wedge .social_follow ul li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color:#808080;
  background: #fff;
  font-size: 0;
  padding: 0;
  line-height: 65px;
  width: 65px;
  height: 65px;
  border-radius: 100%;
  text-align: center;
  border: none;
  z-index: 1;
  transition: all 300ms linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-area .footer-top .single-wedge .social_follow ul li a {
    line-height: 30px;
    width: 30px;
    height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .single-wedge .social_follow ul li a {
    width:30px;
    height: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-area .footer-top .single-wedge .social_follow ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.footer-area .footer-top .single-wedge .social_follow ul li a:before {
  padding: 0 !important;
  font-size: 32px;
  display: inline-block;
  font-family: "Line Awesome Brands";
  font-weight: 900;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .single-wedge .social_follow ul li a:before {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-area .footer-top .single-wedge .social_follow ul li a:before {
    font-size: 20px;
  }
}
.footer-area .footer-top .single-wedge .social_follow ul li a:hover {
  color: #ffffff !important;
  background: #279e0ff5;
}
.footer-area .footer-top .single-wedge .social_follow ul li.youtube a:before {
  content: "";
}
.footer-area .footer-top .single-wedge .social_follow ul li.twitter a:before {
  content: "";
}
.footer-area .footer-top .single-wedge .social_follow ul li.facebook a:before {
  content: "";
}
.footer-area .footer-top .single-wedge .social_follow ul li:last-child {
  margin: 0;
}


body.offcanvas-open {
  overflow: hidden;
}

.offcanvas {
  font-size: 14px;
  font-weight: 400;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: auto;
  display: block;
  overflow: auto;
  width: 400px;
  height: 100%;
  padding: 20px;
  transition: all 0.5s ease 0s;
  transform: translateX(100%);
  background-color: #fff;
  box-shadow: none;
}
@media only screen and (max-width: 479px) {
  .offcanvas {
    width: 300px;
  }
}
.offcanvas .inner {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.offcanvas .inner .head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.offcanvas .inner .head .title {
  color: #333;
  font-weight: 700;
  font-size: 16px;
}
.offcanvas .inner .head .offcanvas-close {
  position: relative;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  border: 0;
  background-color: transparent;
}
.offcanvas .inner .head .offcanvas-close::after {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 20px;
  height: 2px;
  content: "";
  transition: all 0.5s ease 0s;
  transform: rotate(-45deg);
  background-color: #f2ab00;
}
.offcanvas .inner .head .offcanvas-close::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 20px;
  height: 2px;
  content: "";
  transition: all 0.5s ease 0s;
  transform: rotate(45deg);
  background-color: #f2ab00;
}
.offcanvas .inner .head .offcanvas-close:hover:before {
  transform: rotate(180deg);
}
.offcanvas .inner .head .offcanvas-close:hover:after {
  transform: rotate(0deg);
}
.offcanvas .inner .top-header-mobile {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0px 0 20px 0;
}
.offcanvas .inner .top-header-mobile .contact-link {
  line-height: 1;
}
.offcanvas .inner .top-header-mobile .contact-link .data {
  display: inline-block;
  vertical-align: top;
  color: #499f86;
  position: relative;
  margin: 10px 0;
}
.offcanvas .inner .top-header-mobile .contact-link .data.phone a {
  color: #499f86;
  font-size: 16px;
  line-height: 15px;
  padding: 0 20px;
  position: relative;
  display: inline-block;
}
.offcanvas .inner .top-header-mobile .contact-link .data.phone a i {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 7px;
}
.offcanvas .inner .top-header-mobile .contact-link .data.phone a:hover {
  color: #f2ab00;
}
.offcanvas .inner .top-header-mobile .wishlist-top {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  line-height: 20px;
  height: 20px;
}
.offcanvas .inner .top-header-mobile .wishlist-top a {
  font-weight: 400;
  color: #499f86;
  background: transparent;
  text-shadow: none;
  cursor: pointer;
  line-height: 20px;
  font-size: 16px;
  display: inline-block;
  text-transform: capitalize;
}
.offcanvas .inner .top-header-mobile .wishlist-top a i {
  vertical-align: -1px;
  display: inline-block;
  margin-right: 7px;
}
.offcanvas .inner .top-header-mobile .wishlist-top a:hover {
  color: #f2ab00;
}
.offcanvas .inner .top-header-mobile .compare-top {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  line-height: 20px;
  height: 20px;
}
.offcanvas .inner .top-header-mobile .compare-top a {
  font-weight: 400;
  color: #499f86;
  background: transparent;
  text-shadow: none;
  cursor: pointer;
  line-height: 20px;
  font-size: 16px;
  display: inline-block;
  text-transform: capitalize;
}
.offcanvas .inner .top-header-mobile .compare-top a i {
  vertical-align: -1px;
  display: inline-block;
  margin-right: 7px;
}
.offcanvas .inner .top-header-mobile .compare-top a:hover {
  color: #f2ab00;
}
.offcanvas .inner .offcanvas-userpanel ul li {
  display: block;
  background: transparent;
  width: 100%;
  text-align: left;
  display: block;
  color: #499f86;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  cursor: pointer;
  text-transform: uppercase;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a {
  color: #499f86;
  display: block;
  border-top: 1px solid #eee;
  padding: 5px 20px;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a img {
  margin-right: 5px;
  vertical-align: -1px;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a i {
  float: right;
  transform: translate(0px, 7px);
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover {
  color: #f2ab00;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu {
  display: none;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a {
  display: block;
  padding-left: 30px;
  color: #333;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover {
  color: #f2ab00;
}
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a.current {
  color: #f2ab00;
}
.offcanvas .inner .menu-close {
  background: #333;
  color: #fff;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  pointer-events: none;
  position: relative;
}
.offcanvas .inner .menu-close i {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
}
.offcanvas .inner .offcanvas-menu ul li {
  position: relative;
  display: block;
  line-height: 28px;
}
.offcanvas .inner .offcanvas-menu ul li a {
  display: block;
  padding: 5px 20px;
  text-transform: capitalize;
  color: #333;
  border-top: 1px solid #eee;
  font-size: 14px;
  font-weight: 700;
}
.offcanvas .inner .offcanvas-menu ul li .sub-menu {
  position: static;
  top: auto;
  display: none;
  visibility: visible;
  width: 100%;
  min-width: auto;
  padding: 0;
  transition: none;
  opacity: 1;
  box-shadow: none;
}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li {
  line-height: inherit;
  position: relative;
}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li a {
  text-transform: capitalize;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 50px;
  display: block;
  border-top: 1px solid #eee;
}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li:last-child > a {
  border-bottom: 0px solid #eee;
}
.offcanvas .inner .offcanvas-menu ul li .menu-expand {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 20px;
  width: 24px;
  height: 44px;
  cursor: pointer;
  background-color: transparent;
}
.offcanvas .inner .offcanvas-menu ul li:hover > a {
  color: #f2ab00;
}
.offcanvas .inner .offcanvas-menu ul li:hover > span.menu-expand:before {
  background: #f2ab00;
}
.offcanvas .inner .offcanvas-menu ul li:hover > span.menu-expand:after {
  background: #f2ab00;
}
.offcanvas .inner .offcanvas-menu ul li:last-child > a {
  border-bottom: 1px solid #eee;
}
.offcanvas .inner .offcanvas-social li {
  display: inline-block;
  margin: 0 10px 10px 0;
  line-height: 40px;
  padding: 0;
}
.offcanvas .inner .offcanvas-social li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background: #f2ab00;
  font-size: 16px;
  padding: 0;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  border: none;
  z-index: 1;
  transition: all 300ms linear;
}
.offcanvas .inner .offcanvas-social li a:hover {
  background: #1d1d1d;
  Color: #fff;
}
.offcanvas .inner .offcanvas-social li:first-child {
  margin-left: 20px;
}
.offcanvas .inner .foot .buttons a {
  display: block;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 16px;
  border: none;
  color: #fff;
  box-shadow: none;
  padding: 10px 15px;
  line-height: 26px;
  border: none;
  background: #333;
  border-radius: 5px;
}
.offcanvas .inner .foot .buttons a:hover {
  background-color: #f2ab00;
  color: #fff;
}
.offcanvas .inner .foot .buttons .current-btn {
  background-color: #f2ab00;
  color: #fff;
}
.offcanvas .inner .foot .sub-total {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #eee;
  margin: 30px 0 0 0px;
}
.offcanvas .inner .foot .sub-total .table > :not(caption) > * > * {
  padding: 0;
  border: 0;
}
.offcanvas .inner .foot .sub-total .table > tbody > tr > td {
  border: none;
  padding: 0;
  color: #333;
  text-transform: capitalize;
  font-size: 20px;
  vertical-align: middle;
  font-weight: 700;
  line-height: 30px;
}
.offcanvas .inner .foot .sub-total .table > tbody > tr > td.theme-color {
  color: #f2ab00;
}
.offcanvas .inner .foot .sub-total .amount {
  color: #eb2606;
  font-weight: 700;
}
.offcanvas .inner .foot .minicart-message {
  margin-top: 30px;
  margin-bottom: 30px;
}

.offcanvas-menu > ul > li .menu-expand {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 24px;
  height: 44px;
  cursor: pointer;
  background-color: transparent;
}

.offcanvas.offcanvas-mobile-menu {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  padding: 0;
  width: 350px;
}
@media only screen and (max-width: 479px) {
  .offcanvas.offcanvas-mobile-menu {
    width: 300px;
  }
}

.offcanvas-menu > ul > li .menu-expand::before, .offcanvas-menu > ul > li .menu-expand::after {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 7px);
  width: 14px;
  height: 2px;
  content: "";
  transition: all 0.5s ease 0s;
  transform: scale(0.75);
  background-color: #333;
}

.offcanvas-menu > ul > li .menu-expand::after {
  transform: rotate(90deg) scale(0.75);
}

.offcanvas-menu > ul > li.active > .menu-expand::after {
  transform: rotate(0) scale(0.75);
}

.offcanvas-menu > ul > li .sub-menu li.active > .menu-expand::after {
  transform: rotate(0) scale(0.75);
}

.offcanvas.offcanvas-mobile-menu.offcanvas-open {
  transform: translateX(0);
}

.offcanvas.offcanvas-mobile-menu .inner .head {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.offcanvas.offcanvas-mobile-menu .inner .head .offcanvas-close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.offcanvas-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}

.offcanvas.offcanvas-open {
  transform: translateX(0);
}

.mobile-menu-toggle {
  font-size: 32px;
  margin-left: 12%;
}
.mobile-menu-toggle a {
  color: #f2ab00;
}

.minicart-product-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.minicart-product-list li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}
.minicart-product-list li .image {
  flex: 1 0 75px;
}
.minicart-product-list li .image img {
  max-width: 100%;
  border: 1px solid #ebebeb;
}
@media only screen and (max-width: 575px) {
  .minicart-product-list li .image {
    flex: 1 0 50px;
  }
}
.minicart-product-list li .content {
  position: relative;
  flex: 1 0 calc(100% - 150px);
  padding-left: 15px;
}
.minicart-product-list li .content .title {
  color: #300;
  font-size: 16px;
  font-weight: 700;
}
.minicart-product-list li .content .title:hover {
  color: #f2ab00;
}
.minicart-product-list li .content .quantity-price {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.minicart-product-list li .content .quantity-price .amount {
  color: #f2ab00;
  font-weight: 700;
  font-size: 18px;
}
.minicart-product-list li .content .remove {
  line-height: 1.5;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 3px;
  color: #222;
  font-size: 16px;
}
.minicart-product-list li .content .remove:hover {
  color: #eb2606;
}
@media only screen and (max-width: 575px) {
  .minicart-product-list li .content {
    flex: 1 0 calc(100% - 75px);
  }
}
.minicart-product-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.header-tools {
  position: relative;
}
.header-tools .cart-info.cart-style-2 a {
  color: #8b4110;
}
.header-tools .cart-info.cart-style-2 a span.item-count {
  color: #333;
  transition: all 300ms linear;
}
.header-tools .cart-info.cart-style-2 a:hover span.item-count {
  color: #f2ab00;
}
.header-tools .cart-info a {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  height: 50px;
  color: #fff;
  text-transform: uppercase;
  padding-left: 60px;
  padding-top: 10px;
}
.header-tools .cart-info a:hover {
  color: #f2ab00;
}
.header-tools .cart-info a i {
  font-size: 32px;
  line-height: 46px;
  width: 50px;
  height: 50px;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #f2ab00;
}
@media only screen and (max-width: 479px) {
  .header-tools .cart-info a i {
    font-size: 24px;
    line-height: 37px;
    width: 40px;
    height: 40px;
  }
}
.header-tools .cart-info a span {
  display: block;
  line-height: 20px;
}
.header-tools .cart-info a span.item-total {
  font-weight: 700;
}
.header-tools .cart-info a span.item-count {
  font-size: 14px;
  font-weight: 400;
}

.mobile-header .cart-info a span.item-total {
  display: none;
}
.mobile-header .cart-info a span.item-count {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 100%;
  font-weight: 700;
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 0px;
  color: #fff;
  background-color: #f2ab00;
}
@media only screen and (max-width: 479px) {
  .mobile-header .cart-info a span.item-count {
    top: 0px;
    right: 5px;
  }
}
.mobile-header .dropdown.float-right {
  float: right;
  padding-right: 0;
}
.mobile-header .dropdown.float-right::before {
  display: none;
}
.mobile-header .dropdown button {
  font-weight: 400;
  color: #f2ab00;
  background: transparent;
  text-shadow: none;
  cursor: pointer;
  line-height: 24px;
  font-size: 32px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 300ms linear;
}
.mobile-header .dropdown button i {
  font-size: 32px;
  line-height: 46px;
  width: 50px;
  height: 50px;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  border-radius: 100%;
  color: #f2ab00;
}
@media only screen and (max-width: 479px) {
  .mobile-header .dropdown button i {
    font-size: 24px;
    line-height: 37px;
    width: 40px;
    height: 40px;
  }
}
.mobile-header .dropdown button i.la-user {
  vertical-align: -3px;
  display: inline-block;
  margin-right: 8px;
}
.mobile-header .dropdown button img {
  margin-right: 5px;
  vertical-align: -1px;
}
.mobile-header .dropdown button:hover {
  color: #f2ab00;
}
.mobile-header .dropdown ul.dropdown-menu {
  margin: 0;
  top: 0% !important;
  left: auto !important;
  right: 0;
  min-width: 130px;
  overflow: hidden;
  padding: 0 15px;
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: 0 2px 9.4px 0.6px rgba(0, 0, 0, 0.06);
}
.mobile-header .dropdown ul.dropdown-menu li {
  display: block;
  padding: 0 10px;
  color: #333;
  line-height: 40px;
  font-size: 13px;
  border-bottom: 1px solid #e5e5e5;
}
.mobile-header .dropdown ul.dropdown-menu li a {
  height: auto;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 0;
  width: 100%;
}
.mobile-header .dropdown ul.dropdown-menu li a.current {
  color: #f2ab00;
}
.mobile-header .dropdown ul.dropdown-menu li a:hover {
  color: #f2ab00;
}
.mobile-header .dropdown ul.dropdown-menu li:last-child {
  border: 0;
}

.mobile-search-area {
  background: #fff;
  padding: 15px 0;
}
@media only screen and (max-width: 479px) {
  .mobile-search-area {
    padding: 15px 0;
  }
}
.mobile-search-area .search-element form {
  width: 100%;
  position: relative;
}
.mobile-search-area .search-element form input {
  padding: 10px 60px 10px 20px;
  height: 50px;
  line-height: 30px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  box-shadow: none;
  overflow: hidden;
  width: 100%;
  background: #efefef;
  color: #999;
  font-weight: 400;
}
.mobile-search-area .search-element form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 58px;
  display: inline-block;
  padding: 0;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 32px;
  text-transform: uppercase;
  border: 0;
  text-align: center;
  border-radius: 0 30px 30px 0;
  font-weight: 400;
  cursor: pointer;
  transition: all 300ms linear;
  background-color: #f2ab00;
}
.mobile-search-area .search-element form button:hover {
  background:#808080;
}
.mobile-search-area .search-element form button i {
  line-height: 50px;
  display: block;
}

.hero-side-category {
  width: 100%;
  position: relative;
}
.hero-side-category .category-toggle-wrap {
  width: 100%;
  margin-bottom: 15px;
}
.hero-side-category .category-toggle-wrap .category-toggle {
  padding: 15px 25px;
  margin: 0;
  border: none;
  background-color: transparent;
  color: #f2ab00;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
  text-align: left;
  outline: none;
  border: 1px solid #e9e9e9;
  margin-top: 15px;
}
.hero-side-category .category-toggle-wrap .category-toggle i {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  font-size: 18px;
  transform: translate(0px, 2px);
}
.hero-side-category .category-toggle-wrap .category-toggle:after {
  content: "";
  display: inline-block;
  font-size: 14px;
  font-family: "Ionicons";
  font-weight: 400;
  margin-left: 7px;
  float: right;
  transform: translateY(1px);
}
.hero-side-category .category-menu {
  background-color: #fff;
  float: left;
  width: 100%;
  left: 0;
  top: 100%;
  border: 1px solid #ebebeb;
  position: absolute;
  display: none;
  z-index: 9;
  height: 357px;
  overflow-x: auto;
  border-top: none;
  border-bottom: none;
}
.hero-side-category .category-menu li {
  display: block;
}
.hero-side-category .category-menu li .menu-item-has-children {
  position: relative;
}
.hero-side-category .category-menu li a {
  display: block;
  padding: 10px 25px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.hero-side-category .category-menu li a i {
  position: absolute;
  right: 30px;
}
.hero-side-category .category-menu li .category-mega-menu {
  display: none;
}
.hero-side-category .category-menu li .category-mega-menu a {
  padding: 10px 25px 10px 35px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  margin: 0;
  text-transform: inherit;
}
.hero-side-category .category-menu li #more-btn {
  font-weight: 700;
  padding-left: 45px;
}
.hero-side-category .category-menu li #more-btn i {
  right: auto;
  left: 30px;
}
.hero-side-category .category-menu li:hover > a {
  color: #f2ab00;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-dd-50px {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-md-30px {
    margin-bottom: 30px;
  }

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

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

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

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

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

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

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

  .pr-md-15px {
    padding-right: 15px !important;
  }

  .pl-md-15px {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb-lm-30px {
    margin-bottom: 30px;
  }

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

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

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

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

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

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

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

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

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

  .pr-lm-15px {
    padding-right: 15px !important;
  }

  .pl-lm-15px {
    padding-left: 15px !important;
  }

  .text-lm-center {
    text-align: center !important;
  }
}
@media only screen and (max-width: 575px) {
  .mb-sm-30px {
    margin-bottom: 30px;
  }

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

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

  .w-sm-100 {
    width: 100%;
  }
}
.name-category .category-banner {
  width: 100%;
  height: 430px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1199px) {
  .name-category .category-banner {
    height: 250px;
  }
}
.name-category .category-banner h2 {
  color: #fff;
  font-weight: 700;
  font-size: 52px;
  line-height: 1;
  text-transform: capitalize;
  margin: 0;
}

.breadcrumb-area {
  padding: 50px 0;
}
.breadcrumb-area .breadcrumb-content .nav {
  background: transparent;
  padding: 0 0 0 0;
  margin: 0;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}
.breadcrumb-area .breadcrumb-content .nav li {
  color: #f2ab00;
  line-height: 20px;
  font-weight: 700;
}
.breadcrumb-area .breadcrumb-content .nav li:after {
  color: #666;
  margin: 0 10px;
  vertical-align: -1px;
  content: "";
  font-family: "Ionicons";
}
.breadcrumb-area .breadcrumb-content .nav li a {
  display: inline-block;
  position: relative;
  color: #666;
  font-weight: 700;
}
.breadcrumb-area .breadcrumb-content .nav li a:hover {
  color: #f2ab00;
}
.breadcrumb-area .breadcrumb-content .nav li:last-child:after {
  display: none;
}

.shop-category-area .shop-top-bar {
  background: #fff;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
.shop-category-area .shop-top-bar nav.shop-grid-nav ul.nav.nav-pills li {
  margin-right: 15px;
}
.shop-category-area .shop-top-bar nav.shop-grid-nav ul.nav.nav-pills li.nav-item a.nav-link {
  font-size: 32px;
  line-height: 50px;
  background-color: transparent;
  float: left;
  line-height: 50px;
  height: 50px;
  cursor: pointer;
  color: #c4c4c4;
  background: transparent;
  transition: all 300ms linear;
  padding: 0;
}
.shop-category-area .shop-top-bar nav.shop-grid-nav ul.nav.nav-pills li.nav-item a.nav-link:hover {
  color: #f2ab00;
}
.shop-category-area .shop-top-bar nav.shop-grid-nav ul.nav.nav-pills li.nav-item a.nav-link.active {
  color: #f2ab00;
}
.shop-category-area .shop-top-bar nav.shop-grid-nav ul.nav.nav-pills li span.total-products {
  line-height: 30px;
  font-size: 16px;
  padding: 10px 5px;
  margin: 0;
  float: left;
  color: #333;
  font-weight: 700;
  text-transform: capitalize;
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  .shop-category-area .shop-top-bar nav.shop-grid-nav ul.nav.nav-pills li span.total-products {
    margin-left: 20px;
  }
}
.shop-category-area .shop-grid-button span.sort-by {
  min-width: 70px;
  font-weight: 700;
  line-height: 20px;
  font-size: 16px;
  padding: 5px;
  color: #333;
  margin-left: 50px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .shop-category-area .shop-grid-button span.sort-by {
    margin-left: 0px;
  }
}
.shop-category-area .shop-grid-button button {
  border: 1px solid #e5e5e5;
  padding: 10px 15px;
  line-height: 28px;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  border-radius: 30px;
  background: #efefef;
  color: #499f86;
  text-align: left;
  box-shadow: none;
  width: 80%;
}
.shop-category-area .shop-grid-button button.btn-dropdown {
  position: relative;
}
.shop-category-area .shop-grid-button .dropdown-menu {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  right: 15px;
  left: 15px;
  width: auto;
  text-align: right;
  box-shadow: none;
  max-width: 100%;
}
.shop-category-area .shop-grid-button .dropdown-menu.shop-grid-menu {
  background: #fff;
  width: calc(100% - 154px);
  border: 1px solid #ebebeb;
}
.shop-category-area .shop-grid-button .dropdown-menu.shop-grid-menu a.dropdown-item {
  line-height: 24px;
  font-size: 16px;
  padding: 3px 15px;
  color: #666;
}
.shop-category-area .shop-grid-button .dropdown-menu.shop-grid-menu a.dropdown-item:hover {
  color: #fff;
  background-color: #f2ab00;
}

.pro-pagination-style {
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  margin: 60px 0;
  color: #333;
}
.pro-pagination-style a {
  font-weight: 700;
  color: #333;
  padding: 0;
  height: 58px;
  line-height: 58px;
  background: #f6f6f6;
  font-size: 18px;
  display: inline-block;
  width: 58px;
  border-radius: 100%;
  text-align: center;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .pro-pagination-style a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .pro-pagination-style a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.pro-pagination-style a.active {
  color: #fff;
  background:#808080;
}
.pro-pagination-style a:hover {
  color: #fff;
  background:#808080;
}

.shop-list-wrap .list-product .in-stock {
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  color: #4a9e87;
  line-height: 1;
  display: block;
  margin-top: 30px;
}
.shop-list-wrap .list-product .in-stock span {
  color: #f2ab00;
}
.shop-list-wrap .list-product .pricing-meta {
  opacity: 1;
  transform: none !important;
  margin-bottom: 0px;
}
.shop-list-wrap .list-product .pricing-meta li {
  color: #f2ab00;
  font-size: 20px;
  font-weight: 700;
}
.shop-list-wrap .list-product .pricing-meta li.old-price {
  color: #96989c;
  font-weight: 400;
  margin-right: 5px;
  font-size: 14px;
  text-decoration: line-through;
}
.shop-list-wrap .list-product .add-to-link {
  margin-top: 0px;
  position: initial;
  left: -1px;
  right: -1px;
  width: 100%;
  background: #fff;
  padding: 0px;
  border: 0px solid #ebebeb;
  border-top: transparent;
  visibility: visible;
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  perspective: 0px;
  -webkit-perspective: 0px;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  text-align: left;
}
.shop-list-wrap .list-product .add-to-link li {
  display: inline-block;
}
.shop-list-wrap .list-product .add-to-link li a {
  display: block;
  text-align: center;
  text-transform: capitalize;
  font-size: 14px;
  border: none;
  margin-left: 10px;
  transform: scale(1);
  color: #333;
  display: inline-block;
  border: none;
  line-height: 50px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  padding: 0;
  font-size: 32px;
  text-align: center;
  text-transform: capitalize;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.shop-list-wrap .list-product .add-to-link li a:hover {
  color: #fff;
  background-color: #f2ab00;
}
.shop-list-wrap .list-product .add-to-link li:first-child a {
  margin: 0;
}
.shop-list-wrap .list-product .product-decs {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0;
  text-align: left;
  margin: 0 !important;
}
.shop-list-wrap .list-product .product-decs h2 a {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 30px;
}
.shop-list-wrap .list-product .product-decs .product-intro-info {
  display: block;
  padding: 20px 0;
  margin: 0;
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.shop-list-wrap .list-product .product-decs .product-intro-info ul li {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  display: block;
}
.shop-list-wrap .product-desc-wrap {
  margin-left: 5px;
  padding: 30px 0;
}
.shop-list-wrap .cart-btn {
  position: initial;
  opacity: 1;
}
.shop-list-wrap .cart-btn a.add-to-curt {
  padding: 0px 35px;
  line-height: 38px;
  font-weight: 500;
  position: static;
  transform: scale(1);
  width: auto;
  height: auto;
  border-radius: 5px;
  background: #222;
  color: #fff;
}

.shop-sidebar-wrap h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  color: #333;
  margin-bottom: 15px;
  position: relative;
  display: block;
  text-transform: capitalize !important;
}
.shop-sidebar-wrap h4 {
  display: block;
  clear: both;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  border: none;
  margin-bottom: 15px;
  line-height: 24px;
  text-transform: capitalize !important;
}
.shop-sidebar-wrap .sidebar-widget.header-menu .header-menu-vertical .menu-content {
  display: block;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li {
  align-items: center;
  position: relative;
  padding: 0 0 15px;
  display: block;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left {
  position: relative;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: auto;
  top: 6px;
  left: 1px;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
  border: 1px solid #499f86;
  border-radius: 3px;
  transition: all 300ms linear;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li .sidebar-widget-list-left .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 8px;
  border: solid #f2ab00;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  display: none;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li a {
  margin-left: 25px;
  display: block;
  color: #499f86;
  font-size: 16px;
  margin-top: 0;
  line-height: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li a {
    margin-left: 20px;
  }
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li a span {
  margin-left: 5px;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li:hover .checkmark {
  border-color: #f2ab00;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li:hover a {
  color: #f2ab00;
}
.shop-sidebar-wrap .sidebar-widget .sidebar-widget-list li:hover a span {
  color: #f2ab00;
}
.shop-sidebar-wrap .sidebar-widget-group .price-slider-amount {
  margin: 15px 0 0px;
}
.shop-sidebar-wrap .sidebar-widget-group .price-slider-amount input {
  color: #499f86;
  font-size: 16px;
}
.shop-sidebar-wrap .sidebar-widget-group .ui-widget-content {
  border: 1px solid #f2ab00;
}
.shop-sidebar-wrap .sidebar-widget-group .ui-slider-horizontal {
  height: 3px;
  margin: 20px 0 0;
}
.shop-sidebar-wrap .sidebar-widget-group .ui-widget-header {
  background: #f2ab00;
}
.shop-sidebar-wrap .sidebar-widget-group .ui-slider-handle {
  top: 50%;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 100%;
  outline: none;
  margin-top: -8px;
  border: 5px solid #f2ab00;
  cursor: pointer;
  transition: 0.3s;
}
.shop-sidebar-wrap .sidebar-widget-group .ui-slider-handle.ui-state-hover {
  background: #f2ab00;
}
.shop-sidebar-wrap .trending-slider-content .trending-slider-wrapper {
  margin: 0 -15px;
}
.shop-sidebar-wrap .trending-slider-content .slider-single-item {
  padding: 0 15px;
}
.shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product {
  padding: 20px 15px;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product .product-inner {
  display: grid;
  grid-template-columns: 76px auto;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product .product-inner {
    display: block;
  }
}
.shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product .product-inner .product-decs {
  padding-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product .product-inner .product-decs {
    padding-top: 20px;
  }
}
.shop-sidebar-wrap .trending-slider-content .slider-single-item .list-product .product-inner .product-decs h2 a {
  margin-bottom: 10px;
}

.right-sidebar .header-menu .header-menu-vertical .menu-content li ul.sub-menu.sub-menu-2 {
  left: auto;
  right: 100%;
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {
  display: block;
}

.sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left input:checked ~ .checkmark::after {
  display: none;
}

.sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
  border: 0;
}

.product-details-img.product-details-tab {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img.product-details-tab {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-img.product-details-tab {
    margin-bottom: 50px;
  }
}
.product-details-img.product-details-tab .zoompro-wrap.zoompro-2 {
  display: inline-block;
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.product-details-img.product-details-tab ul.product-flag li {
  position: absolute;
  top: 10px !important;
  left: 0px;
  display: inline-block;
  color: #fff;
  background: #499f86;
  padding: 0;
  width: 80px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 0 30px 30px 0;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(90deg);
  z-index: 1;
}
.product-details-img.product-details-tab ul.product-flag li:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #28705b;
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 0;
}

.product-dec-slider-2 {
  width: 90%;
  margin: auto;
  display: inline-block;
  float: left;
  transition: all 300ms linear;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .product-dec-slider-2 {
    margin-top: 30px;
  }
}
.product-dec-slider-2 .single-slide-item {
  margin: 0 5px;
  transition: all 300ms linear;
}
.product-dec-slider-2 .single-slide-item img {
  margin: auto;
  transition: all 300ms linear;
  border: 1px solid #e5e5e5;
}
.product-dec-slider-2 .single-slide-item img:hover {
  border: 1px solid #f2ab00;
}
.product-dec-slider-2 .single-slide-item.slick-slide.slick-current img {
  border: 1px solid #f2ab00;
}
.product-dec-slider-2 .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  transition: all 300ms linear;
  cursor: pointer;
}
.product-dec-slider-2 .slick-arrow i {
  font-size: 20px;
  color: #272727;
  transition: all 300ms linear;
}
.product-dec-slider-2 .slick-arrow i:hover {
  color: #f2ab00;
}
.product-dec-slider-2 .slick-arrow.next {
  right: -15px !important;
  left: auto;
}
.product-dec-slider-2 .slick-arrow.prev {
  left: -15px;
  right: auto;
}

.product-details-content h2 {
  color: #4a9e87;
  font-size: 40px;
  text-transform: capitalize;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 25px 0;
}
@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content h2 {
    font-size: 30px;
  }
}
.product-details-content p {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  margin: 0 0 12px;
}
.product-details-content .pro-details-rating-wrap {
  display: flex;
}
.product-details-content .pro-details-rating-wrap .rating-product {
  margin-right: 10px;
}
.product-details-content .pro-details-rating-wrap .rating-product i {
  color: #f2c31f;
  overflow: hidden;
  font-size: 20px;
}
@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-rating-wrap .rating-product i {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-rating-wrap .rating-product i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-rating-wrap .rating-product {
    margin-right: 5px;
  }
}
.product-details-content .pro-details-rating-wrap .read-review a {
  text-decoration: none;
  color: #333;
  position: relative;
  margin-left: 8px;
  line-height: 21px;
  padding: 0;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
}
.product-details-content .pro-details-rating-wrap .read-review a:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  margin-right: 6px;
  content: "";
}
.product-details-content .pro-details-rating-wrap .read-review a:hover {
  color: #f2ab00;
}
@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-rating-wrap .read-review a {
    font-size: 12px;
    margin-left: 3px;
  }
}
.product-details-content .pro-details-rating-wrap .read-review.write-review a:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  margin-right: 6px;
  content: "";
}
.product-details-content .pricing-meta {
  color: #f2ab00;
  line-height: 30px;
  margin-bottom: 25px;
  margin-top: 10px;
}
.product-details-content .pricing-meta li.old-price {
  font-weight: 400;
  line-height: 20px;
  color: #969696;
  font-size: 21px;
  text-decoration: line-through;
  margin-right: 10px;
}
.product-details-content .pricing-meta li.cuttent-price {
  margin-right: 10px;
  color: #8a400f;
  font-size: 40px;
  font-weight: 700;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pricing-meta li.cuttent-price {
    font-size: 32px;
  }
}
.product-details-content .pricing-meta li.discount-flag {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  padding: 0 10px 0 10px;
  background: #333;
  vertical-align: 4px;
  border-radius: 0;
  text-transform: capitalize;
}
.product-details-content .pro-details-list {
  display: inline-block;
  width: 100%;
}
.product-details-content .pro-details-list li {
  display: block;
  width: 100%;
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.product-details-content .pro-details-quality {
  display: inline-flex;
  margin: 30px 0;
  width: 100%;
}
.product-details-content .pro-details-quality .cart-plus-minus {
  border: 1px solid #e8e8e8;
  display: inline-block;
  height: 50px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 80px;
}
.product-details-content .pro-details-quality .cart-plus-minus .qtybutton {
  color: #232323;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 24px;
}
.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #232323;
  float: left;
  font-size: 14px;
  height: 48px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 80px;
  outline: none;
}
@media only screen and (max-width: 360px) {
  .product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
    width: 65px;
  }
}
.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
  height: 48px;
  padding-top: 14px;
  right: 0;
  top: 0;
}
.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
  height: 48px;
  left: 0;
  padding-top: 14px;
  top: 0;
}
.product-details-content .pro-details-quality .pro-details-cart a {
  position: relative;
  padding: 0 50px;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 30px;
  box-shadow: none;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 15px;
  background: #f2ab00;
  color: #fff;
}
.product-details-content .pro-details-quality .pro-details-cart a:hover {
  background-color: #1d1d1d;
}
@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 0 20px;
    font-size: 14px;
  }
}
.product-details-content .pro-details-wish-com {
  display: flex;
}
.product-details-content .pro-details-wish-com a {
  line-height: 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  color: #333;
  font-size: 32px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  background: transparent;
  margin-right: 15px;
  cursor: pointer;
  display: block;
  text-align: center;
  border-radius: 100%;
}
.product-details-content .pro-details-wish-com a:hover {
  color: #f2ab00;
}
.product-details-content .pro-details-social-info {
  display: flex;
  border-bottom: 1px solid #efefef;
  margin-top: 25px;
  padding-bottom: 12px;
}
.product-details-content .pro-details-social-info span {
  display: inline-block;
  float: left;
  margin-right: 10px;
  line-height: 30px;
  font-weight: 700;
  color: #333;
  font-size: 16px;
}
.product-details-content .pro-details-social-info .social-info a {
  display: inline-block;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #666;
  margin-right: 5px;
  white-space: normal;
  text-indent: 0;
  overflow: hidden;
  padding: 0;
  font-size: 24px;
  width: 30px;
}
.product-details-content .pro-details-social-info .social-info a:hover {
  color: #f2ab00;
}
.product-details-content .pro-details-policy {
  margin: 25px 0 20px;
}
.product-details-content .pro-details-policy li {
  margin: 10px 0;
  display: block;
  line-height: 36px;
}
.product-details-content .pro-details-policy li img {
  margin-right: 15px;
}
.product-details-content .pro-details-policy li span {
  font-size: 16px;
  color: #666;
  font-weight: 500 !important;
}
.product-details-content .pro-details-policy li:last-child {
  margin-bottom: 0;
}

.description-review-topbar.nav {
  border-bottom: none;
  position: relative;
  margin-bottom: 0;
  margin: auto;
  background: #fff;
  margin-top: 30px;
}
.description-review-topbar.nav a {
  border: 0;
  text-transform: uppercase;
  line-height: 30px;
  padding: 15px 70px;
  color: #333;
  margin-right: 2px;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  background: #e2e2e2;
  transition: all 300ms linear;
}
.description-review-topbar.nav a:hover {
  color: #fff;
  background:#808080;
}
.description-review-topbar.nav a.active {
  color: #fff;
  background:#808080;
}
@media only screen and (max-width: 767px) {
  .description-review-topbar.nav a {
    padding: 15px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-topbar.nav a {
    padding: 15px 40px;
  }
}
@media only screen and (max-width: 575px) {
  .description-review-topbar.nav a {
    padding: 15px 15px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  .description-review-topbar.nav a {
    padding: 15px 10px;
    font-size: 14px;
  }
}
.description-review-bottom {
  overflow: hidden;
  font-size: 16px;
  background: #fff;
  line-height: 24px;
  text-align: left;
  padding: 40px 30px 30px 30px;
  border: 1px solid #e5e5e5;
}
@media only screen and (max-width: 360px) {
  .description-review-bottom {
    padding: 40px 20px 30px 20px;
  }
}
.description-review-bottom .product-description-wrapper p {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 28px;
  color: #69696c;
  width: 84%;
}
@media only screen and (max-width: 767px) {
  .description-review-bottom .product-description-wrapper p {
    width: 100%;
  }
}
.description-review-bottom .product-anotherinfo-wrapper li {
  color: #69696c;
  font-size: 16px;
  list-style: outside none none;
  margin: 0 0 13px;
  display: block;
}
.description-review-bottom .product-anotherinfo-wrapper li span {
  color: #333;
  display: inline-block;
  font-weight: 500;
  margin: 0 26px 0 0;
  min-width: 85px;
}
.description-review-bottom .single-review {
  display: flex;
  margin: 0 0 50px;
}
.description-review-bottom .single-review .review-img {
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review .review-img {
    margin: 0px 0px 20px 0px;
  }
}
.description-review-bottom .single-review .review-top-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
  align-items: center;
}
.description-review-bottom .single-review .review-top-wrap .review-left {
  display: flex;
}
.description-review-bottom .single-review .review-top-wrap .review-left .review-name {
  margin-right: 25px;
}
@media only screen and (max-width: 360px) {
  .description-review-bottom .single-review .review-top-wrap .review-left .review-name {
    margin-right: 10px;
  }
}
.description-review-bottom .single-review .review-top-wrap .review-left .review-name h4 {
  font-size: 18px;
  margin: 0;
  line-height: 1;
  font-weight: 700;
}
.description-review-bottom .single-review .review-top-wrap .review-left .rating-product {
  line-height: 1;
  margin-bottom: 6px;
}
.description-review-bottom .single-review .review-top-wrap .review-left .rating-product i {
  overflow: hidden;
  font-size: 18px;
  color: #fdd835;
}
.description-review-bottom .single-review .review-top-wrap .review-left a {
  color: #333;
}
.description-review-bottom .single-review .review-top-wrap .review-left a:hover {
  color: #f2ab00;
}
.description-review-bottom .single-review .review-bottom p {
  margin: 0;
  width: 93%;
  font-size: 16px;
}
.description-review-bottom .single-review.child-review {
  margin-left: 70px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review.child-review {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review {
    display: block;
  }
}
.description-review-bottom .ratting-form-wrapper {
  padding-left: 50px;
}
.description-review-bottom .ratting-form-wrapper h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.description-review-bottom .ratting-form-wrapper .star-box {
  display: flex;
  margin: 6px 0 20px;
}
.description-review-bottom .ratting-form-wrapper .star-box span {
  margin: 0 15px 0 0;
  font-size: 15px;
  color: #333;
}
.description-review-bottom .ratting-form-wrapper .star-box i {
  overflow: hidden;
  font-size: 18px;
  color: #fdd835;
}
.description-review-bottom .ratting-form-wrapper .rating-form-style {
  margin-bottom: 10px;
}
.description-review-bottom .ratting-form-wrapper .rating-form-style input {
  height: 45px;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #1d1d1d;
  width: 100%;
  margin-bottom: 15px;
  outline: none;
  padding: 2px 10px 2px 20px;
  background: transparent;
  border: 1px solid #e6e6e6;
  color: #333;
  padding: 2px 10px 2px 20px;
}
.description-review-bottom .ratting-form-wrapper .rating-form-style textarea {
  background: transparent;
  border: 1px solid #e6e6e6;
  color: #333;
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
  width: 100%;
  outline: none;
}
.description-review-bottom .ratting-form-wrapper .form-submit input {
  padding: 0 55px !important;
  line-height: 48px;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  text-transform: uppercase;
  background: #f2ab00 !important;
  display: block;
  color: #fff !important;
  width: 200px;
  transition: all 300ms linear;
  border: 1px solid #e6e6e6;
}
.description-review-bottom .ratting-form-wrapper .form-submit input:hover {
  background: #1d1d1d !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-bottom .ratting-form-wrapper {
    margin-top: 50px;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .description-review-bottom .ratting-form-wrapper {
    margin-top: 50px;
    padding: 0;
  }
}

.single-product-slider-item img {
  border: 1px solid #ebebeb;
  transition: all 300ms linear;
  margin: auto;
  width: 100%;
}
.single-product-slider-item:hover img {
  border-color: #f2ab00;
}

.pro-details-size-color {
  margin: 20px 0 0px;
}
.pro-details-size-color .pro-details-color-wrap {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.pro-details-size-color .pro-details-color-wrap span {
  display: block;
  margin: 0 0 10px;
}
.pro-details-size-color .pro-details-color-wrap .pro-details-color-content li {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  margin-right: 15px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-size: contain;
  background: #fff;
}
.pro-details-size-color .pro-details-color-wrap .pro-details-color-content li.active {
  background-color: #434A54;
}
.pro-details-size-color .pro-details-color-wrap .pro-details-color-content li:hover {
  border: 2px solid #434A54;
}
.pro-details-size-color .product-size {
  margin-left: 20px;
}
.pro-details-size-color .product-size span {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}

.product-details-table.pro-details-quality {
  display: block;
  margin: 20px 0 0px 0;
}
.product-details-table .table {
  margin: 0;
}
.product-details-table .table tbody tr td {
  padding: 10px 15px;
  width: 33.33%;
  text-align: center;
  border: 1px solid #ebebeb;
  vertical-align: middle;
}
.product-details-table .table tbody tr td a {
  color: #888;
}

.product-details-img.product-details-tab.product-details-tab-2 {
  flex-direction: row;
}
.product-details-img.product-details-tab.product-details-tab-2 #gallery {
  flex: 0 0 15%;
  width: 15%;
}
.product-details-img.product-details-tab.product-details-tab-2 .zoompro-wrap-2.zoompro-2 {
  flex: 0 0 82%;
  width: 82%;
}
.product-details-img.product-details-tab.product-details-tab-2 .zoompro-wrap-2.zoompro-2 .slick-list {
  border: 1px solid #e5e5e5;
}
.product-details-img.product-details-tab.product-details-tab-2 .zoompro-wrap-2.zoompro-2 .slick-list img {
  width: 100%;
}

.product-dec-slider-3 {
  display: inline-block;
  float: left;
}
.product-dec-slider-3 .single-slide-item {
  margin: 5px 0;
  transition: all 300ms linear;
}
.product-dec-slider-3 .single-slide-item img {
  margin: auto;
  transition: all 300ms linear;
  border: 1px solid #e5e5e5;
}
.product-dec-slider-3 .single-slide-item img:hover {
  border: 1px solid #f2ab00;
}
.product-dec-slider-3 .single-slide-item.slick-slide img {
  width: 100%;
}
.product-dec-slider-3 .single-slide-item.slick-slide.slick-current img {
  border: 1px solid #f2ab00;
}
.product-dec-slider-3 .slick-arrow {
  position: absolute;
  transition: all 300ms linear;
  cursor: pointer;
  transform: rotate(90deg);
  left: 50%;
  margin-left: -3px;
}
.product-dec-slider-3 .slick-arrow i {
  font-size: 20px;
  color: #272727;
  transition: all 300ms linear;
}
.product-dec-slider-3 .slick-arrow i:hover {
  color: #f2ab00;
}
.product-dec-slider-3 .slick-arrow.next {
  bottom: -15px !important;
  top: auto;
  margin-bottom: -8px;
}
.product-dec-slider-3 .slick-arrow.prev {
  top: -15px;
  margin-top: -8px;
}

.product-details-area .single-product-slider .single-product-slider-wrapper.slick-initialized {
  margin-left: -15px;
  margin-right: -15px;
}
.product-details-area .single-product-slider .single-product-slider-wrapper.slick-initialized .single-product-slider-item {
  padding: 15px;
}

.single-product-gallery .single-product-slider-item {
  width: 50%;
}

.single-product-sticky .single-product-slider-item {
  width: 100%;
  text-align: center;
}

.product-details-content.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
  left: 0;
  width: 100%;
}

.cart-main-area h3.cart-page-title {
  color: #333;
  text-align: left;
  font-size: 24px;
  line-height: 16px;
  font-style: normal;
  text-transform: none;
  margin: 0 0 30px;
  font-weight: 700;
}
.cart-main-area .table-content table {
  border: 1px solid #ebebeb;
  width: 100%;
}
.cart-main-area .table-content table thead > tr {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
}
.cart-main-area .table-content table thead > tr > th {
  border-top: medium none;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.cart-main-area .table-content table tbody > tr {
  border-bottom: 1px solid #ebebeb;
}
.cart-main-area .table-content table tbody > tr td {
  color: #666;
  font-size: 15px;
  padding: 30px 0;
  text-align: center;
}
.cart-main-area .table-content table tbody > tr td.product-thumbnail {
  width: 150px;
  padding-left: 30px;
}
.cart-main-area .table-content table tbody > tr td.product-name {
  width: 435px;
}
.cart-main-area .table-content table tbody > tr td.product-name a {
  color: #666;
  font-size: 15px;
  font-weight: 700;
}
.cart-main-area .table-content table tbody > tr td.product-price-cart {
  width: 435px;
}
.cart-main-area .table-content table tbody > tr td.product-quantity {
  width: 435px;
}
.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus {
  display: inline-block;
  height: 40px;
  padding: 0;
  position: relative;
  width: 110px;
}
.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus .dec.qtybutton {
  border-right: 1px solid #e5e5e5;
  height: 40px;
  left: 0;
  padding-top: 8px;
  top: 0;
}
.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus .inc.qtybutton {
  border-left: 1px solid #e5e5e5;
  height: 40px;
  padding-top: 9px;
  right: 0;
  top: 0;
}
.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus .qtybutton {
  color: #666;
  cursor: pointer;
  float: inherit;
  font-size: 16px;
  margin: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 20px;
  text-align: center;
}
.cart-main-area .table-content table tbody > tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
  color: #666;
  float: left;
  font-size: 14px;
  height: 40px;
  margin: 0;
  width: 110px;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  padding: 0;
  text-align: center;
}
.cart-main-area .table-content table tbody > tr td.product-remove {
  width: 100px;
}
.cart-main-area .table-content table tbody > tr td.product-remove a {
  color: #666;
  font-size: 16px;
  margin: 0 10px;
}
.cart-main-area .table-content table tbody > tr td.product-remove a:hover {
  color: #f2ab00;
}
.cart-main-area .table-content table tbody > tr td.product-wishlist-cart > a {
  background-color: #f2ab00;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 12px;
  text-transform: uppercase;
}
.cart-main-area .table-content table tbody > tr td.product-wishlist-cart > a:hover {
  background-color: #1d1d1d;
}
.cart-main-area .cart-shiping-update-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 30px 0 60px;
}
.cart-main-area .cart-shiping-update-wrapper .cart-clear > button {
  border: medium none;
  cursor: pointer;
  margin-right: 27px;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .cart-main-area .cart-shiping-update-wrapper {
    display: block;
    padding: 30px 0 15px;
  }
}

.cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
  background-color: #f2f2f2;
  border-radius: 30px;
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 18px 63px 17px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a, .cart-shiping-update-wrapper .cart-clear > button, .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px;
    margin: 0 0 15px;
  }
}

.cart-shiping-update-wrapper .cart-shiping-update > a:hover, .cart-shiping-update-wrapper .cart-clear > button:hover {
  background-color: #f2ab00;
  color: #fff;
}

.cart-shiping-update-wrapper .cart-clear > a {
  background-color: #f2ab00;
  color: #fff;
}

.cart-shiping-update-wrapper .cart-clear > a:hover {
  background-color: #333;
  color: #fff;
}

.cart-tax, .discount-code-wrapper, .grand-totall {
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 45px 30px 50px;
}

.cart-tax .title-wrap, .discount-code-wrapper .title-wrap, .grand-totall .title-wrap {
  position: relative;
}

.cart-tax .title-wrap::before, .discount-code-wrapper .title-wrap::before, .grand-totall .title-wrap::before {
  background-color: #e3e1e1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}

.cart-tax .title-wrap h4.cart-bottom-title, .discount-code-wrapper .title-wrap h4.cart-bottom-title, .grand-totall .title-wrap h4.cart-bottom-title {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding-right: 18px;
  background-color: #f8f9f9;
  position: relative;
  z-index: 1;
  color: #333;
}

.cart-tax .tax-wrapper, .discount-code-wrapper .tax-wrapper, .grand-totall .tax-wrapper {
  margin-top: 22px;
}

.tax-select-wrapper {
  margin: 15px 0 0;
}
.tax-select-wrapper select {
  width: 100%;
  height: 42px;
  line-height: 42px;
  border: 1px solid #ebebeb;
  background: #fff;
  padding-left: 20px;
  border-radius: 5px;
}
.tax-select-wrapper input {
  width: 100%;
  height: 42px;
  line-height: 42px;
  border: 1px solid #ebebeb;
  background: #fff;
  padding-left: 20px;
  border-radius: 5px;
}
.tax-select-wrapper .tax-select {
  margin-bottom: 20px;
}
.tax-select-wrapper .tax-select label {
  color: #333;
  font-size: 14px;
  margin: 0 0 10px;
}
.tax-select-wrapper button.cart-btn-2 {
  background: #f2ab00;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 18px 58px;
  text-transform: uppercase;
  width: 100%;
}
.tax-select-wrapper button.cart-btn-2:hover {
  color: #fff;
  background: #333;
}

.discount-code-wrapper .title-wrap {
  margin-bottom: 22px;
}
.discount-code-wrapper .discount-code p {
  margin: 0 0 15px;
}
.discount-code-wrapper .discount-code input {
  background: #fff;
  border: 1px solid #ebebeb;
  height: 45px;
  margin-bottom: 30px;
  padding-left: 10px;
  outline: none;
  width: 100%;
  border-radius: 5px;
}
.discount-code-wrapper .discount-code button.cart-btn-2 {
  background: #f2ab00;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 18px 58px;
  text-transform: uppercase;
  width: 100%;
}
.discount-code-wrapper .discount-code button.cart-btn-2:hover {
  color: #fff;
  background: #333;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-code-wrapper .discount-code button.cart-btn-2 {
    padding: 18px 50px;
  }
}
@media only screen and (max-width: 479px) {
  .discount-code-wrapper .discount-code button.cart-btn-2 {
    padding: 18px 50px;
  }
}

.grand-totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
  font-weight: 400;
}
.grand-totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 700;
}
.grand-totall .total-shipping {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin: 0 0 27px;
  padding: 28px 0;
}
.grand-totall .total-shipping h5 {
  font-size: 14px;
  margin: 0;
}
.grand-totall .total-shipping ul {
  padding: 19px 0 0 0;
}
.grand-totall .total-shipping ul li {
  color: #242424;
  list-style: outside none none;
  margin: 0 0 6px;
  display: block;
}
.grand-totall .total-shipping ul li input {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 5px !important;
  color: #626262;
  cursor: pointer;
  height: 13px;
  margin-right: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 13px;
}
.grand-totall .total-shipping ul li span {
  float: right;
}
.grand-totall .grand-totall-title {
  color: #f2ab00;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 25px;
}
.grand-totall .grand-totall-title span {
  float: right;
}
.grand-totall a {
  background-color: #f2ab00;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.grand-totall a:hover {
  background-color: #333;
}

.billing-info-wrap h3 {
  font-weight: 700;
  color: #222;
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 16px;
}
.billing-info-wrap .billing-info input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  color: #666;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  width: 100%;
  outline: none;
  height: 45px;
}
.billing-info-wrap .billing-info input.billing-address {
  margin-bottom: 10px;
}
.billing-info-wrap .billing-info .checkout-account label {
  color: #666;
  font-weight: 400;
  margin: 0 0 0 12px;
}
.billing-info-wrap .billing-info .checkout-account input {
  border: 1px solid #e5e5e5;
  display: inline-block;
  float: left;
  height: 12px;
  width: 12px;
  margin-top: 7px;
  cursor: pointer;
}
.billing-info-wrap .billing-select select {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  color: #666;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  width: 100%;
  outline: none;
  height: 45px;
}
.billing-info-wrap .checkout-account-toggle input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  color: #666;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
  margin: 0 0 20px;
  width: 100%;
  height: 45px;
  outline: none;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn {
  background-color: #f2ab00;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 10px 30px;
  text-transform: uppercase;
  border-radius: 5px;
  z-index: 9;
}
.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
  background-color: #222;
}
.billing-info-wrap .additional-info-wrap {
  margin: 30px 0;
}
.billing-info-wrap .additional-info-wrap h4 {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin: 0 0 10px;
}
.billing-info-wrap .additional-info-wrap textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  color: #333;
  font-size: 14px;
  height: 138px;
  padding: 17px 20px;
  width: 100%;
  outline: none;
}

.your-order-area h3 {
  font-weight: 700;
  color: #222;
  margin: 0 0 30px;
  font-size: 24px;
  line-height: 16px;
}
.your-order-area .your-order-wrap {
  padding: 38px 45px 44px;
  background: #f6f6f6;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
  display: flex;
  justify-content: space-between;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
  font-size: 16px;
  font-weight: 700;
  list-style: outside none none;
  color: #333;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin: 29px 0;
  padding: 19px 0 18px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-middle li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin: 18px 0 33px;
  padding: 17px 0 19px;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {
  font-weight: 700;
  color: #f2ab00;
  font-size: 16px;
  list-style: outside none none;
}
.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total {
  font-weight: 700;
  color: #333333;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 38px 30px 44px;
  }
}
.your-order-area .payment-accordion {
  margin: 0 0 16px;
}
.your-order-area .payment-accordion:last-child {
  margin: 0 0 0;
}
.your-order-area .payment-accordion h4 a {
  color: #222;
  font-size: 16px;
  margin: 0;
  font-weight: 700;
}
.your-order-area .payment-accordion .panel-body {
  padding: 5px 0 0 0;
}
.your-order-area .payment-accordion .panel-body p {
  padding: 0 0 0 10px;
  font-size: 14px;
  color: #888;
  line-height: 24px;
}
.your-order-area .Place-order {
  margin-top: 25px;
}
.your-order-area .Place-order a {
  background-color: #f2ab00;
  color: #fff;
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  padding: 18px 20px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 30px;
  z-index: 9;
}
.your-order-area .Place-order a:hover {
  background-color: #222;
}

.open-toggle, .open-toggle2 {
  display: none;
}

.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eee;
}
.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eee;
}
.compare-table .table tbody tr td.first-column {
  min-width: 160px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin: 0;
  line-height: 1;
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 290px;
  vertical-align: bottom;
  padding-top: 70px;
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  display: block;
}
.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  font-size: 14px;
  line-height: 15px;
  color: #333;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  line-height: 20px;
  margin-bottom: 10px;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
  line-height: 24px;
}
.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
  position: relative;
  background-color: #f2ab00;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  width: 160px;
  padding: 14px 25px 14px 25px;
  transition: all 0.3s ease-in-out;
  outline: none;
  font-weight: 700;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: #333;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  outline: none;
  color: #333;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 22px;
  transition: all 0s ease-in-out;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #f2ab00;
}
.compare-table .table tbody tr td.pro-ratting i {
  font-size: 20px;
  color: #fdd835;
}

.login-register-wrapper .login-register-tab-list {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.login-register-wrapper .login-register-tab-list a {
  position: relative;
}
.login-register-wrapper .login-register-tab-list a:before {
  background-color: #000;
  bottom: 1px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-wrapper .login-register-tab-list a:hover h4 {
  color: #f2ab00 !important;
}
.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
  color: #333;
  line-height: 20px;
}
.login-register-wrapper .login-register-tab-list a:last-child:before {
  display: none;
}
.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
}
.login-register-wrapper .login-form-container .login-register-form input {
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #666;
  font-size: 14px;
  height: 45px;
  margin-bottom: 30px;
  padding: 0 15px;
  width: 100%;
  outline: none;
}
.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn {
  padding: 10px 0 19px;
}
.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn input[type=checkbox] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 17px;
}
.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn a {
  color: #333;
  float: right;
  font-size: 15px;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn a.flote-none {
  float: none !important;
}
.login-register-wrapper .login-form-container .login-register-form .button-box .login-toggle-btn a:hover {
  color: #f2ab00;
}
.login-register-wrapper .login-form-container .login-register-form .button-box button {
  background-color: #f2f2f2;
  border: medium none;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 11px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  outline: none;
  border-radius: 5px;
}
.login-register-wrapper .login-form-container .login-register-form .button-box button:hover {
  background-color: #f2ab00;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}

.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #f2ab00;
}

.single-my-account {
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
}
.single-my-account:last-child {
  margin-bottom: 0;
}
.single-my-account h3.panel-title {
  background-color: #f9f9f9;
  border-bottom: 1px solid #ebebeb;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  line-height: 2;
}
.single-my-account h3.panel-title span {
  color: #333;
  font-size: 14px;
  left: 20px;
  position: absolute;
  top: 16px;
}
@media only screen and (max-width: 767px) {
  .single-my-account h3.panel-title span {
    top: 10px;
  }
}
.single-my-account h3.panel-title a {
  color: #333;
  display: block;
  padding: 16px 55px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-my-account h3.panel-title a {
    padding: 12px 38px;
  }
}
@media only screen and (max-width: 575px) {
  .single-my-account h3.panel-title a {
    font-size: 12px;
  }
}
.single-my-account h3.panel-title a:before {
  content: "";
  display: inline-block;
  font-family: "Ionicons";
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -14px;
}
.single-my-account h3.panel-title a:hover {
  color: #f2ab00;
}
.single-my-account .myaccount-info-wrapper {
  padding: 30px 20px;
  background-color: #fff;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 28px;
  padding-bottom: 30px;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
  font-size: 14px;
  letter-spacing: 0.2px;
  margin-top: 7px;
  font-weight: 600;
  color: #333;
}
.single-my-account .myaccount-info-wrapper .account-info-wrapper .account-info-wrapper {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 28px;
  padding-bottom: 30px;
}
.single-my-account .myaccount-info-wrapper .billing-info {
  margin-bottom: 20px;
}
.single-my-account .myaccount-info-wrapper .billing-info label {
  color: #777;
  font-size: 14px;
  text-transform: capitalize;
}
.single-my-account .myaccount-info-wrapper .billing-info input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #777;
  height: 40px;
  padding: 0 15px;
  width: 100%;
  outline: none;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 26px;
  align-items: center;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
  font-size: 15px;
  color: #f2ab00;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a:hover {
  color: #f2ab00;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button {
  background-color: #f2f2f2;
  border: medium none;
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 35px 17px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  outline: none;
  border-radius: 5px;
}
.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button:hover {
  background-color: #f2ab00;
  color: #fff;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper {
  border: 1px solid #eaeaea;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper {
    padding: 30px 10px;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: #eaeaea;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper:before {
    display: none;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
  padding: 30px 20px;
}
@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
    padding: 0 10px 30px;
  }
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
  color: #777;
  font-size: 14px;
  margin: 0;
  text-transform: capitalize;
  line-height: 24px;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a {
  background-color: #F32013;
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin: 0 2px;
  padding: 12px 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a:hover {
  background-color: #f2ab00;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit {
  background-color: #333;
  font-weight: 700;
}
.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit:hover {
  background-color: #f2ab00;
}

.cart-heading h2 {
  color: rgb(212, 10, 10);
  text-align: left;
  font-size: 24px;
  line-height: 16px;
  font-style: normal;
  text-transform: none;
  margin: 0 0 30px;
  font-weight: 700;
}

.empty-text-contant i {
  font-size: 60px;
  color: #222;
}
.empty-text-contant h1 {
  font-size: 28px;
  color: #333;
  margin: 20px 0 20px;
  font-weight: 700;
}
@media only screen and (max-width: 575px) {
  .empty-text-contant h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 360px) {
  .empty-text-contant h1 {
    font-size: 15px;
  }
}
.empty-text-contant a.empty-cart-btn {
  padding: 15px 25px;
  display: inline-block;
  background: #f2ab00;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
  transition: 0.3s;
}
.empty-text-contant a.empty-cart-btn:hover {
  background-color: #333;
}
.empty-text-contant a.empty-cart-btn:hover i {
  transform: translate(-5px, 0px);
}
.empty-text-contant a.empty-cart-btn i {
  font-size: 16px !important;
  font-size: 18px;
  color: #fff;
  transition: 0.3s;
  display: inline-block;
}

.about-area .about-content h2 {
  font-weight: 700;
  margin: 0 0 15px;
  font-size: 40px;
}
@media only screen and (max-width: 479px) {
  .about-area .about-content h2 {
    font-size: 24px;
  }
}
.about-area .about-content p {
  line-height: 24px;
  color: #333;
  font-size: 16px;
}
.about-area .single-about h4 {
  font-size: 30px;
  font-weight: 700;
  color: #222;
  margin: 0 0 15px;
}
@media only screen and (max-width: 479px) {
  .about-area .single-about h4 {
    font-size: 24px;
  }
}
.about-area .single-about p {
  line-height: 24px;
  color: #333;
  font-size: 16px;
}

.service-area .box-option .text {
  position: relative;
  margin-bottom: 50px;
  padding-left: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area .box-option .text {
    margin-bottom: 30px;
    padding-left: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area .box-option .text {
    margin-bottom: 30px;
    padding-left: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .service-area .box-option .text {
    margin-bottom: 30px;
    padding-left: 90px;
  }
}
.service-area .box-option .text:before {
  content: "";
  width: 90px;
  height: 90px;
  background: #2c82b3;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 48px;
  color: #fff;
  text-align: center;
  line-height: 90px;
  transition: all 300ms linear;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area .box-option .text:before {
    width: 60px;
    height: 60px;
    font-size: 32px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area .box-option .text:before {
    width: 60px;
    height: 60px;
    font-size: 32px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .service-area .box-option .text:before {
    width: 60px;
    height: 60px;
    font-size: 32px;
    line-height: 60px;
  }
}
.service-area .box-option .text h4 {
  color: #333;
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  text-transform: capitalize;
  margin-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area .box-option .text h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area .box-option .text h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .service-area .box-option .text h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
.service-area .box-option .text p {
  color: #666;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-area .box-option .text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area .box-option .text p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .service-area .box-option .text p {
    font-size: 14px;
  }
}
.service-area .box-option .text:nth-child(2):before {
  background: #4a9e87;
  content: "";
}
.service-area .box-option .text:nth-child(3):before {
  background: #f2ab00;
  content: "";
}
.service-area .box-option .text:nth-child(4):before {
  background: #8b4110;
  content: "";
}
.service-area .box-option .text:hover:before {
  transform: scale(1.035) rotate(0.05deg);
  transition: all 300ms linear;
}
.service-area .box-option .text:last-child {
  margin-bottom: 0;
}

.main-blog-slider-wrapper .slick-list {
  margin: 0 -15px;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner {
  padding: 0 15px;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-image {
  position: relative;
  padding-bottom: 26px;
  overflow: hidden;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-image:hover img {
  transition: all 300ms linear;
  transform: scale(1.035) rotate(0.05deg);
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-image a {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  position: relative;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-image a img {
  width: 100%;
  transition: all 300ms linear;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content {
  text-align: left;
  position: relative;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.articles-name {
  font-size: 28px;
  line-height: 34px;
  color: #333;
  font-weight: 700;
  text-transform: none;
  position: relative;
  display: block;
}
@media only screen and (max-width: 575px) {
  .main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.articles-name {
    font-size: 24px;
    line-height: 32px;
  }
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.articles-name:hover {
  color: #f2ab00;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name {
  font-size: 16px;
  color: #999;
  margin: 5px 0 20px 0;
}
@media only screen and (max-width: 767px) {
  .main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name {
    line-height: 24px;
  }
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name a {
  color: #999;
  margin: 0 5px;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name a:hover {
  color: #f2ab00;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner .articles-intro p {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  display: inline-block;
  width: 100%;
  line-height: 24px;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.read-more {
  position: relative;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  line-height: 24px;
  color: #f2ab00;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.read-more i {
  font-size: 24px;
  vertical-align: top;
}
.main-blog-slider-wrapper .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.read-more:hover {
  padding-left: 10px;
}

.main-blog-slider-wrapper-2 {
  background-color: #ffffff;
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .main-blog-slider-wrapper-2 {
    padding: 15px 15px 0px 15px;
  }
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner {
    padding: 15px 15px 0px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner {
    padding: 15px 15px 15px 15px;
  }
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image {
  position: relative;
  padding-bottom: 26px;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image:hover img {
  transition: all 300ms linear;
  transform: scale(1.035) rotate(0.05deg);
  opacity: 0.7;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image a {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  position: relative;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image a img {
  width: 100%;
  transition: all 300ms linear;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image p.date-time-post {
  text-align: center;
  width: 116px;
  padding-top: 5px;
  position: absolute;
  background: url(../images/blog-image/bkg_date_blog.png) top center no-repeat;
  margin: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image p.date-time-post > span {
  width: 46px;
  height: 46px;
  text-align: center;
  background: #ea1b25;
  padding: 6px 0;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  display: inline-block;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image p.date-time-post > span span.date-post {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  display: block;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image p.date-time-post > span span.month-post {
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2px;
  display: block;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-image p.date-time-post > span span.year-post {
  display: none;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content {
  text-align: left;
  position: relative;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.articles-name {
  display: block;
  font-size: 18px;
  text-transform: capitalize;
  line-height: 24px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
  color: #333;
  font-weight: 400;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.articles-name:hover {
  color: #f2ab00;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name {
  display: inline-block;
  vertical-align: top;
  text-transform: none;
  margin: 0px 0 10px;
  color: #999999;
  font-size: 13px;
  position: relative;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name a {
  color: #333;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner p.author-name a:hover {
  color: #f2ab00;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner .articles-intro p {
  line-height: 24px;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.read-more {
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  margin-top: 25px;
  line-height: 38px;
  background: #333;
  color: #fff;
  padding: 0 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.main-blog-slider-wrapper-2 .blog-slider-item .blog-slider-inner .aritcles-content .content-inner a.read-more:hover {
  background-color: #f2ab00;
  color: #fff;
}

.left-sidebar .search-widget {
  position: relative;
}
.left-sidebar input {
  width: 100%;
  border: 1px solid #ebebeb;
  height: 45px;
  padding: 0 55px 0 20px;
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .left-sidebar input {
    font-size: 12px;
    padding-left: 10px;
  }
}
.left-sidebar button {
  position: absolute;
  width: 50px;
  height: 45px;
  left: auto;
  right: 0;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  border-radius: 0px 5px 5px 0px;
  background-color: #f2ab00;
  color: #fff;
}
.left-sidebar button:hover {
  background-color: #333;
}
.left-sidebar .category-post li {
  margin-bottom: 5px;
  display: block;
}
.left-sidebar .category-post li a {
  color: #333;
  line-height: 24px;
}
.left-sidebar .category-post li a:hover {
  color: #f2ab00;
}
.left-sidebar .category-post li:last-child {
  margin: 0;
}
.left-sidebar .recent-post-widget .recent-single-post {
  margin: 0 0 30px;
}
.left-sidebar .recent-post-widget .recent-single-post .thumb-side img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: center;
}
.left-sidebar .recent-post-widget .recent-single-post .media-side {
  margin: 0 0 0 18px;
  align-self: center;
  align-items: center;
  line-height: 24px;
}
.left-sidebar .recent-post-widget .recent-single-post .media-side a {
  font-size: 15px;
  color: #333;
  font-weight: 700;
}
.left-sidebar .recent-post-widget .recent-single-post .media-side a:hover {
  color: #f2ab00;
}
.left-sidebar .recent-post-widget .recent-single-post .media-side span {
  text-transform: capitalize;
  font-size: 14px;
  color: #333;
}

.single-blog-post {
  line-height: 24px;
}
.single-blog-post .blog-post-media {
  overflow: hidden;
}
.single-blog-post .blog-post-media .blog-image img {
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.single-blog-post .blog-post-media iframe {
  width: 100%;
  position: relative;
  border: 0px;
}
.single-blog-post .slick-slide:focus {
  outline: 0px none;
}
.single-blog-post .blog-gallery .slick-slide img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}
.single-blog-post .blog-gallery .slick-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  cursor: pointer;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 39px;
  background: #ebebeb;
  border-radius: 50%;
  color: #333;
}
.single-blog-post .blog-gallery .slick-arrow:hover {
  background-color: #f2ab00;
}
.single-blog-post .blog-gallery .slick-arrow:hover i {
  color: #fff;
}
.single-blog-post .blog-gallery .slick-arrow.next {
  left: auto;
  right: 0;
}
.single-blog-post .blog-gallery .slick-arrow i {
  font-size: 20px;
}
.single-blog-post .blog-gallery:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
  left: 20px;
}
.single-blog-post .blog-gallery:hover .slick-arrow.next {
  left: auto;
  right: 20px;
}

.single-blog-post.blog-list-post .blog-post-media .blog-image img {
  height: 300px;
}
.single-blog-post.blog-list-post .blog-post-media iframe {
  width: 100%;
  position: relative;
  height: 300px;
}
.single-blog-post.blog-list-post .blog-post-media .blog-gallery .slick-slide img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

.single-blog-page .single-blog-post .blog-image img {
  height: auto;
}

.blog-post-content-inner .blog-title a {
  font-size: 24px;
  font-weight: 700;
  color: #333;
}
.blog-post-content-inner .blog-title a:hover {
  color: #f2ab00;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}
.blog-post-content-inner .blog-page-meta {
  margin: 10px 0;
}
.blog-post-content-inner .blog-page-meta li {
  display: inline-block;
  position: relative;
}
.blog-post-content-inner .blog-page-meta li:first-child {
  margin-right: 15px;
}
.blog-post-content-inner .blog-page-meta li:first-child:after {
  position: absolute;
  top: 50%;
  right: -9px;
  left: auto;
  background: #555;
  content: "";
  width: 1px;
  height: 12px;
  margin-top: -6px;
}
.blog-post-content-inner .blog-page-meta li a {
  display: block;
  color: #333;
}
.blog-post-content-inner .blog-page-meta li a:hover {
  color: #f2ab00;
}
.blog-post-content-inner p {
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
  color: #333;
  line-height: 28px;
}
.blog-post-content-inner .read-more-btn {
  color: #333;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 1;
  position: relative;
  display: inline-block;
}
.blog-post-content-inner .read-more-btn i {
  color: #f2ab00;
  font-size: 16px;
  transition: all 300ms linear;
  transform: translate(2px, 2px);
  display: inline-block;
}
.blog-post-content-inner .read-more-btn:hover {
  padding-left: 10px;
  color: #f2ab00;
}

.single-post-content p {
  margin: 20px 0;
  color: #333;
  line-height: 28px;
}
.single-post-content p.quate-speech {
  margin-left: 100px;
  margin-right: 100px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 28px;
  font-style: italic;
  border-left: 3px solid #f2ab00;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .single-post-content p.quate-speech {
    margin-left: 50px;
    margin-right: 0;
  }
}

.blog-single-tags-share {
  margin-bottom: 35px;
  line-height: 24px;
}
.blog-single-tags-share span.title {
  font-weight: 700;
  color: #333;
}
.blog-single-tags-share .tag-list li {
  display: inline-block;
  margin-left: 5px;
  color: #333;
}
.blog-single-tags-share .tag-list li a {
  color: #333;
}
.blog-single-tags-share .tag-list li a:hover {
  color: #f2ab00;
}
.blog-single-tags-share .social li {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  color: #333;
}
.blog-single-tags-share .social li a {
  color: #333;
}
.blog-single-tags-share .social li a:hover {
  color: #f2ab00;
}

.blog-related-post {
  padding: 40px 0 30px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.blog-related-post .section-title h2 {
  font-size: 32px;
}
@media only screen and (max-width: 767px) {
  .blog-related-post .section-title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-related-post .section-title h2 {
    font-size: 24px;
  }
}
.blog-related-post .blog-title a {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-related-post .blog-title a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-related-post .blog-title a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-related-post .blog-title a {
    font-size: 20px;
  }
}
.blog-related-post img {
  width: 100%;
}

.comment-area {
  line-height: 24px;
  margin-top: 35px;
}
.comment-area h2.comment-heading {
  font-size: 24px;
  color: #333;
  text-transform: capitalize;
  line-height: 16px;
  font-weight: 700;
  margin: 0 0 40px;
}
.comment-area .single-review {
  display: flex;
  margin: 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .comment-area .single-review {
    display: block;
  }
}
.comment-area .single-review .review-img {
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .comment-area .single-review .review-img {
    margin: 0 0 20px 0;
  }
}
.comment-area .single-review .review-content {
  padding: 30px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}
.comment-area .single-review .review-content .review-top-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
  align-items: center;
}
.comment-area .single-review .review-content .review-top-wrap .review-left {
  display: flex;
}
.comment-area .single-review .review-content .review-top-wrap .review-left .review-name h4 {
  font-weight: 700;
  color: #333;
}
.comment-area .single-review .review-content .review-top-wrap .review-left a {
  color: #333;
}
.comment-area .single-review .review-content .review-top-wrap .review-left a:hover {
  color: #f2ab00;
}
.comment-area .single-review .review-content p {
  margin: 0;
  width: 93%;
  color: #222;
}
@media only screen and (max-width: 479px) {
  .comment-area .single-review .review-content p {
    width: 100%;
  }
}
.comment-area .single-review.child-review {
  margin-left: 70px;
}
@media only screen and (max-width: 767px) {
  .comment-area .single-review.child-review {
    margin-left: 0px;
  }
}

.blog-comment-form {
  line-height: 24px;
}
.blog-comment-form h2.comment-heading {
  font-size: 24px;
  color: #333;
  text-transform: capitalize;
  line-height: 16px;
  font-weight: 700;
  margin: 0 0 10px;
}
.blog-comment-form p {
  margin: 0 0 30px;
}
.blog-comment-form .single-form input, .blog-comment-form .single-form textarea {
  padding: 2px 10px 2px 20px;
  background: transparent;
  border: 1px solid #e6e6e6;
  color: #333;
  border-radius: 5px;
}
.blog-comment-form .single-form textarea {
  height: 180px;
  padding: 20px 10px 2px 20px;
  margin-bottom: 20px;
  width: 100%;
  outline: none;
}
.blog-comment-form .single-form input {
  height: 45px;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #253237;
  width: 100%;
  margin-bottom: 15px;
  outline: none;
}
.blog-comment-form .single-form input.submit {
  padding: 0 55px !important;
  line-height: 48px;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  text-transform: uppercase;
  background: #f2ab00 !important;
  display: block;
  color: #fff !important;
  width: 200px;
  transition: all 300ms linear;
  margin: 20px 0px 0px 0px;
}
.blog-comment-form .single-form input.submit:hover {
  background-color: #333 !important;
}

.main-blog-page .shop-sidebar-wrap .sidebar-widget {
  padding: 0;
}
.main-blog-page .shop-sidebar-wrap h3 {
  text-transform: capitalize;
  position: relative;
  margin-top: 0;
}
.main-blog-page .shop-sidebar-wrap h3:after {
  content: "";
  background: #e5e5e5;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
}
.main-blog-page .shop-sidebar-wrap h3 span {
  padding-right: 20px;
  font-size: 21px;
  line-height: 1;
  color: #333;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  background: #fff;
  z-index: 2;
  text-transform: capitalize !important;
  font-weight: 700;
}
.main-blog-page .shop-sidebar-wrap .sidebar-widget-tag li {
  line-height: 1;
  float: left;
  list-style: none;
}
.main-blog-page .shop-sidebar-wrap .sidebar-widget-tag li a {
  display: block;
  float: left;
  padding: 0 20px;
  font-size: 16px;
  line-height: 33px;
  color: #333;
  font-weight: 500;
  border: 1px solid #ebebeb;
  border-radius: 30px;
  background: #fff;
  margin: 4px;
  text-transform: capitalize;
}
.main-blog-page .shop-sidebar-wrap .sidebar-widget-tag li a:hover {
  background-color: #f2ab00;
  border-color: #f2ab00;
  color: #fff;
}
.main-blog-page .shop-sidebar-wrap .sidebar-widget-tag li:first-child a {
  margin-left: 0;
}

.pro-pagination-style.blog-pagination .pages {
  float: none;
}

.contact-area .contact-map {
  margin-bottom: 60px;
}
.contact-area .contact-map #map {
  height: 560px;
}
.contact-area .custom-row-2 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.contact-area .custom-row-2 div[class^=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.contact-area .custom-row-2 .contact-info-wrap {
  background-color: #f5f5f5;
  padding: 120px 70px 112px 90px;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-icon {
  margin-right: 20px;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-icon i {
  font-size: 20px;
  color: #333;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #252525;
  text-align: center;
  border-radius: 100%;
  transition: all 0.3s ease 0s;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info:hover .contact-icon i {
  background-color: #f2ab00;
  color: #fff;
  border-color: #f2ab00;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-info-dec p {
  line-height: 1;
  color: #333;
  margin: 0 0 9px;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-info-dec p a {
  color: #333;
}
.contact-area .custom-row-2 .contact-info-wrap .single-contact-info .contact-info-dec p a:hover {
  color: #f2ab00;
}
.contact-area .custom-row-2 .contact-info-wrap .contact-social h3 {
  font-weight: 700;
  color: #333;
  font-size: 30px;
  margin: 0 0 17px;
  line-height: 1;
}
.contact-area .custom-row-2 .contact-info-wrap .contact-social .social-info {
  margin-top: 30px;
}
.contact-area .custom-row-2 .contact-info-wrap .contact-social .social-info a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 24px;
  padding: 0;
  line-height: 36px;
  border-radius: 100%;
  text-align: center;
  border: none;
  z-index: 1;
  transition: all 300ms linear;
  margin-right: 15px;
}
.contact-area .custom-row-2 .contact-info-wrap .contact-social .social-info a:hover {
  color: #f2ab00;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 120px 20px 112px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 120px 20px 112px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 50px 30px 50px 30px;
  }
}
.contact-area .custom-row-2 .contact-form {
  background-color: #f5f5f5;
  padding: 50px 110px 50px 110px;
}
.contact-area .custom-row-2 .contact-form .contact-title h2 {
  font-size: 40px;
  font-weight: 700;
  color: #333;
  line-height: 1;
  margin-bottom: 36px;
  margin-left: -10px;
}
.contact-area .custom-row-2 .contact-form .contact-form-style input, .contact-area .custom-row-2 .contact-form .contact-form-style textarea {
  background: transparent;
  border: 1px solid #c1c1c1;
  height: 40px;
  padding: 2px 14px;
  margin-bottom: 30px;
  color: #000;
  width: 100%;
  outline: none;
  border-radius: 5px;
}
.contact-area .custom-row-2 .contact-form .contact-form-style textarea {
  padding: 20px 14px;
  margin-bottom: 0;
  height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-form .contact-form-style textarea {
    height: 130px;
  }
}
.contact-area .custom-row-2 .contact-form .contact-form-style button {
  border: none;
  background-color: #f2ab00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  padding: 15px 52px;
  margin-top: 33px;
  outline: none;
  transition: all 0.3s ease 0s;
  border-radius: 5px;
}
.contact-area .custom-row-2 .contact-form .contact-form-style button:hover {
  background: #333;
}
.contact-area .custom-row-2 .contact-form p {
  color: #333;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-form {
    padding: 50px 30px 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area .custom-row-2 .contact-form {
    padding: 50px 30px 50px 30px;
  }
}

.modal-dialog {
  margin: 0% auto;
  max-width: 960px;
  width: 960px;
  padding: 35px;
}
.modal-dialog .product-details-content {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.modal-dialog .product-details-content p.quickview-para {
  font-size: 14px;
  color: #1d1d1d;
  line-height: 24px;
  margin: 0px 0px 20px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog .product-details-content .pro-details-quality .pro-details-cart a {
    font-size: 14px;
    padding: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    max-width: 720px;
    width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 98%;
    max-width: 100%;
    padding: 35px 0;
    margin: auto 2%;
  }
}
.modal-dialog .gallery-thumbs {
  width: 90%;
  margin: auto;
}
.modal-dialog .gallery-thumbs .single-slide {
  margin: 0 5px;
  transition: all 300ms linear;
}
.modal-dialog .gallery-thumbs .single-slide img {
  margin: auto;
  transition: all 300ms linear;
}
.modal-dialog .gallery-thumbs .single-slide img:hover {
  border: 1px solid #f2ab00;
}
.modal-dialog .gallery-thumbs .single-slide.slick-slide.slick-current img {
  border: 1px solid #f2ab00;
}
.modal-dialog .gallery-thumbs .slick-arrow {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -8px;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  cursor: pointer;
}
.modal-dialog .gallery-thumbs .slick-arrow i {
  font-size: 20px;
  color: #272727;
  transition: all 300ms linear;
}
.modal-dialog .gallery-thumbs .slick-arrow i:hover {
  color: #f2ab00;
}
.modal-dialog .gallery-thumbs span.next.slick-arrow {
  left: auto;
  right: 0px;
}
.modal-dialog:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.modal-dialog:hover .slick-arrow.next {
  right: -15px !important;
}
.modal-dialog:hover .slick-arrow.prev {
  left: -15px;
}

.modal.fade {
  display: block !important;
  opacity: 0;
  visibility: hidden;
}

.modal.fade.show {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.testimonial-area {
  background:#808080;
  padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area {
    padding: 75px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-area {
    padding: 50px 0;
  }
}
.testimonial-area .testi-title {
  text-align: center;
}
.testimonial-area .testi-title h2 {
  margin: 0;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  display: block;
  font-size: 40px;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area .testi-title h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-area .testi-title h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .testimonial-area .testi-title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-area .testi-title h2 {
    font-size: 28px;
  }
}
.testimonial-area .testimonial-slider-wrapper {
  margin-top: 60px;
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item {
  text-align: center;
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .img_author {
  width: 140px;
  margin-bottom: 40px;
  display: inline-block;
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .des_testimonial {
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  text-transform: capitalize;
  color: #fff;
  max-width: 1100px;
  margin: auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .des_testimonial {
    font-size: 22px;
    line-height: 36px;
  }
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .des_inner {
  display: inline-block;
  text-align: left;
  padding-left: 80px;
  position: relative;
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .des_inner:before {
  content: "“";
  position: absolute;
  top: -15px;
  left: 0px;
  font-size: 120px;
  font-family: "Playfair Display", serif;
  color: #f2ab00;
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .des_inner .des_namepost {
  position: relative;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  display: block;
  text-transform: capitalize;
  display: inline-block;
  color: #f2ab00;
}
.testimonial-area .testimonial-slider-wrapper .testimonial-slider-item .des_inner .des_email {
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
  text-transform: uppercase;
  color: #fff;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper {
  padding: 0;
  margin-top: 30px;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .testimonial-content {
  background: #ea1b25;
  text-align: left;
  padding: 25px 20px;
  position: relative;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .testimonial-content a {
  color: #fff;
  margin-top: 37px;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .testimonial-content a:hover {
  color: #222;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .testimonial-content:before {
  background: url(../images/testimonial-image/icon_ttm-2.png) center no-repeat;
  right: auto;
  left: 20px;
  top: 25px;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .testimonial-content:after {
  content: "";
  border: 10px solid transparent;
  border-top-color: #ea1b25;
  position: absolute;
  left: 54px;
  bottom: -20px;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid {
  padding: 20px 20px 15px 20px;
  text-align: left;
  display: grid;
  grid-template-columns: 90px auto;
  align-items: center;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid .testimonial-image {
  margin: 0;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid .testimonial-image img {
  max-width: 100%;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid .testimonial-author {
  padding-left: 10px;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid .testimonial-author h4 {
  margin-top: 10px;
}
.testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid .testimonial-author .rating-product {
  line-height: 1;
  font-size: 16px;
  color: #FAB311;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area.testimonial-area-2 .testimonial-slider-wrapper .testimonial-slider-item .d-grid .testimonial-author .rating-product {
    font-size: 14px;
  }
}

.slider-dot-style-1 .slick-dots {
  text-align: center;
  margin-top: 10px;
}
.slider-dot-style-1 .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #e2e2e2;
  border: 1px solid transparent;
  margin: 5px;
  display: inline-block;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-size: 0px;
}
.slider-dot-style-1 .slick-dots li.slick-active {
  border: 1px solid #f2ab00;
  background: #fff;
}
.slider-dot-style-1 .slick-dots li:hover {
  background-color: #f2ab00;
}

.best-sell-area .product-inner {
  overflow: hidden;
  display: grid;
  grid-template-columns: 41.38% auto;
  box-shadow: none;
  transition: all 300ms linear;
}
@media only screen and (max-width: 767px) {
  .best-sell-area .product-inner {
    padding: 0;
  }
}
.best-sell-area .product-inner .product-decs {
  padding: 0;
  display: grid;
  align-items: center;
  padding-right: 0;
  padding-left: 15px;
  align-self: center;
}
.best-sell-area .product-inner .product-decs .in-stock {
  font-size: 13px;
  text-transform: capitalize;
  color: #9d9c9c;
  line-height: 1;
  display: block;
  margin: 0 0 15px;
}
.best-sell-area .product-inner .product-decs .in-stock span {
  color: #f2ab00;
}
.best-sell-area .product-inner .product-decs p {
  color: #69696c;
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 30px;
}
@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .product-decs p {
    padding: 0 15px;
  }
}
.best-sell-area .list-product {
  transition: all 300ms linear;
  padding: 11px 15px;
}
.best-sell-area .list-product:hover .product-inner {
  border-radius: 0px;
  box-shadow: none;
}
.best-sell-area .best-sell-slider-item {
  padding: 15px 0;
}
.best-sell-area .slick-active {
  animation: slickZoomIn 0.5s;
}
.best-sell-area.best-sell-area-2 .list-product {
  padding: 11px 5px;
}

.category-slider-area .list-product {
  padding: 0;
  display: inline-block;
  margin-bottom: 30px;
}
.category-slider-area .list-product:before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-slider-area .list-product {
    display: block;
  }
}
.category-slider-area .list-product .product-inner .img-block {
  float: left;
  width: 100px;
  position: relative;
  overflow: hidden;
}
.category-slider-area .list-product:hover .product-inner {
  box-shadow: none;
}
.category-slider-area .list-product .product-decs {
  overflow: hidden;
  padding: 10px;
  text-align: left;
  padding-bottom: 0;
}

.subscribe-area {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-area {
    padding-bottom: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-area {
    padding-bottom: 50px;
  }
}
.subscribe-area .subscribe-wrapper {
  padding-top: 310px;
  background: url(../images/subscrib-bg/bkg_newsletter.jpg) no-repeat top center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area .subscribe-wrapper {
    background-size: contain;
    padding-top: 20.2127659574vw;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-area .subscribe-wrapper {
    background-size: contain;
    padding-top: 20.2127659574vw;
  }
}
@media only screen and (max-width: 575px) {
  .subscribe-area .subscribe-wrapper {
    padding-top: 19.2127659574vw;
  }
}
.subscribe-area .subscribe-wrapper .subscribe-inner {
  background: url(../images/subscrib-bg/bkg_newsletter1.jpg) no-repeat center;
  background-size: cover;
  padding: 100px 180px;
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner {
    padding: 100px 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner {
    padding: 100px 60px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner {
    padding: 100px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner {
    padding: 80px 20px;
  }
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title h2 {
  color: #fff;
  font-size: 60px;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: none;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title h2 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title h2 {
    font-size: 20px;
  }
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title p {
  color: #fff;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-title p {
    line-height: 24px;
  }
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form {
  margin: 0;
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form {
  position: relative;
  overflow: hidden;
  max-width: 690px;
  margin: auto;
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 24px;
  color: #999;
  position: absolute;
  top: 19px;
  left: 25px;
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form input {
  height: 64px;
  background: #fff;
  color: #666;
  padding: 20px 220px 20px 65px;
  line-height: 24px;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  border: none;
  border-radius: 30px;
}
@media only screen and (max-width: 479px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form input {
    padding: 20px 10px 20px 55px;
  }
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form .mc-news {
  position: absolute;
  left: -55555px;
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form .clear button.button {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  border: 0;
  border-radius: 0 30px 30px 0;
  box-shadow: none;
  padding: 0 5px;
  line-height: 64px;
  height: 64px;
  min-width: 210px;
  display: inline-block;
  text-align: center;
  color: #fff;
  transition: all 300ms linear;
  background: #f2ab00;
}
@media only screen and (max-width: 575px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form .clear button.button {
    min-width: 150px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form .clear button.button {
    position: static;
    margin: 20px 0 0;
    min-width: 100%;
    border-radius: 30px;
  }
}
.subscribe-area .subscribe-wrapper .subscribe-inner .subscribe-form form .mc-form .clear button.button:hover {
  background:#808080;
}

.blank-page-area .blank-content-header {
  margin: 0 0 3rem;
}
.blank-page-area .blank-content-header h1 {
  color: #333;
  text-align: left;
  font-size: 28px;
  line-height: 1;
  font-style: normal;
  text-transform: none;
  margin: 0;
  font-weight: 700;
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .blank-page-area .blank-content-header h1 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .blank-page-area .blank-content-header h1 {
    font-size: 14px;
  }
}
.blank-page-area .page-not-found {
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 1rem;
  font-size: 0.875rem;
  color: #7a7a7a;
  max-width: 570px;
  margin: 0 auto;
}
.blank-page-area .page-not-found h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0.5rem 0 1rem;
}
.blank-page-area .page-not-found p {
  color: #777777;
}
.blank-page-area .page-not-found a {
  color: #333;
  font-weight: 700;
  margin: 10px 0;
  display: inline-block;
  text-transform: capitalize;
}
.blank-page-area .page-not-found a:hover {
  color: #f2ab00;
}

.faq-area .inner-descripe {
  margin-bottom: 30px;
}
.faq-area .inner-descripe h4 {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
}
.faq-area .inner-descripe p {
  color: #777;
  line-height: 24px;
}
.faq-area .single-my-account h3.panel-title {
  border-bottom: 0;
  text-transform: capitalize;
}
.faq-area .single-my-account h3.panel-title a {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .faq-area .single-my-account h3.panel-title a {
    padding: 12px 38px;
  }
}
@media only screen and (max-width: 575px) {
  .faq-area .single-my-account h3.panel-title a {
    font-size: 13px;
  }
}
.faq-area .single-my-account h3.panel-title span {
  top: 18px;
}
@media only screen and (max-width: 767px) {
  .faq-area .single-my-account h3.panel-title span {
    top: 10px;
  }
}
.faq-area .single-my-account .panel-body {
  padding: 20px;
  line-height: 24px;
}

.privacy_policy_main_area .privacy_content {
  margin-bottom: 22px;
}
.privacy_policy_main_area .privacy_content h2 {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  .privacy_policy_main_area .privacy_content h2 {
    font-size: 20px;
  }
}
.privacy_policy_main_area .privacy_content h3 {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 7px;
}
.privacy_policy_main_area .privacy_content p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 19px;
}
.privacy_policy_main_area .privacy_content p a {
  color: #499f86;
}
@media only screen and (max-width: 479px) {
  .privacy_policy_main_area .privacy_content p a {
    font-size: 12px;
  }
}
.privacy_policy_main_area .privacy_content p a:hover {
  color: #f2ab00;
}
.privacy_policy_main_area .privacy_content.section_2 h2 {
  margin-bottom: 24px;
}
.privacy_policy_main_area .privacy_content.section_3:last-child {
  margin: 0;
}
.privacy_policy_main_area .privacy_content.section_3:last-child p {
  margin: 0;
}

/* 27. coming soon css here */
.coming_soon_area {
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/coming-soon-bg/coming-soon.jpg);
  position: relative;
  display: flex;
  align-items: center;
}
.coming_soon_area::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.15;
}

.coming_soon_title {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .coming_soon_title {
    margin-bottom: 36px;
  }
}
.coming_soon_title h2 {
  font-size: 37px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .coming_soon_title h2 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 11px;
  }
}
.coming_soon_title p {
  color: #fff;
  font-size: 16px;
  max-width: 730px;
  margin: 0 auto;
  line-height: 24px;
}

.coming_soon_timing {
  text-align: center;
  margin: 57px 0 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coming_soon_timing {
    margin: 50px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .coming_soon_timing {
    margin: 34px 0 22px;
  }
}
.coming_soon_timing span.cdown {
  display: inline-block;
  margin-right: 35px;
  background: inherit;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  margin-bottom: 8px;
  width: 60px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding-top: 0;
}
@media only screen and (max-width: 575px) {
  .coming_soon_timing span.cdown {
    margin-right: 20px;
    width: 55px;
    font-size: 20px;
  }
}
.coming_soon_timing span.cdown:last-child {
  margin-right: 0;
}
.coming_soon_timing span p {
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
}

.coming_soon_newsletter {
  text-align: center;
}
.coming_soon_newsletter .subscribe_form {
  margin-top: 0;
}
.coming_soon_newsletter .subscribe_form form {
  margin: 0 auto;
  width: 600px;
  background: inherit;
  border: 1px solid #efefef;
  border-radius: 50px;
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .coming_soon_newsletter .subscribe_form form {
    width: 100%;
  }
}
.coming_soon_newsletter .subscribe_form form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.coming_soon_newsletter .subscribe_form form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.coming_soon_newsletter .subscribe_form form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.coming_soon_newsletter .subscribe_form form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.coming_soon_newsletter .subscribe_form form input {
  color: #fff;
  font-size: 16px;
  padding: 0 140px 0 28px;
  background: inherit;
  height: 48px;
  border: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .coming_soon_newsletter .subscribe_form form input {
    padding: 0 106px 0 18px;
    height: 45px;
  }
}
.coming_soon_newsletter .subscribe_form form button {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  background: inherit;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
  width: 120px;
  height: 48px;
}
.coming_soon_newsletter .subscribe_form form button:hover {
  color: #f2ab00;
}
.coming_soon_newsletter .subscribe_form form button::before {
  content: "";
  background: #fff;
  width: 2px;
  position: absolute;
  bottom: 8px;
  top: 8px;
  left: 0;
  height: 30px;
}
@media only screen and (max-width: 767px) {
  .coming_soon_newsletter .subscribe_form form button {
    font-size: 13px;
  }
}
.coming_soon_newsletter h3 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: 2px;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .coming_soon_newsletter h3 {
    letter-spacing: 1px;
  }
}
.coming_soon_newsletter .mailchimp-error {
  text-align: center;
  color: #fff;
}
.coming_soon_newsletter .mailchimp-success {
  text-align: center;
  color: #fff;
}

.coming_soon_logo {
  margin-bottom: 32px;
}
@media only screen and (max-width: 575px) {
  .coming_soon_logo {
    margin-bottom: 25px;
  }
}

.coming_soon_container {
  position: relative;
}