@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Montserrat:100,300,400,500,600,700,800,900|Roboto:100,300,400,500,700,900");
/* Override para labels no formulário de inscrições */
.checkout-area .checkout-form label,
.checkout-area .checkout-form legend {
  font-weight: normal !important;
}/*-------------------------------------
    Template Name: The Shop 
    Template URI: http://webstrot.com/
    Description: This is html5 template
    Author: webstrot
    Author URI: https://themeforest.net/user/webstrot
    Version: 1.0
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
	2. Header area start here
	3. Slider area start here
	4. About area start here
	1. Banner area start here
	1. Blog area start here
	1. Contact area start here
	1. Footer area start here
	1. Breadcumb area start here
	1. Faq area start here


---------------------------------------*/
/*....................................
1.Theme default CSS
....................................*/
html,
body {
  font-size: 14px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  vertical-align: baseline;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}



   .news-container {
      display: flex;
      flex-wrap: wrap;
      margin: -10px;
    }
    .news-item {
      width: calc(33.333% - 20px);
      margin: 10px;
      box-sizing: border-box;
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 4px;
      background: #fafafa;
      overflow: hidden;
    }
    .news-item .img-wrapper {
      width: 100%;
      padding-bottom: 62.5%; /* Aspect ratio 800x500 */
      position: relative;
      overflow: hidden;
    }
    .news-item .img-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .news-item h2 {
      font-size: 1.2em;
      margin: 8px 0 6px;
    }
    .news-item small {
      color: #666;
      font-size: 0.9em;
      /* Hide time, show only date */
    }
    .news-item p {
      margin: 8px 0;
      font-size: 0.95em;
      line-height: 1.8;
      font-style: normal;
    }
    .news-item a {
      color: #337ab7;
      text-decoration: none;
      font-weight: bold;
     
    }
    @media (max-width: 768px) {
      .news-item { width: calc(50% - 20px); }
    }
    @media (max-width: 480px) {
      .news-item { width: 100%; margin: 10px 0; }
    }

main {
  display: block;
  width: 100%;
  position: relative;
  padding: 0 0 70px;
}

.home5 {
  background: #fafafa;
  display: block;
  position: relative;
  width: 100%;
}

/* ....................................
1.1 Reset CSS 
.......................................*/
a {
  transition: all 0.3s;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #096b89;
}
a:active {
  outline: 0 none;
  text-decoration: none;
}
a:focus {
  outline: 0px solid;
  text-decoration: none;
}

p {
  margin: 0 0 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 26px;
  font-weight: 600;
}

img {
  max-width: 100%;
  height: auto;
}

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

input {
  box-shadow: none;
  border-radius: 0;
  outline: none;
}
input:focus {
  outline: none;
  box-shadow: none;
}
input:active {
  outline: none;
  box-shadow: none;
}

textarea {
  outline: none;
  box-shadow: none;
  border-radius: 0;
}
textarea:focus {
  outline: none;
  box-shadow: none;
}
textarea:active {
  outline: none;
  box-shadow: none;
}

button {
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}
button:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
button:active {
  outline: none;
  box-shadow: none;
  border: none;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-table {
  display: table;
}

.w-50 {
  width: 50%;
}

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

::selection {
  background: #00c3ff;
  text-shadow: none;
}

.browserupgrade {
  margin: 26px  0;
  background: #00c3ff;
  color: #333333;
  padding: 26px 0;
}

/***Typography***/
h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-24 {
  font-size: 24px;
}

.f-26 {
  font-size: 26px;
}

.f-28 {
  font-size: 28px;
}

.f-30 {
  font-size: 30px;
}

.f-36 {
  font-size: 36px;
}

.f-40 {
  font-size: 40px;
}

.f-48 {
  font-size: 48px;
}

.f-60 {
  font-size: 60px;
}

.f-72 {
  font-size: 72px;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.t-u {
  text-transform: uppercase;
}

.t-c {
}

.t-l {
  text-transform: lowercase;
}

/*** Section ***/
.section {
  padding: 100px 0;
  display: block;
  position: relative;
}

.section2 {
  padding: 70px 0 100px;
  display: block;
  position: relative;
}

.section3 {
  padding: 0 0 100px;
  display: block;
  position: relative;
}

.section4 {
  padding: 100px 0 70px;
  display: block;
  position: relative;
}

.section5 {
  padding: 0 0 70px;
  display: block;
  position: relative;
}

.section-heading {
  display: block;
  position: relative;
  margin: 0 0 70px;
  padding: 0;
  text-align: center;
}
.section-heading h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.section-heading p {
  margin: 0;
font-family: "Roboto", sans-serif;

  font-style: normal;

  padding: 0 0 23px;
  position: relative;

}
.section-heading p:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 40px;
  background: #ffcc00;
  margin: auto;
}

.section-heading2 {
  text-align: center;
  display: block;
  width: 100%;
}
.section-heading2 .heading-two {
  position: relative;
  display: inline-block;
  padding: 0 0 45px;
  margin: 0 0 70px;
}
.section-heading2 .heading-two:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  border-bottom: 1px dotted #a5a5a5;
}
.section-heading2 .heading-two:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 1px;
  background: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.section-heading2 .heading-two h2 {
  margin: 0 0 5px;
  color: #333;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 35px;
  letter-spacing: 2px;
  font-weight: 700;
}
.section-heading2 .heading-two p {
  display: inline-block;
  margin: 0;
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
}
.section-heading2 .heading-two p:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border-radius: 100%;
  border: 1px solid #ffcc00;
  z-index: 999;
}

.section-heading3 {
  display: block;
  position: relative;
  margin: 0 0 70px;
  padding: 0;
  text-align: center;
}
.section-heading3 h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.section-heading3 p {
  margin: 0;
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
  padding: 0 60px;
  position: relative;
  display: inline-block;
}
.section-heading3 p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  height: 5px;
  width: 40px;
  background: #e1e1e1;
}
.section-heading3 p:after {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  height: 5px;
  width: 40px;
  background: #e1e1e1;
}

/***Button***/
.btn1 {
  display: inline-block;
  background: #ffcc00;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 42px;
  height: 42px;
  padding: 0 34px;
  margin: 0;
}
.btn1:hover {
  background: #333333;
  color: #fff;
}

.btn2 {
  display: inline-block;
  height: 42px;
  line-height: 40px;
  padding: 0 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffcc00;
  border: 2px solid #ffcc00;
  background: transparent;
}
.btn2:hover {
  background: #ffcc00;
  color: #fff;
}

.btn3 {
  display: inline-block;
  height: 52px;
  line-height: 50px;
  padding: 0 45px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffcc00;
  border: 2px solid #ffcc00;
  background: transparent;
}
.btn3:hover {
  background: #ffcc00;
  color: #fff;
}

.btn4 {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  background: #fbfafa;
  font-family: Constantia;
  font-weight: 400;
  color: #333;
  padding: 0 20px;
}
.btn4:hover {
  background: #ffcc00;
  color: #fff;
}

.btn5 {
  display: inline-block;
  line-height: 40px;
  height: 42px;
  border: 2px solid #333;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 25px;
  color: #333;
}
.btn5:hover {
  background: #ffcc00;
  color: #fff;
  border: 2px solid #ffcc00;
}

.btn6 {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 0 28px;
  background: #c1a880;
}
.btn6:hover {
  background: #333;
  color: #fff;
}

.btn7 {
  display: inline-block;
  color: #ffcc00;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.btn7:hover {
  color: #111;
}

/*** Reset ***/
.p-re {
  position: relative;
}

.p-ab {
  position: absolute;
}

.list-inline li {
  display: inline-block;
}

.af-be:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.af-be:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.af:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.be:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.bg-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 26px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 26px;
}

.aligncenter {
  display: block;
  margin: 0 auto 26px;
}

.dbox {
  overflow: hidden;
  z-index: 1;
  vertical-align: middle;
  width: 100%;
}
.dbox .dleft {
  display: inline-block;
  float: left;
  padding-right: 10px;
}
.dbox .dright {
  display: table;
  padding-left: 10px;
}

#scrollUp {
  bottom: 40px;
  right: 30px;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 100%;
  background: #ffcc00;
  color: #fff;
  transition: all 0.3s;
  z-index: 9999 !important;
  opacity: 0.8;
}
#scrollUp:hover {
  background-color: #333;
  color: #fff;
  opacity: 1;
  line-height: 50px;
}

.home5 #scrollUp {
  background: #c1a880;
  color: #fff;
  opacity: 1;
}
.home5 #scrollUp:hover {
  background-color: #333;
  color: #fff;
  line-height: 50px;
}

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999999;
  text-align: center;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
  overflow: hidden;
  vertical-align: middle;
}
select {
  width: 100%;
  padding: 6px 30px 6px 8px; /* espaço para a seta à direita */
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
       /* remove a seta padrão */
  outline: none;
  position: relative;    /* necessário para o ::after */
  transition: border-color 0.3s ease;
  cursor: pointer;
}

/* linha amarela ao focar */
select:focus {
  border-color: #ffcc00;
}

/* seta personalizada */
select::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333; /* cor da seta */
  transform: translateY(-50%);
}

/* seta amarela ao focar */
select:focus::after {
  border-top-color: #ffcc00;
}


button {
  padding: 6px 15px;          /* maior tamanho */
  font-size: 14px;              /* texto maior */
  font-weight: bold;
  border: 2px solid #e5e5e5;   /* borda cinza inicial */
  background-color: #fff;       /* fundo branco */
  color: #333;                  /* cor do texto */
  border-radius: 5px;           /* cantos arredondados */
  cursor: pointer;
  transition: all 0.3s ease;   /* animação suave */
}

button:hover {
  background-color: #ffcc00;   /* amarelo ao passar o mouse */
  border-color: #ffcc00;       /* borda também amarela */
  color: #000;                  /* texto mais visível */
}


.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

legend {
  position: relative;
  padding-bottom: 10px;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px solid #e5e5e5; /* linha cinza de ponta a ponta */
}

/* linha amarela sobre a cinza */
legend::after {
  margin-bottom: -2px;
  content: '';
  position: absolute;
  left: 0;              /* começa na borda do texto */
  bottom: 0;            /* mesma posição da border */
  width: 300px;         /* comprimento da linha amarela */
  height: 2px;          /* mesma espessura da linha */
  background-color: #ffcc00; /* cor amarela */
  border-radius: 2px;
}

legend::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;               /* começa invisível */
  height: 2px;
  background-color: #ffcc00;
  border-radius: 2px;
  animation: growLine 5s forwards; /* animação ao carregar a página */
}

@keyframes growLine {
  from { width: 0; }
  to   { width: 300px; }  /* comprimento final da linha amarela */
}




.spinner .double-bounce1, .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffcc00;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}


.spinner .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounce {
  0%,100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.fancybox-skin {
  padding: 0 !important;
  border-radius: 0;
  color: #848484;
}

.fancybox-skin .fancybox-close {
  top: 42px;
  left: 42px;
  right: auto;
  width: 50px;
  height: 50px;
  background: none;
}

.fancybox-skin .fancybox-close:before {
  content: "\f00d";
  font-family: fontawesome;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  display: block;
  background: #ffcc00;
  border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
}

.fancybox-close:hover:before {
  background: #333;
}

#mailchimp-popup {
  border: 5px dotted #d7d7d7;
  overflow: hidden;
  position: relative;
  max-height: 410px;
  height: 100%;
}

.mailchimp-popup-img {
  max-width: 300px;
  float: right;
  display: inline-block;
  position: absolute;
  display: block;
  top: -5px;
  right: -5px;
}

.mailchimp-popup-content {
  overflow: hidden;
  padding: 112px 30px 40px 40px;
  float: left;
  max-width: 490px;
}

.mailchimp-popup-content .title {
  font-weight: 900;
  font-size: 35px;
  margin: 0 0 6px;
  font-family: "Montserrat", sans-serif;
  color: #333;
  text-transform: uppercase;
}

.mailchimp-popup-content #mc-form {
  margin: 0;
}

.overlay-pop {
  display: block;
  background: #ddd;
}
.overlay-pop:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}

.mailchimp-popup-content #mc-form #mc-email {
  font-style: italic;
  color: #848484;
  width: 100%;
  margin-right: 5px;
  height: 59px;
  padding: 19px 20px;
  line-height: 19px;
  border: 1px solid #e0e0e0;
  margin: 32px 0 39px;
}

.mailchimp-popup-content #mc-form .btn1 {
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
}

.mailchimp-popup-content #mc-form .btn1:before {
  content: "\f003";
  font-family: fontawesome;
  color: #fff;
  margin: 0 10px 0 0;
}

.mailchimp-popup-content .mailchimp-caption-1 {
  font-size: 18px;
  font-weight: 300;
}

.mailchimp-popup-content .mailchimp-caption-2 {
  padding: 10px 0;
}

.mailchimp-popup-content .social-sharing a {
  color: #ccc;
  font-size: 25px;
  display: inline-block;
  margin-right: 10px;
}

.mailchimp-popup-content .social-sharing a:hover {
  text-decoration: none;
  color: #848484;
}

/***All plugins Reset***/
.offer-banner .owl-controls {
  margin: 0;
}
.offer-banner .owl-controls .owl-buttons {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.offer-banner .owl-controls .owl-buttons div {
  opacity: 1;
  display: block;
  border-radius: 0;
  background: #333333;
  color: #fff;
  width: 42px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  padding: 0;
  margin: 0;
  transition: all 0.3s;
}
.offer-banner .owl-controls .owl-buttons div:hover {
  background: #ffcc00;
}
.offer-banner .owl-controls .owl-buttons div.owl-prev {
  border-bottom: 1px solid #434242;
}

.faq-brand .owl-controls {
  margin: 0;
}
.faq-brand .owl-controls .owl-pagination .owl-page {
  padding: 0 2px;
}
.faq-brand .owl-controls .owl-pagination .owl-page span {
  width: 17px;
  height: 17px;
  background: #f7f7f7;
  opacity: 1;
  position: relative;
  margin: 0 3px;
}
.faq-brand .owl-controls .owl-pagination .owl-page span:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 3px solid #ffcc00;
  border-radius: 100%;
  opacity: 0;
  transition: all 0.3s;
}
.faq-brand .owl-controls .owl-pagination .owl-page.active span {
  background: transparent;
}
.faq-brand .owl-controls .owl-pagination .owl-page.active span:after {
  opacity: 1;
}

.slider-area-banner .owl-controls {
  margin: 0;
}
.slider-area-banner .owl-controls .owl-buttons {
  position: absolute;
  left: 50px;
  right: 50px;
  top: 42%;
}
.slider-area-banner .owl-controls .owl-buttons div {
  opacity: 1;
  display: inline-block;
  border-radius: 0;
  background: #ffcc00;
  color: #fff;
  width: 42px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  transition: all 0.3s;
  font-size: 17px;
}
.slider-area-banner .owl-controls .owl-buttons div:hover {
  background: #fff;
  color: #333;
}
.slider-area-banner .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.slider-area-banner .owl-controls .owl-buttons div.owl-next {
  right: 0;
}

.collections-area .owl-controls .owl-pagination {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.collections-area .owl-controls .owl-pagination .owl-page span {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #ffcc00;
  margin: 0 2px;
  transition: all 0.3s;
}
.collections-area .owl-controls .owl-pagination .owl-page.active span {
  background: transparent;
  border: 2px solid #ffcc00;
}
.collections-area .owl-controls .owl-buttons {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 28%;
}
.collections-area .owl-controls .owl-buttons div {
  background: transparent;
  opacity: 1;
  border-radius: 0;
  color: #333;
  font-size: 30px;
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
}
.collections-area .owl-controls .owl-buttons div:hover {
  color: #ffcc00;
}
.collections-area .owl-controls .owl-buttons div.owl-prev {
  left: -30px;
}
.collections-area .owl-controls .owl-buttons div.owl-next {
  right: -30px;
}

.categories-area-three .owl-controls {
  margin: 0;
  display: block;
}
.categories-area-three .owl-controls .owl-buttons {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.categories-area-three .owl-controls .owl-buttons div {
  background: #fff;
  color: #a5a5a5;
  border-radius: 0;
  font-size: 50px;
  background: transparent;
  opacity: 1;
  position: absolute;
}
.categories-area-three .owl-controls .owl-buttons div:hover {
  color: #ffcc00;
}
.categories-area-three .owl-controls .owl-buttons div.owl-prev {
  left: -55px;
}
.categories-area-three .owl-controls .owl-buttons div.owl-next {
  right: -55px;
}

.mfp-title {
  display: none;
}

.home5_sidebar .owl-controls {
  margin: 0;
}
.home5_sidebar .owl-controls .owl-pagination {
  position: absolute;
  left: 20px;
  bottom: 25px;
  line-height: 6px;
}
.home5_sidebar .owl-controls .owl-pagination .owl-page span {
  margin: 0 2px;
  width: 6px;
  height: 6px;
  opacity: 0.2;
  background: #c1a880;
  transition: all 0.3s;
}
.home5_sidebar .owl-controls .owl-pagination .owl-page.active span {
  opacity: 1;
}

.offer-banner-three .owl-controls {
  margin: 0;
}
.offer-banner-three .owl-controls .owl-buttons {
  position: absolute;
  left: 50px;
  right: 50px;
  top: 42%;
}
.offer-banner-three .owl-controls .owl-buttons div {
  opacity: 1;
  display: inline-block;
  border-radius: 0;
  background: #ffcc00;
  color: #fff;
  width: 42px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  padding: 0;
  margin: 0;
  position: absolute;
  transition: all 0.3s;
  font-size: 17px;
}
.offer-banner-three .owl-controls .owl-buttons div:hover {
  background: #fff;
  color: #333;
}
.offer-banner-three .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.offer-banner-three .owl-controls .owl-buttons div.owl-next {
  right: 0;
}

/*** Margin ***/
.t-0 {
  top: 0;
}

.l-0 {
  left: 0;
}

.r-0 {
  right: 0;
}

.b-0 {
  bottom: 0;
}

.mr-0 {
  margin: 0;
}

.mr-t0 {
  margin-top: 0px;
}

.mr-t5 {
  margin-top: 5px;
}

.mr-t10 {
  margin-top: 10px;
}

.mr-t15 {
  margin-top: 15px;
}

.mr-t20 {
  margin-top: 20px;
}

.mr-t25 {
  margin-top: 25px;
}

.mr-t30 {
  margin-top: 30px;
}

.mr-t35 {
  margin-top: 35px;
}

.mr-t40 {
  margin-top: 40px;
}

.mr-t45 {
  margin-top: 45px;
}

.mr-t50 {
  margin-top: 50px;
}

.mr-t60 {
  margin-top: 60px;
}

.mr-t70 {
  margin-top: 70px;
}

.mr-t80 {
  margin-top: 80px;
}

.mr-t90 {
  margin-top: 90px;
}

.mr-t100 {
  margin-top: 100px;
}

.mr-t110 {
  margin-top: 110px;
}

.mr-t120 {
  margin-top: 120px;
}

.mr-t130 {
  margin-top: 130px;
}

.mr-t140 {
  margin-top: 140px;
}

.mr-t150 {
  margin-top: 150px;
}

.mr-b0 {
  margin-bottom: 0px;
}

.mr-b5 {
  margin-bottom: 5px;
}

.mr-b10 {
  margin-bottom: 10px;
}

.mr-b15 {
  margin-bottom: 15px;
}

.mr-b20 {
  margin-bottom: 20px;
}

.mr-b25 {
  margin-bottom: 25px;
}

.mr-b30 {
  margin-bottom: 30px;
}

.mr-b35 {
  margin-bottom: 35px;
}

.mr-b40 {
  margin-bottom: 40px;
}

.mr-b45 {
  margin-bottom: 45px;
}

.mr-b50 {
  margin-bottom: 50px;
}

.mr-b60 {
  margin-bottom: 60px;
}

.mr-b70 {
  margin-bottom: 70px;
}

.mr-b80 {
  margin-bottom: 80px;
}

.mr-b90 {
  margin-bottom: 90px;
}

.mr-b100 {
  margin-bottom: 100px;
}

.mr-b110 {
  margin-bottom: 110px;
}

.mr-b120 {
  margin-bottom: 120px;
}

.mr-b130 {
  margin-bottom: 130px;
}

.mr-b140 {
  margin-bottom: 140px;
}

.mr-b150 {
  margin-bottom: 150px;
}

.mr-l0 {
  margin-left: 0px;
}

.mr-l5 {
  margin-left: 5px;
}

.mr-l10 {
  margin-left: 10px;
}

.mr-l15 {
  margin-left: 15px;
}

.mr-l20 {
  margin-left: 20px;
}

.mr-l25 {
  margin-left: 25px;
}

.mr-l30 {
  margin-left: 30px;
}

.mr-l35 {
  margin-left: 35px;
}

.mr-l40 {
  margin-left: 40px;
}

.mr-l45 {
  margin-left: 45px;
}

.mr-l50 {
  margin-left: 50px;
}

.mr-l60 {
  margin-left: 60px;
}

.mr-l70 {
  margin-left: 70px;
}

.mr-l80 {
  margin-left: 80px;
}

.mr-l90 {
  margin-left: 90px;
}

.mr-l100 {
  margin-left: 100px;
}

.mr-l110 {
  margin-left: 110px;
}

.mr-l120 {
  margin-left: 120px;
}

.mr-l130 {
  margin-left: 130px;
}

.mr-l140 {
  margin-left: 140px;
}

.mr-l150 {
  margin-left: 150px;
}

.mr-r0 {
  margin-right: 0px;
}

.mr-r5 {
  margin-right: 5px;
}

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

.mr-r15 {
  margin-right: 15px;
}

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

.mr-r25 {
  margin-right: 25px;
}

.mr-r30 {
  margin-right: 30px;
}

.mr-r35 {
  margin-right: 35px;
}

.mr-r40 {
  margin-right: 40px;
}

.mr-r45 {
  margin-right: 45px;
}

.mr-r50 {
  margin-right: 50px;
}

.mr-r60 {
  margin-right: 60px;
}

.mr-r70 {
  margin-right: 70px;
}

.mr-r80 {
  margin-right: 80px;
}

.mr-r90 {
  margin-right: 90px;
}

.mr-r100 {
  margin-right: 100px;
}

.mr-r110 {
  margin-right: 110px;
}

.mr-r120 {
  margin-right: 120px;
}

.mr-r130 {
  margin-right: 130px;
}

.mr-r140 {
  margin-right: 140px;
}

.mr-r150 {
  margin-right: 150px;
}

.mr-0 {
  margin: 0;
}

.mr-5 {
  margin: 5px;
}

.mr-10 {
  margin: 10px;
}

.mr-15 {
  margin: 15px;
}

.mr-20 {
  margin: 20px;
}

.mr-25 {
  margin: 25px;
}

.mr-30 {
  margin: 30px;
}

.mr-35 {
  margin: 35px;
}

.mr-40 {
  margin: 40px;
}

.mr-45 {
  margin: 45px;
}

.mr-50 {
  margin: 50px;
}

.mr-60 {
  margin: 60px;
}

.mr-70 {
  margin: 70px;
}

.mr-80 {
  margin: 80px;
}

.mr-90 {
  margin: 90px;
}

.mr-100 {
  margin: 100px;
}

.mr-110 {
  margin: 110px;
}

.mr-120 {
  margin: 120px;
}

.mr-130 {
  margin: 130px;
}

.mr-140 {
  margin: 140px;
}

.mr-150 {
  margin: 150px;
}

/*** Padding ***/
.pd-0 {
  padding: 0;
}

.pd-t0 {
  padding-top: 0px;
}

.pd-t5 {
  padding-top: 5px;
}

.pd-t10 {
  padding-top: 10px;
}

.pd-t15 {
  padding-top: 15px;
}

.pd-t20 {
  padding-top: 20px;
}

.pd-t25 {
  padding-top: 25px;
}

.pd-t30 {
  padding-top: 30px;
}

.pd-t35 {
  padding-top: 35px;
}

.pd-t40 {
  padding-top: 40px;
}

.pd-t45 {
  padding-top: 45px;
}

.pd-t50 {
  padding-top: 50px;
}

.pd-t60 {
  padding-top: 60px;
}

.pd-t70 {
  padding-top: 70px;
}

.pd-t80 {
  padding-top: 80px;
}

.pd-t90 {
  padding-top: 90px;
}

.pd-t100 {
  padding-top: 100px;
}

.pd-t110 {
  padding-top: 110px;
}

.pd-t120 {
  padding-top: 120px;
}

.pd-t130 {
  padding-top: 130px;
}

.pd-t140 {
  padding-top: 140px;
}

.pd-t150 {
  padding-top: 150px;
}

.pd-b0 {
  padding-bottom: 0px;
}

.pd-b5 {
  padding-bottom: 5px;
}

.pd-b10 {
  padding-bottom: 10px;
}

.pd-b15 {
  padding-bottom: 15px;
}

.pd-b20 {
  padding-bottom: 20px;
}

.pd-b25 {
  padding-bottom: 25px;
}

.pd-b30 {
  padding-bottom: 30px;
}

.pd-b35 {
  padding-bottom: 35px;
}

.pd-b40 {
  padding-bottom: 40px;
}

.pd-b45 {
  padding-bottom: 45px;
}

.pd-b50 {
  padding-bottom: 50px;
}

.pd-b60 {
  padding-bottom: 60px;
}

.pd-b70 {
  padding-bottom: 70px;
}

.pd-b80 {
  padding-bottom: 80px;
}

.pd-b90 {
  padding-bottom: 90px;
}

.pd-b100 {
  padding-bottom: 100px;
}

.pd-b110 {
  padding-bottom: 110px;
}

.pd-b120 {
  padding-bottom: 120px;
}

.pd-b130 {
  padding-bottom: 130px;
}

.pd-b140 {
  padding-bottom: 140px;
}

.pd-b150 {
  padding-bottom: 150px;
}

.pd-l0 {
  padding-left: 0px;
}

.pd-l5 {
  padding-left: 5px;
}

.pd-l10 {
  padding-left: 10px;
}

.pd-l15 {
  padding-left: 15px;
}

.pd-l20 {
  padding-left: 20px;
}

.pd-l25 {
  padding-left: 25px;
}

.pd-l30 {
  padding-left: 30px;
}

.pd-l35 {
  padding-left: 35px;
}

.pd-l40 {
  padding-left: 40px;
}

.pd-l45 {
  padding-left: 45px;
}

.pd-l50 {
  padding-left: 50px;
}

.pd-l60 {
  padding-left: 60px;
}

.pd-l70 {
  padding-left: 70px;
}

.pd-l80 {
  padding-left: 80px;
}

.pd-l90 {
  padding-left: 90px;
}

.pd-l100 {
  padding-left: 100px;
}

.pd-l110 {
  padding-left: 110px;
}

.pd-l120 {
  padding-left: 120px;
}

.pd-l130 {
  padding-left: 130px;
}

.pd-l140 {
  padding-left: 140px;
}

.pd-l150 {
  padding-left: 150px;
}

.pd-r0 {
  padding-right: 0px;
}

.pd-r5 {
  padding-right: 5px;
}

.pd-r10 {
  padding-right: 10px;
}

.pd-r15 {
  padding-right: 15px;
}

.pd-r20 {
  padding-right: 20px;
}

.pd-r25 {
  padding-right: 25px;
}

.pd-r30 {
  padding-right: 30px;
}

.pd-r35 {
  padding-right: 35px;
}

.pd-r40 {
  padding-right: 40px;
}

.pd-r45 {
  padding-right: 45px;
}

.pd-r50 {
  padding-right: 50px;
}

.pd-r60 {
  padding-right: 60px;
}

.pd-r70 {
  padding-right: 70px;
}

.pd-r80 {
  padding-right: 80px;
}

.pd-r90 {
  padding-right: 90px;
}

.pd-r100 {
  padding-right: 100px;
}

.pd-r110 {
  padding-right: 110px;
}

.pd-r120 {
  padding-right: 120px;
}

.pd-r130 {
  padding-right: 130px;
}

.pd-r140 {
  padding-right: 140px;
}

.pd-r150 {
  padding-right: 150px;
}

.pd-0 {
  padding: 0px;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-15 {
  padding: 15px;
}

.pd-20 {
  padding: 20px;
}

.pd-25 {
  padding: 25px;
}

.pd-30 {
  padding: 30px;
}

.pd-35 {
  padding: 35px;
}

.pd-40 {
  padding: 40px;
}

.pd-45 {
  padding: 45px;
}

.pd-50 {
  padding: 50px;
}

.pd-60 {
  padding: 60px;
}

.pd-70 {
  padding: 70px;
}

.pd-80 {
  padding: 80px;
}

.pd-90 {
  padding: 90px;
}

.pd-100 {
  padding: 100px;
}

.pd-110 {
  padding: 110px;
}

.pd-120 {
  padding: 120px;
}

.pd-130 {
  padding: 130px;
}

.pd-140 {
  padding: 140px;
}

.pd-150 {
  padding: 150px;
}

/*....................................
2. Header area start here
....................................*/
header .header-middel {
  display: block;
  background: #fff;
  position: relative;
}
header .header-middel .logo {
  display: block;
  padding: 70px 0 58px;
}
header .header-middel .logo a {
  display: inline-block;
}
header .header-middel .logo a img {
  display: block;
}
header .header-middel .cart-btn {
  display: block;
  position: relative;
  line-height: 173px;
}
header .header-middel .cart-btn a {
  display: inline-block;
  background: #fbfafa;
  line-height: 56px;
  padding-left: 30px;
  color: #333333;
}
header .header-middel .cart-btn a strong {
  font-weight: 700;
  text-transform: uppercase;
}
header .header-middel .cart-btn a .icon {
  margin: 0 35px;
  font-size: 20px;
}
header .header-middel .cart-btn a .cart-total {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  color: #fff;
  background: #ffcc00;
  display: inline-block;
  text-align: center;
  margin-right: -15px;
}
header .header-middel .cart-btn a:hover {
  color: #ffcc00;
}
header .middel-two {
  display: block;
  background: #fff;
  position: relative;
  line-height: 134px;
}
header .middel-two .logo-area {
  display: block;
  position: relative;
}
header .middel-two .logo-area a {
  display: inline-block;
}
header .middel-two .cat-ser {
  position: relative;
  line-height: 70px;
  height: 70px;
  background: #fff;
  display: inline-block;
  border: 1px solid #e5e5e5;
  padding: 0 35px;
}
header .middel-two .cat-ser .catagery-list {
  display: inline-block;
}
header .middel-two .cat-ser .catagery-list span {
  color: #ffcc00;
}
header .middel-two .cat-ser .catagery-list select {
  color: #ffcc00;
  background: #fff;
  line-height: 40px;
  height: 40px;
  border: none;
  width: 180px;
  margin-right: 5px;
}
header .middel-two .cat-ser .search-box {
  display: inline-block;
  position: relative;
}
header .middel-two .cat-ser .search-box:after {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  background: #e5e5e5;
  top: 26px;
  bottom: 26px;
}
header .middel-two .cat-ser .search-box form input {
  line-height: 40px;
  height: 40px;
  background: transparent;
  width: 180px;
  border: none;
  padding-left: 15px;
  color: #333;
}
header .middel-two .cat-ser .search-box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5a5a5;
}
header .middel-two .cat-ser .search-box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5a5a5;
}
header .middel-two .cat-ser .search-box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a5a5a5;
}
header .middel-two .cat-ser .search-box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #a5a5a5;
}
header .middel-two .cat-ser .search-box form button {
  line-height: 40px;
  height: 40px;
  background: #fff;
  color: #ffcc00;
}
header .middel-three {
  display: block;
  position: relative;
  line-height: 134px;
}
header .middel-three .logo-area {
  display: block;
  position: relative;
}
header .middel-three .logo-area a {
  display: inline-block;
}
header .middel-three .lang-curency {
  position: absolute;
  right: 15px;
  background: #fff;
  line-height: 20px;
  padding: 25px;
  display: inline-block;
  top: 35px;
}
header .middel-three .lang-curency select {
  border: none;
  color: #c1a880;

}
header .middel-three .lang-curency span {
  color: #a5a5a5;
  position: relative;
  margin-left: 8px;
  padding-left: 12px;

}
header .middel-three .lang-curency span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #c1a880;
}
header .middel-four {
  display: block;
  position: relative;
  line-height: 134px;
}
header .middel-four .logo-area {
  display: block;
  position: relative;
}
header .middel-four .logo-area a {
  display: inline-block;
}
header .middel-four .lang-curency {
  position: absolute;
  right: 15px;
  background: #fff;
  line-height: 20px;
  padding: 25px;
  display: inline-block;
  top: 35px;
}
header .middel-four .lang-curency select {
  border: none;
  color: #c1a880;

}
header .middel-four .lang-curency span {
  color: #a5a5a5;
  position: relative;
  margin-left: 8px;
  padding-left: 12px;

}
header .middel-four .lang-curency span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ffcc00;
}
header .main-menu {
  position: relative;
}
header .main-menu .cat-ser {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffcc00;
  display: inline-block;
  padding: 0 40px 0 30px;
}
header .main-menu .cat-ser .catagery-list {
  display: inline-block;
}
header .main-menu .cat-ser .catagery-list span {
  color: #fff;
}
header .main-menu .cat-ser .catagery-list select {
  color: #fff;
  background: #ffcc00;
  line-height: 40px;
  height: 40px;
  border: none;
  width: 180px;
}
header .main-menu .cat-ser .search-box {
  display: inline-block;
}
header .main-menu .cat-ser .search-box form input {
  line-height: 40px;
  height: 40px;
  background: transparent;
  width: 180px;
  border: none;
  padding-left: 15px;
  color: #fff;
}
header .main-menu .cat-ser .search-box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
header .main-menu .cat-ser .search-box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
header .main-menu .cat-ser .search-box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
header .main-menu .cat-ser .search-box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
header .main-menu .cat-ser .search-box form button {
  line-height: 40px;
  height: 40px;
  background: #ffcc00;
  color: #fff;
}
header .offset-overlay {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: url(images/icon/close.png) 25 25, pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s, transform 0.3s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 99999;
}
header .offset-overlay.is-visible {
  opacity: 1;
  transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s;
  visibility: visible;
}
header .offset-area .offset-body {
  background: #f8f8f8 none repeat scroll 0 0;
  box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);
  display: block;
  height: 100vh;
  opacity: 0;
  overflow-y: scroll;
  position: fixed;
  right: -100%;
  top: 0;
  transition: all 0.25s ease 0s;
  width: 100%;
  z-index: 99999;
  width: 475px;
}
header .offset-area .offset-body.offset-body-on {
  opacity: 1;
  padding-bottom: 50px;
  right: calc(0px - 16px);
}
header .offset-area .offset-body .offset-heading {
  display: block;
  font-size: 24px;
  margin: 30px 30px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #e6e5e5;
  position: relative;
}
header .offset-area .offset-body .offset-heading h3 {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 36px;
  margin: 0;
  color: #374250;
}
header .offset-area .offset-body .offset-heading .close-offset {
  cursor: pointer;
  transition: all 0.3s;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 999;
}
header .offset-area .offset-body .offset-heading .close-offset:hover {
  transform: rotate(180deg);
}
header .offset-area .offset-cart-area .cart-list {
  display: block;
  padding: 30px;
}
header .offset-area .offset-cart-area .cart-list table {
  width: 100%;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td.product-img {
  width: 25%;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .pro-img {
  margin-right: 20px;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .pro-img img {
  width: 100%;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .pro-con h4 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .pro-con h4 a {
  color: #333;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .pro-con del {
  display: block;
  line-height: 20px;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .pro-con strong {
  line-height: 20px;
  display: block;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .item-pro input {
  width: 75px;
  height: 50px;
  background: transparent;
  border: 1px solid #ffcc00;
  padding: 0 15px;
  text-align: center;
}
header .offset-area .offset-cart-area .cart-list table tbody tr td .close {
  font-size: 14px;
}
header .offset-area2 .offset-body {
  background: #f8f8f8 none repeat scroll 0 0;
  box-shadow: 0 0 85px rgba(0, 0, 0, 0.2);
  display: block;
  height: 100vh;
  opacity: 0;
  overflow-y: scroll;
  position: fixed;
  right: -100%;
  top: 0;
  transition: all 0.25s ease 0s;
  width: 100%;
  z-index: 99999;
  width: 475px;
}
header .offset-area2 .offset-body.offset-body-on {
  opacity: 1;
  padding-bottom: 50px;
  right: calc(0px - 16px);
}
header .offset-area2 .offset-body .offset-heading {
  display: block;
  font-size: 24px;
  margin: 30px 30px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #e6e5e5;
  position: relative;
}
header .offset-area2 .offset-body .offset-heading h3 {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 36px;
  margin: 0;
  color: #374250;
}
header .offset-area2 .offset-body .offset-heading .close-offset {
  cursor: pointer;
  transition: all 0.3s;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 999;
}
header .offset-area2 .offset-body .offset-heading .close-offset:hover {
  transform: rotate(180deg);
}
header .offset-area2 .offset-cart-area .cart-list {
  display: block;
  padding: 30px;
}
header .offset-area2 .offset-cart-area .cart-list table {
  width: 100%;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td.product-img {
  width: 25%;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .pro-img {
  margin-right: 20px;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .pro-img img {
  width: 100%;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .pro-con h4 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .pro-con h4 a {
  color: #333;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .pro-con del {
  display: block;
  line-height: 20px;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .pro-con strong {
  line-height: 20px;
  display: block;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .item-pro input {
  width: 75px;
  height: 50px;
  background: transparent;
  border: 1px solid #c1a880;
  padding: 0 15px;
  text-align: center;
}
header .offset-area2 .offset-cart-area .cart-list table tbody tr td .close {
  font-size: 14px;
}

header .topbar {
  background: #333333 scroll 0 0;
  position: relative;
  display: block;
  line-height: 58px;
  height: 58px;
}
header .topbar .top-l-social ul li {
  padding: 0 4px;
  margin: 0;
}
header .topbar .top-l-social ul li a {
  display: block;
  height: 27px;
  line-height: 27px;
  width: 27px;
  text-align: center;
  color: #fff;
  background: #434242;
  border-radius: 3px;
}
header .topbar .top-l-social ul li a:hover {
  background: #ffcc00;
}
header .topbar .top-linked ul li {
  padding-left: 30px;
}
header .topbar .top-linked ul li:first-child {
  padding: 0;
}
header .topbar .top-linked ul li a {
  display: block;
  color: #fff;
}
header .topbar .top-linked ul li a i {
  padding-right: 10px;
}
header .topbar .top-linked ul li a:hover {
  color: #ffcc00;
}
header .topber2 {
  display: block;
  background: #333;
  line-height: 60px;
  height: 60px;
  position: relative;
}
header .topber2 .info-top ul li {
  color: #a5a5a5;
  letter-spacing: 0;
  position: relative;
  margin: 0;
  padding: 0 15px;
}
header .topber2 .info-top ul li:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 2px;
  background: #434242;
  top: 22px;
  bottom: 22px;
  background: #434242;
}
header .topber2 .info-top ul li:first-child {
  padding-left: 0;
}
header .topber2 .info-top ul li:last-child {
  padding-right: 0;
}
header .topber2 .info-top ul li:last-child:after {
  display: none;
}
header .topber2 .info-top ul li i {
  padding-right: 8px;
}
header .topber2 .info-top ul li span {
  color: #ffcc00;
}
header .topber2 .topber-link ul li {
  padding: 0 14px;
}
header .topber2 .topber-link ul li a {
  color: #a5a5a5;
}
header .topber2 .topber-link ul li a:hover {
  color: #ffcc00;
}
header .topber2 .topber-link ul li a span {
  padding-right: 8px;
}
header .topber2 .topber-link ul li:first-child {
  padding-left: 0;
}
header .topber2 .topber-link ul li:last-child {
  padding-right: 0;
}
header .topber2 .topber-link ul li:last-child a {
  display: block;
  line-height: 40px;
  background: #ffcc00;
  color: #fff;
  padding: 0 20px;
  border-radius: 5px;
}
header .topber2 .topber-link ul li:last-child a i {
  padding-right: 5px;
}
header .topber2 .topber-link ul li:last-child a:hover {
  background: #fff;
  color: #333;
}
header .topber3 {
  display: block;
  background: #333;
  line-height: 60px;
  height: 60px;
  position: relative;
}
header .topber3 .info-top ul li {
  color: #a5a5a5;
  letter-spacing: 0;
  position: relative;
  margin: 0;
  padding: 0 15px;
}
header .topber3 .info-top ul li:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 2px;
  background: #434242;
  top: 22px;
  bottom: 22px;
  background: #434242;
}
header .topber3 .info-top ul li:first-child {
  padding-left: 0;
}
header .topber3 .info-top ul li:last-child {
  padding-right: 0;
}
header .topber3 .info-top ul li:last-child:after {
  display: none;
}
header .topber3 .info-top ul li i {
  padding-right: 8px;
}
header .topber3 .info-top ul li span {
  color: #c1a880;
}
header .topber3 .topber-link ul li {
  padding: 0 14px;
}
header .topber3 .topber-link ul li a {
  color: #a5a5a5;
}
header .topber3 .topber-link ul li a:hover {
  color: #c1a880;
}
header .topber3 .topber-link ul li a span {
  padding-right: 8px;
}
header .topber3 .topber-link ul li:first-child {
  padding-left: 0;
}
header .topber3 .topber-link ul li:last-child {
  padding-right: 0;
}
header .topber3 .topber-link ul li:last-child a {
  display: block;
  line-height: 40px;
  background: #c1a880;
  color: #fff;
  padding: 0 20px;
  border-radius: 5px;
}
header .topber3 .topber-link ul li:last-child a i {
  padding-right: 5px;
}
header .topber3 .topber-link ul li:last-child a:hover {
  background: #fff;
  color: #333;
}
header .topber4 {
  display: block;
  background: #333;
  line-height: 60px;
  height: 60px;
  position: relative;
}
header .topber4 .info-top ul li {
  color: #a5a5a5;
  letter-spacing: 0;
  position: relative;
  margin: 0;
  padding: 0 15px;
}
header .topber4 .info-top ul li:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 2px;
  background: #434242;
  top: 22px;
  bottom: 22px;
  background: #434242;
}
header .topber4 .info-top ul li:first-child {
  padding-left: 0;
}
header .topber4 .info-top ul li:last-child {
  padding-right: 0;
}
header .topber4 .info-top ul li:last-child:after {
  display: none;
}
header .topber4 .info-top ul li i {
  padding-right: 8px;
}
header .topber4 .info-top ul li span {
  color: #ffcc00;
}
header .topber4 .topber-link ul li {
  padding: 0 14px;
}
header .topber4 .topber-link ul li a {
  color: #a5a5a5;
}
header .topber4 .topber-link ul li a:hover {
  color: #ffcc00;
}
header .topber4 .topber-link ul li a span {
  padding-right: 8px;
}
header .topber4 .topber-link ul li:first-child {
  padding-left: 0;
}
header .topber4 .topber-link ul li:last-child {
  padding-right: 0;
}
header .topber4 .topber-link ul li:last-child a {
  display: block;
  line-height: 40px;
  background: #ffcc00;
  color: #fff;
  padding: 0 20px;
  border-radius: 5px;
}
header .topber4 .topber-link ul li:last-child a i {
  padding-right: 5px;
}
header .topber4 .topber-link ul li:last-child a:hover {
  background: #fff;
  color: #333;
}

header {
  position: relative;
  /* Mobile Menu css */
}

 header .main-menu {
        display: block;
        width: 100%;
        line-height: 140px;
        height: 70px;
        background: #fbfafa;
    }


@media only screen and (min-width: 992px) {
    header .main-menu {
        display: block;
        width: 100%;
        line-height: 130px;
        height: 130px;
        background: #fbfafa;
    }
}



header .main-menu .menu-list nav ul {
  margin: 0;
}
header .main-menu .menu-list nav ul li {
  padding: 0;
}
header .main-menu .menu-list nav ul li a {
  font-weight: 700;
  color: #333333;
  padding: 0 20px;
  display: block;
  position: relative;
}
header .main-menu .menu-list nav ul li a:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 2px;
  height: 12px;
  top: 59px;
  background: #ebebeb;
}
header .main-menu .menu-list nav ul li a:hover {
  color: #ffcc00;
}
header .main-menu .menu-list nav ul li:first-child a {
  padding-left: 0;
}
header .main-menu .menu-list nav ul li:last-child a {
  padding-right: 0;
}
header .main-menu .menu-list nav ul li:last-child a:after {
  display: none;
}
header .main-menu .menu-list nav ul li.lists-menus {
  position: relative;
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu {
  width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 99999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu li {
  display: block;
  padding: 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu li a {
  line-height: 0px;
  font-size: 14px;

  font-weight: 400;
  background: #fff;
  opacity: 0;
  transition: all 0.8s;
  padding: 0;
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu li a:after {
  display: none;
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu li a:before {
  content: '';
  position: absolute;
  left: -15px;
  right: 100%;
  bottom: -1px;
  height: 1px;
  background: #ffcc00;
  transition: all 0.5s;
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu li a:hover:before {
  right: -15px;
}
header .main-menu .menu-list nav ul li.lists-menus .list-menu li:last-child {
  border: none;
}
header .main-menu .menu-list nav ul li .megamenu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menu .menu-list nav ul li .megamenu .links {
  padding: 40px 15px 50px;
}
header .main-menu .menu-list nav ul li .megamenu .links h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  padding: 0 15px 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #ffcc00;
  transition: all 0.8s;
  line-height: 0;
  opacity: 0;
}
header .main-menu .menu-list nav ul li .megamenu .links ul li {
  display: block;
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menu .menu-list nav ul li .megamenu .links ul li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  transition: all 0.8s;
  padding: 0;
}
header .main-menu .menu-list nav ul li .megamenu .links ul li a:after {
  display: none;
}
header .main-menu .menu-list nav ul li .megamenu .links ul li a:before {
  content: '';
  position: absolute;
  left: -15px;
  right: 100%;
  bottom: -1px;
  height: 1px;
  background: #ffcc00;
  transition: all 0.5s;
}
header .main-menu .menu-list nav ul li .megamenu .links ul li a:hover:before {
  right: -15px;
}
header .main-menu .menu-list nav ul li:hover .list-menu {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
header .main-menu .menu-list nav ul li:hover .list-menu li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menu .menu-list nav ul li:hover .megamenu {
  visibility: visible;
  opacity: 1;
  display: block;
  z-index: 999999;
}
header .main-menu .menu-list nav ul li:hover .megamenu .links h4 {
  opacity: 1;
  line-height: 26px;
}
header .main-menu .menu-list nav ul li:hover .megamenu .links ul li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus {
  display: block;
  background: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 2px solid #ffcc00;
}
header .main-menus .menu {
  display: block;
  width: 100%;
  line-height: 70px;
  height: 70px;
}
header .main-menus .menu nav ul {
  margin: 0;
}
header .main-menus .menu nav ul li {
  padding: 0;
}
header .main-menus .menu nav ul li a {
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  padding: 0 25px;
  display: block;
  position: relative;
}
header .main-menus .menu nav ul li a:after {
  content: '';
  position: absolute;
  right: -6px;
  width: 12px;
  height: 3px;
  top: 33px;
  background: url(images/icons/5.png) no-repeat center;
  background-size: cover;
}
header .main-menus .menu nav ul li a:hover {
  color: #ffcc00;
}
header .main-menus .menu nav ul li:first-child a {
  padding-left: 0;
}
header .main-menus .menu nav ul li:last-child a {
  padding-right: 0;
}
header .main-menus .menu nav ul li:last-child a:after {
  display: none;
}
header .main-menus .menu nav ul li.lists-menus {
  position: relative;
}
header .main-menus .menu nav ul li.lists-menus .list-menu {
  width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 99999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menus .menu nav ul li.lists-menus .list-menu li {
  display: block;
  padding: 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menus .menu nav ul li.lists-menus .list-menu li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  transition: all 0.8s;
  padding: 0;
}
header .main-menus .menu nav ul li.lists-menus .list-menu li a:after {
  display: none;
}
header .main-menus .menu nav ul li.lists-menus .list-menu li a:before {
  content: '';
  position: absolute;
  left: -15px;
  right: 100%;
  bottom: -1px;
  height: 1px;
  background: #ffcc00;
  transition: all 0.5s;
}
header .main-menus .menu nav ul li.lists-menus .list-menu li a:hover:before {
  right: -15px;
}
header .main-menus .menu nav ul li.lists-menus .list-menu li:last-child {
  border: none;
}
header .main-menus .menu nav ul li .megamenu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menus .menu nav ul li .megamenu .links {
  padding: 40px 15px 50px;
}
header .main-menus .menu nav ul li .megamenu .links h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  padding: 0 15px 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #ffcc00;
  transition: all 0.8s;
  line-height: 0;
  opacity: 0;
}
header .main-menus .menu nav ul li .megamenu .links ul li {
  display: block;
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menus .menu nav ul li .megamenu .links ul li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  transition: all 0.8s;
  padding: 0;
}
header .main-menus .menu nav ul li .megamenu .links ul li a:after {
  display: none;
}
header .main-menus .menu nav ul li .megamenu .links ul li a:before {
  content: '';
  position: absolute;
  left: -15px;
  right: 100%;
  bottom: -1px;
  height: 1px;
  background: #ffcc00;
  transition: all 0.5s;
}
header .main-menus .menu nav ul li .megamenu .links ul li a:hover:before {
  right: -15px;
}
header .main-menus .menu nav ul li:hover .list-menu {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
header .main-menus .menu nav ul li:hover .list-menu li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus .menu nav ul li:hover .megamenu {
  visibility: visible;
  opacity: 1;
  display: block;
  z-index: 999999;
}
header .main-menus .menu nav ul li:hover .megamenu .links h4 {
  opacity: 1;
  line-height: 26px;
}
header .main-menus .menu nav ul li:hover .megamenu .links ul li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus3 {
  display: block;
  width: 100%;
  line-height: 70px;
  height: 70px;
  background: #333;
  position: relative;
}
header .main-menus3 .menu-list nav ul {
  margin: 0;
}
header .main-menus3 .menu-list nav ul li {
  padding: 0;
}
header .main-menus3 .menu-list nav ul li a {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 0 25px;
  display: block;
  position: relative;
}
header .main-menus3 .menu-list nav ul li a:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 2px;
  height: 12px;
  top: 29px;
  background: #434242;
}
header .main-menus3 .menu-list nav ul li a:hover {
  color: #c1a880;
  background: #282828;
}
header .main-menus3 .menu-list nav ul li:last-child a:after {
  display: none;
}
header .main-menus3 .menu-list nav ul li.lists-menus {
  position: relative;
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu {
  width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 99999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu li {
  display: block;
  padding: 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  color: #333;
  transition: all 0.8s;
  padding: 0;
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu li a:after {
  display: none;
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu li a:before {
  content: '';
  position: absolute;
  left: -15px;
  right: 100%;
  bottom: -1px;
  height: 1px;
  background: #c1a880;
  transition: all 0.5s;
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu li a:hover:before {
  right: -15px;
}
header .main-menus3 .menu-list nav ul li.lists-menus .list-menu li:last-child {
  border: none;
}
header .main-menus3 .menu-list nav ul li .megamenu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menus3 .menu-list nav ul li .megamenu .links {
  padding: 40px 15px 50px;
}
header .main-menus3 .menu-list nav ul li .megamenu .links h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  padding: 0 15px 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #c1a880;
  transition: all 0.8s;
  line-height: 0;
  opacity: 0;
}
header .main-menus3 .menu-list nav ul li .megamenu .links ul li {
  display: block;
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menus3 .menu-list nav ul li .megamenu .links ul li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  transition: all 0.8s;
  padding: 0;
  color: #333;
}
header .main-menus3 .menu-list nav ul li .megamenu .links ul li a:after {
  display: none;
}
header .main-menus3 .menu-list nav ul li .megamenu .links ul li a:before {
  content: '';
  position: absolute;
  left: -15px;
  right: 100%;
  bottom: -1px;
  height: 1px;
  background: #c1a880;
  transition: all 0.5s;
}
header .main-menus3 .menu-list nav ul li .megamenu .links ul li a:hover:before {
  right: -15px;
}
header .main-menus3 .menu-list nav ul li:hover .list-menu {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
header .main-menus3 .menu-list nav ul li:hover .list-menu li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus3 .menu-list nav ul li:hover .megamenu {
  visibility: visible;
  opacity: 1;
  display: block;
  z-index: 999999;
}
header .main-menus3 .menu-list nav ul li:hover .megamenu .links h4 {
  opacity: 1;
  line-height: 26px;
}
header .main-menus3 .menu-list nav ul li:hover .megamenu .links ul li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus3 .search-area {
  background: #333;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
}
header .main-menus3 .search-area ul {
  magrin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
header .main-menus3 .search-area ul li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
header .main-menus3 .search-area ul li:first-child {
  position: absolute;
  right: 35px;
  top: 0px;
  display: none;
}
header .main-menus3 .search-area ul li:first-child input {
  background: transparent none repeat scroll 0 0;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none;
  border-width: medium 2px medium medium;
  color: #ffffff !important;
  padding: 0 10px;
  margin-top: 0;
  height: 50px;
  width: 270px;
  border: 1px solid #c1a880;
}
header .main-menus3 .search-area ul li:last-child i {
  border-left: 1px solid #434242;
  color: #ffffff;
  padding-left: 10px;
}
header .main-menus3 .search-area ul li a {
  color: #fff;
  display: block;
  transition: all 0.3s;
}
header .main-menus3 .search-area ul li a:hover {
  color: #ffffff;
}
header .main-menus4 {
  display: block;
  width: 100%;
  line-height: 70px;
  height: 70px;
  background: #333;
  position: relative;
}
header .main-menus4 .menu-list nav ul {
  margin: 0;
}
header .main-menus4 .menu-list nav ul li {
  padding: 0;
}
header .main-menus4 .menu-list nav ul li a {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 0 25px;
  display: block;
  position: relative;
}
header .main-menus4 .menu-list nav ul li a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  width: 0%;
  background: #ffcc00;
  opacity: 0;
  transition: all 0.3s;
}
header .main-menus4 .menu-list nav ul li a:before {
  content: '';
  position: absolute;
  left: 0%;
  width: 7px;
  height: 5px;
  transform: rotate(45deg);
  background: #282828;
  bottom: 1px;
  z-index: 999;
  margin-left: -5px;
  opacity: 0;
  transition: all 0.3s;
}
header .main-menus4 .menu-list nav ul li a:hover {
  color: #ffcc00;
  background: #282828;
}
header .main-menus4 .menu-list nav ul li a:hover:after {
  opacity: 1;
  width: 70%;
}
header .main-menus4 .menu-list nav ul li a:hover:before {
  opacity: 1;
  left: 70%;
}
header .main-menus4 .menu-list nav ul li.lists-menus {
  position: relative;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu {
  width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  z-index: 99999;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li {
  display: block;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li:after {
  display: none;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  color: #333;
  transition: all 0.8s;
  padding: 0 20px;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li a:after {
  display: none;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li a:before {
  display: none;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li a:hover {
  color: #ffcc00;
}
header .main-menus4 .menu-list nav ul li.lists-menus .list-menu li:last-child {
  border: none;
}
header .main-menus4 .menu-list nav ul li .megamenu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 99999;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s;
}
header .main-menus4 .menu-list nav ul li .megamenu .links {
  padding: 40px 15px 50px;
}
header .main-menus4 .menu-list nav ul li .megamenu .links h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  padding: 0 15px 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #ffcc00;
  transition: all 0.8s;
  line-height: 0;
  opacity: 0;
}
header .main-menus4 .menu-list nav ul li .megamenu .links ul li {
  display: block;
  padding: 0 20px;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header .main-menus4 .menu-list nav ul li .megamenu .links ul li:after {
  display: none;
}
header .main-menus4 .menu-list nav ul li .megamenu .links ul li a {
  line-height: 0px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  opacity: 0;
  transition: all 0.8s;
  padding: 0;
  color: #333;
}
header .main-menus4 .menu-list nav ul li .megamenu .links ul li a:after {
  display: none;
}
header .main-menus4 .menu-list nav ul li .megamenu .links ul li a:before {
  display: none;
}
header .main-menus4 .menu-list nav ul li .megamenu .links ul li a:hover {
  color: #ffcc00;
}
header .main-menus4 .menu-list nav ul li:hover .list-menu {
  opacity: 1;
  visibility: visible;
  z-index: 999999;
}
header .main-menus4 .menu-list nav ul li:hover .list-menu li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus4 .menu-list nav ul li:hover .megamenu {
  visibility: visible;
  opacity: 1;
  display: block;
  z-index: 999999;
}
header .main-menus4 .menu-list nav ul li:hover .megamenu .links h4 {
  opacity: 1;
  line-height: 26px;
}
header .main-menus4 .menu-list nav ul li:hover .megamenu .links ul li a {
  opacity: 1;
  line-height: 40px;
  transition: all 0.3s;
}
header .main-menus4 .search-area {
  background: #333;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
}
header .main-menus4 .search-area ul {
  magrin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
header .main-menus4 .search-area ul li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
header .main-menus4 .search-area ul li:first-child {
  position: absolute;
  right: 35px;
  top: 0px;
  display: none;
}
header .main-menus4 .search-area ul li:first-child input {
  background: transparent none repeat scroll 0 0;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none;
  border-width: medium 2px medium medium;
  color: #ffffff !important;
  padding: 0 10px;
  margin-top: 0;
  height: 50px;
  width: 270px;
  border: 1px solid #ffcc00;
}
header .main-menus4 .search-area ul li:last-child i {
  border-left: 1px solid #434242;
  color: #ffffff;
  padding-left: 10px;
}
header .main-menus4 .search-area ul li a {
  color: #fff;
  display: block;
  transition: all 0.3s;
}
header .main-menus4 .search-area ul li a:hover {
  color: #ffffff;
}
header .mobile-menu.visible-sm.visible-xs.mean-container {
  position: relative;
}
header .mobile-menu ul li ul li a {
  text-transform: capitalize !important;
}
header .mobilemenu1 .mean-container .mean-nav {
  background: #1D1D22;
  margin-top: 34px;
}
header .mobilemenu1 .mean-container .mean-nav ul li a {
  font-size: 13px;
  padding: 0 5%;
  line-height: 44px;
}
header .mobilemenu1 .mean-container .mean-nav ul li a.mean-expand {
  padding: 0;
  line-height: 44px;
  height: 44px !important;
  padding: 0 12px !important;
}
header .mobilemenu1 .mean-container .mean-nav ul li a.mean-expand:hover {
  background: #1D1D22;
}
header .mobilemenu1 .mean-container .mean-nav ul li a.mean-expand.mean-expand.mean-clicked {
  background: #1D1D22;
}
header .mobilemenu1 .mean-container .mean-nav ul li a:hover {
  color: #ffcc00;
  background: transparent;
}
header .mobilemenu1 .mean-container .mean-bar {
  background: inherit;
  padding: 0;
  min-height: 0;
  position: absolute;
  width: auto !important;
  left: 0;
  top: 21px;
  z-index: 9999;
}
header .mobilemenu1 .mean-container a.meanmenu-reveal {
  top: -2px;
  right: inherit !important;
  left: 0 !important;
  background: rgba(0, 0, 0, 0.4);
  height: 10px;
  padding: 8px 11px 17px;
}
header .mobilemenu2 {
  display: inline-block;
  height: 46px;
  position: absolute;
  right: 0;
  left: 15px;
  bottom: 58px;
}
header .mobilemenu2 .mean-container .mean-nav {
  background: #1D1D22;
  margin-top: 34px;
}
header .mobilemenu2 .mean-container .mean-nav ul li a {
  font-size: 13px;
  padding: 0 5%;
  line-height: 44px;
}
header .mobilemenu2 .mean-container .mean-nav ul li a.mean-expand {
  padding: 0;
  line-height: 44px;
  height: 44px !important;
  padding: 0 12px !important;
}
header .mobilemenu2 .mean-container .mean-nav ul li a.mean-expand:hover {
  background: #1D1D22;
}
header .mobilemenu2 .mean-container .mean-nav ul li a.mean-expand.mean-expand.mean-clicked {
  background: #1D1D22;
}
header .mobilemenu2 .mean-container .mean-nav ul li a:hover {
  color: #ffcc00;
  background: transparent;
}
header .mobilemenu2 .mean-container .mean-bar {
  background: inherit;
  padding: 0;
  min-height: 0;
  position: absolute;
  width: auto !important;
  left: auto;
  right: 15px;
  top: 21px;
  z-index: 9999;
}
header .mobilemenu2 .mean-container a.meanmenu-reveal {
  top: -2px;
  right: 0 !important;
  left: inherit !important;
  background: rgba(0, 0, 0, 0.4);
  height: 10px;
  padding: 8px 11px 17px;
  border-radius: 5px;
}
header .mobilemenu3 {
  display: inline-block;
  height: 46px;
  position: absolute;
  right: 0;
  left: 15px;
  bottom: 58px;
}
header .mobilemenu3 .mean-container .mean-nav {
  background: #1D1D22;
  margin-top: 34px;
}
header .mobilemenu3 .mean-container .mean-nav ul li a {
  font-size: 13px;
  padding: 0 5%;
  line-height: 44px;
}
header .mobilemenu3 .mean-container .mean-nav ul li a.mean-expand {
  padding: 0;
  line-height: 44px;
  height: 44px !important;
  padding: 0 12px !important;
}
header .mobilemenu3 .mean-container .mean-nav ul li a.mean-expand:hover {
  background: #1D1D22;
}
header .mobilemenu3 .mean-container .mean-nav ul li a.mean-expand.mean-expand.mean-clicked {
  background: #1D1D22;
}
header .mobilemenu3 .mean-container .mean-nav ul li a:hover {
  color: #ffcc00;
  background: transparent;
}
header .mobilemenu3 .mean-container .mean-bar {
  background: inherit;
  padding: 0;
  min-height: 0;
  position: absolute;
  width: auto !important;
  left: auto;
  right: 15px;
  top: 21px;
  z-index: 9999;
}
header .mobilemenu3 .mean-container a.meanmenu-reveal {
  top: -2px;
  right: 0 !important;
  left: inherit !important;
  background: rgba(0, 0, 0, 0.4);
  height: 10px;
  padding: 8px 11px 17px;
  border-radius: 5px;
}

/*....................................
3. Slider area start here
....................................*/
.slider-area {
  position: relative;
  display: block;
  width: 100%;
}
.slider-area .item .carousel-captions {
  height: 100vh;
  display: block;
  padding: 30vh 0;
}
.slider-area .item .carousel-captions .slider-content .content {
  display: block;
}
.slider-area .item .carousel-captions .slider-content .content strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 70px;
  line-height: 70px;
}
.slider-area .item .carousel-captions .slider-content .content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 70px;
  text-transform: uppercase;
  margin: 0;
  display: block;
  letter-spacing: 0;
}
.slider-area .item .carousel-captions .slider-content .content p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0 0 40px;
  display: block;
}
.slider-area .item .carousel-captions.caption-1 {
  background: url(images/slider/1.jpg) no-repeat;
  background-size: cover;
}
.slider-area .item .carousel-captions.caption-1 .slider-content .content {
  display: block;
  text-align: left;
}
.slider-area .item .carousel-captions.caption-1 .slider-content .content strong {
  clear: #333;
}
.slider-area .item .carousel-captions.caption-1 .slider-content .content h2 {
  color: #333;
}
.slider-area .item .carousel-captions.caption-1 .slider-content .content p {
  color: #333;
}
.slider-area .item .carousel-captions.caption-2 {
  background: url(images/slider/4.jpg) no-repeat center;
  background-size: cover;
}
.slider-area .item .carousel-captions.caption-2 .slider-content .content {
  display: block;
  text-align: center;
}
.slider-area .item .carousel-captions.caption-2 .slider-content .content strong {
  color: #fff;
}
.slider-area .item .carousel-captions.caption-2 .slider-content .content h2 {
  color: #fff;
}
.slider-area .item .carousel-captions.caption-2 .slider-content .content p {
  color: #fff;
}
.slider-area .item .carousel-captions.caption-3 {
  background: url(images/slider/5.jpg) no-repeat center;
  background-size: cover;
}
.slider-area .item .carousel-captions.caption-3 .slider-content .content {
  display: block;
  text-align: left;
}
.slider-area .item .carousel-captions.caption-3 .slider-content .content strong {
  color: #fff;
}
.slider-area .item .carousel-captions.caption-3 .slider-content .content h2 {
  color: #fff;
}
.slider-area .item .carousel-captions.caption-3 .slider-content .content p {
  color: #fff;
}

.slider-area-banner .banner-slider-list {
  width: 100%;
  position: relative;
}
.slider-area-banner .banner-slider-list figure {
  position: relative;
  width: 100%;
  display: block;
}
.slider-area-banner .banner-slider-list figure img {
  display: block;
  width: 100%;
}
.slider-area-banner .banner-slider-list figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.slider-area-banner .banner-slider-list .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 35%;
  text-align: center;
  z-index: 999;
}
.slider-area-banner .banner-slider-list .content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
  display: block;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.slider-area-banner .banner-slider-list .content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 50px;
  color: #fff;
  display: block;
}
.slider-area-banner .banner-slider-list .content a {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #ffcc00;
  display: inline-block;
}
.slider-area-banner .banner-slider-list .content a:hover {
  color: #fff;
}
.slider-area-banner .banner-slider-list .content span {
  color: #ffcc00;
}

.slider-area-two {
  position: relative;
  display: block;
}
.slider-area-two .slider-overlay-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: block;
  background: rgba(0, 0, 0, 0.25);
  z-index: 999;
}
.slider-area-two .slider-overlay-info .info-list {
  display: block;
  padding: 35px 0;
}
.slider-area-two .slider-overlay-info .info-list .info-ico {
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 30px;
  line-height: 36px;
}
.slider-area-two .slider-overlay-info .info-list .info-con {
  display: table;
}
.slider-area-two .slider-overlay-info .info-list .info-con h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.slider-area-two .slider-overlay-info .info-list .info-con p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  margin: 0;
}
.slider-area-two .item .carousel-captions {
  height: 100vh;
  display: block;
  padding: 45vh 0;
}
.slider-area-two .item .carousel-captions .slider-content .content {
  display: block;
}
.slider-area-two .item .carousel-captions .slider-content .content strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 30px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.slider-area-two .item .carousel-captions .slider-content .content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 70px;
  text-transform: uppercase;
  margin: 0;
  display: block;
  letter-spacing: 0;
}
.slider-area-two .item .carousel-captions .slider-content .content p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0 0 40px;
  display: block;
}
.slider-area-two .item .carousel-captions.caption-1 {
  background: url(images/slider/7.jpg) no-repeat;
  background-size: cover;
}
.slider-area-two .item .carousel-captions.caption-1 .slider-content {
  text-align: center;
}
.slider-area-two .item .carousel-captions.caption-1 .slider-content .content {
  display: block;
}
.slider-area-two .item .carousel-captions.caption-1 .slider-content .content strong {
  color: #fff;
}
.slider-area-two .item .carousel-captions.caption-1 .slider-content .content h2 {
  color: #fff;
  margin: 0 0 45px;
}
.slider-area-two .item .carousel-captions.caption-2 {
  background: url(images/slider/4.jpg) no-repeat center;
  background-size: cover;
}
.slider-area-two .item .carousel-captions.caption-2 .slider-content .content {
  display: block;
  text-align: center;
}
.slider-area-two .item .carousel-captions.caption-2 .slider-content .content strong {
  color: #fff;
}
.slider-area-two .item .carousel-captions.caption-2 .slider-content .content h2 {
  color: #fff;
}
.slider-area-two .item .carousel-captions.caption-2 .slider-content .content p {
  color: #fff;
}
.slider-area-two .item .carousel-captions.caption-3 {
  background: url(images/slider/5.jpg) no-repeat center;
  background-size: cover;
}
.slider-area-two .item .carousel-captions.caption-3 .slider-content .content {
  display: block;
  text-align: left;
}
.slider-area-two .item .carousel-captions.caption-3 .slider-content .content strong {
  color: #fff;
}
.slider-area-two .item .carousel-captions.caption-3 .slider-content .content h2 {
  color: #fff;
}
.slider-area-two .item .carousel-captions.caption-3 .slider-content .content p {
  color: #fff;
}

.slider-area5 {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 35px;
}
.slider-area5 .item .carousel-captions {
  height: 70vh;
  display: block;
  padding: 15vh 15vh;
}
.slider-area5 .item .carousel-captions .slider-content .content {
  display: block;
}
.slider-area5 .item .carousel-captions .slider-content .content strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 70px;
  line-height: 70px;
}
.slider-area5 .item .carousel-captions .slider-content .content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 70px;
  text-transform: uppercase;
  margin: 0;
  display: block;
  letter-spacing: 0;
}
.slider-area5 .item .carousel-captions .slider-content .content p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0 0 40px;
  display: block;
}
.slider-area5 .item .carousel-captions.caption-1 {
  background: url(images/slider/5.jpg) no-repeat;
  background-size: cover;
}
.slider-area5 .item .carousel-captions.caption-1 .slider-content .content {
  display: block;
  text-align: left;
}
.slider-area5 .item .carousel-captions.caption-1 .slider-content .content strong {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-1 .slider-content .content h2 {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-1 .slider-content .content p {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-2 {
  background: url(images/slider/1.jpg) no-repeat center;
  background-size: cover;
}
.slider-area5 .item .carousel-captions.caption-2 .slider-content .content {
  display: block;
  text-align: center;
}
.slider-area5 .item .carousel-captions.caption-2 .slider-content .content strong {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-2 .slider-content .content h2 {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-2 .slider-content .content p {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-3 {
  background: url(images/slider/4.jpg) no-repeat center;
  background-size: cover;
}
.slider-area5 .item .carousel-captions.caption-3 .slider-content .content {
  display: block;
  text-align: left;
}
.slider-area5 .item .carousel-captions.caption-3 .slider-content .content strong {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-3 .slider-content .content h2 {
  color: #fff;
}
.slider-area5 .item .carousel-captions.caption-3 .slider-content .content p {
  color: #fff;
}

/*....................................
4. About area start here
....................................*/
.about-page .about-img figure img {
  width: 100%;
  display: block;
}
.about-page .about-con {
  padding-top: 40px;
}
.about-page .about-con span {
  font-size: 16px;
  color: #ffcc00;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Montserrat", sans-serif;
}
.about-page .about-con h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
}
.about-page .about-con p {
  color: #a5a5a5;
  font-size: 16px;
  font-family: Constantia;
  font-style: italic;
}
.about-page .about-con a {
  padding: 0 50px;
  margin: 15px 0 30px;
}
.about-page .about-con img {
  display: block;
}

/*....................................
7. Blog area start here
....................................*/
.blog-area .blog {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 30px;
}
.blog-area .blog figure {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 40px;
}
.blog-area .blog figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.blog-area .blog figure span {
  display: inline-block;
  background: #ffcc00;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: -14px;
  transition: all 0.3s;
}
.blog-area .blog .content .headings {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 15px;
}
.blog-area .blog .content .headings .data {
  display: inline-block;
  text-align: center;
  float: left;
  padding: 0 15px;
}
.blog-area .blog .content .headings .data span {
  color: #ffcc00;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.blog-area .blog .content .headings h3 {
  display: table;
  font-weight: 600;
  font-size: 20px;
  color: #333333;
  margin: 0;
  padding: 2px 0 0;
}
.blog-area .blog .content .headings h3 a {
  color: #333333;
}
.blog-area .blog .content .headings h3 a:hover {
  color: #ffcc00;
}
.blog-area .blog .content p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
}

.blog-area-two .blog2 {
  display: block;
  margin: 0 0 30px;
}
.blog-area-two .blog2 figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 40px;
}
.blog-area-two .blog2 figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.blog-area-two .blog2 .content {
  display: block;
  position: relative;
}
.blog-area-two .blog2 .content h3 {
  font-weight: 500;
  font-size: 21px;
}
.blog-area-two .blog2 .content h3 a {
  color: #333333;
  display: block;
}
.blog-area-two .blog2 .content h3 a:hover {
  color: #ffcc00;
}
.blog-area-two .blog2 .content p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
}
.blog-area-two .blog2 .content .post-det {
  display: block;
  line-height: 30px;
  background: #eaeaea;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #333;
  text-transform: uppercase;
}
.blog-area-two .blog2 .content .post-det span {
  font-weight: 300;
  font-style: normal;
}
.blog-area-two .blog2 .content .post-det em {
  font-weight: 700;
  font-style: italic;
}
.blog-area-two .blog2:hover figure img {
  transform: scale(1.1, 1.1);
}

.blog-page-area .blog {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 55px;
}
.blog-page-area .blog figure {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 40px;
}
.blog-page-area .blog figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.blog-page-area .blog figure span {
  display: inline-block;
  background: #ffcc00;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: -14px;
  transition: all 0.3s;
}
.blog-page-area .blog .content .headings {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 15px;
}
.blog-page-area .blog .content .headings .data {
  display: inline-block;
  text-align: center;
  float: left;
  padding: 0 15px;
}
.blog-page-area .blog .content .headings .data span {
  color: #ffcc00;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.blog-page-area .blog .content .headings h3 {
  display: table;
  font-weight: 600;
  font-size: 20px;
  color: #333333;
  margin: 0;
  padding: 2px 0 0;
}
.blog-page-area .blog .content .headings h3 a {
  color: #333333;
}
.blog-page-area .blog .content .headings h3 a:hover {
  color: #ffcc00;
}
.blog-page-area .blog .content ul {
  display: block;
  margin: 0 0 20px;
}
.blog-page-area .blog .content ul li {
  display: inline-block;
  padding-right: 50px;
}
.blog-page-area .blog .content ul li:last-child {
  padding: 0;
}
.blog-page-area .blog .content ul li i {
  color: #ffcc00;
}
.blog-page-area .blog .content ul li span {
  color: #a5a5a5;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
}
.blog-page-area .blog .content p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  font-weight: 500;
  font-size: 14px;
}

.blog-single .blog_details_con .blogdetails {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 55px;
}
.blog-single .blog_details_con .blogdetails figure {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 40px;
}
.blog-single .blog_details_con .blogdetails figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.blog-single .blog_details_con .blogdetails figure span {
  display: inline-block;
  background: #ffcc00;
  color: #fff;
  line-height: 28px;
  text-transform: uppercase;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: -14px;
  transition: all 0.3s;
}
.blog-single .blog_details_con .blogdetails .content .headings {
  display: block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 15px;
}
.blog-single .blog_details_con .blogdetails .content .headings .data {
  display: inline-block;
  text-align: center;
  float: left;
  padding: 0 15px;
}
.blog-single .blog_details_con .blogdetails .content .headings .data span {
  color: #ffcc00;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.blog-single .blog_details_con .blogdetails .content .headings h3 {
  display: table;
  font-weight: 600;
  font-size: 20px;
  color: #333333;
  margin: 0;
  padding: 2px 0 0;
}
.blog-single .blog_details_con .blogdetails .content .headings h3 a {
  color: #333333;
}
.blog-single .blog_details_con .blogdetails .content .headings h3 a:hover {
  color: #ffcc00;
}
.blog-single .blog_details_con .blogdetails .content ul {
  display: block;
  margin: 0 0 20px;
}
.blog-single .blog_details_con .blogdetails .content ul li {
  display: inline-block;
  padding-right: 50px;
}
.blog-single .blog_details_con .blogdetails .content ul li:last-child {
  padding: 0;
}
.blog-single .blog_details_con .blogdetails .content ul li i {
  color: #ffcc00;
}
.blog-single .blog_details_con .blogdetails .content ul li span {
  color: #a5a5a5;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
}
.blog-single .blog_details_con .blogdetails .content p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  font-weight: 500;
  font-size: 14px;
}
.blog-single .blog_details_con .blogdetails .content .img-block img {
  display: inline-block;
}
.blog-single .blog_details_con .blogdetails .content .img-block p {
  display: inline-block;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog {
  background: #ffcc00;
  position: relative;
  margin: 0 0 30px;
  display: block;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  bottom: 0;
  background: url(images/blog/quote.png) no-repeat center;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog .owl-carousel {
  z-index: 999;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog .testimonial-list {
  text-align: left;
  padding: 75px 50px 50px;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog .testimonial-list blockquote {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  line-height: 35px;
  letter-spacing: 1px;
  padding: 0;
  padding-right: 120px;
  border: none;
  font-family: "Montserrat", sans-serif;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog .testimonial-list a {
  color: #fff;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog .testimonial-list figure {
  width: 180px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}
.blog-single .blog_details_con .blogdetails .content .testimonial-blog .testimonial-list figure img {
  width: 100%;
  display: block;
}
.blog-single .blog_details_con .admindetails {
  display: block;
  border: 2px solid #eee;
  padding: 20px;
  margin: 0 0 70px;
}
.blog-single .blog_details_con .admindetails figure {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.blog-single .blog_details_con .admindetails figure img {
  width: 100%;
  display: block;
}
.blog-single .blog_details_con .admindetails .content {
  display: block;
  position: relative;
  padding: 30px 0;
}
.blog-single .blog_details_con .admindetails .content h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 20px;
}
.blog-single .blog_details_con .admindetails .content h4 a {
  color: #ffcc00;
}
.blog-single .blog_details_con .admindetails .content p {
  font-family: Constantia;
  color: #a5a5a5;
  font-size: 14px;
  letter-spacing: 0;
}
.blog-single .blog_details_con .comments-area {
  display: block;
  padding: 0 0 90px;
}
.blog-single .blog_details_con .comments-area .comments-heading h2 {
  font-family: "Montserrat", sans-serif;
  color: #111;
  font-size: 20px;
  margin: 0 0 50px;
  text-transform: uppercase;
  font-weight: 400;
}
.blog-single .blog_details_con .comments-area .comments-heading h2 span {
  color: #ffcc00;
}
.blog-single .blog_details_con .comments-area .comments-list .media {
  padding: 50px 0;
  border-bottom: 1px solid #e1e1e1;
}
.blog-single .blog_details_con .comments-area .comments-list .media:first-child {
  padding-top: 0;
}
.blog-single .blog_details_con .comments-area .comments-list .media:first-child .media-body {
  padding: 0;
  border-bottom: none;
}
.blog-single .blog_details_con .comments-area .comments-list .media:first-child .media-body .media {
  padding: 50px 0 0;
  margin-top: 50px;
  border-top: 1px solid #e1e1e1;
  border-bottom: none;
}
.blog-single .blog_details_con .comments-area .comments-list .media .media-body h5 {
  color: #111;
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 20px;
}
.blog-single .blog_details_con .comments-area .comments-list .media .media-body h5 span {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  padding-left: 20px;
  font-style: italic;
  font-size: 16px;
  color: #ffcc00;
}
.blog-single .blog_details_con .comments-area .comments-list .media .media-body h5 span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #e8e8e8;
}
.blog-single .blog_details_con .comments-area .comments-list .media .media-body h5 span a {
  color: #ffcc00;
  text-decoration: underline;
}
.blog-single .blog_details_con .comments-area .comments-list .media .media-body p {
  margin: 0;
}
.blog-single .blog_details_con .form-area {
  display: block;
  width: 100%;
}
.blog-single .blog_details_con .form-area .form-heading h2 {
  font-family: "Montserrat", sans-serif;
  color: #111;
  font-size: 20px;
  margin: 0 0 50px;
  font-weight: 400;
}
.blog-single .blog_details_con .form-area .form-heading h2 span {
  color: #ffcc00;
}
.blog-single .blog_details_con .form-area form fieldset {
  display: block;
  margin: 0 0 30px;
}
.blog-single .blog_details_con .form-area form fieldset .feld {
  position: relative;
}
.blog-single .blog_details_con .form-area form fieldset .feld input {
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 0 15px;
  height: 50px;
  transition: all 0.3s;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:focus {
  border: 1px solid #ffcc00;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:focus + span {
  color: #ffcc00;
}
.blog-single .blog_details_con .form-area form fieldset .feld input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld span {
  position: absolute;
  right: 35px;
  top: 0;
  line-height: 50px;
  color: #797979;
  transition: all 0.3s;
}
.blog-single .blog_details_con .form-area form fieldset .feld span.msg {
  right: 20px;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea {
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 15px;
  height: 120px;
  transition: all 0.3s;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:focus {
  border: 1px solid #ffcc00;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:focus + span {
  color: #ffcc00;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #797979;
}

/*....................................
9. Contact area start here
....................................*/
.contatc-us .info-list {
  display: block;
  position: relative;
  margin: 0 0 30px;
}
.contatc-us .info-list span {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
  border: 2px solid #e0e0e0;
  line-height: 76px;
  text-align: center;
}
.contatc-us .info-list span img {
  display: inline-block;
}
.contatc-us .info-list h4 {
  color: #ffcc00;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.contatc-us .info-list p {
  margin: 0;
  color: #a5a5a5;
  font-family: Constantia;
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0;
}
.contatc-us .contact-form {
  display: block;
  position: relative;
  background: #2d2d2d;
  padding: 80px 40px;
  margin: -30px 0 0;
}
.contatc-us .contact-form h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffcc00;
  margin: 0 0 35px;
}
.contatc-us .contact-form form {
  width: 70%;
  display: block;
}
.contatc-us .contact-form form fieldset {
  display: block;
  margin: 0 0 30px;
}
.contatc-us .contact-form form fieldset input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 50px;
  line-height: 48px;
  padding: 0 20px;
  background: transparent;
  color: #fff;
  transition: all 0.3s;
}
.contatc-us .contact-form form fieldset input:focus {
  border: 1px solid #ffcc00;
}
.contatc-us .contact-form form fieldset textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 220px;
  padding: 20px;
  background: transparent;
  color: #fff;
  transition: all 0.3s;
}
.contatc-us .contact-form form fieldset textarea:focus {
  border: 1px solid #ffcc00;
}
.contatc-us .contact-form form button {
  padding: 0 50px;
}

/*....................................
10. Footer area start here
....................................*/
.daily-deal {
  background: url(images/banner/bg-1.jpg);
}
.daily-deal:after {
  background: rgba(0, 0, 0, 0.7);
}
.daily-deal .widghet {
  position: relative;
  z-index: 999;
  margin: 0 0 50px;
}
.daily-deal .widghet h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  margin: 0 0 50px;
  padding-bottom: 15px;
  position: relative;
}
.daily-deal .widghet h4:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 10px;
  height: 3px;
  background: #ffcc00;
}
.daily-deal .recent-post .post-list {
  display: block;
  margin: 0 0 20px;
}
.daily-deal .recent-post .post-list:last-child {
  margin: 0;
}
.daily-deal .recent-post .post-list figure {
  width: 100px;
  float: left;
  display: inline-block;
}
.daily-deal .recent-post .post-list figure img {
  width: 100%;
}
.daily-deal .recent-post .post-list .content {
  display: table;
  background: #333333;
  padding: 21px 20px;
}
.daily-deal .recent-post .post-list .content h5 {
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  margin: 0 0 10px;
  font-weight: 400;
  letter-spacing: 0;
}
.daily-deal .recent-post .post-list .content h5 a {
  color: #fff;
}
.daily-deal .recent-post .post-list .content h5 a:hover {
  color: #ffcc00;
}
.daily-deal .recent-post .post-list .content span {
  color: #ffcc00;
  text-transform: uppercase;
}
.daily-deal .products-deal .product-lists {
  display: block;
  margin: 0 0 20px;
}
.daily-deal .products-deal .product-lists:last-child {
  margin: 0;
}
.daily-deal .products-deal .product-lists figure {
  width: 100px;
  float: left;
  display: inline-block;
}
.daily-deal .products-deal .product-lists figure img {
  width: 100%;
}
.daily-deal .products-deal .product-lists .content {
  display: table;
  padding: 21px 20px;
}
.daily-deal .products-deal .product-lists .content h5 {
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  margin: 0 0 10px;
  font-weight: 400;
  letter-spacing: 0;
}
.daily-deal .products-deal .product-lists .content h5 a {
  color: #fff;
}
.daily-deal .products-deal .product-lists .content h5 a:hover {
  color: #ffcc00;
}
.daily-deal .products-deal .product-lists .content span {
  color: #ffcc00;
  text-transform: uppercase;
}

footer .footer-bottom {
  background: #434242;
  display: block;
}
footer .footer-bottom .copyright {
  display: block;
  text-align: center;
}
footer .footer-bottom .copyright p {
  margin: 0;
  color: #a5a5a5;
  font-size: 12px;
  line-height: 58px;
}
footer .footer-bottom-two {
  display: block;
  position: relative;
  background: #2b2b2b;
}
footer .footer-bottom-two .copyright {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 60px;
}
footer .footer-bottom-two .copyright .foo-logo {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}
footer .footer-bottom-two .copyright p {
  margin: 0;
  color: #a5a5a5;
  font-size: 12px;
  display: block;
}

footer .footer-top {
  display: block;
  background: #333333;
  overflow: hidden;
  vertical-align: middle;
}
footer .footer-top .subs-form {
  position: absolute;
  left: 15%;
  right: 15%;
  top: 0;
  height: 55px;
  line-height: 55px;
  z-index: 999;
}
footer .footer-top .subs-form form {
  width: 100%;
}
footer .footer-top .subs-form form input {
  width: 100%;
  border: none;
  background: #fff;
  padding: 0 45px;
}
footer .footer-top .subs-form form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
footer .footer-top .subs-form form input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
footer .footer-top .subs-form form input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
footer .footer-top .subs-form form input:-moz-placeholder {
  /* Firefox 18- */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
footer .footer-top .subs-form form button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 25px;
  background: #ffcc00;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
footer .footer-top .footer-content {
  display: block;
  margin-top: 125px;
  text-align: center;
  padding-bottom: 65px;
}
footer .footer-top .footer-content .logo-foo {
  display: block;
  margin: 0 0 26px;
}
footer .footer-top .footer-content .logo-foo a {
  display: inline-block;
}
footer .footer-top .footer-content p {
  width: 65%;
  margin: 0 auto;
  color: #a5a5a5;
  font-family: Constantia;
  font-style: italic;
}
footer .footer-top .footer-content .foo-social {
  display: block;
  padding: 30px 0;
}
footer .footer-top .footer-content .foo-social li {
  padding: 0 4px;
  margin: 0;
}
footer .footer-top .footer-content .foo-social li a {
  display: block;
  height: 27px;
  line-height: 27px;
  width: 27px;
  text-align: center;
  color: #fff;
  background: #434242;
  border-radius: 3px;
}
footer .footer-top .footer-content .foo-social li a:hover {
  background: #ffcc00;
}
footer .footer-top .footer-content .foo-con-info li {
  padding: 0 12px;
}
footer .footer-top .footer-content .foo-con-info li:first-child {
  padding-left: 0;
}
footer .footer-top .footer-content .foo-con-info li:last-child {
  padding-right: 0;
}
footer .footer-top .footer-content .foo-con-info li i {
  color: #ffcc00;
}
footer .footer-top .footer-content .foo-con-info li span {
  color: #a5a5a5;
  padding-left: 15px;
}
footer .footer-top-two {
  display: block;
  position: relative;
  background: #333;
  padding: 100px 0 60px;
}
footer .footer-top-two .wighet h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  display: block;
  margin: 0 0 45px;
}
footer .footer-top-two .foo-about {
  padding-right: 15px;
}
footer .footer-top-two .foo-about p {
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
  line-height: 20px;
  font-size: 13px;
}
footer .footer-top-two .foo-about ul {
  overflow: hidden;
  vertical-align: middle;
}
footer .footer-top-two .foo-about ul li {
  display: block;
  float: left;
  margin: 0 0 10px;
}
footer .footer-top-two .foo-about ul li:last-child {
  margin: 0;
}
footer .footer-top-two .foo-about ul li i {
  color: #ffcc00;
  font-size: 15px;
  display: inline-block;
  float: left;
  margin-right: 8px;
}
footer .footer-top-two .foo-about ul li span {
  display: table;
  color: #a5a5a5;
  line-height: 18px;
  font-size: 13px;
}
footer .footer-top-two .foo-link {
  display: block;
  position: relative;
  padding: 0 15px;
  border-left: 1px solid #434242;
}
footer .footer-top-two .foo-link ul li {
  display: block;
  padding: 7px 0;
}
footer .footer-top-two .foo-link ul li:first-child {
  padding-top: 0;
}
footer .footer-top-two .foo-link ul li:last-child {
  padding-bottom: 0;
}
footer .footer-top-two .foo-link ul li a {
  display: block;
  color: #a5a5a5;
  position: relative;
  padding-left: 15px;
}
footer .footer-top-two .foo-link ul li a:hover {
  color: #ffcc00;
}
footer .footer-top-two .foo-link ul li a:after {
  content: '';
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  border: 1px solid #ffcc00;
  top: 38%;
}
footer .footer-top-two .foo-social {
  display: block;
  padding: 0 15px;
  border-left: 1px solid #434242;
}
footer .footer-top-two .foo-social ul li {
  margin: 7px 4px;
  padding: 0;
}
footer .footer-top-two .foo-social ul li a {
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  background: #2b2b2b;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
}
footer .footer-top-two .foo-social ul li a:hover {
  background: #ffcc00;
}

/*....................................
11. Breadcumb area start here
....................................*/
.breadcumb-area {
  position: relative;
  display: block;
  background: #121212;
  padding: 55px 0 80px;
}
.breadcumb-area .breadcumb-cont {
  display: block;
  position: relative;
  text-align: center;
}
.breadcumb-area .breadcumb-cont h2 {
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 35px;
  letter-spacing: 2px;
  font-weight: 700;
  margin: 0 0 15px;
}
.breadcumb-area .breadcumb-cont p {
  font-family: Constantia;
  color: #fff;
  font-style: italic;
  margin: 0 auto;
  width: 55%;
}
.breadcumb-area .breadcum-nav {
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -110px;
  line-height: 60px;
  height: 60px;
  background: #f5f5f5;
  padding: 0 45px;
  z-index: 999;
}
.breadcumb-area .breadcum-nav h4 {
  display: inline-block;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ffcc00;
  text-transform: uppercase;
  line-height: 60px;
}
.breadcumb-area .breadcum-nav ul {
  display: inline-block;
  float: right;
}
.breadcumb-area .breadcum-nav ul li {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  padding-left: 5px;
}
.breadcumb-area .breadcum-nav ul li:after {
  content: '\f101';
  position: absolute;
  right: 0;
  color: #a5a5a5;
  font-family: FontAwesome;
  font-size: 14px;
  top: -1px;
}
.breadcumb-area .breadcum-nav ul li a {
  color: #a5a5a5;
  font-style: italic;
  display: inline-block;
}
.breadcumb-area .breadcum-nav ul li a:hover {
  color: #ffcc00;
}
.breadcumb-area .breadcum-nav ul li:first-child {
  padding-left: 0;
}
.breadcumb-area .breadcum-nav ul li:last-child:after {
  display: none;
}
.breadcumb-area .breadcum-nav ul li:last-child a {
  color: #ffcc00;
}

/*....................................
6. Banner area start here
....................................*/
.offer-banner .offer-list {
  position: relative;
}
.offer-banner .offer-list figure {
  position: relative;
  display: block;
  width: 100%;
}
.offer-banner .offer-list figure img {
  width: 100%;
}
.offer-banner .offer-list .content-off {
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  text-align: center;
}
.offer-banner .offer-list .content-off span {
  color: #fff;
  display: block;
  margin: 0 0 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.offer-banner .offer-list .content-off h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 50px;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin: 0 0 10px;
}
.offer-banner .offer-list .content-off p {
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
  margin: 0 auto 40px;
  display: block;
  width: 48%;
}
.offer-banner .offer-count figure {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
}
.offer-banner .offer-count figure img {
  width: 100%;
  transition: all 0.3s;
}
.offer-banner .offer-count figure .count-con {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.offer-banner .offer-count figure .count-con .but {
  line-height: 60px;
  height: 60px;
  display: inline-block;
  background: #333333;
  padding: 0 60px;
}
.offer-banner .offer-count figure .count-con .but strong {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 5px;
}
.offer-banner .offer-count figure .count-con .but span {
  color: #a5a5a5;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0;
  padding-left: 5px;
}
.offer-banner .offer-count figure .count-con .counter {
  background: #ffcc00;
  display: block;
  margin-top: -25px;
}
.offer-banner .offer-count figure .count-con .counter .count-list {
  padding: 55px 0 30px;
}
.offer-banner .offer-count figure .count-con .counter .count-list li {
  padding: 0 20px;
}
.offer-banner .offer-count figure .count-con .counter .count-list li span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 30px;
}
.offer-banner .offer-count figure .count-con .counter .count-list li p {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
.offer-banner .offer-count figure:hover img {
  transform: scale(1.1, 1.1);
}

.banner-area {
  background: url(images/banner/bg-1.png);
}
.banner-area .banner-content {
  text-align: center;
  display: block;
  padding: 200px 0;
  position: relative;
  z-index: 999;
}
.banner-area .banner-content span {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #ffcc00;
  text-transform: uppercase;
  letter-spacing: 8px;
  font-size: 16px;
  display: block;
  margin: 0 0 10px;
}
.banner-area .banner-content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 50px;
  color: #fff;
}
.banner-area .banner-content p {
  font-family: Constantia;
  color: #a5a5a5;
  font-size: 14px;
  display: block;
  width: 50%;
  margin: 0 auto;
  font-size: initial;
}
.banner-area .banner-content .price {
  display: block;
  margin: 30px 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
}
.banner-area .banner-content .price del {
  padding-right: 10px;
  position: relative;
}
.banner-area .banner-content .price del:after {
  content: '.';
  position: absolute;
  right: -4px;
  bottom: 2px;
  color: #fff;
  font-size: 34px;
}
.banner-area .banner-content .price strong {
  font-weight: 400;
  padding-left: 5px;
}

.offers-area .offers-list {
  margin: 0 0 30px;
  display: block;
}
.offers-area .offers-list figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}
.offers-area .offers-list figure img {
  display: block;
  transition: all 0.3s;
  width: 100%;
}
.offers-area .offers-list figure .content {
  position: absolute;
  left: 30px;
  right: 0;
  top: 110px;
  z-index: 999;
}
.offers-area .offers-list figure .content.two {
  top: 40px;
  left: 0;
}
.offers-area .offers-list figure .content.three {
  top: 40px;
}
.offers-area .offers-list figure .content.four {
  left: 0;
  top: initial;
  bottom: 45px;
}
.offers-area .offers-list figure .content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #333;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.offers-area .offers-list figure .content h2 span {
  color: #ffcc00;
}
.offers-area .offers-list figure .content p {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0 0 20px;
}
.offers-area .offers-list figure .content .off span {
  font-family: "Montserrat", sans-serif;
  font-size: 35px;
  font-weight: 300;
  color: #333;
  display: block;
  margin: 0 0 5px;
}
.offers-area .offers-list figure .content .off strong {
  color: #333;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.offers-area .offers-list figure:hover img {
  transform: scale(1.1, 1.1);
}

.banner-area-two .banners {
  position: relative;
  display: block;
  width: 100%;
}
.banner-area-two .banners figure {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  display: block;
  width: 100%;
}
.banner-area-two .banners figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.banner-area-two .banners:hover figure img {
  transform: scale(1.1, 1.1);
}
.banner-area-two .banners .content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100px;
  right: 100px;
}
.banner-area-two .banners .content strong {
  font-family: Constantia;
  font-style: italic;
  font-size: 35px;
}
.banner-area-two .banners .content span {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.banner-area-two .banners .content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 50px;
}
.banner-area-two .banners .content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 50px;
  margin: 0;
}
.banner-area-two .banners .content p {
  font-family: Constantia;
  font-style: italic;
  font-size: 20px;
  margin: 0 0 30px;
}
.banner-area-two .banners .content a.btn5 {
  background: transparent;
}
.banner-area-two .banners .content a.btn5:hover {
  background: #ffcc00;
}
.banner-area-two .banners.bann1 .content {
  top: 28%;
}
.banner-area-two .banners.bann1 .content span {
  color: #a5a5a5;
}
.banner-area-two .banners.bann1 .content h3 {
  color: #333333;
}
.banner-area-two .banners.bann1 .content p {
  color: #333333;
}
.banner-area-two .banners.bann2 {
  position: relative;
}
.banner-area-two .banners.bann2:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.banner-area-two .banners.bann2 .content {
  left: 60px;
  right: 60px;
  top: 60px;
  bottom: 60px;
  background: url(images/banner/7.jpg) no-repeat center;
  background-size: cover;
  padding: 80px;
  z-index: 999;
}
.banner-area-two .banners.bann2 .content strong {
  color: #333333;
}
.banner-area-two .banners.bann2 .content h2 {
  color: #333333;
}
.banner-area-two .banners.bann3 .content {
  top: 32%;
}
.banner-area-two .banners.bann3 .content h3 {
  color: #fff;
}
.banner-area-two .banners.bann3 .content p {
  color: #fff;
}
.banner-area-two .banners.bann3 .content a.btn5 {
  border: 2px solid #fff;
  color: #fff;
}
.banner-area-two .banners.bann3 .content a.btn5:hover {
  border: 2px solid #ffcc00;
}
.banner-area-two .banners.bann4 .content {
  top: 28%;
}
.banner-area-two .banners.bann4 .content span {
  color: #a5a5a5;
}
.banner-area-two .banners.bann4 .content h3 {
  color: #333333;
}
.banner-area-two .banners.bann4 .content p {
  color: #333333;
}
.banner-area-two .banners.bann5 .content {
  top: 33%;
}
.banner-area-two .banners.bann5 .content span {
  color: #fff;
}
.banner-area-two .banners.bann5 .content h3 {
  color: #fff;
}
.banner-area-two .banners.bann5 .content p {
  color: #fff;
}

.offer-banner-three .bann-img figure {
  position: relative;
  display: block;
  width: 100%;
}
.offer-banner-three .bann-img figure img {
  width: 100%;
  display: block;
}
.offer-banner-three .ban-con {
  display: block;
  background: #333333;
  display: block;
  padding: 76px 100px;
}
.offer-banner-three .ban-con h2 {
  font-weight: 100;
  color: #ffcc00;
  font-size: 50px;
  display: block;
  margin: 0;
}
.offer-banner-three .ban-con h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  font-size: 35px;
  margin: 0 0 5px;
  padding: 0 0 10px;
  border-bottom: 1px solid #434242;
}
.offer-banner-three .ban-con span {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: #ffcc00;
  text-transform: uppercase;
  margin: 0 0 15px;
  display: block;
}
.offer-banner-three .ban-con p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  margin: 0;
}

.paginations {
  display: block;
  position: relative;
  margin-top: 50px;
}
.paginations ul {
  margin-left: -4px;
}
.paginations ul li {
  display: inline-block;
  padding: 0 4px;
}
.paginations ul li a {
  font-size: 16px;
  color: #a5a5a5;
  background: #fff;
  height: 45px;
  line-height: 43px;
  width: 45px;
  border: 1px solid #f3f3f3;
  display: block;
  text-align: center;
}
.paginations ul li a:hover {
  color: #fff;
  background: #ffcc00;
  border: 1px solid #ffcc00;
}
.paginations ul li a.active {
  color: #fff;
  background: #ffcc00;
  border: 1px solid #ffcc00;
}
.paginations ul li a span {
  color: #ffcc00;
}
.paginations ul li:first-child {
  padding-right: 15px;
}
.paginations ul li:first-child a {
  width: auto;
  padding: 0 15px;
  font-size: 13px;
}
.paginations ul li:first-child a:hover span {
  color: #fff;
}
.paginations ul li:last-child {
  padding-left: 15px;
}
.paginations ul li:last-child a {
  width: auto;
  padding: 0 15px;
  font-size: 13px;
}
.paginations ul li:last-child a:hover span {
  color: #fff;
}

.collection-area .col-img figure img {
  width: 100%;
}
.collection-area .col-contents {
  display: block;
  margin-top: 20px;
}
.collection-area .col-contents span {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #ffcc00;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.collection-area .col-contents h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #111;
  text-transform: uppercase;
}
.collection-area .col-contents p {
  font-family: Constantia;
  font-size: 16px;
  color: #a5a5a5;
  font-style: italic;
}
.collection-area .col-contents a {
  padding: 0 40px;
}

.login-register .orbtn .or-space {
  position: absolute;
  width: 96px;
  height: 96px;
  line-height: 96px;
  text-align: center;
  background: #ffcc00;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 100%;
  right: -47px;
  z-index: 999;
  top: 40%;
}
.login-register .register {
  background: #2d2d2d;
  display: block;
  position: relative;
  padding: 45px 70px 45px 40px;
}
.login-register .register h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ffcc00;
  text-transform: uppercase;
}
.login-register .register form fieldset {
  display: block;
  margin: 0 0 20px;
}
.login-register .register form fieldset input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 20px;
  color: #fff;
  transition: all 0.3s;
}
.login-register .register form fieldset input:focus {
  border: 1px solid #ffcc00;
}
.login-register .register form .chkbox {
  position: relative;
  margin: 6px 20px 0px 0;
  float: left;
  width: 20px;
}
.login-register .register form .chkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0;
}
.login-register .register form .chkbox label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 3px solid #ffcc00;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
.login-register .register form .chkbox label:hover::after {
  opacity: 0.3;
}
.login-register .register form .chkbox input[type=checkbox] {
  visibility: hidden;
}
.login-register .register form .chkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.login-register .register form p {
  display: table;
  color: #fff;
  font-family: Constantia;
  font-size: 14px;
  letter-spacing: 0;
}
.login-register .register form button {
  padding: 0 50px;
}
.login-register .login {
  background: #2d2d2d;
  display: block;
  position: relative;
  padding: 45px 50px 88px;
}
.login-register .login h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ffcc00;
  text-transform: uppercase;
  margin: 0;
}
.login-register .login p {
  margin: 0 0 30px;
  color: #fff;
  font-family: Constantia;
}
.login-register .login form fieldset {
  display: block;
  margin: 0 0 20px;
}
.login-register .login form fieldset input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 20px;
  color: #fff;
  transition: all 0.3s;
}
.login-register .login form fieldset input:focus {
  border: 1px solid #ffcc00;
}
.login-register .login form button {
  padding: 0 50px;
  margin-top: 15px;
}
.login-register .login .orlog {
  display: block;
  text-align: center;
  color: #fff;
  font-style: italic;
  margin: 15px 0;
}
.login-register .login ul {
  overflow: hidden;
  vertical-align: middle;
}
.login-register .login ul li {
  display: inline-block;
  width: 33.3333%;
  float: left;
  padding: 2px;
}
.login-register .login ul li a {
  display: block;
  line-height: 70px;
  height: 70px;
  padding: 0 15px;
  text-align: center;
}
.login-register .login ul li a i {
  font-size: 16px;
  color: #fff;
}
.login-register .login ul li a span {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  padding-left: 8px;
}
.login-register .login ul li:nth-child(1) {
  padding-left: 0;
}
.login-register .login ul li:nth-child(1) a {
  background: #3b5998;
}
.login-register .login ul li:nth-child(2) a {
  background: #1dcaff;
}
.login-register .login ul li:nth-child(3) {
  padding-right: 0;
}
.login-register .login ul li:nth-child(3) a {
  background: #d34836;
}

/*....................................
5. Team area start here
....................................*/
/*....................................
8. Price list area start here
....................................*/
/*....................................
12. Faq area start here
....................................*/
.faq-content .panel-group .panel {
  border-radius: 0;
}
.faq-content .panel-group .panel .panel-heading {
  padding: 0;
  border-radius: 0;
}
.faq-content .panel-group .panel .panel-heading h4 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  display: block;
}
.faq-content .panel-group .panel .panel-heading h4 a {
  display: block;
  line-height: 74px;
  padding: 0 45px;
  background: #ffcc00;
  color: #fff;
  position: relative;
  padding-left: 80px;
}
.faq-content .panel-group .panel .panel-heading h4 a:after {
  content: '\f13d';
  position: absolute;
  left: 28px;
  font-size: 20px;
  line-height: 74px;
  color: #fff;
  font-family: FontAwesome;
}
.faq-content .panel-group .panel .panel-heading h4 a.collapsed {
  background: #f7f7f7;
  color: #333333;
}
.faq-content .panel-group .panel .panel-heading h4 a.collapsed:after {
  color: #333;
}
.faq-content .panel-group .panel .panel-collapse .panel-body {
  padding: 15px 30px;
}
.faq-content .panel-group .panel .panel-collapse .panel-body p {
  font-size: 16px;
  color: #646464;
  margin: 0 0 10px;
}
.faq-content .panel-group .panel .panel-collapse .panel-body ul li {
  display: block;
  position: relative;
  padding-left: 20px;
  font-family: Constantia;
  font-style: italic;
  font-size: 14px;
  color: #a5a5a5;
}
.faq-content .panel-group .panel .panel-collapse .panel-body ul li:after {
  content: '';
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid #333;
  top: 7px;
}

.brand-list {
  display: block;
  width: 100%;
  margin-top: -15px;
}
.brand-list .brands {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 15px;
}
.brand-list .brands figure img {
  width: 100%;
}
.brand-list .brands figure img.nor {
  display: block;
}
.brand-list .brands figure img.hov {
  display: none;
}
.brand-list .brands figure:hover img.nor {
  display: none;
}
.brand-list .brands figure:hover img.hov {
  display: block;
}

.brand-area .beand2-slider figure img.nor {
  display: block;
}
.brand-area .beand2-slider figure img.hov {
  display: none;
}
.brand-area .beand2-slider figure:hover img.nor {
  display: none;
}
.brand-area .beand2-slider figure:hover img.hov {
  display: block;
}

/*....................................
12. Info area start here
....................................*/
.info-area {
  display: block;
  width: 100%;
margin-top: 15px;
}
.info-area .info-list {
  display: block;
  background: #fbfafa;
  padding: 45px 0;
  transition: all 0.3s;
  margin: 0 0 30px;
}
.info-area .info-list span {
  color: #333333;
  font-size: 20px;
  display: block;
  margin: 0 0 30px;
}
.info-area .info-list h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333333;
  display: block;
  margin: 0;
  text-transform: uppercase;
}
.info-area .info-list p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  font-size: 14px;
  margin: 0;
  display: block;
}
.info-area .info-list:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.collections-area .headers {
  display: block;
  position: relative;
  margin: 0 0 54px;
}
.collections-area .headers p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
  margin: 0 0 8px;
}
.collections-area .headers h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  font-size: 27px;
}
.collections-area .top-seller .top-pro-list {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 30px;
  float: left;
}
.collections-area .top-seller .top-pro-list:last-child {
  margin: 0;
}
.collections-area .top-seller .top-pro-list figure {
  max-width: 180px;
  float: left;
  clear: both;
  padding-right: 20px;
}
.collections-area .top-seller .top-pro-list figure img {
  width: 100%;
}
.collections-area .top-seller .top-pro-list .content h4 {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0 10px;
  letter-spacing: 2px;
  line-height: 30px;
}
.collections-area .top-seller .top-pro-list .content h4 a {
  color: #333;
}
.collections-area .top-seller .top-pro-list .content h4 a:hover {
  color: #ffcc00;
}
.collections-area .top-seller .top-pro-list .content ul {
  margin: 0 0 10px;
  display: block;
}
.collections-area .top-seller .top-pro-list .content ul li {
  padding: 0;
  color: #ffcc00;
  font-size: 19px;
}
.collections-area .top-seller .top-pro-list .content ul li:last-child {
  color: #a5a5a5;
}
.collections-area .top-seller .top-pro-list .content strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
}
.collections-area .testimonil-list {
  display: block;
  background: #fbfafa;
  padding: 40px 30px;
}
.collections-area .testimonil-list figure {
  display: block;
  max-width: 168px;
  margin: 0 auto 24px;
  border-radius: 100%;
}
.collections-area .testimonil-list figure img {
  width: 100%;
  border-radius: 100%;
  transition: all 0.3s;
}
.collections-area .testimonil-list figure:hover img {
  opacity: 0.7;
}
.collections-area .testimonil-list h4 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 15px;
}
.collections-area .testimonil-list ul {
  margin: 0 0 15px;
  display: block;
}
.collections-area .testimonil-list ul li {
  padding: 0;
  color: #ffcc00;
  font-size: 19px;
}
.collections-area .testimonil-list ul li:last-child {
  color: #a5a5a5;
}
.collections-area .testimonil-list p {
  font-family: Constantia;
  font-style: italic;
  color: #333333;
  margin: 0 0 30px;
}
.collections-area .collections-men-slider:hover .owl-controls .owl-buttons div {
  opacity: 1;
}
.collections-area .collections-men-slider:hover .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.collections-area .collections-men-slider:hover .owl-controls .owl-buttons div.owl-next {
  right: 0;
}
.collections-area .collectionslist figure {
  display: block;
  position: relative;
  width: 100%;
}
.collections-area .collectionslist figure img {
  width: 100%;
}
.collections-area .collectionslist .content {
  display: block;
  position: relative;
  width: 100%;
  background: #fbfafa;
  text-align: center;
  padding-top: 25px;
}
.collections-area .collectionslist .content h4 {
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.collections-area .collectionslist .content strong {
  font-weight: 700;
  font-size: 20px;
  color: #ffcc00;
  display: block;
  margin: 0 0 20px;
}
.collections-area .collectionslist .content a {
  display: block;
  background: #ffcc00;
  color: #fff;
  height: 70px;
  line-height: 70px;
  padding: 0 35px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}
.collections-area .collectionslist .content a:hover {
  background: #333;
}
.collections-area .collectionslist .content a span {
  font-weight: 400;
  float: right;
}

.info-area2 .info-list {
  display: block;
  background: #fff;
  border: 1px solid #eae6db;
  text-align: center;
  height: 190px;
  padding: 45px 0;
  margin: 0 0 35px;
  transition: all 0.3s;
}
.info-area2 .info-list:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.info-area2 .info-list span {
  color: #333;
  font-size: 20px;
  display: block;
  margin: 0 0 28px;
}
.info-area2 .info-list h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.info-area2 .info-list p {
  margin: 0;
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
}

/*....................................
12. categories area start here
....................................*/
.categories-area .categories {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.categories-area .categories figure {
  position: relative;
  display: block;
}
.categories-area .categories figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s;
}
.categories-area .categories figure img {
  width: 100%;
  display: block;
}
.categories-area .categories .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 42%;
}
.categories-area .categories .content span {
  font-family: "Dancing Script", cursive;
  font-size: 25px;
  font-weight: 700;
  color: #ffcc00;
  display: block;
  margin: 0 0 10px;
  transition: all 0.3s;
}
.categories-area .categories .content h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0;
  display: block;
}
.categories-area .categories .content h3 a {
  color: #fff;
}
.categories-area .categories .content h3 a:hover {
  color: #ffcc00;
}
.categories-area .categories:hover figure:after {
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.categories-area .categories:hover .content span {
  color: #fff;
}

.categories-area-two .catagery-list figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}
.categories-area-two .catagery-list figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
}
.categories-area-two .catagery-list figure img {
  display: block;
  width: 100%;
}
.categories-area-two .catagery-list figure .content {
  display: block;
  text-align: center;
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  z-index: 999;
}
.categories-area-two .catagery-list figure .content span {
  color: #ffcc00;
  font-family: "Dancing Script", cursive;
  font-size: 25px;
  font-weight: 700;
  display: block;
  margin: 0 0 15px;
}
.categories-area-two .catagery-list figure .content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  display: block;
  margin: 0 0 15px;
}
.categories-area-two .catagery-list figure:hover:after {
  left: 50%;
  right: 50%;
  top: 50%;
  bottom: 50%;
  opacity: 0;
}

.categories-area-three .catagery-list figure {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.categories-area-three .catagery-list figure img {
  width: 100%;
  transition: all 0.3s;
}
.categories-area-three .catagery-list:hover figure img {
  transform: scale(1.1, 1.1);
}
.categories-area-three .catagery-list .content {
  background: #333;
  display: block;
  position: relative;
  margin-right: 18px;
  margin-left: 18px;
  line-height: 82px;
  height: 82px;
  text-align: center;
  padding: 16px 0;
  margin-top: -41px;
}
.categories-area-three .catagery-list .content h4 {
  margin: 0;
  color: #fff;
  line-height: 26px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}
.categories-area-three .catagery-list .content h4 a {
  color: #fff;
}
.categories-area-three .catagery-list .content h4 a:hover {
  color: #ffcc00;
}
.categories-area-three .catagery-list .content p {
  line-height: 26px;
  color: #a5a5a5;
  font-family: Constantia;
  font-style: italic;
}

/*....................................
12. Product area start here
....................................*/
.product-list {
  display: block;
  width: 100%;
  position: relative;
  transition: all 0.3s;
}
.product-list figure {
  position: relative;
  display: block;
  padding: 0;
  margin: 0 0 30px;
  overflow: hidden;
  vertical-align: middle;
  transition: all 0.3s;
}
.product-list figure .offr {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #e5a818;
  border-radius: 100%;
  z-index: 999;
}
.product-list figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  transition: all 0.3s;
}
.product-list figure img {
  display: block;
  width: 100%;
}
.product-list figure ul {
  position: absolute;
  left: -41px;
  bottom: 20px;
  z-index: 999;
  transition: all 0.3s;
}
.product-list figure ul li {
  display: block;
  border-bottom: 1px solid #434242;
}
.product-list figure ul li:last-child {
  border-bottom: 0;
}
.product-list figure ul li a {
  display: inline-block;
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #333;
  color: #fff;
}
.product-list figure ul li a:hover {
  background: #ffcc00;
}
.product-list .content {
  transition: all 0.3s;
}
.product-list .content h4 {
  display: block;
  position: relative;
  margin: 0 0 5px;
  padding: 0 0 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.product-list .content h4 a {
  color: #333;
}
.product-list .content h4 a:hover {
  color: #ffcc00;
}
.product-list .content h4 span {
  display: inline-block;
  color: #ffcc00;
  float: right;
}
.product-list .content p {
  margin: 0;
  font-family: Constantia;
  color: #a5a5a5;
  font-size: 14px;
  font-style: italic;
}
.product-list .content p.grid-p {
  display: block;
}
.product-list .content p.list-p {
  display: none;
}
.product-list:hover figure:after {
  background: rgba(255, 255, 255, 0.5);
}
.product-list:hover figure ul {
  left: 20px;
}

.list-item {
  width: 100% !important;
  display: block;
  position: relative;
  margin: 0 0 50px;
}
.list-item .product-list {
  display: block;
  width: 100%;
  position: relative;
  transition: all 0.3s;
}
.list-item .product-list figure {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  width: 32%;
  float: left;
  margin-right: 25px;
  transition: all 0.3s;
}
.list-item .product-list figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  transition: all 0.3s;
}
.list-item .product-list figure .offr {
  background: #ffcc00;
}
.list-item .product-list figure img {
  display: block;
  width: 100%;
}
.list-item .product-list figure ul {
  position: absolute;
  left: -41px;
  bottom: 20px;
  z-index: 999;
  transition: all 0.3s;
}
.list-item .product-list figure ul li {
  display: block;
  border-bottom: 1px solid #434242;
}
.list-item .product-list figure ul li:last-child {
  border-bottom: 0;
}
.list-item .product-list figure ul li a {
  display: inline-block;
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #333;
  color: #fff;
}
.list-item .product-list figure ul li a:hover {
  background: #ffcc00;
}
.list-item .product-list .content {
  display: table-cell;
  width: 65%;
  height: 400px;
  vertical-align: middle;
  transition: all 0.3s;
}
.list-item .product-list .content h4 {
  display: block;
  position: relative;
  margin: 0 0 5px;
  padding: 0 0 20px;
  border-bottom: 2px dashed #ebebeb;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  width: 60%;
}
.list-item .product-list .content h4 a {
  color: #333;
}
.list-item .product-list .content h4 a:hover {
  color: #ffcc00;
}
.list-item .product-list .content h4 span {
  display: inline-block;
  color: #ffcc00;
  float: right;
}
.list-item .product-list .content p {
  margin: 0;
  font-family: Constantia;
  color: #a5a5a5;
  font-size: 14px;
  font-style: italic;
}
.list-item .product-list .content p.grid-p {
  display: none;
}
.list-item .product-list .content p.list-p {
  display: block;
}
.list-item .product-list:hover figure:after {
  background: rgba(255, 255, 255, 0.5);
}
.list-item .product-list:hover figure ul {
  left: 20px;
}

.product-list2 figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}
.product-list2 figure img {
  width: 100%;
}
.product-list2 figure ul {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  position: absolute;
  background: #fff;
  transition: all 0.3s;
}
.product-list2 figure ul li {
  width: 100%;
  text-align: center;
}
.product-list2 figure ul li a {
  display: block;
  line-height: 60px;
  background: #fff;
  color: #333;
  font-size: 20px;
}
.product-list2 figure ul li a:hover {
  background: #333;
  color: #fff;
}
.product-list2:hover figure ul {
  bottom: 10px;
}
.product-list2 .content {
  display: block;
  position: relative;
  width: 100%;
  margin: 30px 0 0;
}
.product-list2 .content .price-rate {
  display: block;
  width: 100%;
  padding: 0 0 15px;
  border-bottom: 2px dashed #f5f5f5;
}
.product-list2 .content .price-rate span {
  display: inline-block;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #ffcc00;
}
.product-list2 .content .price-rate ul {
  display: inline-block;
  float: right;
}
.product-list2 .content .price-rate ul li {
  padding: 0;
}
.product-list2 .content .price-rate ul li a {
  font-size: 18px;
  color: #ffcc00;
}
.product-list2 .content .price-rate ul li:last-child a {
  color: #a5a5a5;
}
.product-list2 .content h5 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 15px 0 0;
}
.product-list2 .content h5 a {
  color: #333;
}
.product-list2 .content h5 a:hover {
  color: #ffcc00;
}

.product-list3 {
  display: block;
  position: relative;
  margin: 0 0 30px;
}
.product-list3 .products {
  position: relative;
  display: block;
  width: 100%;
  border: 2px solid transparent;
  padding: 0px;
  transition: all 0.3s;
  margin: 0 0 25px;
}
.product-list3 .products figure {
  position: relative;
  z-index: 9;
}
.product-list3 .products figure img {
  width: 100%;
}
.product-list3 .products .other-photos ul {
  width: 92px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0;
  transition: all 0.3s;
  border: 2px solid #ececec;
  padding: 4px;
  opacity: 0;
  z-index: 99;
  background: #fff;
}
.product-list3 .products .other-photos ul li {
  width: 100%;
  display: block;
  padding: 0 0 4px;
  margin: 0;
}
.product-list3 .products .other-photos ul li:last-child {
  padding: 0;
}
.product-list3 .products .other-photos ul li a {
  display: block;
  width: 100%;
}
.product-list3 .products .other-photos ul li a img {
  width: 100%;
}
.product-list3 .products .buttons .wiish {
  display: inline-block;
  position: absolute;
  top: 21px;
  right: 0;
  z-index: 999;
  line-height: 52px;
  height: 52px;
  width: 42px;
  color: #fff;
  font-size: 17px;
  background: #ffcc00;
  text-align: center;
  opacity: 0;
}
.product-list3 .products .buttons ul {
  position: absolute;
  right: 0;
  bottom: 20px;
  z-index: 999;
  opacity: 0;
  transition: all 0.3s;
}
.product-list3 .products .buttons ul li {
  display: block;
  border-bottom: 1px solid #434242;
}
.product-list3 .products .buttons ul li:last-child {
  border-bottom: 0;
}
.product-list3 .products .buttons ul li a {
  display: inline-block;
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #333;
  color: #fff;
}
.product-list3 .products .buttons ul li a:hover {
  background: #ffcc00;
}
.product-list3 .products:hover {
  border: 2px solid #ececec;
  border-left: 2px solid transparent;
  padding: 4px;
}
.product-list3 .products:hover .other-photos ul {
  transform: scale(1, 1);
  border-right: 0;
  padding-right: 0;
  left: -92px;
  opacity: 1;
}
.product-list3 .products:hover .buttons .wiish {
  opacity: 1;
  right: 21px;
}
.product-list3 .products:hover .buttons ul {
  opacity: 1;
  right: 21px;
}
.product-list3 .content p {
  font-family: Constantia;
  font-size: 10px;
  color: #a5a5a5;
  margin: 0;
  display: block;
  text-transform: uppercase;
}
.product-list3 .content h4 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 5px;
  display: block;
}
.product-list3 .content h4 a {
  color: #333;
}
.product-list3 .content h4 a:hover {
  color: #ffcc00;
}
.product-list3 .content strong {
  font-weight: 700;
  color: #ffcc00;
  font-size: 25px;
  display: block;
  margin: 0 0 25px;
  padding: 0 0 20px;
  border-bottom: 2px dashed #fbfafa;
}

.product-list4 .products {
  position: relative;
  display: block;
  width: 100%;
  border: 2px solid transparent;
  padding: 0px;
  transition: all 0.3s;
  margin: 0 0 25px;
}
.product-list4 .products figure {
  position: relative;
  z-index: 9;
}
.product-list4 .products figure img {
  width: 100%;
}
.product-list4 .products .other-photos ul {
  width: 92px;
  position: absolute;
  top: -2px;
  bottom: -2px;
  right: 0;
  transition: all 0.3s;
  border: 2px solid #ececec;
  padding: 4px;
  opacity: 0;
  z-index: 99;
  background: #fff;
}
.product-list4 .products .other-photos ul li {
  width: 100%;
  display: block;
  padding: 0 0 4px;
  margin: 0;
}
.product-list4 .products .other-photos ul li:last-child {
  padding: 0;
}
.product-list4 .products .other-photos ul li a {
  display: block;
  width: 100%;
}
.product-list4 .products .other-photos ul li a img {
  width: 100%;
}
.product-list4 .products .buttons .wiish {
  display: inline-block;
  position: absolute;
  top: 21px;
  left: 0;
  z-index: 999;
  line-height: 52px;
  height: 52px;
  width: 42px;
  color: #fff;
  font-size: 17px;
  background: #ffcc00;
  text-align: center;
  opacity: 0;
}
.product-list4 .products .buttons ul {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 999;
  opacity: 0;
  transition: all 0.3s;
}
.product-list4 .products .buttons ul li {
  display: block;
  border-bottom: 1px solid #434242;
}
.product-list4 .products .buttons ul li:last-child {
  border-bottom: 0;
}
.product-list4 .products .buttons ul li a {
  display: inline-block;
  width: 40px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #333;
  color: #fff;
}
.product-list4 .products .buttons ul li a:hover {
  background: #ffcc00;
}
.product-list4 .products:hover {
  border: 2px solid #ececec;
  border-right: 2px solid transparent;
  padding: 4px;
}
.product-list4 .products:hover .other-photos ul {
  transform: scale(1, 1);
  border-left: 0;
  padding-left: 0;
  right: -92px;
  opacity: 1;
}
.product-list4 .products:hover .buttons .wiish {
  opacity: 1;
  left: 21px;
}
.product-list4 .products:hover .buttons ul {
  opacity: 1;
  left: 21px;
}
.product-list4 .content p {
  font-family: Constantia;
  font-size: 10px;
  color: #a5a5a5;
  margin: 0;
  display: block;
  text-transform: uppercase;
}
.product-list4 .content h4 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 5px;
  display: block;
}
.product-list4 .content h4 a {
  color: #333;
}
.product-list4 .content h4 a:hover {
  color: #ffcc00;
}
.product-list4 .content strong {
  font-weight: 700;
  color: #ffcc00;
  font-size: 25px;
  display: block;
  margin: 0 0 25px;
  padding: 0 0 20px;
  border-bottom: 2px dashed #fbfafa;
}

.product-list5 figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}
.product-list5 figure img {
  width: 100%;
}
.product-list5 figure ul {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  position: absolute;
  background: #fff;
  transition: all 0.3s;
}
.product-list5 figure ul li {
  width: 100%;
  text-align: center;
}
.product-list5 figure ul li a {
  display: block;
  line-height: 60px;
  background: #fff;
  color: #333;
  font-size: 20px;
}
.product-list5 figure ul li a:hover {
  background: #333;
  color: #fff;
}
.product-list5 figure span {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #c1a880;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
  width: 140px;
  text-align: center;
  margin: auto;
}
.product-list5 figure span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9;
}
.product-list5 figure span:before {
  content: '';
  position: absolute;
  left: 69%;
  width: 8px;
  height: 8px;
  background: #000;
  bottom: 0;
  background: #c1a880;
  transform: rotate(55deg);
  z-index: 99;
}
.product-list5:hover figure ul {
  bottom: 10px;
}
.product-list5 .content {
  display: block;
  position: relative;
  width: 100%;
  padding: 28px;
  border-bottom: 2px dashed #f5f5f5;
  margin: 0 0 30px;
  text-align: center;
}
.product-list5 .content h5 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 15px;
}
.product-list5 .content h5 a {
  color: #333;
}
.product-list5 .content h5 a:hover {
  color: #c1a880;
}
.product-list5 .content .price-rate {
  display: block;
  width: 100%;
}
.product-list5 .content .price-rate span {
  display: inline-block;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #c1a880;
}

.trands-product .tabs-nav {
  text-align: center;
  display: block;
  margin: 0 0 50px;
}
.trands-product .tabs-nav .nav-tabs {
  border: none;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
}
.trands-product .tabs-nav .nav-tabs li {
  position: relative;
  margin: 0;
  padding: 0 40px;
}
.trands-product .tabs-nav .nav-tabs li:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 3px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
}
.trands-product .tabs-nav .nav-tabs li a {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #434242;
  border: none;
}
.trands-product .tabs-nav .nav-tabs li a i {
  padding-right: 5px;
}
.trands-product .tabs-nav .nav-tabs li a:hover {
  border: none;
  color: #ffcc00;
}
.trands-product .tabs-nav .nav-tabs li.active a {
  color: #ffcc00;
}
.trands-product .tabs-nav .nav-tabs li:first-child {
  padding-left: 0;
}
.trands-product .tabs-nav .nav-tabs li:last-child {
  padding-right: 0;
}
.trands-product .tabs-nav .nav-tabs li:last-child:after {
  display: none;
}
.trands-product .product-list {
  margin: 0 0 30px;
}

.trands-product2 .tabs-nav {
  text-align: center;
  display: block;
  margin: 0 0 50px;
}
.trands-product2 .tabs-nav .nav-tabs {
  border: none;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
}
.trands-product2 .tabs-nav .nav-tabs li {
  position: relative;
  margin: 0;
  padding: 0 40px;
}
.trands-product2 .tabs-nav .nav-tabs li:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 3px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
}
.trands-product2 .tabs-nav .nav-tabs li a {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #434242;
  border: none;
}
.trands-product2 .tabs-nav .nav-tabs li a i {
  padding-right: 5px;
}
.trands-product2 .tabs-nav .nav-tabs li a:hover {
  border: none;
  color: #ffcc00;
}
.trands-product2 .tabs-nav .nav-tabs li.active a {
  color: #ffcc00;
}
.trands-product2 .tabs-nav .nav-tabs li:first-child {
  padding-left: 0;
}
.trands-product2 .tabs-nav .nav-tabs li:last-child {
  padding-right: 0;
}
.trands-product2 .tabs-nav .nav-tabs li:last-child:after {
  display: none;
}
.trands-product2 .product-list2 {
  margin: 0 0 30px;
}
.trands-product2 .load-btn {
  text-align: center;
  display: block;
  margin-top: 40px;
}

.season-product .seasons-list {
  position: relative;
}
.season-product .seasons-list figure {
  position: relative;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}
.season-product .seasons-list figure:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s;
  opacity: 0;
}
.season-product .seasons-list figure a {
  display: block;
  position: relative;
}
.season-product .seasons-list figure a img {
  width: 100%;
  display: block;
}
.season-product .seasons-list figure a span {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  display: inline-block;
  font-size: 25px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  top: 28%;
  font-weight: 300;
  transition: all 0.3s;
  opacity: 0;
}
.season-product .seasons-list figure a span i {
  font-style: normal;
}
.season-product .seasons-list .cart-ico {
  position: absolute;
  right: 30px;
  top: 30px;
}
.season-product .seasons-list .cart-ico a {
  font-size: 26px;
  color: #fff;
  transition: all 0.3s;
  opacity: 0;
}
.season-product .seasons-list .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 48%;
  text-align: center;
  transition: all 0.3s;
  opacity: 0;
}
.season-product .seasons-list .content span {
  font-family: "Dancing Script", cursive;
  color: #ffcc00;
  font-weight: 700;
  font-size: 25px;
  display: block;
  margin: 0 0 15px;
}
.season-product .seasons-list .content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
}
.season-product .seasons-list .content h3 a {
  color: #fff;
}
.season-product .seasons-list:hover figure:after {
  opacity: 1;
}
.season-product .seasons-list:hover figure a span {
  opacity: 1;
}
.season-product .seasons-list:hover .cart-ico a {
  opacity: 1;
}
.season-product .seasons-list:hover .cart-ico a:hover {
  color: #ffcc00;
}
.season-product .seasons-list:hover .content {
  opacity: 1;
}

.products-page .item {
  margin: 0 0 30px;
}
.products-page .pro-banner {
  display: block;
  position: relative;
  text-align: center;
  background: url(images/products/banner1.jpg) no-repeat center;
  padding: 135px 0;
  margin: 0 0 60px;
}
.products-page .pro-banner h1 {
  margin: 0 0 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
}
.products-page .pro-banner p {
  margin: 0;
  font-family: "Dancing Script", cursive;
  font-size: 40px;
  font-style: italic;
  color: #fff;
}
.products-page .shopcatagoris {
  display: block;
  margin: 0 0 60px;
}
.products-page .shopcatagoris .con-top {
  display: block;
  position: relative;
  margin: 0 0 25px;
}
.products-page .shopcatagoris .con-top h5 {
  display: inline-block;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #333333;
}
.products-page .shopcatagoris .con-top span {
  display: inline-block;
  float: right;
  font-weight: 500;
  color: #333;
  font-size: 16px;
}
.products-page .shopcatagoris .cats {
  display: block;
  position: relative;
  background: #f5f5f5;
  border: 2px solid #eae6db;
  padding: 40px;
}
.products-page .shopcatagoris .cats h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 20px;
  color: #333;
}
.products-page .shopcatagoris .cats .cat-slider {
  display: block;
  margin: 0 -9px;
}
.products-page .shopcatagoris .cats .cat-slider .cats-list {
  display: block;
  padding: 0 9px;
}
.products-page .shopcatagoris .cats .cat-slider .cats-list figure {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}
.products-page .shopcatagoris .cats .cat-slider .cats-list figure img {
  display: block;
  width: 100%;
  transition: all 0.3s;
}
.products-page .shopcatagoris .cats .cat-slider .cats-list figure a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 44%;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.products-page .shopcatagoris .cats .cat-slider .cats-list figure a:hover {
  color: #ffcc00;
}
.products-page .shopcatagoris .cats .cat-slider .cats-list figure:hover img {
  transform: scale(1.1, 1.1);
}
.products-page .pro-filter {
  display: block;
  padding: 0 0 20px;
  border-bottom: 1px solid #eae6db;
  margin: 0 0 20px;
}
.products-page .pro-filter p {
  display: inline-block;
  margin: 0;
  color: #a5a5a5;
  font-size: 20px;
}
.products-page .pro-filter .gr-li {
  display: inline-block;
  float: right;
}
.products-page .pro-filter .gr-li ul li {
  padding: 0 2px;
}
.products-page .pro-filter .gr-li ul li a {
  color: #a5a5a5;
  font-size: 18px;
}
.products-page .pro-filter .gr-li ul li a:active {
  color: #ffcc00;
}
.products-page .pro-filter .gr-li ul li a:focus {
  color: #ffcc00;
}
.products-page .pro-file {
  display: block;
  position: relative;
  margin: 0 0 50px;
}
.products-page .pro-file .filtersd {
  float: right;
}
.products-page .pro-file .filtersd select {
  line-height: 42px;
  height: 42px;
  background: #f4f4f4;
  border: none;
  font-size: 12px;
  color: #333;
  text-transform: uppercase;
  font-weight: 500;
  padding-left: 25px;
  padding-right: 100px;
  cursor: pointer;
}
.products-page .pro-file .filtersd select:focus {
  outline: none;
}
.products-page .filters {
  display: block;
  padding: 0 0 15px;
  border-bottom: 1px solid #eae6db;
  margin: 0 0 50px;
  position: relative;
}
.products-page .filters .show-pro {
  display: inline-block;
  margin: 0;
  color: #a5a5a5;
  font-size: 20px;
}
.products-page .filters .filter-box-area {
  display: inline-block;
  float: right;
  margin-right: 35px;
}
.products-page .filters .filter-box-area .show-fil {
  display: inline-block;
  position: relative;
  line-height: 42px;
  height: 42px;
  padding: 0 80px 0 30px;
  background: #f4f4f4;
  text-transform: uppercase;
  font-size: 12px;
  color: #333333;
  margin-top: -15px;
}
.products-page .filters .filter-box-area .show-fil:after {
  content: '\f0dd';
  position: absolute;
  right: 20px;
  color: #a5a5a5;
  font-size: 12px;
  top: -2px;
  font-family: FontAwesome;
  transition: all 0.3s;
}
.products-page .filters .filter-box-area .show-fil:hover {
  background: #ffcc00;
  color: #fff;
}
.products-page .filters .filter-box-area .show-fil:hover:after {
  color: #fff;
}
.products-page .filters .filter-box-area .box-filter {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9999;
  background: #f4f4f4;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  padding: 40px 15px 30px;
  display: none;
}
.products-page .filters .filter-box-area .box-filter .filter-lists h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0 0 20px;
}
.products-page .filters .filter-box-area .box-filter .filter-lists ul li {
  display: block;
  border-bottom: 2px solid #eae6db;
}
.products-page .filters .filter-box-area .box-filter .filter-lists ul li a {
  line-height: 35px;
  height: 35px;
  display: block;
  padding: 0 15px;
  font-weight: 500;
  font-size: 16px;
  color: #a5a5a5;
}
.products-page .filters .filter-box-area .box-filter .filter-lists ul li a i {
  padding-right: 10px;
  transition: all 0.3s;
}
.products-page .filters .filter-box-area .box-filter .filter-lists ul li a:hover {
  background: #fff;
  color: #333;
}
.products-page .filters .filter-box-area .box-filter .filter-lists ul li a:hover i {
  color: #ffcc00;
}
.products-page .filters .gr-li {
  display: inline-block;
  float: right;
}
.products-page .filters .gr-li .views {
  color: #a5a5a5;
  display: inline-block;
  padding-right: 10px;
}
.products-page .filters .gr-li ul {
  display: inline-block;
}
.products-page .filters .gr-li ul li {
  padding: 0 2px;
}
.products-page .filters .gr-li ul li a {
  color: #a5a5a5;
  font-size: 18px;
  display: inline-block;
}
.products-page .filters .gr-li ul li a:active {
  color: #ffcc00;
}
.products-page .filters .gr-li ul li a:focus {
  color: #ffcc00;
}

.recommended-products {
  display: block;
  background: #e8e8e8;
  position: relative;
  z-index: 9;
}
.recommended-products .recommended-con h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 30px;
}
.recommended-products .recommended-con p {
  font-size: 14px;
  font-family: Constantia;
  font-style: italic;
  line-height: 20px;
  color: #a5a5a5;
}
.recommended-products .recommended-con a {
  border-radius: 50px;
}

.compare-area .compare-product {
  display: block;
  margin: 0 0 30px;
  float: left;
}
.compare-area .compare-product figure {
  display: block;
  position: relative;
  margin: 0 0 30px;
}
.compare-area .compare-product figure img {
  width: 100%;
}
.compare-area .compare-product h4 {
  display: block;
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.compare-area .compare-product h4 a {
  color: #333;
}
.compare-area .compare-product h4 a:hover {
  color: #ffcc00;
}
.compare-area .compare-product h4 span {
  display: inline-block;
  color: #ffcc00;
  float: right;
}
.compare-area .compare-product ul li {
  display: inline-block;
  color: #ffcc00;
}
.compare-area .compare-product ul li:last-child {
  color: #a5a5a5;
}
.compare-area .compare-product .con {
  font-family: Constantia;
  color: #a5a5a5;
  font-size: 14px;
  font-style: italic;
  margin: 0 0 15px;
  padding: 0 0 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.compare-area .compare-product .footerd p {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #333;
}
.compare-area .compare-product .footerd p span {
  color: #ffcc00;
  padding-left: 10px;
}
.compare-area .compare-product .footerd a {
  border-radius: 50px;
}
.compare-area .search-box-com {
  display: block;
  position: relative;
  margin: 0 0 30px;
}
.compare-area .search-box-com form {
  display: block;
  position: relative;
}
.compare-area .search-box-com form input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 2px solid #e0e0e0;
  padding: 0 50px;
}
.compare-area .search-box-com form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.compare-area .search-box-com form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.compare-area .search-box-com form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.compare-area .search-box-com form input:-moz-placeholder {
  /* Firefox 18- */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.compare-area .search-box-com form button {
  background: transparent;
  position: absolute;
  line-height: 54px;
  height: 60px;
  top: 0;
  right: 50px;
  color: #a5a5a5;
  font-size: 18px;
}

.wishlist-area .wish-lists .table-responsive p {
  font-size: 18px;
  margin: 0 0 10px;
  color: #a5a5a5;
}
.wishlist-area .wish-lists .table-responsive table {
  margin: 0;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td {
  padding: 50px 0;
  border-top: 1px solid #eae6db;
  display: table-cell;
  vertical-align: middle;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .close-ico {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 50px;
  border-radius: 100%;
  background: #333333;
  color: #a5a5a5;
  font-size: 14px;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .close-ico:hover {
  background: #ffcc00;
  color: #fff;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dleft {
  padding-right: 20px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dleft figure {
  width: 170px;
  display: block;
  position: relative;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dleft figure img {
  width: 100%;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright {
  display: table-cell;
  vertical-align: middle;
  padding: 38px 0;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright span {
  color: #ffcc00;
  display: block;
  margin: 0 0 5px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin: 0 0 15px;
  text-transform: uppercase;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright h4 a {
  color: #333;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright h4 a:hover {
  color: #ffcc00;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright ul {
  display: block;
  margin: 0 0 5px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright ul li {
  display: inline-block;
  font-size: 20px;
  color: #ffcc00;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright ul li:last-child {
  color: #a5a5a5;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright .cart-wishs {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #f5f5f5;
  color: #a5a5a5;
  font-size: 20px;
  text-align: center;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .products-detail .dright .cart-wishs:hover {
  background: #ffcc00;
  color: #fff;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .price {
  display: block;
  text-align: center;
  background: #fefefe;
  border: 1px dashed #e0e0e0;
  padding: 60px 20px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .price span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
  display: block;
  margin: 0 0 5px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .price strong {
  font-weight: 400;
  color: #a5a5a5;
  font-size: 20px;
  display: block;
  margin: 0;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .quantity {
  display: inline-block;
  text-align: center;
  background: #fefefe;
  border: 1px dashed #e0e0e0;
  padding: 60px 40px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .quantity span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
  display: block;
  margin: 0 0 5px;
}
.wishlist-area .wish-lists .table-responsive table tbody tr td .quantity strong {
  font-weight: 400;
  color: #a5a5a5;
  font-size: 20px;
  display: block;
  margin: 0;
}
.wishlist-area .wish-lists .table-responsive table tbody tr:last-child td {
  border-bottom: 1px solid #eae6db;
}
.wishlist-area .cupon-code {
  border-bottom: 1px solid #eae6db;
  display: block;
  margin: 0 0 70px;
}
.wishlist-area .cupon-code table tbody tr td {
  display: table-cell;
  vertical-align: middle;
  padding: 50px 0;
  border: none;
  padding-right: 20px;
}
.wishlist-area .cupon-code table tbody tr td h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  padding-right: 50px;
  margin: 0;
  display: block;
}
.wishlist-area .cupon-code table tbody tr td input {
  line-height: 38px;
  height: 42px;
  width: 200px;
  padding: 0 20px;
  border: 2px solid #eae6db;
}
.wishlist-area .cupon-code table tbody tr td input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.wishlist-area .cupon-code table tbody tr td input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.wishlist-area .cupon-code table tbody tr td input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.wishlist-area .cupon-code table tbody tr td input:-moz-placeholder {
  /* Firefox 18- */
  color: #a5a5a5;
  font-style: italic;
  font-size: 14px;
}
.wishlist-area .cupon-code table tbody tr td a {
  border-radius: 50px;
}
.wishlist-area .cupon-code table tbody tr td .aply {
  background: #f5f5f5;
  color: #a5a5a5;
}
.wishlist-area .cupon-code table tbody tr td .aply:hover {
  background: #ffcc00;
  color: #fff;
}
.wishlist-area .ship-box {
  display: block;
  position: relative;
}
.wishlist-area .ship-box .headers {
  display: block;
  position: relative;
  line-height: 40px;
  height: 40px;
  padding: 0 25px;
  background: #333333;
  margin: 0 0 10px;
}
.wishlist-area .ship-box .headers h4 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
}
.wishlist-area .ship-box .bodys {
  display: block;
  position: relative;
  margin: 0;
  padding: 25px;
  background: #f5f5f5;
}
.wishlist-area .ship-box .bodys table {
  margin: 0;
}
.wishlist-area .ship-box .bodys table tbody tr td {
  border: none;
  border-bottom: 1px solid #e9e9e9;
  padding: 15px 0;
}
.wishlist-area .ship-box .bodys table tbody tr td h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #333;
  margin: 0;
}
.wishlist-area .ship-box .bodys table tbody tr td span {
  font-size: 16px;
}
.wishlist-area .ship-box .bodys table tbody tr:first-child td {
  padding-top: 0;
}
.wishlist-area .ship-box .bodys table tbody tr:last-child td {
  padding-bottom: 0;
  border: none;
}
.wishlist-area .ship-box .bodys form fieldset {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}
.wishlist-area .ship-box .bodys form fieldset select {
  width: 100%;
  background: #fff;
  padding: 0 20px;
  color: #a5a5a5;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
  line-height: 42px;
  height: 42px;
}
.wishlist-area .ship-box .bodys form fieldset select:focus {
  color: #333;
}
.wishlist-area .ship-box .bodys form fieldset input {
  width: 100%;
  background: #fff;
  padding: 0 20px;
  color: #a5a5a5;
  transition: all 0.3s;
  border: none;
  line-height: 42px;
  height: 42px;
}
.wishlist-area .ship-box .bodys form fieldset input:focus {
  color: #333;
}
.wishlist-area .ship-box .bodys form fieldset input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a5a5a5;
  font-size: 14px;
}
.wishlist-area .ship-box .bodys form fieldset input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a5a5a5;
  font-size: 14px;
}
.wishlist-area .ship-box .bodys form fieldset input:-ms-input-placeholder {
  /* IE 10+ */
  color: #a5a5a5;
  font-size: 14px;
}
.wishlist-area .ship-box .bodys form fieldset input:-moz-placeholder {
  /* Firefox 18- */
  color: #a5a5a5;
  font-size: 14px;
}
.wishlist-area .ship-box .bodys form button {
  margin-top: 20px;
  border-radius: 50px;
}

.single-products {
  position: relative;
}
.single-products .single-products-slider .slider-for {
  margin: 0 0 25px;
}
.single-products .single-products-slider .slider-for .img-slid img {
  width: 100%;
}
.single-products .single-products-slider .sliders-nav {
  position: relative;
}
.single-products .single-products-slider .sliders-nav .img-slid {
  padding: 0 2px;
  cursor: pointer;
}
.single-products .single-products-slider .sliders-nav .img-slid:focus {
  outline: none !important;
}
.single-products .single-products-slider .sliders-nav .img-slid img {
  width: 100%;
}
.single-products .single-products-slider .sliders-nav .img-slid.slick-current img {
  border: 3px solid #ffcc00 !important;
}
.single-products .single-products-slider .sliders-nav .slick-list {
  padding: 0 !important;
  margin: 0 30px;
}
.single-products .slick-arrow {
  position: absolute;
  top: 35%;
  color: transparent;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 999;
  transition: all 0.3s;
}
.single-products .slick-arrow.slick-prev {
  left: 0;
}
.single-products .slick-arrow.slick-prev:after {
  content: '\f104';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  line-height: 50px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #333;
  transition: all 0.3s;
}
.single-products .slick-arrow.slick-next {
  right: 0;
}
.single-products .slick-arrow.slick-next:after {
  content: '\f105';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  line-height: 50px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #333;
  transition: all 0.3s;
}
.single-products .slick-arrow:hover {
  background: #ffcc00;
}
.single-products .slick-arrow:hover:after {
  color: #fff;
}
.single-products .product-details .stic span {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  position: relative;
  font-size: 14px;
}
.single-products .product-details .stic span.conlo {
  background: #24c869;
  color: #fff;
  padding-left: 30px;
  padding-right: 15px;
  border-radius: 3px 0 0 3px;
}
.single-products .product-details .stic span.conlo:after {
  content: '';
  position: absolute;
  left: 12px;
  height: 8px;
  width: 8px;
  border-radius: 100%;
  background: #fff;
  top: 16px;
}
.single-products .product-details .stic span.sto {
  border-radius: 0 3px 3px 0;
  background: #fbfafa;
  color: #a5a5a5;
  padding: 0 15px;
}
.single-products .product-details h2 {
  font-weight: 400;
  color: #333333;
  font-family: "Montserrat", sans-serif;
  margin: 20px 0;
}
.single-products .product-details .ratings {
  display: block;
  margin: 0 0 20px;
}
.single-products .product-details .ratings ul {
  display: inline-block;
}
.single-products .product-details .ratings ul li {
  display: inline-block;
  font-size: 18px;
  color: #ffcc00;
}
.single-products .product-details .ratings ul li:last-child {
  color: #a5a5a5;
}
.single-products .product-details .ratings span {
  display: inline-block;
  padding-left: 8px;
  color: #a5a5a5;
}
.single-products .product-details p {
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
  width: 85%;
}
.single-products .product-details table {
  margin: 0 0 30px;
}
.single-products .product-details table tbody tr td {
  border: 1px dashed #e0e0e0;
}
.single-products .product-details table tbody tr td .input-group {
  width: 160px;
  border-radius: 0;
  line-height: 43px;
  border: 1px solid #e5e5e5;
  float: left;
}
.single-products .product-details table tbody tr td .input-group .btn {
  padding: 0 12px;
  line-height: 45px;
  border-radius: 0;
  background: #f9f9f9;
  color: #333;
  border: none;
  font-size: 20px;
}
.single-products .product-details table tbody tr td .input-group .btn:focus {
  outline: none;
}
.single-products .product-details table tbody tr td .input-group input {
  line-height: 45px;
  height: 45px;
  border: none;
  text-align: center;
}
.single-products .product-details table tbody tr td .siz {
  margin-left: -5px;
}
.single-products .product-details table tbody tr td .siz li {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
}
.single-products .product-details table tbody tr td .siz li span {
  display: block;
  text-transform: uppercase;
  color: #333;
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  width: 40px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}
.single-products .product-details table tbody tr td .color {
  margin-left: -5px;
}
.single-products .product-details table tbody tr td .color li {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
}
.single-products .product-details table tbody tr td .color li span {
  display: block;
  padding: 0 25px;
  line-height: 40px;
  height: 40px;
  text-transform: uppercase;
  cursor: pointer;
}
.single-products .product-details table tbody tr td .color li span.red {
  background: red;
  color: #fff;
}
.single-products .product-details table tbody tr td .color li span.yello {
  background: #ffe400;
  color: #333;
  padding: 0 20px;
}
.single-products .product-details table tbody tr td .color li span.black {
  background: #000;
  color: #fff;
  padding: 0 20px;
}
.single-products .product-details table tbody tr td:first-child {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #333;
  letter-spacing: 0;
  width: 140px;
  height: 60px;
  line-height: 58px;
  border-left: 0;
}
.single-products .product-details table tbody tr td:last-child {
  border-right: 0;
  padding-left: 32px;
  padding-right: 60px;
}
.single-products .product-details strong {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  color: #333;
  display: block;
}
.single-products .product-details .btn1 {
  border-radius: 50px;
}
.single-products .product-details .servs {
  display: block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  margin-top: 50px;
}
.single-products .product-details .servs .serv-list {
  display: block;
  border: 1px dashed #e0e0e0;
  text-align: center;
  padding: 40px 0 30px;
  height: 155px;
  margin: 0 0 30px;
}
.single-products .product-details .servs .serv-list span {
  display: block;
  margin: 0 0 25px;
}
.single-products .product-details .servs .serv-list h5 {
  margin: 0;
  font-weight: 400;
  color: #333;
  font-size: 15px;
}
.single-products .pro-describe {
  display: block;
  margin-top: 50px;
}
.single-products .pro-describe .navtabs {
  margin: 0 0 10px;
}
.single-products .pro-describe .navtabs li {
  display: inline-block;
  padding: 0 5px;
}
.single-products .pro-describe .navtabs li:first-child {
  padding-left: 0;
}
.single-products .pro-describe .navtabs li:last-child {
  padding-right: 0;
}
.single-products .pro-describe .navtabs li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: uppercase;
  background: #f5f5f5;
  color: #a5a5a5;
}
.single-products .pro-describe .navtabs li.active a {
  background: #333;
  color: #fff;
}
.single-products .pro-describe .tab-content .tab-pane {
  background: #f5f5f5;
  padding: 50px 30px;
}
.single-products .pro-describe .tab-content .tab-pane h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 25px;
}
.single-products .pro-describe .tab-content .tab-pane p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
}
.single-products .pro-describe .tab-content .tab-pane p:last-child {
  margin: 0;
}
.single-products .pro-describe .tab-content .tab-pane p.qus {
  font-style: normal;
  color: #333;
  margin: 0 0 15px;
}
.single-products .pro-describe .tab-content .tab-pane p.qus span {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color: #333;
}

/*....................................
12. Subscribe area start here
....................................*/
.subscribe-form .form-filed {
  display: block;
  position: relative;
  background: url(images/banner/1.jpg) no-repeat center;
  background-size: cover;
}
.subscribe-form .form-filed:after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  top: 18px;
  bottom: 18px;
  border: 1px solid #fff;
}
.subscribe-form .form-filed .contant {
  position: relative;
  z-index: 999;
  width: 100%;
  padding: 85px 100px;
}
.subscribe-form .form-filed .contant h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 22px;
}
.subscribe-form .form-filed .contant p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form .form-filed .contant form {
  display: block;
  width: 50%;
  position: relative;
  margin: 0 0 30px;
}
.subscribe-form .form-filed .contant form input {
  width: 100%;
  display: block;
  height: 58px;
  line-height: 58px;
  border: none;
  background: #fff;
  padding: 0 28px;
}
.subscribe-form .form-filed .contant form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form .form-filed .contant form input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form .form-filed .contant form input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form .form-filed .contant form input:-moz-placeholder {
  /* Firefox 18- */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form .form-filed .contant form button {
  height: 58px;
  line-height: 58px;
  background: #ffcc00;
  color: #fff;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 28px;
  display: inline-block;
}
.subscribe-form .form-filed .contant form button i {
  padding-left: 5px;
}
.subscribe-form .form-filed .contant .social-sub li {
  padding: 0 4px;
  margin: 0;
}
.subscribe-form .form-filed .contant .social-sub li a {
  display: block;
  height: 27px;
  line-height: 27px;
  width: 27px;
  text-align: center;
  color: #fff;
  background: #434242;
  border-radius: 3px;
}
.subscribe-form .form-filed .contant .social-sub li a:hover {
  background: #ffcc00;
}

.subscribe-form2 .form-filed {
  display: block;
  position: relative;
  background: url(images/banner/1.jpg) no-repeat center;
  background-size: cover;
}
.subscribe-form2 .form-filed:after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  top: 18px;
  bottom: 18px;
  border: 1px solid #fff;
}
.subscribe-form2 .form-filed .contant {
  position: relative;
  z-index: 999;
  width: 100%;
  padding: 85px 60px;
}
.subscribe-form2 .form-filed .contant h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 22px;
}
.subscribe-form2 .form-filed .contant p {
  font-family: Constantia;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form2 .form-filed .contant form {
  display: block;
  width: 70%;
  position: relative;
  margin: 0 0 30px;
}
.subscribe-form2 .form-filed .contant form input {
  width: 100%;
  display: block;
  height: 58px;
  line-height: 58px;
  border: none;
  background: #fff;
  padding: 0 28px;
}
.subscribe-form2 .form-filed .contant form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form2 .form-filed .contant form input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form2 .form-filed .contant form input:-ms-input-placeholder {
  /* IE 10+ */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form2 .form-filed .contant form input:-moz-placeholder {
  /* Firefox 18- */
  font-family: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.subscribe-form2 .form-filed .contant form button {
  height: 58px;
  line-height: 58px;
  background: #ffcc00;
  color: #fff;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 28px;
  display: inline-block;
}
.subscribe-form2 .form-filed .contant form button i {
  padding-left: 5px;
}
.subscribe-form2 .form-filed .contant .social-sub li {
  padding: 0 4px;
  margin: 0;
}
.subscribe-form2 .form-filed .contant .social-sub li a {
  display: block;
  height: 27px;
  line-height: 27px;
  width: 27px;
  text-align: center;
  color: #fff;
  background: #434242;
  border-radius: 3px;
}
.subscribe-form2 .form-filed .contant .social-sub li a:hover {
  background: #ffcc00;
}

/*....................................
12. Services area start here
....................................*/
.services-area {
  display: block;
  position: relative;
  background: #f3f2f0;
  padding: 64px 0 34px;
}
.services-area .services-list {
  display: block;
  position: relative;
  margin: 0 0 30px;
}
.services-area .services-list .services-ico {
  display: inline-block;
  width: 90px;
  float: left;
  position: relative;
  margin-right: 25px;
}
.services-area .services-list .services-ico img {
  width: 100%;
}
.services-area .services-list .services-con {
  display: table;
  position: relative;
  padding: 10px 0;
}
.services-area .services-list .services-con h4 {
  margin: 0 0 15px;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  color: #333333;
}
.services-area .services-list .services-con p {
  margin: 0;
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
  line-height: 20px;
}

/*....................................
12. Sidebar area start here
....................................*/
.home5_sidebar .widget {
  display: block;
  position: relative;
  width: 100%;
  border: 2px solid #eae6db;
  margin: 0 0 30px;
  background: #fff;
}
.home5_sidebar .widget:last-child {
  margin: 0;
}
.home5_sidebar .widget .heading {
  position: relative;
  display: block;
  line-height: 70px;
  height: 70px;
  padding: 0 20px;
  background: #c1a880;
  overflow: hidden;
  vertical-align: middle;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
}
.home5_sidebar .widget .heading:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9;
}
.home5_sidebar .widget .heading:before {
  content: '';
  position: absolute;
  left: 59%;
  width: 8px;
  height: 8px;
  background: #000;
  bottom: 0;
  background: #c1a880;
  transform: rotate(55deg);
  z-index: 99;
}
.home5_sidebar .widget .heading h4 {
  display: block;
  margin: 0;
  position: relative;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 70px;
  padding-left: 25px;
}
.home5_sidebar .widget .heading h4:after {
  content: '';
  position: absolute;
  left: 0;
  top: 46%;
  width: 14px;
  height: 5px;
  background: url(images/icons/6.png) no-repeat center;
  background-size: cover;
}
.home5_sidebar .categories-list {
  display: block;
  padding: 20px;
  background: #fff;
}
.home5_sidebar .categories-list ul li {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #eae6db;
  border-bottom: 1px solid #eae6db;
}
.home5_sidebar .categories-list ul li:first-child {
  padding-top: 0;
  border-top: 0;
}
.home5_sidebar .categories-list ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.home5_sidebar .categories-list ul li a {
  display: block;
  font-weight: 500;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  position: relative;
}
.home5_sidebar .categories-list ul li a:after {
  content: '\f105';
  position: absolute;
  font-family: FontAwesome;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 30px;
  color: #a5a5a5;
  font-size: 14px;
  transition: all 0.3s;
}
.home5_sidebar .categories-list ul li a:hover {
  color: #c1a880;
}
.home5_sidebar .categories-list ul li a:hover:after {
  right: 5px;
}
.home5_sidebar .categories-list ul li a span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #c1a880;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  position: relative;
  margin-right: 8px;
}
.home5_sidebar .sidebar-products .pro-list figure {
  position: relative;
  display: block;
  width: 100%;
}
.home5_sidebar .sidebar-products .pro-list figure img {
  width: 100%;
  display: block;
}
.home5_sidebar .sidebar-products .pro-list .content {
  display: block;
  position: relative;
  margin: 30px 20px 60px;
}
.home5_sidebar .sidebar-products .pro-list .content strong {
  font-weight: 700;
  font-size: 18px;
  color: #c1a880;
  display: block;
  margin: 0 0 5px;
}
.home5_sidebar .sidebar-products .pro-list .content h4 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.home5_sidebar .sidebar-products .pro-list .content h4 a {
  color: #333;
}
.home5_sidebar .sidebar-products .pro-list .content h4 a:hover {
  color: #c1a880;
}
.home5_sidebar .sidebar-products .pro-list .content p {
  margin: 0;
  font-family: Constantia;
  color: #a5a5a5;
  font-style: italic;
  line-height: 20px;
}
.home5_sidebar .pro-size {
  display: block;
  position: relative;
  padding: 20px;
}
.home5_sidebar .pro-size ul {
  margin: 0;
}
.home5_sidebar .pro-size ul li {
  padding: 0 3px;
  text-align: center;
}
.home5_sidebar .pro-size ul li:first-child {
  padding-left: 0;
}
.home5_sidebar .pro-size ul li:last-child {
  padding-right: 0;
}
.home5_sidebar .pro-size ul li span {
  display: block;
  height: 40px;
  width: 35px;
  line-height: 40px;
  background: #f4f4f4;
  color: #a5a5a5;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
}
.home5_sidebar .pro-size ul li span:hover {
  background: #c1a880;
  color: #fff;
}
.home5_sidebar .pro-size ul li.active span {
  display: block;
  height: 40px;
  width: 35px;
  line-height: 40px;
  background: #c1a880;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
}
.home5_sidebar .sale-pro {
  position: relative;
  display: block;
  width: 100%;
  padding: 35px 13px;
}
.home5_sidebar .sale-pro .pro-list {
  display: block;
  padding: 35px 0;
  border-bottom: 1px solid #eae6db;
}
.home5_sidebar .sale-pro .pro-list:first-child {
  padding-top: 0;
}
.home5_sidebar .sale-pro .pro-list:last-child {
  border: none;
  padding-bottom: 0;
}
.home5_sidebar .sale-pro .pro-list .dleft {
  width: 80px;
  height: 80px;
  overflow: hidden;
  vertical-align: middle;
}
.home5_sidebar .sale-pro .pro-list .dleft img {
  width: 100%;
}
.home5_sidebar .sale-pro .pro-list .dright {
  padding-left: 5px;
}
.home5_sidebar .sale-pro .pro-list .dright .con {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
}
.home5_sidebar .sale-pro .pro-list .dright .con a {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: #333;
  display: inline-block;
}
.home5_sidebar .sale-pro .pro-list .dright .con a:hover {
  color: #c1a880;
}
.home5_sidebar .sale-pro .pro-list .dright .con strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #c1a880;
}
.home5_sidebar .price-range {
  display: block;
  padding: 35px 20px;
  text-align: center;
}
.home5_sidebar .price-range .range strong {
  display: block;
  color: #575560;
  margin: 0 0 20px;
}
.home5_sidebar .price-range .range .range-box {
  margin: 0 0 15px;
}
.home5_sidebar .price-range .range span {
  padding-right: 5px;
  color: #333;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
}
.home5_sidebar .price-range .range .price-box {
  padding: 4px 0;
  display: inline-block;
  border: none;
  width: 100px;
  color: #c1a880;
}
.home5_sidebar .price-range .ui-widget-content .ui-state-default {
  background: #c1a880;
  border-radius: 100%;
  cursor: pointer;
}
.home5_sidebar .price-range .ui-widget-content .ui-state-default:focus {
  outline: none;
}
.home5_sidebar .price-range .ui-widget-content .ui-state-default:last-child {
  background: #c1a880;
  border: 2px solid #c1a880;
}
.home5_sidebar .price-range .ui-widget-header {
  background: #c1a880;
  height: 5px;
  cursor: pointer;
}
.home5_sidebar .price-range .ui-widget-content {
  background: #f4f4f4;
  height: 5px;
  cursor: pointer;
}
.home5_sidebar .price-range .ui-widget-content {
  border: none;
}
.home5_sidebar .price-range .ui-slider-handle {
  width: 15px;
  height: 15px;
  top: -5px;
}
.home5_sidebar .price-range button {
  display: inline-block;
  line-height: 42px;
  height: 42px;
  border-radius: 50px;
  background: #c1a880;
  color: #fff;
  padding: 0 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  margin-top: 15px;
}
.home5_sidebar .price-range button:hover {
  background: #333;
}
.home5_sidebar .factures {
  display: block;
  padding: 0 20px;
  position: relative;
}
.home5_sidebar .factures ul li {
  display: block;
  border-bottom: 1px solid #eae6db;
  line-height: 70px;
}
.home5_sidebar .factures ul li a {
  color: #333;
  font-weight: 500;
  font-size: 16px;
}
.home5_sidebar .factures ul li a:hover {
  color: #c1a880;
}
.home5_sidebar .factures ul li span {
  float: right;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: #c1a880;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  border-radius: 100%;
  line-height: 28px;
  margin: 22px 0;
}
.home5_sidebar .offer-list figure {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
}
.home5_sidebar .offer-list figure img {
  width: 100%;
  transition: all 0.3s;
}
.home5_sidebar .offer-list figure:hover img {
  transform: scale(1.1, 1.1);
}
.home5_sidebar .offer-list .count-con {
  text-align: center;
  position: relative;
}
.home5_sidebar .offer-list .count-con .but {
  line-height: 70px;
  height: 70px;
  display: block;
  background: #c1a880;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 20px;
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
  top: -36px;
}
.home5_sidebar .offer-list .count-con .counter {
  background: #333;
  display: block;
  z-index: 9;
}
.home5_sidebar .offer-list .count-con .counter .count-list {
  padding: 55px 0 30px;
}
.home5_sidebar .offer-list .count-con .counter .count-list li {
  padding: 0 8px;
  position: relative;
}
.home5_sidebar .offer-list .count-con .counter .count-list li:after {
  content: ':';
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  font-size: 20px;
  font-weight: 900;
  color: #c1a880;
}
.home5_sidebar .offer-list .count-con .counter .count-list li:last-child:after {
  display: none;
}
.home5_sidebar .offer-list .count-con .counter .count-list li span {
  font-weight: 100;
  color: #fff;
  font-size: 30px;
}
.home5_sidebar .offer-list .count-con .counter .count-list li p {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.2;
}

.sidebar .widget {
  display: block;
  position: relative;
  width: 100%;
  border: 2px solid #eae6db;
  margin: 0 0 30px;
  background: #fff;
}
.sidebar .widget:last-child {
  margin: 0;
}
.sidebar .widget .heading {
  position: relative;
  display: block;
  line-height: 70px;
  height: 70px;
  padding: 0 20px;
  background: #f4f4f4;
  overflow: hidden;
  vertical-align: middle;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
}
.sidebar .widget .heading:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  height: 5px;
  background: #e8e8e8;
  z-index: 9;
}
.sidebar .widget .heading:before {
  content: '';
  position: absolute;
  left: 59%;
  width: 8px;
  height: 8px;
  background: #000;
  bottom: 0;
  background: #f4f4f4;
  transform: rotate(55deg);
  z-index: 99;
}
.sidebar .widget .heading h4 {
  display: block;
  margin: 0;
  position: relative;
  color: #333333;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 70px;
  padding-left: 25px;
}
.sidebar .widget .heading h4:after {
  content: '';
  position: absolute;
  left: 0;
  top: 46%;
  width: 14px;
  height: 5px;
  background: url(images/icons/7.png) no-repeat center;
  background-size: cover;
}
.sidebar .categories-list {
  display: block;
  padding: 20px;
  background: #fff;
}
.sidebar .categories-list ul li {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #eae6db;
  border-bottom: 1px solid #eae6db;
}
.sidebar .categories-list ul li a {
  display: block;
  font-weight: 500;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  position: relative;
}
.sidebar .categories-list ul li a:after {
  content: '\f105';
  position: absolute;
  font-family: FontAwesome;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 30px;
  color: #a5a5a5;
  font-size: 14px;
  transition: all 0.3s;
}
.sidebar .categories-list ul li a span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #f4f4f4;
  color: #a5a5a5;
  text-align: center;
  border-radius: 100%;
  position: relative;
  margin-right: 8px;
  transition: all 0.3s;
}
.sidebar .categories-list ul li a:hover {
  color: #ffcc00;
}
.sidebar .categories-list ul li a:hover:after {
  right: 5px;
}
.sidebar .categories-list ul li a:hover span {
  background: #ffcc00;
  color: #fff;
}
.sidebar .categories-list ul li a.active span {
  background: #ffcc00;
  color: #fff;
}
.sidebar .categories-list ul li:first-child {
  padding-top: 0;
  border-top: 0;
}
.sidebar .categories-list ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar .pro-size {
  display: block;
  position: relative;
  padding: 20px;
}
.sidebar .pro-size ul {
  margin: 0;
}
.sidebar .pro-size ul li {
  padding: 0 3px;
  text-align: center;
}
.sidebar .pro-size ul li:first-child {
  padding-left: 0;
}
.sidebar .pro-size ul li:last-child {
  padding-right: 0;
}
.sidebar .pro-size ul li span {
  display: block;
  height: 40px;
  width: 35px;
  line-height: 40px;
  background: #f4f4f4;
  color: #a5a5a5;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
}
.sidebar .pro-size ul li span:hover {
  background: #ffcc00;
  color: #fff;
}
.sidebar .pro-size ul li.active span {
  display: block;
  height: 40px;
  width: 35px;
  line-height: 40px;
  background: #ffcc00;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
}
.sidebar .sale-pro {
  position: relative;
  display: block;
  width: 100%;
  padding: 35px 13px;
}
.sidebar .sale-pro .pro-list {
  display: block;
  padding: 35px 0;
  border-bottom: 1px solid #eae6db;
}
.sidebar .sale-pro .pro-list:first-child {
  padding-top: 0;
}
.sidebar .sale-pro .pro-list:last-child {
  border: none;
  padding-bottom: 0;
}
.sidebar .sale-pro .pro-list .dleft {
  width: 80px;
  height: 80px;
  overflow: hidden;
  vertical-align: middle;
}
.sidebar .sale-pro .pro-list .dleft img {
  width: 100%;
}
.sidebar .sale-pro .pro-list .dright {
  padding-left: 5px;
}
.sidebar .sale-pro .pro-list .dright .con {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
}
.sidebar .sale-pro .pro-list .dright .con a {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: #333;
  display: inline-block;
}
.sidebar .sale-pro .pro-list .dright .con a:hover {
  color: #ffcc00;
}
.sidebar .sale-pro .pro-list .dright .con strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #ffcc00;
}
.sidebar .price-range {
  display: block;
  padding: 35px 20px;
  text-align: center;
}
.sidebar .price-range .range strong {
  display: block;
  color: #575560;
  margin: 0 0 20px;
}
.sidebar .price-range .range .range-box {
  margin: 0 0 15px;
}
.sidebar .price-range .range span {
  padding-right: 5px;
  color: #333;
  font-weight: 700;
  display: inline-block;
  text-transform: uppercase;
}
.sidebar .price-range .range .price-box {
  padding: 4px 0;
  display: inline-block;
  border: none;
  width: 100px;
  color: #c1a880;
}
.sidebar .price-range .ui-widget-content .ui-state-default {
  background: #ffcc00;
  border-radius: 100%;
  cursor: pointer;
}
.sidebar .price-range .ui-widget-content .ui-state-default:focus {
  outline: none;
}
.sidebar .price-range .ui-widget-content .ui-state-default:last-child {
  background: #ffcc00;
  border: 2px solid #ffcc00;
}
.sidebar .price-range .ui-widget-header {
  background: #ffcc00;
  height: 5px;
  cursor: pointer;
}
.sidebar .price-range .ui-widget-content {
  background: #f4f4f4;
  height: 5px;
  cursor: pointer;
}
.sidebar .price-range .ui-widget-content {
  border: none;
}
.sidebar .price-range .ui-slider-handle {
  width: 15px;
  height: 15px;
  top: -5px;
}
.sidebar .price-range button {
  display: inline-block;
  line-height: 42px;
  height: 42px;
  border-radius: 50px;
  background: #ffcc00;
  color: #fff;
  padding: 0 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 12px;
  margin-top: 15px;
}
.sidebar .price-range button:hover {
  background: #333;
}

.sideberb .widghet {
  display: block;
  position: relative;
  margin: 0 0 40px;
}
.sideberb .widghet:last-child {
  margin: 0;
}
.sideberb .widghet h3 {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #2d2d2d;
  margin: 0 0 20px;
}
.sideberb .search form {
  position: relative;
  display: block;
}
.sideberb .search form input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 48px;
  border: 1px solid #f7f7f7;
  padding: 0 20px;
  transition: all 0.3s;
}
.sideberb .search form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: two;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
}
.sideberb .search form input::-moz-placeholder {
  /* Firefox 19+ */
  color: pink;
}
.sideberb .search form input:-ms-input-placeholder {
  /* IE 10+ */
  color: pink;
}
.sideberb .search form input:-moz-placeholder {
  /* Firefox 18- */
  color: pink;
}
.sideberb .search form input:focus {
  border: 1px solid #ffcc00;
}
.sideberb .search form button {
  position: absolute;
  line-height: 50px;
  color: #ffcc00;
  height: 50px;
  top: 0;
  right: 0;
  padding: 0 25px;
  background: transparent;
}
.sideberb .search form button:hover {
  background: #ffcc00;
  color: #fff;
}
.sideberb .categorys ul li {
  display: block;
  padding: 6px 0;
}
.sideberb .categorys ul li:first-child {
  padding-top: 0;
}
.sideberb .categorys ul li:last-child {
  padding-bottom: 0;
}
.sideberb .categorys ul li a {
  color: #d3d3d3;
  display: block;
  font-family: Constantia;
}
.sideberb .categorys ul li a i {
  color: #ffcc00;
  padding-right: 8px;
  font-weight: 700;
}
.sideberb .categorys ul li a span {
  float: right;
  color: #ffcc00;
}
.sideberb .categorys ul li a:hover {
  color: #ffcc00;
}
.sideberb .posts .post-list {
  display: block;
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 0;
}
.sideberb .posts .post-list .dbox .dleft figure {
  display: block;
  width: 75px;
  margin: 0;
  padding: 0;
  position: relative;
}
.sideberb .posts .post-list .dbox .dleft figure img {
  width: 100%;
  display: block;
}
.sideberb .posts .post-list .dbox .dright {
  padding-left: 0;
}
.sideberb .posts .post-list .dbox .dright .contents {
  display: block;
  position: relative;
}
.sideberb .posts .post-list .dbox .dright .contents a {
  font-family: Constantia;
  font-size: 14px;
  color: #222222;
  display: block;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 5px;
}
.sideberb .posts .post-list .dbox .dright .contents a:hover {
  color: #ffcc00;
}
.sideberb .posts .post-list .dbox .dright .contents span {
  display: inline-block;
  color: #ffcc00;
  font-family: Constantia;
}
.sideberb .posts .post-list:first-child {
  padding-top: 0;
}
.sideberb .posts .post-list:last-child {
  padding-bottom: 0;
  border: none;
}
.sideberb .l-pro .prod-list {
  display: block;
  border-bottom: 1px solid #e4e4e4;
  padding: 30px 0;
}
.sideberb .l-pro .prod-list .dbox .dleft figure {
  display: block;
  width: 75px;
  margin: 0;
  padding: 0;
  position: relative;
}
.sideberb .l-pro .prod-list .dbox .dleft figure img {
  width: 100%;
  display: block;
}
.sideberb .l-pro .prod-list .dbox .dright {
  padding-left: 0;
}
.sideberb .l-pro .prod-list .dbox .dright .contents {
  display: block;
  position: relative;
}
.sideberb .l-pro .prod-list .dbox .dright .contents a {
  font-family: Constantia;
  font-size: 14px;
  color: #222222;
  display: block;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 5px;
}
.sideberb .l-pro .prod-list .dbox .dright .contents a:hover {
  color: #ffcc00;
}
.sideberb .l-pro .prod-list .dbox .dright .contents ul {
  display: block;
  margin: 0 0 5px;
}
.sideberb .l-pro .prod-list .dbox .dright .contents ul li {
  padding: 0;
  display: inline-block;
  color: #efba3a;
}
.sideberb .l-pro .prod-list .dbox .dright .contents span {
  display: inline-block;
  color: #ffcc00;
  font-family: Constantia;
}
.sideberb .l-pro .prod-list .dbox .dright .contents del {
  color: #aaaaaa;
  display: inline-block;
  padding-left: 8px;
  font-family: Constantia;
}
.sideberb .l-pro .prod-list:first-child {
  padding-top: 0;
}
.sideberb .l-pro .prod-list:last-child {
  padding-bottom: 0;
  border: none;
}
.sideberb .adds a {
  display: block;
}
.sideberb .adds a figure {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.sideberb .adds a figure img {
  width: 100%;
  display: block;
}

/*....................................
12. Form area start here
....................................*/
.checkout-area .checkout-form .headers {
  display: block;
  margin: 0 0 60px;
}
.checkout-area .checkout-form .headers p {
  margin: 0;
  font-family: Constantia;
  font-style: italic;
  font-size: 14px;
  color: #a5a5a5;
}
.checkout-area .checkout-form .headers h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  margin: 0;
  font-size: 25px;
}
.checkout-area .checkout-form form {
  display: block;
  position: relative;
}
.checkout-area .checkout-form form fieldset {
  display: block;
  margin: 0 0 20px;
  position: relative;
}
.checkout-area .checkout-form form fieldset label {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: normal !important;
  margin: 0 0 2px;
  font-size: 14px;
  color: #333;
}
.checkout-area .checkout-form form fieldset select {
  height: 60px;
  line-height: 54px;
  padding: 0 20px;
  width: 100%;
  border: 2px solid #e0e0e0;
  color: #a5a5a5;
  font-size: 14px;
  font-style: italic;
  text-transform: uppercase;
  transition: all 0.3s;
}
.checkout-area .checkout-form form fieldset select:focus {
  outline: none;
  border: 2px solid #ffcc00;
}
.checkout-area .checkout-form form fieldset input {
  height: 60px;
  line-height: 54px;
  padding: 0 20px;
  width: 100%;
  border: 2px solid #e0e0e0;
  transition: all 0.3s;
}
.checkout-area .checkout-form form fieldset input:focus {
  outline: none;
  border: 2px solid #ffcc00;
}
.checkout-area .checkout-form form .cheackboxs {
  display: block;
  position: relative;
  margin-top: 45px;
}
.checkout-area .checkout-form form .cheackboxs ul li {
  display: inline-block;
  margin-right: 25px;
}
.checkout-area .checkout-form form .cheackboxs ul li span {
  font-family: "Montserrat", sans-serif;
  color: #333;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
}
.checkout-area .checkout-form form .cheackboxs ul li input {
  display: inline-block;
  position: relative;
  margin: 5px;
  cursor: pointer;
  border: none;
}
.checkout-area .checkout-form form .cheackboxs ul li input:before {
  content: '';
  background: #fff;
  border: 2px solid #e0e0e0;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  padding: 2px;
  top: -2px;
  left: -2px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
}
.checkout-area .checkout-form form .cheackboxs ul li input:checked:before {
  content: '';
  background: #ffcc00;
  border: 1px solid #ffcc00;
}
.checkout-area .checkout-form form .cheackboxs ul li input:checked + span {
  color: #ffcc00;
}
.checkout-area .checkout-form form .cheackboxs ul li:last-child {
  margin: 0;
}
.checkout-area .checkout-process {
  display: block;
  position: relative;
  padding: 80px 35px 50px;
  border: 2px solid #e0e0e0;
}
.checkout-area .checkout-process .bailing {
  display: block;
  position: relative;
  margin: 0 0 50px;
}
.checkout-area .checkout-process .bailing h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #ffcc00;
  text-transform: uppercase;
}
.checkout-area .checkout-process .bailing table {
  margin: 0;
}
.checkout-area .checkout-process .bailing table thead tr th {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  padding: 20px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: none;
  color: #333;
}
.checkout-area .checkout-process .bailing table thead tr th:last-child {
  text-align: right;
}
.checkout-area .checkout-process .bailing table tbody tr td {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  padding: 20px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: none;
  color: #333;
}
.checkout-area .checkout-process .bailing table tbody tr td:last-child {
  text-align: right;
  color: #ffcc00;
}
.checkout-area .checkout-process .bailing table tbody tr td table tr td {
  padding: 3px 0;
  border: none;
}
.checkout-area .checkout-process .bailing table tbody tr td table tr td:first-child {
  padding-top: 0;
}
.checkout-area .checkout-process .bailing table tbody tr td table tr td:last-child {
  padding-bottom: 0;
}
.checkout-area .checkout-process .bailing table tbody tr:last-child td {
  padding-bottom: 0;
}
.checkout-area .checkout-process .paymethods h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #ffcc00;
  text-transform: uppercase;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default {
  margin: 0 !important;
  border-radius: 0 !important;
  border: none;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading {
  padding: 0;
  background: transparent;
  border: none;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading h4 {
  font-weight: 500;
  margin: 0 0 10px;
  font-family: "Montserrat", sans-serif;
  padding: 10px 0;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading h4.panel-title a {
  display: block;
  padding: 0;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  color: #ffcc00;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading h4.panel-title a:after {
  content: '';
  text-align: center;
  transform: none !important;
  background-size: cover;
  padding: 5px 0;
  font-size: 14px;
  width: 13px;
  height: 13px;
  margin-top: 2px;
  background: #ffcc00;
  border-radius: 100%;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading h4.panel-title a.collapsed {
  display: block;
  padding: 0;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:after {
  content: '';
  text-align: center;
  transform: none !important;
  background-size: cover;
  color: #ddd;
  padding: 5px 0;
  font-size: 14px;
  width: 13px;
  height: 13px;
  background: #ddd;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-heading h4.panel-title span {
  padding-left: 8px !important;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default .panel-body {
  padding: 0 15px 15px;
  border: none;
  font-family: Constantia;
  font-size: 14px;
  color: #a5a5a5;
  font-style: italic;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default [data-toggle="collapse"]:after {
  font-family: fontawesome;
  content: "\f0d8";
  /* "play" icon */
  float: left;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
}
.checkout-area .checkout-process .paymethods .payment .payment-content .panel-group .panel-default [data-toggle="collapse"].collapsed:after {
  color: #ddd;
}
.checkout-area .checkout-process .paymethods .condition input {
  display: inline-block;
  position: relative;
  margin: 5px;
  cursor: pointer;
  border: none;
}
.checkout-area .checkout-process .paymethods .condition input:before {
  content: '';
  background: #fff;
  border: 2px solid #e0e0e0;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  padding: 2px;
  top: -2px;
  left: -2px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
}
.checkout-area .checkout-process .paymethods .condition input:checked:before {
  content: '';
  background: #ffcc00;
  border: 1px solid #ffcc00;
}
.checkout-area .checkout-process .paymethods .condition input:checked + span {
  color: #ffcc00;
}
.checkout-area .checkout-process .paymethods .btn1 {
  border-radius: 50px;
  margin-top: 30px;
}



/* --- Correção Final do Slider para Largura Total --- */
.slider-area,
.slider-area-banner,
.offer-banner,
.offer-banner-three {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  position: relative;
}

.slider-area img,
.slider-area-banner img,
.offer-banner img,
.offer-banner-three img {
  width: 100% !important;
  height: auto !important;
  display: block;
  object-fit: cover;
}

.owl-carousel,
.owl-stage,
.owl-item {
  width: 100% !important;
}

html, body {
  overflow-x: hidden;
}

.container,
.row,
.slider-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Reset label font weight */
label {
    font-weight: normal !important;
}