@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");
/*-------------------------------------
    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;
}

main {
  display: block;
  width: 100%;
  position: relative;
  padding: 50px 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 {
  text-transform: capitalize;
}

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

/*** Section ***/
.section {
  padding: 20px 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: Constantia;
  font-size: 14px;
  font-style: italic;
  color: #a5a5a5;
  padding: 0 0 23px;
  position: relative;
}
.section-heading p:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 40px;
  background: #ee3526;
  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 #ee3526;
  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: #ee3526;
  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: #ee3526;
  border: 2px solid #ee3526;
  background: transparent;
}
.btn2:hover {
  background: #ee3526;
  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: #ee3526;
  border: 2px solid #ee3526;
  background: transparent;
}
.btn3:hover {
  background: #ee3526;
  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: #ee3526;
  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: #ee3526;
  color: #fff;
  border: 2px solid #ee3526;
}

.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: #ee3526;
  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: #ee3526;
  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;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.spinner .double-bounce1, .spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ee3526;
  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: #ee3526;
  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: #ee3526;
}
.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 #ee3526;
  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: #ee3526;
  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: #ee3526;
  margin: 0 2px;
  transition: all 0.3s;
}
.collections-area .owl-controls .owl-pagination .owl-page.active span {
  background: transparent;
  border: 2px solid #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
  display: inline-block;
  text-align: center;
  margin-right: -15px;
}
header .header-middel .cart-btn a:hover {
  color: #ee3526;
}
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: #ee3526;
}
header .middel-two .cat-ser .catagery-list select {
  color: #ee3526;
  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: #ee3526;
}
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;
  text-transform: capitalize;
}
header .middel-three .lang-curency span {
  color: #a5a5a5;
  position: relative;
  margin-left: 8px;
  padding-left: 12px;
  text-transform: capitalize;
}
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;
  background-color: #454d53;
}
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;
  text-transform: capitalize;
}
header .middel-four .lang-curency span {
  color: #a5a5a5;
  position: relative;
  margin-left: 8px;
  padding-left: 12px;
  text-transform: capitalize;
}
header .middel-four .lang-curency span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ee3526;
}
header .main-menu {
  position: relative;
}
header .main-menu .cat-ser {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ee3526;
  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: #ee3526;
  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: #ee3526;
  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 #ee3526;
  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: #ee3526;
}
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: #ee3526;
}
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: #ee3526;
}
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: #ee3526;
}
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: #ee3526;
  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-color: #21507e;
  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: #ee3526;
}
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: #ee3526;
}
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: #ee3526;
  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: 70px;
  height: 70px;
  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;
  text-transform: uppercase;
  padding: 0 25px;
  display: block;
  position: relative;
}
header .main-menu .menu-list nav ul li a:after {
  content: '';
  position: absolute;
  right: -1px;
  width: 2px;
  height: 12px;
  top: 29px;
  background: #ebebeb;
}
header .main-menu .menu-list nav ul li a:hover {
  color: #ee3526;
}
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;
  text-transform: capitalize;
  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: #ee3526;
  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 #ee3526;
  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;
  text-transform: capitalize;
  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: #ee3526;
  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 #ee3526;
}
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: #ee3526;
}
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;
  text-transform: capitalize;
  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: #ee3526;
  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 #ee3526;
  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;
  text-transform: capitalize;
  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: #ee3526;
  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;
  text-transform: capitalize;
  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;
  text-transform: capitalize;
  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: 30px;
  height: 30px;
  background: #FFF;
  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: #000;
  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: #ee3526;
  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: #ee3526;
  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: 260px;
  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;
  text-transform: capitalize;
  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: #ee3526;
}
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 #ee3526;
  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;
  text-transform: capitalize;
  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: #ee3526;
}
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 #ee3526;
}
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: #ee3526;
  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: #ee3526;
  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: #ee3526;
  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: #ee3526;
  display: inline-block;
}
.slider-area-banner .banner-slider-list .content a:hover {
  color: #fff;
}
.slider-area-banner .banner-slider-list .content span {
  color: #ee3526;
}

.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: #ee3526;
  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: #f4454a;
  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: #f4454a;
  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: #f4454a;
}
.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: #ee3526;
}
.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: #f4454a;
  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: #f4454a;
  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: #f4454a;
}
.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: #ee3526;
}
.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: #f4454a;
  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: #f4454a;
  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: #f4454a;
}
.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: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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;
  text-transform: capitalize;
  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: #ee3526;
}
.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: #ee3526;
  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;
  text-transform: capitalize;
  font-weight: 400;
}
.blog-single .blog_details_con .form-area .form-heading h2 span {
  color: #ee3526;
}
.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 #ee3526;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:focus + span {
  color: #ee3526;
}
.blog-single .blog_details_con .form-area form fieldset .feld input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  text-transform: capitalize;
  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 #ee3526;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:focus + span {
  color: #ee3526;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  text-transform: capitalize;
  color: #797979;
}
.blog-single .blog_details_con .form-area form fieldset .feld textarea:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  text-transform: capitalize;
  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: #ee3526;
  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: #ee3526;
  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 #ee3526;
}
.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 #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
}
.daily-deal .recent-post .post-list .content span {
  color: #ee3526;
  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: #ee3526;
}
.daily-deal .products-deal .product-lists .content span {
  color: #ee3526;
  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: #ee3526;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
footer .footer-top .footer-content {
  display: block;
  margin-top: 1px;
  text-align: center;
  padding-bottom: 1px;
}
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: #ee3526;
}
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: #ee3526;
}
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: #ee3526;
  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: #ee3526;
}
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 #ee3526;
  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: #ee3526;
}

/*....................................
11. Breadcumb area start here
....................................*/
.breadcumb-area {
  position: relative;
  display: block;
  background: url(images/pagebanner.jpg) no-repeat;
  background-size: 100%;
    background-attachment: fixed;
    background-position: bottom;
  padding: 15px 0 15px;
}
.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: #ee3526;
  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;
  text-transform: capitalize;
}
.breadcumb-area .breadcum-nav ul li a:hover {
  color: #ee3526;
}
.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: #ee3526;
}

/*....................................
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: #ee3526;
  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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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 #ee3526;
}
.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: #ee3526;
  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: #ee3526;
  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: #ee3526;
  border: 1px solid #ee3526;
}
.paginations ul li a.active {
  color: #fff;
  background: #ee3526;
  border: 1px solid #ee3526;
}
.paginations ul li a span {
  color: #ee3526;
}
.paginations ul li:first-child {
  padding-right: 15px;
}
.paginations ul li:first-child a {
  width: auto;
  padding: 0 15px;
  font-size: 13px;
  text-transform: capitalize;
}
.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;
  text-transform: capitalize;
}
.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: #ee3526;
  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;
  text-transform: capitalize;
}

.login-register .orbtn .or-space {
  position: absolute;
  width: 96px;
  height: 96px;
  line-height: 96px;
  text-align: center;
  background: #ee3526;
  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: #ee3526;
  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 #ee3526;
}
.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 #ee3526;
  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: 35px 50px 35px;
}
.login-register .login h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #ee3526;
  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 #ee3526;
}
.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: #ee3526;
  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: -75px;
}
.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: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
  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: #ee3526;
  display: block;
  margin: 0 0 20px;
}
.collections-area .collectionslist .content a {
  display: block;
  background: #ee3526;
  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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
}
.product-list .content h4 span {
  display: inline-block;
  color: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
}
.list-item .product-list .content h4 span {
  display: inline-block;
  color: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
}

.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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.product-list3 .content strong {
  font-weight: 700;
  color: #ee3526;
  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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.product-list4 .content strong {
  font-weight: 700;
  color: #ee3526;
  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;
  text-transform: capitalize;
  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: #ee3526;
}
.trands-product .tabs-nav .nav-tabs li.active a {
  color: #ee3526;
}
.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;
  text-transform: capitalize;
  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: #f4454a;
}
.trands-product2 .tabs-nav .nav-tabs li.active a {
  color: #f4454a;
}
.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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
}
.products-page .pro-filter .gr-li ul li a:focus {
  color: #ee3526;
}
.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: #ee3526;
  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;
  text-transform: capitalize;
}
.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: #ee3526;
}
.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: #ee3526;
}
.products-page .filters .gr-li ul li a:focus {
  color: #ee3526;
}

.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: #ee3526;
}
.compare-area .compare-product h4 span {
  display: inline-block;
  color: #ee3526;
  float: right;
}
.compare-area .compare-product ul li {
  display: inline-block;
  color: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
  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: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
  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 #ee3526 !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: #ee3526;
}
.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: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
}

.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: #ee3526;
  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: #ee3526;
}

/*....................................
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: #ee3526;
}
.sidebar .categories-list ul li a:hover:after {
  right: 5px;
}
.sidebar .categories-list ul li a:hover span {
  background: #ee3526;
  color: #fff;
}
.sidebar .categories-list ul li a.active span {
  background: #ee3526;
  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: #ee3526;
  color: #fff;
}
.sidebar .pro-size ul li.active span {
  display: block;
  height: 40px;
  width: 35px;
  line-height: 40px;
  background: #ee3526;
  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: #ee3526;
}
.sidebar .sale-pro .pro-list .dright .con strong {
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
  border: 2px solid #ee3526;
}
.sidebar .price-range .ui-widget-header {
  background: #ee3526;
  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: #ee3526;
  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;
  text-transform: capitalize;
}
.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 #ee3526;
}
.sideberb .search form button {
  position: absolute;
  line-height: 50px;
  color: #ee3526;
  height: 50px;
  top: 0;
  right: 0;
  padding: 0 25px;
  background: transparent;
}
.sideberb .search form button:hover {
  background: #ee3526;
  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: #ee3526;
  padding-right: 8px;
  font-weight: 700;
}
.sideberb .categorys ul li a span {
  float: right;
  color: #ee3526;
}
.sideberb .categorys ul li a:hover {
  color: #ee3526;
}
.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: #ee3526;
}
.sideberb .posts .post-list .dbox .dright .contents span {
  display: inline-block;
  color: #ee3526;
  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: #ee3526;
}
.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: #ee3526;
  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: 500;
  margin: 0 0 2px;
  font-size: 14px;
  color: #333;
  text-transform: capitalize;
}
.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 #ee3526;
}
.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 #ee3526;
}
.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: #ee3526;
  border: 1px solid #ee3526;
}
.checkout-area .checkout-form form .cheackboxs ul li input:checked + span {
  color: #ee3526;
}
.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: #ee3526;
  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: #ee3526;
}
.checkout-area .checkout-process .bailing table tbody tr td table tr td {
  padding: 3px 0;
  border: none;
  text-transform: capitalize;
}
.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: #ee3526;
  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;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  color: #ee3526;
}
.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: #ee3526;
  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;
  text-transform: capitalize;
  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: #ee3526;
  border: 1px solid #ee3526;
}
.checkout-area .checkout-process .paymethods .condition input:checked + span {
  color: #ee3526;
}
.checkout-area .checkout-process .paymethods .btn1 {
  border-radius: 50px;
  margin-top: 30px;
}