@charset "UTF-8";

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

    CSS INDEX

    ===================

	

    01. Theme default CSS

	02. Header Area

    03. Hero Area

	04. Category Area

	05. Product Area

	06. Banner Area

	07. Featured Area

	08. Testimonial Area

    09. Blog Area

    10. Blog Details

    11. Newsletter

    12. Footer

    13. Shop

    14. Product Details

    15. Sidebar

    16. Contact

    17. Other

	

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

/*-- Transition Ease --*/

/*-- Transition Ease In --*/

/*-- Transition Ease In Out --*/

/*-- Transform --*/

/*-- Border Radius --*/

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

/*  01. Theme default CSS

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

/*-- Google Font --*/

@import url("https://fonts.googleapis.com/css?family=Oswald:200,500,600|Playfair+Display:700,900|Poppins:400,500,600,700|Sacramento");

/*-- Common Style --*/

*, *::after, *::before {

  box-sizing: border-box; }



html, body {

  height: 100%; }



body {

  line-height: 24px;

  font-size: 12px;

  font-style: normal;

  font-weight: normal;

  visibility: visible;

  font-family: "Poppins", sans-serif;

  color: #696969; }



h1, h2, h3, h4, h5, h6 {

  color: #404040;

  font-weight: 400;

  margin-top: 0; }



h1 {

  font-size: 36px;

  line-height: 42px; }



h2 {

  font-size: 30px;

  line-height: 36px; }



h3 {

  font-size: 24px;

  line-height: 30px; }



h4 {

  font-size: 18px;

  line-height: 24px; }



h5 {

  font-size: 14px;

  line-height: 18px; }



h6 {

  font-size: 12px;

  line-height: 14px; }



p:last-child {

  margin-bottom: 0; }



a, button {

  color: inherit;

  display: inline-block;

  line-height: inherit;

  text-decoration: none;

  cursor: pointer; }



a, button, img, input, span {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }



*:focus {

  outline: none !important; }



a:focus {

  color: inherit;

  outline: none;

  text-decoration: none; }



a:hover {

  text-decoration: none;

  color: #78a206; }



button, input[type="submit"] {

  cursor: pointer; }



ul {

  list-style: outside none none;

  margin: 0;

  padding: 0; }



/*--

    Common Classes

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

.fix {

  overflow: hidden; }



.clear {

  clear: both; }



.section {

  float: left;

  width: 100%; }



@media only screen and (max-width: 767px) {

  .container {

    width: 450px; }



  .display-none-xs {

    display: none; } }

@media only screen and (max-width: 479px) {

  .container {

    width: 320px; }



  .display-none-xs {

    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .display-none-md {

    display: none; } }

.capitalize {

  text-transform: capitalize; }



.uppercase {

  text-transform: uppercase; }



/*-- 

    Custom Row Column

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

.row-10 {

  margin-left: -10px;

  margin-right: -10px; }

  .row-10 > [class*="col"] {

    padding-left: 10px;

    padding-right: 10px; }



.custom-row {

  margin-left: -15px;

  margin-right: -15px; }



.custom-col {

  padding-left: 15px;

  padding-right: 15px; }



/*-- 

    Margin & Padding

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

/*-- Margin Top --*/

.mt-5 {

  margin-top: 5px; }



.mt-10 {

  margin-top: 10px; }



.mt-15 {

  margin-top: 15px; }



.mt-20 {

  margin-top: 20px; }



.mt-25 {

  margin-top: 25px; }



.mt-30 {

  margin-top: 30px; }



.mt-35 {

  margin-top: 35px; }



.mt-40 {

  margin-top: 40px; }



.mt-45 {

  margin-top: 45px; }



.mt-50 {

  margin-top: 50px; }



.mt-55 {

  margin-top: 55px; }



.mt-60 {

  margin-top: 60px; }



.mt-65 {

  margin-top: 65px; }



.mt-70 {

  margin-top: 70px; }



.mt-75 {

  margin-top: 75px; }



.mt-80 {

  margin-top: 80px; }



.mt-85 {

  margin-top: 85px; }



.mt-90 {

  margin-top: 90px; }



.mt-95 {

  margin-top: 95px; }



.mt-100 {

  margin-top: 100px; }



.mt-105 {

  margin-top: 105px; }



.mt-110 {

  margin-top: 110px; }



.mt-115 {

  margin-top: 115px; }



.mt-120 {

  margin-top: 120px; }



.mt-125 {

  margin-top: 125px; }



.mt-130 {

  margin-top: 130px; }



.mt-135 {

  margin-top: 135px; }



.mt-140 {

  margin-top: 140px; }



.mt-145 {

  margin-top: 145px; }



.mt-150 {

  margin-top: 150px; }



.mt-155 {

  margin-top: 155px; }



.mt-160 {

  margin-top: 160px; }



.mt-165 {

  margin-top: 165px; }



.mt-170 {

  margin-top: 170px; }



.mt-175 {

  margin-top: 175px; }



.mt-180 {

  margin-top: 180px; }



.mt-185 {

  margin-top: 185px; }



.mt-190 {

  margin-top: 190px; }



.mt-195 {

  margin-top: 195px; }



.mt-200 {

  margin-top: 200px; }



/*-- Margin Bottom --*/

.mb-5 {

  margin-bottom: 5px; }



.mb-10 {

  margin-bottom: 10px; }



.mb-15 {

  margin-bottom: 15px; }



.mb-20 {

  margin-bottom: 20px; }



.mb-25 {

  margin-bottom: 25px; }



.mb-30 {

  margin-bottom: 30px; }



.mb-35 {

  margin-bottom: 35px; }



.mb-40 {

  margin-bottom: 40px; }



.mb-45 {

  margin-bottom: 45px; }



.mb-50 {

  margin-bottom: 50px; }



.mb-55 {

  margin-bottom: 55px; }



.mb-60 {

  margin-bottom: 60px; }



.mb-65 {

  margin-bottom: 65px; }



.mb-70 {

  margin-bottom: 70px; }



.mb-75 {

  margin-bottom: 75px; }



.mb-80 {

  margin-bottom: 80px; }



.mb-85 {

  margin-bottom: 85px; }



.mb-90 {

  margin-bottom: 90px; }



.mb-95 {

  margin-bottom: 95px; }



.mb-100 {

  margin-bottom: 100px; }



.mb-105 {

  margin-bottom: 105px; }



.mb-110 {

  margin-bottom: 110px; }



.mb-115 {

  margin-bottom: 115px; }



.mb-120 {

  margin-bottom: 120px; }



.mb-125 {

  margin-bottom: 125px; }



.mb-130 {

  margin-bottom: 130px; }



.mb-135 {

  margin-bottom: 135px; }



.mb-140 {

  margin-bottom: 140px; }



.mb-145 {

  margin-bottom: 145px; }



.mb-150 {

  margin-bottom: 150px; }



.mb-155 {

  margin-bottom: 155px; }



.mb-160 {

  margin-bottom: 160px; }



.mb-165 {

  margin-bottom: 165px; }



.mb-170 {

  margin-bottom: 170px; }



.mb-175 {

  margin-bottom: 175px; }



.mb-180 {

  margin-bottom: 180px; }



.mb-185 {

  margin-bottom: 185px; }



.mb-190 {

  margin-bottom: 190px; }



.mb-195 {

  margin-bottom: 195px; }



.mb-200 {

  margin-bottom: 200px; }



/*-- Padding Top --*/

.pt-5 {

  padding-top: 5px; }



.pt-10 {

  padding-top: 10px; }



.pt-15 {

  padding-top: 15px; }



.pt-20 {

  padding-top: 20px; }



.pt-25 {

  padding-top: 25px; }



.pt-30 {

  padding-top: 30px; }



.pt-35 {

  padding-top: 35px; }



.pt-40 {

  padding-top: 40px; }



.pt-45 {

  padding-top: 45px; }



.pt-50 {

  padding-top: 50px; }



.pt-55 {

  padding-top: 55px; }



.pt-60 {

  padding-top: 60px; }



.pt-65 {

  padding-top: 65px; }



.pt-70 {

  padding-top: 70px; }



.pt-75 {

  padding-top: 75px; }



.pt-80 {

  padding-top: 80px; }



.pt-85 {

  padding-top: 85px; }



.pt-90 {

  padding-top: 90px; }



.pt-95 {

  padding-top: 95px; }



.pt-100 {

  padding-top: 100px; }



.pt-105 {

  padding-top: 105px; }



.pt-110 {

  padding-top: 110px; }



.pt-115 {

  padding-top: 115px; }



.pt-120 {

  padding-top: 120px; }



.pt-125 {

  padding-top: 125px; }



.pt-130 {

  padding-top: 130px; }



.pt-135 {

  padding-top: 135px; }



.pt-140 {

  padding-top: 140px; }



.pt-145 {

  padding-top: 145px; }



.pt-150 {

  padding-top: 150px; }



.pt-155 {

  padding-top: 155px; }



.pt-160 {

  padding-top: 160px; }



.pt-165 {

  padding-top: 165px; }



.pt-170 {

  padding-top: 170px; }



.pt-175 {

  padding-top: 175px; }



.pt-180 {

  padding-top: 180px; }



.pt-185 {

  padding-top: 185px; }



.pt-190 {

  padding-top: 190px; }



.pt-195 {

  padding-top: 195px; }



.pt-200 {

  padding-top: 200px; }



/*-- Padding Bottom --*/

.pb-5 {

  padding-bottom: 5px; }



.pb-10 {

  padding-bottom: 10px; }



.pb-15 {

  padding-bottom: 15px; }



.pb-20 {

  padding-bottom: 20px; }



.pb-25 {

  padding-bottom: 25px; }



.pb-30 {

  padding-bottom: 30px; }



.pb-35 {

  padding-bottom: 35px; }



.pb-40 {

  padding-bottom: 40px; }



.pb-45 {

  padding-bottom: 45px; }



.pb-50 {

  padding-bottom: 50px; }



.pb-55 {

  padding-bottom: 55px; }



.pb-60 {

  padding-bottom: 60px; }



.pb-65 {

  padding-bottom: 65px; }



.pb-70 {

  padding-bottom: 70px; }



.pb-75 {

  padding-bottom: 75px; }



.pb-80 {

  padding-bottom: 80px; }



.pb-85 {

  padding-bottom: 85px; }



.pb-90 {

  padding-bottom: 90px; }



.pb-95 {

  padding-bottom: 95px; }



.pb-100 {

  padding-bottom: 100px; }



.pb-105 {

  padding-bottom: 105px; }



.pb-110 {

  padding-bottom: 110px; }



.pb-115 {

  padding-bottom: 115px; }



.pb-120 {

  padding-bottom: 120px; }



.pb-125 {

  padding-bottom: 125px; }



.pb-130 {

  padding-bottom: 130px; }



.pb-135 {

  padding-bottom: 135px; }



.pb-140 {

  padding-bottom: 140px; }



.pb-145 {

  padding-bottom: 145px; }



.pb-150 {

  padding-bottom: 150px; }



.pb-155 {

  padding-bottom: 155px; }



.pb-160 {

  padding-bottom: 160px; }



.pb-165 {

  padding-bottom: 165px; }



.pb-170 {

  padding-bottom: 170px; }



.pb-175 {

  padding-bottom: 175px; }



.pb-180 {

  padding-bottom: 180px; }



.pb-185 {

  padding-bottom: 185px; }



.pb-190 {

  padding-bottom: 190px; }



.pb-195 {

  padding-bottom: 195px; }



.pb-200 {

  padding-bottom: 200px; }



/*-- 

    Input Placeholder

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

input:-moz-placeholder, textarea:-moz-placeholder {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



input::-moz-placeholder, textarea::-moz-placeholder {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



input:-ms-input-placeholder, textarea:-ms-input-placeholder {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



/*-- 

    Animation

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

@keyframes slideZoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    -ms-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

@keyframes slideZoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    -ms-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% {

    opacity: 1; } }

.zoomIn {

  animation-name: slideZoomIn; }



/*-- 

    Scroll Up 

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

#scrollUp {

  width: 40px;

  height: 40px;

  background-color: #202226;

  color: #ffffff;

  right: 20px;

  bottom: 50px;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  text-align: center;

  overflow: hidden; }

  @media only screen and (max-width: 767px) {

    #scrollUp {

      display: none !important; } }

  #scrollUp i {

    display: block;

    line-height: 40px;

    font-size: 24px; }

  #scrollUp:hover {

    box-shadow: 0 10px 35px -7px rgba(120, 162, 6, 0.8);

    -webkit-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    transform: translateY(-3px); }



/*--

    Section Title

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

.section-title-img {

  margin-bottom: 22px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .section-title-img {

      margin-bottom: 12px; } }

  .section-title-img > p {

    margin: auto;

    max-width: 720px; }

  .section-title-img > img {

    margin-bottom: 10px;

    padding-top: 2px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .section-title-img > img {

        width: 69%; } }

    @media only screen and (max-width: 767px) {

      .section-title-img > img {

        width: 92%; } }



.section-title .section-img {

  position: relative; }

  .section-title .section-img::before, .section-title .section-img::after {

    background: rgba(0, 0, 0, 0) url("../img/icon/line.png") no-repeat scroll left center;

    content: "";

    height: 7px;

    left: 0;

    position: absolute;

    top: 53.5%;

    width: 35%; }

  .section-title .section-img:after {

    left: auto;

    right: 0; }

  @media only screen and (max-width: 479px) {

    .section-title .section-img img {

      width: 160px;

      z-index: 10; } }

.section-title h2 {

  color: #202226;

  font-family: "Oswald", sans-serif;

  font-size: 30px;

  font-weight: 500;

  line-height: 25px;

  margin-top: -15px; }

  @media only screen and (max-width: 479px) {

    .section-title h2 {

      font-size: 27px;

      margin: 0px; } }

  .section-title h2 span {

    color: #a9a9a9;

    font-weight: 200;

    padding-right: 2px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .section-title.section-title-four {

    margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {

  .section-title.section-title-four {

    margin-bottom: 15px; } }

.section-title.section-title-four h4 {

  font-family: 'Sacramento', cursive;

  color: #c5ac57;

  font-size: 30px;

  line-height: 32px;

  margin-bottom: 13px; }

  @media only screen and (max-width: 767px) {

    .section-title.section-title-four h4 {

      margin-bottom: 5px; } }

.section-title.section-title-four h2 {

  text-transform: uppercase;

  margin-top: 0; }

  @media only screen and (max-width: 767px) {

    .section-title.section-title-four h2 {

      font-size: 22px; } }



@media only screen and (max-width: 767px) {

  .section-title-three {

    margin-bottom: 20px; } }

.section-title-three h2 {

  font-size: 12px;

  font-weight: 500;

  letter-spacing: 7px;

  margin-bottom: 27px;

  margin-top: 14px;

  position: relative;

  text-transform: uppercase; }

  .section-title-three h2::before {

    background: #e7e7e7 none repeat scroll 0 0;

    content: "";

    display: block;

    height: 1px;

    left: 10%;

    margin-top: -0.5px;

    position: absolute;

    right: 10%;

    top: 50%; }

  .section-title-three h2 span {

    background: #ffffff none repeat scroll 0 0;

    padding: 0 25px;

    position: relative; }



/*-- 

    Slick arrow

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

.slick-arrow {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: 3px solid #e1e1e1;

  border-radius: 100%;

  -webkit-border-radius: 100%;

  -moz-border-radius: 100%;

  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

  color: #b1b1b1;

  cursor: pointer;

  font-size: 24px;

  height: 72px;

  left: 10px;

  line-height: 68px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 72px;

  z-index: 1;

  opacity: 0;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .slick-arrow {

      width: 52px;

      height: 52px;

      line-height: 50px; } }

  @media only screen and (max-width: 767px) {

    .slick-arrow {

      width: 52px;

      height: 52px;

      line-height: 50px;

      border-width: 2px;

      top: 65%; } }

  .slick-arrow.slick-next {

    left: auto;

    right: 10px; }

  .slick-arrow:hover {

    background: #f6f5f1 none repeat scroll 0 0;

    border-color: #ffffff;

    box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);

    color: #444444; }



.arrow-none .slick-arrow {

  display: none; }



/*-- 

    Page Pagination

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

.ht-page-pagination-one {

  display: flex;

  width: 100%; }

  .ht-page-pagination-one ul {

    display: flex;

    justify-content: center;

    width: 100%; }

    .ht-page-pagination-one ul li {

      display: inline-flex;

      margin: 0 5px; }

      .ht-page-pagination-one ul li a {

        font-weight: 600;

        font-size: 14px;

        color: #78a206;

        border: 1px solid #78a206;

        line-height: 36px;

        width: 36px;

        height: 36px;

        border-radius: 50%;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%; }

        .ht-page-pagination-one ul li a:hover {

          background-color: #78a206;

          color: #ffffff; }

        .ht-page-pagination-one ul li a i {

          font-size: 20px;

          line-height: 32px;

          display: block; }

      .ht-page-pagination-one ul li.active a {

        background-color: #78a206;

        color: #ffffff; }



/*--

    Page Banner

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

.ht-page-banner-section-one {

  padding: 430px 0 270px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .ht-page-banner-section-one {

      padding: 360px 0 200px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-page-banner-section-one {

      padding: 360px 0 200px; } }

  @media only screen and (max-width: 767px) {

    .ht-page-banner-section-one {

      padding: 200px 0 100px; } }



.ht-page-banner {

  text-align: center; }

  .ht-page-banner h1 {

    font-size: 50px;

    font-weight: 700;

    text-transform: capitalize;

    color: #ffffff;

    line-height: 1;

    margin: 0; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .ht-page-banner h1 {

        font-size: 40px; } }

    @media only screen and (max-width: 767px) {

      .ht-page-banner h1 {

        font-size: 24px; } }

    @media only screen and (max-width: 479px) {

      .ht-page-banner h1 {

        font-size: 20px; } }



/*--

    Overlay

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

[data-overlay] {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center; }

  [data-overlay]::before {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    content: ""; }



/*-- Background Color --*/

.bg-gray {

  background: #f6f5f1; }



.bg-white {

  background-color: #ffffff; }



/*-- Background Image --*/

.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-7 {

  background-attachment: scroll;

  background-clip: initial;

  background-color: rgba(0, 0, 0, 0);

  background-origin: initial;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative; }



.bg-1 {

  background-image: url("../img/bg/1.jpg");

  background-position: top center; }



.bg-2 {

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



.bg-3 {

  background-image: url("../img/bg/3.jpg"); }



.bg-4 {

  background-image: url("../img/bg/4.jpg");

  background-position: top center; }



.bg-5 {

  background: rgba(0, 0, 0, 0) url("../img/bg/5.jpg") no-repeat scroll center -6px; }



.bg-7 {

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



.bg-8 {

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



.bg-9 {

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



.bg-10 {

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



.bg-11 {

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



.bg-12 {

  background: url(../img/bg/12.jpg) center center no-repeat; }



/*-- Overlay Color --*/

[data-overlay="light"]::before {

  background-color: #ffffff; }



[data-overlay="dark"]::before {

  background-color: #000000; }



/*-- Overlay Opacity --*/

[data-opacity="1"]::before {

  opacity: 0.1; }



[data-opacity="2"]::before {

  opacity: 0.2; }



[data-opacity="3"]::before {

  opacity: 0.3; }



[data-opacity="4"]::before {

  opacity: 0.4; }



[data-opacity="5"]::before {

  opacity: 0.5; }



[data-opacity="6"]::before {

  opacity: 0.6; }



[data-opacity="7"]::before {

  opacity: 0.7; }



[data-opacity="8"]::before {

  opacity: 0.8; }



[data-opacity="9"]::before {

  opacity: 0.9; }



/*--

    Button Style

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

.default-btn {

  background: #ffffff none repeat scroll 0 0;

  border: 2px solid #2c2c2c;

  border-radius: 25px;

  -webkit-border-radius: 25px;

  -moz-border-radius: 25px;

  color: #2c2c2c;

  display: inline-block;

  font-family: "Oswald", sans-serif;

  font-size: 12px;

  font-weight: 500;

  line-height: 43px;

  padding: 0 40px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; }

  .default-btn:hover {

    color: #ffffff;

    border-color: #78a206;

    background: #78a206; }



/*--

    Breadcrumb

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

.breadcrumb-area {

  padding: 228px 0 135px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .breadcrumb-area {

      padding: 214px 0 122px;

      background-position: 76% center; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .breadcrumb-area {

      padding: 90px 0 80px;

      background-position: 76% center; } }

  @media only screen and (max-width: 767px) {

    .breadcrumb-area {

      padding: 60px 0 40px;

      background-position: 72% center; } }

  .breadcrumb-area h1 {

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

    font-family: "Oswald", sans-serif; }

    @media only screen and (max-width: 767px) {

      .breadcrumb-area h1 {

        font-size: 26px;

        line-height: 31px;

        margin-bottom: 10px; } }

  .breadcrumb-area nav .breadcrumb {

    background: transparent;

    justify-content: center;

    text-transform: capitalize;

    padding: 2px 0; }

    .breadcrumb-area nav .breadcrumb .breadcrumb-item {

      margin: 0 2px; }

      .breadcrumb-area nav .breadcrumb .breadcrumb-item a:hover, .breadcrumb-area nav .breadcrumb .breadcrumb-item.active {

        color: #78a206; }

    .breadcrumb-area nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

      color: #ccc;

      padding-right: 11px; }



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

    02. Header Area

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

.header-area {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  width: 100%;

  z-index: 9999; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-area {

      position: relative; } }

  @media only screen and (max-width: 767px) {

    .header-area {

      position: relative; } }

  .header-area .header-container {

    padding: 0 60px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-area .header-container {

        padding: 0 45px; } }

    @media only screen and (max-width: 767px) {

      .header-area .header-container {

        padding: 0 80px; } }

    @media only screen and (max-width: 479px) {

      .header-area .header-container {

        padding: 0 15px; } }

    @media only screen and (max-width: 767px) {

      .header-area .header-container .col-lg-2, .header-area .header-container .col-lg-5 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%; } }

    .header-area .header-container .logo {

      padding: 8px 0; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-area .header-container .logo {

          overflow: hidden;

          padding: 25px 0 25px; } }

      @media only screen and (max-width: 767px) {

        .header-area .header-container .logo {

          padding: 20px 0 20px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-area .header-container .logo a {

          float: left; } }

  .header-area.header-sticky.sticky {

    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;

    box-shadow: 0 0 5px #bdbdbd;

    left: 0;

    padding: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999; }

    .header-area.header-sticky.sticky .logo {

      padding: 10px 0; }

    .header-area.header-sticky.sticky .ht-main-menu {

      padding: 30px 0; }

    .header-area.header-sticky.sticky .header-content {

      padding: 50px 0 6px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-area.header-sticky.sticky {

        position: relative;

        animation: none; } }

    @media only screen and (max-width: 767px) {

      .header-area.header-sticky.sticky {

        position: relative;

        animation: none; } }

  .header-area.header-two .header-container {

    padding: 0 47px; }

    @media only screen and (max-width: 767px) {

      .header-area.header-two .header-container {

        padding: 0 15px; } }

    .header-area.header-two .header-container .ht-main-menu {

      justify-content: center; }

      .header-area.header-two .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {

        width: 250px; }

        @media only screen and (min-width: 992px) and (max-width: 1200px) {

          .header-area.header-two .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {

            width: 200px; } }

  .header-area.header-three-area .ht-main-menu > nav > ul > li > a {

    color: #ffffff; }

  .header-area.header-three-area .ht-main-menu > nav > ul > li.active > a, .header-area.header-three-area .ht-main-menu > nav > ul > li:hover > a, .header-area.header-three-area .ht-main-menu > nav > ul > li:focus > a {

    color: #78a206; }

  .header-area.header-three-area .header-content > div > a {

    color: #ffffff; }

  .header-area.header-three-area .header-content > div:hover > a {

    color: #78a206; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-area.header-three-area {

      background: #FFB902; } }

  @media only screen and (max-width: 767px) {

    .header-area.header-three-area {

      background: #FFB902; } }

  .header-area.header-three-area.header-sticky.sticky {

    background: #c5bc83; }

  .header-area.header-four-area .header-container {

    padding: 0 40px; }

    @media only screen and (max-width: 767px) {

      .header-area.header-four-area .header-container {

        padding: 0 15px; } }

    .header-area.header-four-area .header-container .ht-main-menu {

      justify-content: center; }

      .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > ul > li.active > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > ul > li:hover > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > ul > li:focus > a {

        color: #c5ac57; }

      .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li.active > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li:hover > a, .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li:focus > a {

        color: #c5ac57; }

      .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {

        width: 250px; }

        @media only screen and (min-width: 992px) and (max-width: 1200px) {

          .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li {

            width: 200px; } }

        .header-area.header-four-area .header-container .ht-main-menu > nav > ul > li > .ht-mega-menu > li a:hover {

          color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content > div:hover > a {

      color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content > .search-wrapper .search-form button {

      background: #c5ac57; }

      .header-area.header-four-area .header-container .header-content > .search-wrapper .search-form button:hover {

        background: #252525; }

    .header-area.header-four-area .header-container .header-content > .settings-wrapper > .settings-content > ul > li > a:hover, .header-area.header-four-area .header-container .header-content > .settings-wrapper > .settings-content > ul > li > a:focus {

      color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text h5 a:hover {

      color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text span.cart-price {

      color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:hover, .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:focus {

      color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .cart-price-total > .cart-price-info > span:last-of-type {

      color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .cart-links > a:hover, .header-area.header-four-area .header-container .header-content .cart-wrapper > .cart-item-wrapper > .cart-links > a:focus {

      background: #c5ac57;

      border-color: #c5ac57; }

    .header-area.header-four-area .header-container .header-content .cart-wrapper > a > span {

      background: #c5ac57; }

  .header-area.header-four-area .mobile-menu-area {

    background: #c5ac57; }

    .header-area.header-four-area .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {

      background: #c5ac57; }

    .header-area.header-four-area .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a:first-child:hover {

      color: #c5ac57; }

    .header-area.header-four-area .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li ul li:first-child a {

      border-color: #c5ac57; }



/*-- Main Menu --*/

.ht-main-menu {

  padding: 29px 0;

  display: flex; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-main-menu {

      padding: 0; } }

  .ht-main-menu nav > ul > li {

    display: block;

    float: left;

    margin: 0 21.7px;

    position: relative; }

    .ht-main-menu nav > ul > li:first-child {

      margin-left: 0; }

    .ht-main-menu nav > ul > li:last-child {

      margin-right: 0; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .ht-main-menu nav > ul > li {

        margin: 0 13px; } }

    .ht-main-menu nav > ul > li > a {

      color: #444444;

      display: block;

      font-family: "Oswald", sans-serif;

      font-size: 13px;

      font-weight: 500;

      line-height: 50px;

      position: relative;

      text-transform: uppercase; }

      .ht-main-menu nav > ul > li > a > i {

        right: -4px;

        top: -2px;

        position: relative; }

    .ht-main-menu nav > ul > li.active > a, .ht-main-menu nav > ul > li:hover > a, .ht-main-menu nav > ul > li:focus > a {

      color: #78a206; }

    .ht-main-menu nav > ul > li:hover > ul {

      opacity: 1;

      -webkit-transform: scaleY(1);

      -ms-transform: scaleY(1);

      transform: scaleY(1);

      visibility: visible; }



/*-- Sub Menu --*/

.ht-main-menu > nav > ul > li > ul {

  background: #ffffff none repeat scroll 0 0;

  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

  left: -4px;

  opacity: 0;

  padding: 15px 0 15px;

  position: absolute;

  text-transform: capitalize;

  top: 100%;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  transform-origin: 0 0 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  visibility: hidden;

  width: 206px;

  z-index: 99; }

  .ht-main-menu > nav > ul > li > ul > li {

    padding-left: 30px; }

    .ht-main-menu > nav > ul > li > ul > li:last-child {

      margin-right: 30px; }

    .ht-main-menu > nav > ul > li > ul > li a {

      padding: 4.5px 0;

      margin: 3px 0;

      display: block; }

    .ht-main-menu > nav > ul > li > ul > li.active > a, .ht-main-menu > nav > ul > li > ul > li:hover > a, .ht-main-menu > nav > ul > li > ul > li:focus > a {

      color: #78a206; }



/*-- Mega Menu --*/

.ht-main-menu > nav > ul > li > .ht-mega-menu {

  display: flex;

  width: auto;

  padding: 35px 0 22px;

  left: -84px; }

  .ht-main-menu > nav > ul > li > .ht-mega-menu > li {

    width: 1000px; }
    
    .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul{
		width: 237px;
		display: inline-block;
	}

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .ht-main-menu > nav > ul > li > .ht-mega-menu > li {

        width: 200px; } }

    .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li {

      display: block;

      overflow: hidden; }

      .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li.mega-menu-title {
        color: #292929;
        font-family: "Oswald", sans-serif;
        line-height: 1.42857;
        text-transform: uppercase; }

      .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a {

        padding: 3px 0; }

        .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a > img {

          -webkit-transition: all 0.3s ease-in 0s;

          -moz-transition: all 0.3s ease-in 0s;

          -ms-transition: all 0.3s ease-in 0s;

          -o-transition: all 0.3s ease-in 0s;

          transition: all 0.3s ease-in 0s;

          border-radius: 2px;

          -webkit-border-radius: 2px;

          -moz-border-radius: 2px;

          overflow: hidden; }

        .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a:hover > img {

          -webkit-transform: scale3d(1.05, 1.05, 1.05);

          -ms-transform: scale3d(1.05, 1.05, 1.05);

          transform: scale3d(1.05, 1.05, 1.05); }

      .ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li:last-child a {

        padding: 0;

        margin-top: 20px;

        overflow: hidden; }



.header-content {

  padding-top: 48px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-content {

      padding-top: 30px; } }

  @media only screen and (max-width: 767px) {

    .header-content {

      padding-top: 0;

      justify-content: center !important;

      padding-bottom: 7px; } }

  .header-content > div {

    margin-left: 35px;

    position: relative; }

    .header-content > div:first-child {

      margin-left: 0; }

    @media only screen and (max-width: 767px) {

      .header-content > div {

        position: inherit; } }

    .header-content > div > a {

      color: #252525;

      font-size: 17px;

      height: 39px;

      line-height: 39px;

      position: relative;

      text-align: center;

      width: 40px; }

    .header-content > div > .search-form, .header-content > div > .settings-content, .header-content > div > .cart-item-wrapper {

      position: absolute;

      right: 0;

      top: 100%;

      width: 280px;

      background: #ffffff;

      z-index: 10;

      -webkit-transform: scaleY(0);

      -ms-transform: scaleY(0);

      transform: scaleY(0);

      transform-origin: 0 0 0;

      -webkit-transition: all 0.3s ease 0s;

      -moz-transition: all 0.3s ease 0s;

      -ms-transition: all 0.3s ease 0s;

      -o-transition: all 0.3s ease 0s;

      transition: all 0.3s ease 0s;

      opacity: 0;

      visibility: hidden; }

      @media only screen and (max-width: 767px) {

        .header-content > div > .search-form, .header-content > div > .settings-content, .header-content > div > .cart-item-wrapper {

          left: 0;

          margin: auto; } }

      .header-content > div > .search-form.active, .header-content > div > .settings-content.active, .header-content > div > .cart-item-wrapper.active {

        opacity: 1;

        -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

        transform: scaleY(1);

        visibility: visible; }

    .header-content > div:hover > a {

      color: #78a206; }

  .header-content > .search-wrapper .search-form {

    border: 1px solid #ebebeb;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    height: 47px;

    right: -20px;

    width: 500px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-content > .search-wrapper .search-form {

        width: 300px; } }

    @media only screen and (max-width: 767px) {

      .header-content > .search-wrapper .search-form {

        width: 290px;

        right: 0;

        left: 0;

        margin: auto; } }

    .header-content > .search-wrapper .search-form input {

      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

      border: 0 none;

      color: #a5a5a5;

      height: 100%;

      padding: 10px 125px 10px 25px;

      width: 100%; }

    .header-content > .search-wrapper .search-form button {

      background: #78a206;

      border: 0 none;

      border-radius: 25px;

      -webkit-border-radius: 25px;

      -moz-border-radius: 25px;

      box-shadow: none;

      color: #ffffff;

      font-family: "Oswald", sans-serif;

      font-size: 12px;

      height: 47px;

      margin: 0;

      padding: 0 40px;

      position: absolute;

      right: -1px;

      text-transform: uppercase;

      top: 0; }

      .header-content > .search-wrapper .search-form button:hover {

        background: #252525; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-content > .search-wrapper .search-form button {

          padding: 0 30px; } }

  .header-content > .settings-wrapper {

    margin-left: 28px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-content > .settings-wrapper {

        margin-left: 15px; } }

    .header-content > .settings-wrapper > a {

      font-size: 16px; }

    .header-content > .settings-wrapper > .settings-content {

      border-radius: 3px;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

      padding: 35px 40px 21px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-content > .settings-wrapper > .settings-content {

          padding: 22px 21px 5px;

          width: 238px; } }

      @media only screen and (max-width: 767px) {

        .header-content > .settings-wrapper > .settings-content {

          padding: 15px 18px 5px;

          width: 210px; } }

      .header-content > .settings-wrapper > .settings-content > h4 {

        border-bottom: 1px solid #ebebeb;

        color: #292929;

        font-size: 12px;

        font-weight: 600;

        line-height: 25px;

        margin-bottom: 4px;

        padding-bottom: 3px;

        text-transform: uppercase; }

        .header-content > .settings-wrapper > .settings-content > h4 i {

          font-size: 14px; }

      .header-content > .settings-wrapper > .settings-content > ul {

        margin-bottom: 14px;

        padding-left: 20px; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .header-content > .settings-wrapper > .settings-content > ul {

            margin-bottom: 7px; } }

        @media only screen and (max-width: 767px) {

          .header-content > .settings-wrapper > .settings-content > ul {

            margin-bottom: 3px;

            padding-left: 10px; } }

        .header-content > .settings-wrapper > .settings-content > ul > li {

          display: block;

          padding: 3px 0; }

          .header-content > .settings-wrapper > .settings-content > ul > li > a {

            color: #6b6b6b;

            display: block;

            text-transform: capitalize; }

            .header-content > .settings-wrapper > .settings-content > ul > li > a > img {

              padding-right: 8px;

              vertical-align: baseline; }

            .header-content > .settings-wrapper > .settings-content > ul > li > a:hover, .header-content > .settings-wrapper > .settings-content > ul > li > a:focus {

              color: #78a206; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-content > .cart-wrapper {

      margin-left: 21px; } }

  .header-content > .cart-wrapper > a {

    font-size: 19px;

    padding-right: 14px; }

    .header-content > .cart-wrapper > a > span {

      background: #78a206;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      color: #ffffff;

      font-size: 10px;

      height: 20px;

      line-height: 20px;

      position: absolute;

      right: 0;

      top: 0;

      width: 20px; }

  .header-content > div > .cart-item-wrapper {

    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);

    padding: 10px 0 0;

    right: 7px;

    width: 350px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .header-content > div > .cart-item-wrapper {

        width: 285px;

        padding: 0; } }

    @media only screen and (max-width: 767px) {

      .header-content > div > .cart-item-wrapper {

        width: 270px;

        max-height: 294px;

        overflow-x: hidden;

        overflow-y: auto; } }

    .header-content > div > .cart-item-wrapper:before {

      -moz-border-bottom-colors: none;

      -moz-border-left-colors: none;

      -moz-border-right-colors: none;

      -moz-border-top-colors: none;

      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;

      border-image: none;

      border-style: solid;

      border-width: 8px;

      content: "";

      position: absolute;

      right: 10px;

      top: -15px;

      z-index: 98; }

    .header-content > div > .cart-item-wrapper > .single-cart-item {

      border-bottom: 1px solid #ebebeb;

      margin: 0 30px;

      overflow: hidden;

      padding: 20px 0 24px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-content > div > .cart-item-wrapper > .single-cart-item {

          margin: 0 15px;

          padding: 15px 0 15px; } }

      @media only screen and (max-width: 767px) {

        .header-content > div > .cart-item-wrapper > .single-cart-item {

          padding: 10px 0 14px;

          margin: 0 9px; } }

      .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img {

        float: left; }

        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img > a > img {

          border-radius: 10px;

          -webkit-border-radius: 10px;

          -moz-border-radius: 10px;

          margin-right: 15px; }

          @media only screen and (max-width: 767px) {

            .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img > a > img {

              width: 60px; } }

      .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn {

        display: flex;

        justify-content: space-between; }

        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text h5 {

          color: #232323;

          font-size: 14px;

          font-weight: 500;

          line-height: 22px;

          margin-bottom: 2px;

          text-transform: capitalize; }

          @media only screen and (max-width: 767px) {

            .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text h5 {

              line-height: 15px; } }

        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text > span {

          color: #969696;

          display: block;

          font-family: "Oswald", sans-serif;

          font-weight: 500;

          margin-bottom: 4px; }

          .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text > span.cart-price {

            color: #78a206;

            font-size: 16px; }

            @media only screen and (max-width: 767px) {

              .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > .cart-text > span.cart-price {

                font-size: 15px;

                line-height: 14px;

                margin-bottom: 0; } }

        .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button {

          background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

          border: 0 none;

          color: #bababa;

          font-size: 15px;

          height: 20px;

          line-height: 10px;

          margin: 5px 0;

          padding: 0 2px; }

          .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:hover, .header-content > div > .cart-item-wrapper > .single-cart-item > .cart-text-btn > button:focus {

            color: #78a106; }

    .header-content > div > .cart-item-wrapper > .cart-links {

      background: #292929 none repeat scroll 0 0;

      display: flex;

      justify-content: center;

      padding: 30px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-content > div > .cart-item-wrapper > .cart-links {

          padding: 17px 0; } }

      @media only screen and (max-width: 767px) {

        .header-content > div > .cart-item-wrapper > .cart-links {

          padding: 15px 0px; } }

      .header-content > div > .cart-item-wrapper > .cart-links > a {

        background: #202226 none repeat scroll 0 0;

        border: 2px solid #ffffff;

        border-radius: 25px;

        -webkit-border-radius: 25px;

        -moz-border-radius: 25px;

        color: #ffffff;

        display: inline-block;

        font-family: "Oswald", sans-serif;

        font-size: 12px;

        line-height: 43px;

        margin: 0 7px;

        padding: 0 30px;

        text-transform: uppercase; }

        @media only screen and (max-width: 767px) {

          .header-content > div > .cart-item-wrapper > .cart-links > a {

            padding: 0 28px; } }

        .header-content > div > .cart-item-wrapper > .cart-links > a:hover, .header-content > div > .cart-item-wrapper > .cart-links > a:focus {

          background: #78a206;

          border-color: #78a206; }

    .header-content > div > .cart-item-wrapper > .cart-price-total {

      padding: 18px 30px 21px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .header-content > div > .cart-item-wrapper > .cart-price-total {

          padding: 12px 19px 12px; } }

      @media only screen and (max-width: 767px) {

        .header-content > div > .cart-item-wrapper > .cart-price-total {

          padding: 12px 10px 15px; } }

      .header-content > div > .cart-item-wrapper > .cart-price-total > .cart-price-info > span {

        color: #3e3d43;

        font-family: "Oswald", sans-serif;

        font-size: 14px;

        font-weight: 500;

        line-height: 23px;

        text-transform: uppercase; }

        .header-content > div > .cart-item-wrapper > .cart-price-total > .cart-price-info > span:last-of-type {

          color: #78a206;

          font-size: 16px;

          line-height: 23px; }



.mobile-menu-area {

  display: none;

  background: #78a206;

  clear: both;

  position: relative;

  z-index: 9; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .mobile-menu-area {

      display: block; } }

  @media only screen and (max-width: 767px) {

    .mobile-menu-area {

      display: block; } }

  .mobile-menu-area .mobile-menu.mean-container {

    clear: both; }

    .mobile-menu-area .mobile-menu.mean-container .mean-bar {

      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

      min-height: 42px;

      padding: 4px 0;

      position: relative;

      width: 100%;

      z-index: 999999; }

      .mobile-menu-area .mobile-menu.mean-container .mean-bar:after {

        content: "MENU";

        font-size: 16px;

        font-weight: 500;

        left: 0;

        position: absolute;

        top: 13px;

        color: #ffffff; }

      .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {

        border: 0 none;

        color: #ffffff;

        margin-top: 13px;

        padding: 2px 0;

        cursor: pointer;

        display: block;

        font-family: Arial,Helvetica,sans-serif;

        font-weight: 400;

        height: 22px;

        line-height: 22px;

        position: absolute;

        right: 0;

        text-decoration: none;

        top: -7px;

        width: 23px; }

        .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal span {

          background-color: #ffffff;

          display: block;

          height: 2px;

          margin-top: 7px; }

        .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal:hover span {

          background-color: #ffffff; }

        .mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal.menu-close {

          background-color: transparent;

          border: 2px solid #ffffff;

          border-radius: 50%;

          -webkit-border-radius: 50%;

          -moz-border-radius: 50%;

          color: #858585;

          height: 40px;

          padding: 0;

          width: 40px;

          font-size: 20px;

          margin-bottom: 30px; }

      .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav {

        padding-top: 37px; }

        .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav > ul {

          height: 201px; }

        .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul {

          background: #ffffff none repeat scroll 0 0;

          list-style-type: none;

          margin: 5px 0 0px;

          overflow-x: hidden;

          overflow-y: auto;

          padding: 0;

          width: 100%; }

          .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li {

            float: left;

            position: relative;

            width: 100%; }

            .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a {

              border-top: 1px solid #ccc;

              color: #252525;

              display: block;

              float: left;

              font-size: 12px;

              font-weight: 500;

              margin: 0;

              padding: 1em 5%;

              text-align: left;

              text-decoration: none;

              text-transform: uppercase;

              width: 90%;

              line-height: 15px; }

              .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a:first-child:hover {

                color: #78a206;

                padding: 1em 4% 1em 5.5%; }

              .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a.mean-expand {

                font-weight: 400;

                background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;

                border: medium none;

                font-weight: 400;

                height: 17px;

                line-height: 19px;

                margin-top: 1px;

                padding: 12px 16px;

                position: absolute;

                right: 0;

                text-align: center;

                top: -1px;

                width: 17px;

                z-index: 2; }

                .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {

                  background: #78a206;

                  color: #ffffff; }

            .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li ul li a {

              background: #F6F5F3 none repeat scroll 0 0;

              border-top: 1px solid #cccccc;

              color: #252525;

              font-size: 12px;

              line-height: 15px;

              opacity: 1;

              padding: 1em 5%;

              text-shadow: none;

              visibility: visible;

              width: 90%; }

            .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li ul li:first-child a {

              border-top: 3px solid #78a206;

              display: block; }

        .mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav > ul {

          margin-bottom: 10px; }



.mean-container .mean-bar, .mean-container .mean-bar * {

  box-sizing: content-box; }



@media only screen and (max-width: 767px) {

  .modal .modal-dialog {

    margin: 30px; } }

.modal .modal-dialog .modal-content {

  border: 0 none;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0; }

  .modal .modal-dialog .modal-content .modal-header {

    border: 0 none;

    padding: 0; }

    .modal .modal-dialog .modal-content .modal-header .close {

      background: #ffffff none repeat scroll 0 0;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      color: #202226;

      font-size: 12px;

      font-weight: 400;

      height: 25px;

      line-height: 24px;

      margin: 0;

      opacity: 1;

      padding: 0;

      position: absolute;

      right: 10px;

      top: 10px;

      width: 25px;

      z-index: 1; }

      .modal .modal-dialog .modal-content .modal-header .close:hover {

        color: #78a206; }

  .modal .modal-dialog .modal-content .modal-body {

    padding: 0; }

    .modal .modal-dialog .modal-content .modal-body .form-pop-up-content {

      text-align: left; }

      .modal .modal-dialog .modal-content .modal-body .form-pop-up-content h2 {

        background: #202226 none repeat scroll 0 0;

        color: #ffffff;

        font-family: "Oswald", sans-serif;

        font-size: 18px;

        line-height: 1.35;

        margin: 0;

        padding: 10px 25px;

        text-transform: uppercase; }

      .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form {

        padding: 25px; }

        .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .form-box input {

          height: 38px;

          margin-bottom: 15px;

          padding: 0 15px;

          width: 100%; }

        .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link {

          display: flex;

          justify-content: space-between;

          margin-bottom: 20px; }

          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .left-col #remember_me {

            position: relative;

            top: 2px; }

          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .left-col label {

            cursor: pointer;

            line-height: 16px;

            margin: 0 0 0 5px; }

          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .right-col a {

            color: #333; }

            .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .right-col a:hover {

              color: #78a206; }

        .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form button {

          background: #202226 none repeat scroll 0 0;

          border: 0 none;

          border-radius: 3px;

          -webkit-border-radius: 3px;

          -moz-border-radius: 3px;

          color: #ffffff;

          display: inline-block;

          font-family: "Oswald", sans-serif;

          font-size: 14px;

          font-weight: 500;

          line-height: 50px;

          padding: 0 30px;

          text-transform: uppercase; }

          .modal .modal-dialog .modal-content .modal-body .form-pop-up-content form button:hover {

            background: #78a206; }

.modal.modal-style-two .modal-dialog .modal-content .modal-body .form-pop-up-content form .checkobx-link .right-col a:hover {

  color: #c5ac57; }

.modal.modal-style-two .modal-dialog .modal-content .modal-body .form-pop-up-content form button:hover {

  background: #c5ac57;

  border-color: #c5ac57; }

.modal.modal-style-two .modal-dialog .modal-content .modal-header .close:hover {

  color: #c5ac57; }



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

    03. Hero

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

.ht-hero-slider {

  float: left;

  width: 100%; }

  @media only screen and (min-width: 1600px) {

    .ht-hero-slider .slick-arrow {

      left: 60px; } }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .ht-hero-slider .slick-arrow {

      border-width: 2px;

      height: 55px;

      line-height: 54px;

      width: 55px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-hero-slider .slick-arrow {

      border-width: 2px;

      top: 46%; } }

  @media only screen and (min-width: 1600px) {

    .ht-hero-slider .slick-arrow.slick-next {

      left: auto;

      right: 60px; } }

  .ht-hero-slider:hover .slick-arrow, .ht-hero-slider:hover .slick-dots {

    opacity: 1; }

  .ht-hero-slider .ht-single-slide {

    height: 100vh;

    display: flex;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: relative; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .ht-hero-slider .ht-single-slide {

        height: auto;

        padding: 70px 0 80px; } }

    @media only screen and (max-width: 767px) {

      .ht-hero-slider .ht-single-slide {

        height: auto;

        padding: 10px 0 63px; } }

    @media only screen and (max-width: 767px) {

      .ht-hero-slider .ht-single-slide:after {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        background: #fff;

        opacity: .8;

        content: ""; } }

  .ht-hero-slider .slick-dots {

    bottom: 32px;

    position: absolute;

    text-align: center;

    width: 100%;

    opacity: 0;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s; }

    .ht-hero-slider .slick-dots li {

      display: inline-block; }

      .ht-hero-slider .slick-dots li button {

        background: #ccc none repeat scroll 0 0;

        border: 0 none;

        border-radius: 50%;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        color: rgba(0, 0, 0, 0);

        cursor: pointer;

        display: block;

        font-size: 0;

        height: 10px;

        line-height: 0;

        outline: medium none;

        padding: 0;

        width: 10px;

        margin: 5px; }

      .ht-hero-slider .slick-dots li.slick-active button {

        background: #78a206; }



/*-- Hero Content One --*/

.ht-hero-content-one {

  padding-left: 17px;

  margin: auto; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .ht-hero-content-one {

      padding-left: 50px; } }

  @media only screen and (max-width: 767px) {

    .ht-hero-content-one {

      padding-top: 0;

      z-index: 1; } }

  .ht-hero-content-one h3 {

    animation-duration: 1s;

    animation-fill-mode: both;

    color: #444;

    font-size: 30px;

    font-weight: 400;

    line-height: 1;

    margin-bottom: 10px;

    text-transform: capitalize;

    padding-top: 42px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .ht-hero-content-one h3 {

        padding-top: 0;

        font-size: 25px;

        margin-bottom: 4px; } }

    @media only screen and (max-width: 767px) {

      .ht-hero-content-one h3 {

        font-size: 26px;

        margin-bottom: 4px; } }

    @media only screen and (max-width: 479px) {

      .ht-hero-content-one h3 {

        font-size: 21px;

        margin-bottom: 6px; } }

  .ht-hero-content-one h1 {

    color: #2c2c2c;

    font-family: "Playfair Display",serif;

    font-size: 100px;

    font-weight: 700;

    line-height: 0.85;

    visibility: hidden;

    margin-bottom: 30px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .ht-hero-content-one h1 {

        font-size: 70px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .ht-hero-content-one h1 {

        font-size: 70px;

        margin-bottom: 15px; } }

    @media only screen and (max-width: 767px) {

      .ht-hero-content-one h1 {

        font-size: 42px;

        margin-bottom: 15px; } }

    @media only screen and (max-width: 479px) {

      .ht-hero-content-one h1 {

        font-size: 35px;

        margin-bottom: 15px; } }

  .ht-hero-content-one p {

    max-width: 480px;

    color: #444;

    font-size: 14px;

    margin-bottom: 70px;

    animation-duration: 1s;

    animation-fill-mode: both; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .ht-hero-content-one p {

        max-width: 500px;

        margin-bottom: 45px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .ht-hero-content-one p {

        max-width: 400px;

        margin-bottom: 30px; } }

    @media only screen and (max-width: 767px) {

      .ht-hero-content-one p {

        font-size: 14px;

        line-height: 24px;

        margin-bottom: 23px; } }

    @media only screen and (max-width: 479px) {

      .ht-hero-content-one p {

        font-size: 12px;

        line-height: 20px;

        margin-bottom: 15px; } }

  .ht-hero-content-one a {

    animation-duration: 1s;

    animation-fill-mode: both;

    margin-bottom: 3px; }

    @media only screen and (max-width: 479px) {

      .ht-hero-content-one a {

        padding: 0 35px;

        line-height: 39px; } }

    .ht-hero-content-one a:hover {

      -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

      transform: translateY(0); }



.slick-current {

  /*-- Hero Content One --*/ }

  .slick-current .ht-hero-content-one h3 {

    animation-name: fadeInBottom;

    animation-delay: .4s;

    animation-duration: 0.5s; }

  .slick-current .ht-hero-content-one h1 {

    opacity: 1;

    visibility: visible;

    animation-delay: 1.1s;

    animation-duration: 0.5s; }

    .slick-current .ht-hero-content-one h1 span {

      animation-duration: 0.5s;

      letter-spacing: 0.2px; }

  .slick-current .ht-hero-content-one p {

    animation-name: fadeInBottom;

    animation-delay: 1.2s;

    animation-duration: 0.5s; }

  .slick-current .ht-hero-content-one a {

    animation-name: fadeInBottom;

    animation-delay: 1.6s;

    animation-duration: 0.5s; }



.ht-hero-two .ht-hero-content-one h1 {

  font-weight: 900; }



.ht-hero-three a.ht-single-slide {

  height: calc(100vh + 200px); }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .ht-hero-three a.ht-single-slide {

      height: 100vh; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-hero-three a.ht-single-slide {

      height: auto;

      padding: 0; } }

  @media only screen and (max-width: 767px) {

    .ht-hero-three a.ht-single-slide {

      height: auto;

      padding: 0; } }

  .ht-hero-three a.ht-single-slide:after {

    display: none; }

.ht-hero-three .slick-slide img {

  width: 100%; }

.ht-hero-three .ht-hero-slider .slick-arrow {

  border: 3px solid #ffffff;

  color: #ffffff;

  box-shadow: none; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .ht-hero-three .ht-hero-slider .slick-arrow {

      top: 39%; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-hero-three .ht-hero-slider .slick-arrow {

      top: 39%; } }

  .ht-hero-three .ht-hero-slider .slick-arrow:hover {

    color: #444444;

    box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2); }

.ht-hero-three .ht-hero-slider .slick-dots {

  bottom: 8px; }



.ht-hero-four {

  height: 100%; }

  .ht-hero-four .hero-padding {

    padding: 0 75px; }

    @media only screen and (min-width: 1600px) {

      .ht-hero-four .hero-padding {

        padding: 0 121px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .ht-hero-four .hero-padding {

        padding: 0 40px; } }

    @media only screen and (max-width: 767px) {

      .ht-hero-four .hero-padding {

        padding: 0 55px; } }

    @media only screen and (max-width: 479px) {

      .ht-hero-four .hero-padding {

        padding: 0 20px; } }

    .ht-hero-four .hero-padding .col-lg-7 {

      display: flex; }

      .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one {

        padding: 0;

        margin: auto 0; }

        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {

          animation-name: fadeInBottom;

          animation-delay: .4s;

          animation-duration: 0.5s;

          padding-top: 0;

          margin-top: -90px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {

              margin-top: -90px; } }

          @media only screen and (max-width: 767px) {

            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {

              margin-top: 40px; } }

        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {

          opacity: 1;

          visibility: visible;

          animation-delay: 1.1s;

          animation-duration: 0.5s;

          font-weight: 900;

          font-size: 90px; }

          @media only screen and (min-width: 1600px) {

            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {

              font-size: 100px; } }

          @media only screen and (min-width: 992px) and (max-width: 1200px) {

            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {

              font-size: 62px;

              padding-top: 7px; } }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {

              font-size: 50px; } }

          @media only screen and (max-width: 767px) {

            .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {

              font-size: 37px; } }

          .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 span {

            animation-duration: 0.5s;

            letter-spacing: 0.2px; }

        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one p {

          animation-name: fadeInBottom;

          animation-delay: 1.2s;

          animation-duration: 0.5s; }

        .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a {

          animation-name: fadeInBottom;

          animation-delay: 1.6s;

          animation-duration: 0.5s;

          background: transparent; }

          .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a:hover, .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a:focus {

            background: #c5ac57;

            border-color: #c5ac57; }

    .ht-hero-four .hero-padding .hero-image {

      padding-top: 75px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .ht-hero-four .hero-padding .hero-image {

          padding-top: 10px; } }

      @media only screen and (max-width: 767px) {

        .ht-hero-four .hero-padding .hero-image {

          padding-top: 10px; } }

      .ht-hero-four .hero-padding .hero-image img {

        max-width: 100%; }



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

/*  04. Category Area

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

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .food-category-area {

    padding: 80px 0 70px; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .food-category-area {

    padding: 92px 0 70px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .food-category-area {

    padding: 76px 0 50px; } }

@media only screen and (max-width: 767px) {

  .food-category-area {

    padding: 30px 0 12px; } }

.food-category-area .ht-food-slider {

  margin: 0 -15px;

  width: auto; }

  .food-category-area .ht-food-slider .single-food-category {

    border: 1px solid #f0f0f0;

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    margin-bottom: 40px;

    margin-top: 30px;

    padding: 43px 0 36px;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s; }

    @media only screen and (max-width: 767px) {

      .food-category-area .ht-food-slider .single-food-category {

        margin-top: 5px; } }

    .food-category-area .ht-food-slider .single-food-category:hover {

      background: #f6f5f1 none repeat scroll 0 0;

      border-color: #ffffff;

      box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset; }

    .food-category-area .ht-food-slider .single-food-category > h4 > a {

      color: #6c8e01;

      font-family: "Oswald", sans-serif;

      font-size: 18px;

      font-weight: 500;

      text-transform: capitalize;

      -webkit-transition: all 0.3s ease-in-out 0s;

      -moz-transition: all 0.3s ease-in-out 0s;

      -ms-transition: all 0.3s ease-in-out 0s;

      -o-transition: all 0.3s ease-in-out 0s;

      transition: all 0.3s ease-in-out 0s; }

      .food-category-area .ht-food-slider .single-food-category > h4 > a:hover {

        text-decoration: underline; }

    .food-category-area .ht-food-slider .single-food-category > img {

      margin: auto;

      padding: 25px 0 22px; }

    .food-category-area .ht-food-slider .single-food-category > span {

      color: #78a206;

      display: block; }



@media only screen and (max-width: 767px) {

  .food-category-three {

    padding: 30px 0 20px; } }



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

/*  05. Product Area

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

.product-area .tab-content .tab-pane {

  display: block;

  height: 0;

  opacity: 0;

  visibility: hidden;

  text-align: webkit-center;

  text-align: center; }

  .product-area .tab-content .tab-pane.active {

    height: auto;

    opacity: 1;

    visibility: visible; }

  .product-area .tab-content .tab-pane .slick-arrow {

    border: 2px solid #e1e1e1;

    box-shadow: none;

    color: #c5c5c5;

    font-size: 17px;

    height: 50px;

    left: -55px;

    line-height: 47px;

    top: 51.5%;

    width: 50px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .product-area .tab-content .tab-pane .slick-arrow {

        height: 40px;

        left: 15px;

        line-height: 39px;

        width: 40px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .product-area .tab-content .tab-pane .slick-arrow {

        left: -10px; } }

    @media only screen and (max-width: 767px) {

      .product-area .tab-content .tab-pane .slick-arrow {

        left: 14px;

        background: #ffffff; } }

    .product-area .tab-content .tab-pane .slick-arrow:hover {

      background: #f6f5f1 none repeat scroll 0 0;

      border-color: #ffffff;

      box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);

      color: #444444; }

    .product-area .tab-content .tab-pane .slick-arrow.slick-next {

      left: auto;

      right: -55px; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .product-area .tab-content .tab-pane .slick-arrow.slick-next {

          right: 15px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .product-area .tab-content .tab-pane .slick-arrow.slick-next {

          right: -10px; } }

      @media only screen and (max-width: 767px) {

        .product-area .tab-content .tab-pane .slick-arrow.slick-next {

          right: 14px; } }



.product-tab-list {

  display: flex;

  margin-left: -7.5px;

  margin-right: -7.5px;

  margin-top: -47px;

  padding: 10px 0 35px;

  justify-content: space-between; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-tab-list {

      margin-top: 30px;

      text-align: center;

      padding-bottom: 20px; } }

  @media only screen and (max-width: 767px) {

    .product-tab-list {

      margin-top: 20px;

      text-align: center;

      padding-bottom: 20px;

      justify-content: center; } }

  .product-tab-list a {

    border: 1px solid #e1e1e1;

    border-radius: 20px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    color: #aeaeae;

    cursor: pointer;

    font-size: 12px;

    font-weight: 500;

    margin: 0 7.5px;

    padding: 7px 25px;

    z-index: 1;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s; }

    @media only screen and (max-width: 767px) {

      .product-tab-list a {

        margin: 0 3px;

        padding: 5px 12px; } }

    .product-tab-list a:nth-of-type(3) {

      margin-left: auto; }

      @media only screen and (max-width: 767px) {

        .product-tab-list a:nth-of-type(3) {

          margin: 0 3px; } }

  .product-tab-list a:hover, .product-tab-list a:focus, .product-tab-list a.active {

    background: #ffffff none repeat scroll 0 0;

    border-color: #ffffff;

    box-shadow: 5px 6px 20px 0 rgba(0, 0, 0, 0.1);

    color: #2c2c2c; }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .product-area {

    padding: 90px 0 70px; } }

@media only screen and (max-width: 767px) {

  .product-area {

    padding: 69px 0 50px; } }

.product-area .product-carousel {

  margin: 0 -15px;

  width: auto; }

  .product-area .product-carousel .slick-slide.slick-active {

    animation: 500ms ease 0s normal none 1 running slideZoomIn; }

  .product-area .product-carousel:hover .slick-arrow, .product-area .product-carousel:hover .slick-dots {

    opacity: 1; }



/*-- Single product Style --*/

.single-product-item {

  border: 1px solid #e7e7e7;

  border-radius: 20px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

  margin: 30px 0 32px;

  overflow: hidden;

  padding: 0 0 30px;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

  position: relative; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .single-product-item {

      margin: 25px 0 22px; } }

  @media only screen and (max-width: 767px) {

    .single-product-item {

      margin: 20px 0; } }

  .single-product-item:hover {

    border-color: #ffffff;

    box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset; }

  .single-product-item .product-image {

    position: relative; }

    .single-product-item .product-image > a {

      display: block; }

      .single-product-item .product-image > a img {

        max-width: 100%; }

    .single-product-item .product-image .product-hover > ul.hover-icon-list {

      display: flex;

      justify-content: center;

      left: 0;

      opacity: 0;

      position: absolute;

      right: 0;

      top: 46.2%;

      -webkit-transition: all 0.3s ease-in-out 0s;

      -moz-transition: all 0.3s ease-in-out 0s;

      -ms-transition: all 0.3s ease-in-out 0s;

      -o-transition: all 0.3s ease-in-out 0s;

      transition: all 0.3s ease-in-out 0s; }

      .single-product-item .product-image .product-hover > ul.hover-icon-list > li {

        display: block; }

        .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a {

          background: #ffffff none repeat scroll 0 0;

          border: 1px solid #ececeb;

          border-radius: 50%;

          -webkit-border-radius: 50%;

          -moz-border-radius: 50%;

          color: #2c2c2c;

          display: block;

          font-size: 18px;

          height: 47px;

          line-height: 47px;

          margin: 0 4.5px;

          text-align: center;

          width: 47px; }

          .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a:hover, .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a:focus {

            background: #78a206;

            border-color: #78a206;

            color: #ffffff; }

          .single-product-item .product-image .product-hover > ul.hover-icon-list > li > a > i {

            line-height: 45px; }

    .single-product-item .product-image .product-hover .p-cart-btn {

      background: #ffffff none repeat scroll 0 0;

      border: 1px solid #ececeb;

      border-radius: 20px;

      -webkit-border-radius: 20px;

      -moz-border-radius: 20px;

      bottom: -34.9%;

      color: #2c2c2c;

      display: block;

      font-family: "Oswald", sans-serif;

      font-size: 12px;

      font-weight: 500;

      left: 50%;

      line-height: 39px;

      margin: auto;

      opacity: 0;

      padding: 0 25px;

      position: absolute;

      -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

      transform: translateX(-50%);

      text-transform: uppercase;

      z-index: 2; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .single-product-item .product-image .product-hover .p-cart-btn {

          padding: 0 20px;

          min-width: 115px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .single-product-item .product-image .product-hover .p-cart-btn {

          padding: 0 20px; } }

      @media only screen and (max-width: 767px) {

        .single-product-item .product-image .product-hover .p-cart-btn {

          padding: 0 20px;

          min-width: 115px; } }

      .single-product-item .product-image .product-hover .p-cart-btn:hover, .single-product-item .product-image .product-hover .p-cart-btn:focus {

        background: #78a206;

        border-color: #78a206;

        color: #ffffff; }

  .single-product-item:hover .product-image .product-hover > ul.hover-icon-list {

    opacity: 1;

    top: 41.6%; }

  .single-product-item:hover .product-image > a {

    opacity: 0.2; }

  .single-product-item:hover .product-hover .p-cart-btn {

    bottom: -38.7%;

    opacity: 1; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -52.7%; } }

    @media only screen and (max-width: 767px) {

      .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -57.7%; } }

    @media only screen and (max-width: 479px) {

      .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -38%; } }

  .single-product-item:hover .product-text .pro-price {

    opacity: 0; }

  .single-product-item .product-text .product-rating > i {

    font-size: 14px;

    letter-spacing: -0.4px;

    line-height: 25px; }

    .single-product-item .product-text .product-rating > i.color {

      color: #7ba212; }

  .single-product-item .product-text > h5 {

    color: #202226;

    font-weight: 500;

    margin-bottom: 35px;

    padding-top: 1px; }

  .single-product-item .product-text .pro-price {

    display: flex;

    font-family: "Oswald", sans-serif;

    font-size: 14px;

    justify-content: center; }

    .single-product-item .product-text .pro-price span {

      display: block;

      margin: 0 4px; }

      .single-product-item .product-text .pro-price span.new-price {

        color: #78a206;

        font-size: 16px;

        font-weight: 600; }

      .single-product-item .product-text .pro-price span.old-price {

        color: #b8b8b8;

        line-height: 23px;

        text-decoration: line-through; }



@media only screen and (max-width: 767px) {

  .product-two-area {

    background: #f6f5f1 none repeat scroll 0 0;

    padding: 60px 0 40px; } }

.product-two-area .tab-content .tab-pane .single-product-item:first-of-type {

  margin-bottom: 45px; }

.product-two-area .tab-content .tab-pane .slick-arrow {

  top: 50.7%; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .product-two-area .tab-content .tab-pane .slick-arrow {

      top: 50%; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-two-area .tab-content .tab-pane .slick-arrow {

      top: 50%; } }

  @media only screen and (max-width: 767px) {

    .product-two-area .tab-content .tab-pane .slick-arrow {

      top: 50%; } }

@media only screen and (max-width: 767px) {

  .product-two-area .tab-content .tab-pane .single-product-item:hover .product-image .product-hover .p-cart-btn {

    bottom: -56%; } }

@media only screen and (max-width: 479px) {

  .product-two-area .tab-content .tab-pane .single-product-item:hover .product-image .product-hover .p-cart-btn {

    bottom: -39%; } }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .timer-product-area {

    padding: 90px 0 40px; } }

@media only screen and (max-width: 767px) {

  .timer-product-area {

    background: #F6F5F3;

    padding: 60px 0 40px; } }

.timer-product-area .section-title {

  margin-bottom: 11px; }

  @media only screen and (max-width: 767px) {

    .timer-product-area .section-title {

      margin-bottom: 2px; } }

.timer-product-area .timer-carousel {

  margin: 0 -15px;

  width: auto; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .timer-product-area .timer-carousel {

      padding-bottom: 30px; } }

  @media only screen and (max-width: 767px) {

    .timer-product-area .timer-carousel {

      margin: 0; } }

  .timer-product-area .timer-carousel .slick-arrow {

    border: 2px solid #e1e1e1;

    box-shadow: none;

    color: #c5c5c5;

    font-size: 17px;

    height: 50px;

    left: -40px;

    line-height: 47px;

    top: 51.5%;

    width: 50px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .timer-product-area .timer-carousel .slick-arrow {

        height: 40px;

        left: 30px;

        line-height: 39px;

        width: 40px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .timer-product-area .timer-carousel .slick-arrow {

        left: -10px; } }

    @media only screen and (max-width: 767px) {

      .timer-product-area .timer-carousel .slick-arrow {

        left: 30px;

        top: 53%; } }

    .timer-product-area .timer-carousel .slick-arrow:hover {

      background: #f6f5f1 none repeat scroll 0 0;

      border-color: #ffffff;

      box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);

      color: #444444; }

    .timer-product-area .timer-carousel .slick-arrow.slick-next {

      left: auto;

      right: -40px; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .timer-product-area .timer-carousel .slick-arrow.slick-next {

          right: 30px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .timer-product-area .timer-carousel .slick-arrow.slick-next {

          right: -10px; } }

      @media only screen and (max-width: 767px) {

        .timer-product-area .timer-carousel .slick-arrow.slick-next {

          right: 30px; } }

  @media only screen and (max-width: 767px) {

    .timer-product-area .timer-carousel .slick-slide {

      padding: 0 15px; } }

  .timer-product-area .timer-carousel .slick-slide.slick-active {

    animation: 500ms ease 0s normal none 1 running slideZoomIn; }

  .timer-product-area .timer-carousel:hover .slick-arrow, .timer-product-area .timer-carousel:hover .slick-dots {

    opacity: 1; }

  .timer-product-area .timer-carousel .single-product-item {

    opacity: 0.5;

    background: #f6f5f1; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .timer-product-area .timer-carousel .single-product-item {

        opacity: 1; } }

    .timer-product-area .timer-carousel .single-product-item .product-image a img {

      max-width: 100%; }

    .timer-product-area .timer-carousel .single-product-item .product-image .timer {

      bottom: -10px;

      opacity: 0;

      position: absolute;

      -webkit-transition: all 0.3s ease-in-out 0s;

      -moz-transition: all 0.3s ease-in-out 0s;

      -ms-transition: all 0.3s ease-in-out 0s;

      -o-transition: all 0.3s ease-in-out 0s;

      transition: all 0.3s ease-in-out 0s;

      width: 100%; }

      .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid .cdown {

        color: #939393;

        display: inline-block;

        font-family: "Oswald", sans-serif;

        font-size: 14px;

        font-weight: 200;

        margin: 0 8px; }

        @media only screen and (min-width: 992px) and (max-width: 1200px) {

          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid .cdown {

            margin: 0 4px; } }

        @media only screen and (max-width: 767px) {

          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid .cdown {

            margin: 0 4px; } }

      .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid > .cdown span {

        color: #232323;

        display: inline-block;

        font-size: 30px;

        font-weight: 500;

        margin-right: 3px; }

        @media only screen and (min-width: 992px) and (max-width: 1200px) {

          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid > .cdown span {

            margin-right: 2px; } }

        @media only screen and (max-width: 767px) {

          .timer-product-area .timer-carousel .single-product-item .product-image .timer .timer-grid > .cdown span {

            margin-right: 2px; } }

    .timer-product-area .timer-carousel .single-product-item .product-text {

      padding-top: 24px;

      position: relative; }

      .timer-product-area .timer-carousel .single-product-item .product-text .pro-price {

        padding-bottom: 29px;

        padding-top: 20px; }

    .timer-product-area .timer-carousel .single-product-item :hover .product-image > a {

      opacity: 1; }

    .timer-product-area .timer-carousel .single-product-item:hover .product-image > a {

      opacity: 1; }

  .timer-product-area .timer-carousel .single-product-item:hover, .timer-product-area .timer-carousel .slick-current .single-product-item, .timer-product-area .timer-carousel .slick-current .single-product-item:hover {

    border-color: #ffffff;

    box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;

    opacity: 1; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .timer-product-area .timer-carousel .slick-current .single-product-item {

      box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

      border-color: #e7e7e7; } }

  .timer-product-area .timer-carousel .single-product-item:hover .timer, .timer-product-area .timer-carousel .slick-current .single-product-item .timer {

    bottom: 0;

    opacity: 1; }

  .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {

    bottom: -40.5%;

    z-index: 2; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -55%; } }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {

      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -43%; } }

    @media only screen and (min-width: 1100px) and (max-width: 1199px) {

      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -52.5%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -46%; } }

    @media only screen and (max-width: 479px) {

      .timer-product-area .timer-carousel .single-product-item:hover .product-hover .p-cart-btn {

        bottom: -54.5%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .timer-product-area .timer-carousel .single-product-item .product-image .timer {

    opacity: 1; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .timer-product-area > .container:last-child {

    padding-left: 30px;

    padding-right: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .timer-product-area > .container:last-child {

    padding-left: 30px;

    padding-right: 30px; } }



@media only screen and (max-width: 767px) {

  .timer-two-area {

    padding: 60px 0 40px; } }

@media only screen and (max-width: 767px) {

  .timer-two-area .timer-carousel .slick-arrow {

    top: 63%; } }



@media only screen and (min-width: 1600px) {

  .product-four-area {

    padding-left: 35px;

    padding-right: 35px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .product-four-area {

    padding: 90px 0 70px; } }

@media only screen and (max-width: 767px) {

  .product-four-area {

    padding: 60px 0 0px; } }

.product-four-area .product-carousel-two .slick-slide .single-product-item .product-image {

  background: #f6f5f1; }

  @media only screen and (max-width: 767px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn {

      bottom: -20.5%; } }

  @media only screen and (max-width: 479px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn {

      bottom: -22.5%; } }

  .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn:hover, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .p-cart-btn:focus {

    background: #c5ac57;

    border-color: #c5ac57; }

  .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .hover-icon-list li a:hover, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-image .product-hover .hover-icon-list li a:focus {

    background: #c5ac57;

    border-color: #c5ac57; }

.product-four-area .product-carousel-two .slick-slide .single-product-item .product-text .product-rating > i.color, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-text .pro-price span.new-price, .product-four-area .product-carousel-two .slick-slide .single-product-item .product-text .pro-price span.new-price {

  color: #c5ac57; }

.product-four-area .product-carousel-two .slick-slide .single-product-item .product-text > h5 a:hover {

  color: #c5ac57; }

.product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

  bottom: -45%;

  opacity: 1; }

  @media only screen and (min-width: 1600px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

      bottom: -38.5%; } }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

      bottom: -54%; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

      bottom: -49%; } }

  @media only screen and (max-width: 767px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

      bottom: -45%; } }

  @media only screen and (max-width: 570px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

      bottom: -56%; } }

  @media only screen and (max-width: 479px) {

    .product-four-area .product-carousel-two .slick-slide .single-product-item:hover .product-image .product-hover .p-cart-btn {

      bottom: -42%; } }

.product-four-area .product-carousel-two .slick-arrow {

  border: 2px solid #e1e1e1;

  background: #f6f5f1;

  color: #c5c5c5;

  width: 50px;

  height: 50px;

  line-height: 46px;

  font-size: 17px;

  left: -8px;

  top: 52%; }

  .product-four-area .product-carousel-two .slick-arrow.slick-next {

    left: auto;

    right: -8px; }

.product-four-area .product-carousel-two:hover .slick-arrow {

  opacity: 1; }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .timer-four-area {

    padding: 0px 0 61px; } }

@media only screen and (max-width: 767px) {

  .timer-four-area {

    padding: 48px 0 30px; } }

.timer-four-area .timer-carousel {

  padding: 0 15px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .timer-four-area .timer-carousel {

      padding: 0px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .timer-four-area .timer-carousel {

      padding: 0px; } }

  .timer-four-area .timer-carousel .custom-col {

    padding-top: 30px; }

    @media only screen and (max-width: 767px) {

      .timer-four-area .timer-carousel .custom-col {

        padding-top: 3px; } }

    .timer-four-area .timer-carousel .custom-col .single-product-item {

      margin: 30px 0 30px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .timer-four-area .timer-carousel .custom-col .single-product-item {

          margin-top: 4px; } }

      .timer-four-area .timer-carousel .custom-col .single-product-item .product-image .product-hover .p-cart-btn:hover, .timer-four-area .timer-carousel .custom-col .single-product-item .product-image .product-hover .p-cart-btn:focus {

        background: #c5ac57;

        border-color: #c5ac57; }

      .timer-four-area .timer-carousel .custom-col .single-product-item .product-text .product-rating > i.color, .timer-four-area .timer-carousel .custom-col .single-product-item .product-text .pro-price span.new-price, .timer-four-area .timer-carousel .custom-col .single-product-item .product-text .pro-price span.new-price {

        color: #c5ac57; }

      .timer-four-area .timer-carousel .custom-col .single-product-item .product-text > h5 a:hover {

        color: #c5ac57; }

  .timer-four-area .timer-carousel .slick-arrow {

    left: 8px;

    top: 44.5%;

    background: #f6f5f1; }

    .timer-four-area .timer-carousel .slick-arrow.slick-next {

      right: 8px; }



.related-product .slick-arrow {

  border: 2px solid #e1e1e1;

  box-shadow: none;

  color: #c5c5c5;

  font-size: 17px;

  height: 50px;

  left: -55px;

  line-height: 47px;

  top: 51.5%;

  width: 50px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .related-product .slick-arrow {

      height: 40px;

      left: 15px;

      line-height: 39px;

      width: 40px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .related-product .slick-arrow {

      left: -10px; } }

  @media only screen and (max-width: 767px) {

    .related-product .slick-arrow {

      left: 14px; } }

  .related-product .slick-arrow:hover {

    background: #f6f5f1 none repeat scroll 0 0;

    border-color: #ffffff;

    box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);

    color: #444444; }

  .related-product .slick-arrow.slick-next {

    left: auto;

    right: -55px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .related-product .slick-arrow.slick-next {

        right: 15px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .related-product .slick-arrow.slick-next {

        right: -10px; } }

    @media only screen and (max-width: 767px) {

      .related-product .slick-arrow.slick-next {

        right: 14px; } }



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

/*  06. Banner Area

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .banner-area {

    padding: 80px 0 58px; } }

@media only screen and (max-width: 767px) {

  .banner-area {

    padding: 53px 0 50px; } }

@media only screen and (min-width: 1600px) {

  .banner-area .banner-text {

    padding-top: 15px; } }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .banner-area .banner-text {

    padding-top: 24px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .banner-area .banner-text {

    padding-top: 0; } }

@media only screen and (max-width: 767px) {

  .banner-area .banner-text {

    padding-top: 0; } }

.banner-area .banner-text h3 {

  color: #444444;

  font-weight: 300;

  line-height: 19px;

  margin-bottom: 3px; }

  @media only screen and (max-width: 767px) {

    .banner-area .banner-text h3 {

      font-size: 22px; } }

  .banner-area .banner-text h3 span {

    color: #9db165;

    padding-left: 3.5px; }

.banner-area .banner-text h1 {

  color: #211e1e;

  font-family: "Playfair Display",serif;

  font-size: 72px;

  font-weight: 700;

  line-height: 1;

  margin-bottom: 26px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .banner-area .banner-text h1 {

      font-size: 63px; } }

  @media only screen and (max-width: 767px) {

    .banner-area .banner-text h1 {

      font-size: 45px;

      margin-bottom: 15px; } }

.banner-area .banner-text h2 {

  color: #9db165;

  font-size: 24px;

  font-weight: 600;

  letter-spacing: 1px;

  margin-bottom: 9px;

  position: relative;

  text-transform: uppercase; }

  .banner-area .banner-text h2 img {

    position: relative;

    top: -1px; }

  .banner-area .banner-text h2 span:last-child {

    padding-left: 14px;

    position: relative; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .banner-area .banner-text p {

    width: 95%;

    margin-bottom: 0; } }

.banner-area .banner-text a.default-btn {

  line-height: 37px;

  margin-top: 44px;

  padding: 0 25px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-area .banner-text a.default-btn {

      margin-top: 25px; } }

  @media only screen and (max-width: 767px) {

    .banner-area .banner-text a.default-btn {

      margin-top: 4px; } }

.banner-area .banner-image-wrapper {

  position: relative; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .banner-area .banner-image-wrapper .banner-image {

      padding-top: 7px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-area .banner-image-wrapper .banner-image {

      float: right;

      padding-top: 20px;

      width: 61%; } }

  @media only screen and (max-width: 767px) {

    .banner-area .banner-image-wrapper .banner-image {

      float: right;

      margin-right: -15px;

      margin-top: 25px;

      width: 64%; } }

  .banner-area .banner-image-wrapper .banner-image img {

    max-width: 100%; }

  .banner-area .banner-image-wrapper .banner-image-text {

    background: #ffffff none repeat scroll 0 0;

    border: 2px solid #9db165;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    left: -65px;

    padding: 24px 25px;

    position: absolute;

    top: 92px;

    width: 47.5%; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .banner-area .banner-image-wrapper .banner-image-text {

        padding: 20px 14px;

        width: 54%; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .banner-area .banner-image-wrapper .banner-image-text {

        left: 59px;

        top: 80px; } }

    @media only screen and (max-width: 767px) {

      .banner-area .banner-image-wrapper .banner-image-text {

        left: 0;

        padding: 16px 14px 12px;

        top: 44px;

        width: 68.3%; } }

    .banner-area .banner-image-wrapper .banner-image-text:before {

      -moz-border-bottom-colors: none;

      -moz-border-left-colors: none;

      -moz-border-right-colors: none;

      -moz-border-top-colors: none;

      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9db165;

      border-image: none;

      border-style: solid;

      border-width: 15px;

      content: " ";

      height: 0;

      left: 100%;

      margin-top: -36px;

      pointer-events: none;

      position: absolute;

      top: 57%;

      width: 0; }

    .banner-area .banner-image-wrapper .banner-image-text:after {

      -moz-border-bottom-colors: none;

      -moz-border-left-colors: none;

      -moz-border-right-colors: none;

      -moz-border-top-colors: none;

      border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;

      border-image: none;

      border-style: solid;

      border-width: 12px;

      content: " ";

      height: 0;

      left: 100%;

      margin-top: -32px;

      pointer-events: none;

      position: absolute;

      top: 57%;

      width: 0; }

    .banner-area .banner-image-wrapper .banner-image-text h4 {

      color: #211e1e;

      font-size: 13px;

      font-weight: 600;

      line-height: 15px;

      margin-bottom: 12px;

      padding-bottom: 11px;

      position: relative;

      text-transform: uppercase; }

      @media only screen and (max-width: 767px) {

        .banner-area .banner-image-wrapper .banner-image-text h4 {

          padding: 0; } }

      .banner-area .banner-image-wrapper .banner-image-text h4::after {

        background: #211e1e none repeat scroll 0 0;

        bottom: 0;

        content: "";

        height: 1px;

        left: 0;

        position: absolute;

        width: 35px; }

        @media only screen and (max-width: 767px) {

          .banner-area .banner-image-wrapper .banner-image-text h4::after {

            display: none; } }

    .banner-area .banner-image-wrapper .banner-image-text p {

      line-height: 22px; }

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .banner-area.banner-one-area {

    padding: 53px 0 78px; } }



@media only screen and (max-width: 767px) {

  .shop-banner-area {

    padding: 24px 0 40px; } }

.shop-banner-area .shop-banner-img {

  overflow: hidden;

  border-radius: 15px;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px; }

  @media only screen and (max-width: 767px) {

    .shop-banner-area .shop-banner-img {

      margin-bottom: 20px; } }

  .shop-banner-area .shop-banner-img a {

    display: inline-block; }

    .shop-banner-area .shop-banner-img a img {

      -webkit-transition: all 0.3s ease-in 0s;

      -moz-transition: all 0.3s ease-in 0s;

      -ms-transition: all 0.3s ease-in 0s;

      -o-transition: all 0.3s ease-in 0s;

      transition: all 0.3s ease-in 0s;

      overflow: hidden;

      max-width: 100%; }

    .shop-banner-area .shop-banner-img a:hover img {

      -webkit-transform: scale3d(1.05, 1.05, 1.05);

      -ms-transform: scale3d(1.05, 1.05, 1.05);

      transform: scale3d(1.05, 1.05, 1.05); }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .banner-two-area {

    background-position: center -83px;

    padding: 70px 0 106px; } }

@media only screen and (max-width: 767px) {

  .banner-two-area {

    padding: 51px 0 60px; } }

.banner-two-area .banner-text {

  padding-top: 50px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-two-area .banner-text {

      padding-top: 35px;

      padding-bottom: 15px; } }

  @media only screen and (max-width: 767px) {

    .banner-two-area .banner-text {

      padding-top: 8px;

      width: 92%; } }

  @media only screen and (max-width: 479px) {

    .banner-two-area .banner-text {

      width: 100%; } }



.banner-four-area {

  margin-top: -44px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-four-area {

      margin-top: 0; } }

  @media only screen and (max-width: 767px) {

    .banner-four-area {

      margin-top: 10px; } }

  @media only screen and (max-width: 767px) {

    .banner-four-area .banner-four-container {

      flex-flow: column; } }

  .banner-four-area .banner-four-container .banner-four-image a {

    display: block;

    overflow: hidden; }

    .banner-four-area .banner-four-container .banner-four-image a img {

      -webkit-transition: all 0.3s ease-in 0s;

      -moz-transition: all 0.3s ease-in 0s;

      -ms-transition: all 0.3s ease-in 0s;

      -o-transition: all 0.3s ease-in 0s;

      transition: all 0.3s ease-in 0s; }

      @media only screen and (max-width: 767px) {

        .banner-four-area .banner-four-container .banner-four-image a img {

          max-width: 100%; } }

    .banner-four-area .banner-four-container .banner-four-image a:hover img {

      -webkit-transform: scale3d(1.05, 1.05, 1.05);

      -ms-transform: scale3d(1.05, 1.05, 1.05);

      transform: scale3d(1.05, 1.05, 1.05); }

  .banner-four-area .banner-four-container .banner-four-text {

    margin-left: 25px;

    padding-top: 20px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .banner-four-area .banner-four-container .banner-four-text {

        padding-top: 10px; } }

    @media only screen and (max-width: 767px) {

      .banner-four-area .banner-four-container .banner-four-text {

        margin-left: 0; } }

    .banner-four-area .banner-four-container .banner-four-text h4 {

      font-weight: 500;

      font-size: 12px;

      color: #a4a4a4;

      letter-spacing: 6px;

      font-family: "Oswald", sans-serif;

      text-transform: uppercase;

      padding-top: 12px;

      margin-bottom: 36px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .banner-four-area .banner-four-container .banner-four-text h4 {

          margin-bottom: 20px; } }

      @media only screen and (max-width: 767px) {

        .banner-four-area .banner-four-container .banner-four-text h4 {

          margin-bottom: 20px; } }

    .banner-four-area .banner-four-container .banner-four-text p {

      width: 580px;

      margin-bottom: 51px; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .banner-four-area .banner-four-container .banner-four-text p {

          width: auto; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .banner-four-area .banner-four-container .banner-four-text p {

          width: auto;

          margin-bottom: 30px; } }

      @media only screen and (max-width: 767px) {

        .banner-four-area .banner-four-container .banner-four-text p {

          width: auto;

          margin-bottom: 30px; } }

    .banner-four-area .banner-four-container .banner-four-text .signature img {

      margin-left: -12px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .banner-four-area .banner-four-container .banner-four-text .signature img {

          width: 66%; } }

      @media only screen and (max-width: 767px) {

        .banner-four-area .banner-four-container .banner-four-text .signature img {

          width: 45%;

          margin-left: 0; } }

      @media only screen and (max-width: 479px) {

        .banner-four-area .banner-four-container .banner-four-text .signature img {

          width: 66%; } }



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

/*  07. Featured Area

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .featured-area {

    background: #F6F5F3;

    padding: 83px 0 70px; } }

@media only screen and (max-width: 767px) {

  .featured-area {

    background: #F6F5F3;

    padding: 53px 0 25px; } }

.featured-area .col-lg-4 .featured-carousel-wrapper {

  padding-bottom: 2px; }

  @media only screen and (min-width: 1200px) and (max-width: 1600px) {

    .featured-area .col-lg-4 .featured-carousel-wrapper {

      padding-bottom: 3px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .featured-area .col-lg-4 .featured-carousel-wrapper {

      padding-bottom: 0; } }

  @media only screen and (max-width: 767px) {

    .featured-area .col-lg-4 .featured-carousel-wrapper {

      padding-bottom: 15px; } }

  .featured-area .col-lg-4 .featured-carousel-wrapper > h3 {

    color: #a9a9a9;

    font-family: "Oswald", sans-serif;

    font-weight: 200;

    margin-bottom: 6px; }

    @media only screen and (max-width: 767px) {

      .featured-area .col-lg-4 .featured-carousel-wrapper > h3 {

        margin: 0; } }

    .featured-area .col-lg-4 .featured-carousel-wrapper > h3 > span {

      color: #202226;

      font-weight: 500;

      padding-left: 1px; }

  .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel {

    margin: 0 -15px;

    width: auto; }

    .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .slick-arrow {

      border: 1px solid #e1e1e1;

      color: #c5c5c5;

      font-size: 13px;

      height: 30px;

      left: calc(100% - 83px);

      line-height: 28px;

      opacity: 1;

      top: -16px;

      width: 30px; }

      .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .slick-arrow.slick-next {

        left: auto;

        right: 15px; }

      .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .slick-arrow:hover {

        background: #f6f5f1 none repeat scroll 0 0;

        border-color: #ffffff;

        box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);

        color: #444444; }

    .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel {

      padding: 0 15px; }

      .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item {

        border: 1px solid #e7e7e7;

        background: #F6F5F3;

        border-radius: 20px;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

        margin-bottom: 20px;

        overflow: hidden;

        padding: 8px 8px 0;

        -webkit-transition: all 0.3s ease-in-out 0s;

        -moz-transition: all 0.3s ease-in-out 0s;

        -ms-transition: all 0.3s ease-in-out 0s;

        -o-transition: all 0.3s ease-in-out 0s;

        transition: all 0.3s ease-in-out 0s; }

        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item:hover {

          border-color: #ffffff;

          box-shadow: 4px 6px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset; }

        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item:first-of-type {

          margin-top: 30px; }

        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .feature-image {

          float: left;

          margin-right: 20px; }

          @media only screen and (min-width: 992px) and (max-width: 1200px) {

            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .feature-image {

              margin-right: 15px;

              width: 105px; } }

          @media only screen and (max-width: 767px) {

            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .feature-image img {

              width: 95px; } }

        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text {

          overflow: hidden;

          padding-bottom: 26px;

          padding-top: 10px;

          position: relative; }

          @media only screen and (max-width: 767px) {

            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text {

              padding: 7px 0 16px; } }

          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .product-rating i {

            font-size: 14px;

            letter-spacing: -0.4px; }

            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .product-rating i.color {

              color: #7ba212; }

          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text h5 {

            color: #202226;

            font-weight: 500;

            margin-bottom: 24px;

            padding-top: 1px; }

            @media only screen and (max-width: 767px) {

              .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text h5 {

                margin-bottom: 6px; } }

          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .pro-price {

            font-family: "Oswald", sans-serif;

            font-weight: 600; }

            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text .pro-price .new-price {

              color: #78a206;

              font-size: 16px; }

          .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart {

            background: #ffffff none repeat scroll 0 0;

            border: 1px solid #ebebeb;

            border-radius: 50%;

            -webkit-border-radius: 50%;

            -moz-border-radius: 50%;

            bottom: 15px;

            color: #2b2b2b;

            display: block;

            font-size: 16px;

            height: 44px;

            line-height: 44px;

            position: absolute;

            right: 17px;

            text-align: center;

            width: 44px;

            opacity: 0;

            -webkit-transition: all 0.3s ease-in-out 0s;

            -moz-transition: all 0.3s ease-in-out 0s;

            -ms-transition: all 0.3s ease-in-out 0s;

            -o-transition: all 0.3s ease-in-out 0s;

            transition: all 0.3s ease-in-out 0s; }

            @media only screen and (min-width: 992px) and (max-width: 1200px) {

              .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart {

                right: 10px; } }

            .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart:hover, .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item .product-text a.feature-cart:focus {

              background: #78a206;

              border-color: #78a206;

              color: #ffffff; }

        .featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel .single-featured-carousel .single-featured-item:hover a.feature-cart {

          opacity: 1; }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .featured-area .col-lg-4:last-child {

    padding-top: 63px; } }



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

/*  08. Testimonial Area

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

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .testimonial-area {

    padding: 107px 0 95px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-area {

    padding: 90px 0 76px; } }

@media only screen and (max-width: 767px) {

  .testimonial-area {

    padding: 60px 0 46px; } }

.testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {

  display: flex;

  justify-content: center; }

.testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text p {

  font-size: 14px;

  line-height: 30px;

  margin: 31px auto 30px;

  max-width: 82%; }

  @media only screen and (max-width: 767px) {

    .testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text p {

      line-height: 23px;

      margin: 13px auto 10px;

      max-width: 92%; } }

.testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {

  border: 2px solid #e1e1e1;

  color: #ccc;

  font-size: 17px;

  height: 50px;

  left: -55px;

  line-height: 48px;

  width: 50px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {

      left: -4px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {

      left: -4px; } }

  @media only screen and (max-width: 767px) {

    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {

      left: -24px;

      top: 60%; } }

  @media only screen and (max-width: 479px) {

    .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {

      left: -4px; } }

  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {

    left: auto;

    right: -55px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {

        right: -4px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {

        right: -4px; } }

    @media only screen and (max-width: 767px) {

      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {

        right: -24px; } }

    @media only screen and (max-width: 479px) {

      .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {

        right: -4px; } }

  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow:hover {

    background: #f6f5f1 none repeat scroll 0 0;

    border-color: #ffffff;

    box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);

    color: #444444; }

.testimonial-area .testimonial-slider-wrapper .text-carousel:hover .slick-arrow {

  opacity: 1; }

.testimonial-area .testimonial-slider-wrapper .image-carousel {

  margin: auto;

  max-width: 400px;

  overflow: hidden; }

  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img img {

    margin: auto;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    cursor: pointer;

    opacity: 0.4;

    -webkit-transform: scale(0.85);

    -ms-transform: scale(0.85);

    transform: scale(0.85);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s; }

  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {

    color: #211e1e;

    font-family: "Oswald", sans-serif;

    font-size: 14px;

    font-weight: 600;

    margin-top: 10px;

    margin-bottom: 10px;

    opacity: 0;

    text-align: center;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    -ms-transition: all 0.3s ease-in-out 0s;

    -o-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s; }

  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img.slick-current img {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); }

  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img:hover > img {

    opacity: 1; }

  .testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img.slick-current > h4 {

    opacity: 1; }

  .testimonial-area .testimonial-slider-wrapper .image-carousel .slick-list {

    padding: 0 !important; }



@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .testimonial-four-area {

    padding: 80px 0 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-four-area {

    padding: 0px 0; } }

@media only screen and (max-width: 767px) {

  .testimonial-four-area {

    padding: 40px 0 0; } }

.testimonial-four-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {

  padding-top: 21px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .testimonial-four-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {

      padding-top: 23px; } }

  @media only screen and (max-width: 767px) {

    .testimonial-four-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {

      padding-top: 20px; } }

.testimonial-four-area .testimonial-slider-wrapper .text-carousel .slick-arrow {

  left: 0px;

  top: 51%; }

  .testimonial-four-area .testimonial-slider-wrapper .text-carousel .slick-arrow.slick-next {

    right: 0px; }

.testimonial-four-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {

  margin-bottom: 5px; }

  @media only screen and (max-width: 767px) {

    .testimonial-four-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {

      margin-bottom: 7px; } }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wrapper-two-area {

    padding-top: 80px; } }

@media only screen and (max-width: 767px) {

  .wrapper-two-area {

    padding-top: 0; } }



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

/*  09. Blog Area

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-area {

    padding: 0 0 73px; } }

@media only screen and (max-width: 767px) {

  .blog-area {

    padding: 0 0 60px; } }

@media only screen and (max-width: 767px) {

  .blog-area .section-title {

    margin-bottom: 40px; } }

.blog-area .slick-arrow {

  border: 2px solid #e1e1e1;

  color: #c5c5c5;

  font-size: 17px;

  height: 50px;

  left: -55px;

  line-height: 48px;

  width: 50px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .blog-area .slick-arrow {

      height: 40px;

      left: 15px;

      line-height: 39px;

      width: 40px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .blog-area .slick-arrow {

      left: -8px; } }

  @media only screen and (max-width: 767px) {

    .blog-area .slick-arrow {

      left: 15px;

      background: #ffffff;

      top: 42%; } }

  .blog-area .slick-arrow.slick-next {

    left: auto;

    right: -55px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .blog-area .slick-arrow.slick-next {

        right: 15px; } }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .blog-area .slick-arrow.slick-next {

        right: -8px; } }

    @media only screen and (max-width: 767px) {

      .blog-area .slick-arrow.slick-next {

        right: 15px; } }

  .blog-area .slick-arrow:hover {

    background: #f6f5f1 none repeat scroll 0 0;

    border-color: #ffffff;

    box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);

    color: #444444; }

.blog-area:hover .slick-arrow {

  opacity: 1; }

.blog-area .single-blog {

  overflow: hidden;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s; }

  .blog-area .single-blog .blog-image {

    overflow: hidden;

    border-radius: 15px 15px 0 0;

    -webkit-border-radius: 15px 15px 0 0;

    -moz-border-radius: 15px 15px 0 0; }

    .blog-area .single-blog .blog-image a {

      display: block; }

      .blog-area .single-blog .blog-image a img {

        max-width: 100%;

        -webkit-transition: all 0.3s ease-in-out 0s;

        -moz-transition: all 0.3s ease-in-out 0s;

        -ms-transition: all 0.3s ease-in-out 0s;

        -o-transition: all 0.3s ease-in-out 0s;

        transition: all 0.3s ease-in-out 0s; }

        @media only screen and (max-width: 767px) {

          .blog-area .single-blog .blog-image a img {

            width: 100%; } }

  .blog-area .single-blog .blog-text {

    border-bottom: 1px solid #e8e8e8;

    border-left: 1px solid #e8e8e8;

    border-radius: 0 0 15px 15px;

    -webkit-border-radius: 0 0 15px 15px;

    -moz-border-radius: 0 0 15px 15px;

    border-right: 1px solid #e8e8e8;

    padding: 30px 12px 35px; }

    .blog-area .single-blog .blog-text h4 {

      color: #202226;

      font-family: "Oswald", sans-serif;

      font-weight: 500;

      margin-bottom: 7px; }

      .blog-area .single-blog .blog-text h4 aa:hover {

        color: #78a206; }

    .blog-area .single-blog .blog-text .post-meta {

      color: #9d9d9d;

      display: flex;

      justify-content: center;

      margin-bottom: 21px;

      text-transform: capitalize; }

      .blog-area .single-blog .blog-text .post-meta span.author-name span {

        color: #78a206;

        padding-right: 3px; }

    .blog-area .single-blog .blog-text p {

      margin-bottom: 29px; }

    .blog-area .single-blog .blog-text a.default-btn {

      border-color: #e1e1e1;

      color: #2c2c2c;

      line-height: 39px;

      padding: 0 30px; }

      .blog-area .single-blog .blog-text a.default-btn:hover, .blog-area .single-blog .blog-text a.default-btn:focus {

        border-color: #78a206;

        background: #78a206;

        color: #ffffff; }

  .blog-area .single-blog:hover .blog-image img {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    -ms-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05); }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-three-area {

    padding: 90px 0 73px; } }

@media only screen and (max-width: 767px) {

  .blog-three-area {

    padding: 60px 0 60px; } }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-four-area {

    padding-bottom: 0; } }

@media only screen and (max-width: 767px) {

  .blog-four-area {

    padding-bottom: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-four-area .section-title {

    margin-bottom: 15px; } }

@media only screen and (max-width: 767px) {

  .blog-four-area .section-title {

    margin-bottom: 15px; } }

.blog-four-area .blog-carousel .slick-arrow {

  left: 8px;

  margin-top: 7px;

  background: #f6f5f1; }

  @media only screen and (max-width: 767px) {

    .blog-four-area .blog-carousel .slick-arrow {

      left: 15px;

      top: 52%;

      box-shadow: none; } }

  @media only screen and (max-width: 479px) {

    .blog-four-area .blog-carousel .slick-arrow {

      top: 41%; } }

  .blog-four-area .blog-carousel .slick-arrow.slick-next {

    right: 8px;

    left: auto; }

    @media only screen and (max-width: 767px) {

      .blog-four-area .blog-carousel .slick-arrow.slick-next {

        right: 15px; } }

.blog-four-area .blog-carousel .slick-slide {

  padding: 30px 15px; }

  @media only screen and (max-width: 767px) {

    .blog-four-area .blog-carousel .slick-slide {

      padding-top: 20px; } }

  .blog-four-area .blog-carousel .slick-slide .single-blog {

    border-radius: 14px;

    -webkit-border-radius: 14px;

    -moz-border-radius: 14px; }

    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text h4 a:hover {

      color: #c5ac57; }

    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text .post-meta span.author-name span {

      color: #c5ac57; }

    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text a.default-btn {

      background: transparent; }

    .blog-four-area .blog-carousel .slick-slide .single-blog .blog-text a.default-btn:hover {

      background: #c5ac57;

      border-color: #c5ac57; }

    .blog-four-area .blog-carousel .slick-slide .single-blog:hover {

      box-shadow: 6px 8px 14px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 1px #ffffff; }



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

/*  10. Blog Details

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .post-area {

    padding: 90px 0 50px; } }

@media only screen and (max-width: 767px) {

  .post-area {

    padding: 60px 0 35px; } }

.post-area .video-thumbnail {

  margin-bottom: 32px; }

  @media only screen and (max-width: 767px) {

    .post-area .video-thumbnail {

      margin-bottom: 22px; } }

.post-area .single-post-item {

  border-bottom: 1px solid #ebebeb;

  box-shadow: inset 0 1px 0 0 #ffffff;

  margin-bottom: 60px;

  clear: both; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .post-area .single-post-item {

      margin-bottom: 50px;

      padding-bottom: 50px; } }

  @media only screen and (max-width: 767px) {

    .post-area .single-post-item {

      margin-bottom: 40px;

      padding-bottom: 40px; } }

  .post-area .single-post-item .single-post-title {

    color: #2c2c2c;

    font-size: 18px;

    font-weight: 700;

    line-height: 15px;

    margin-bottom: 15px;

    text-transform: uppercase; }

    @media only screen and (max-width: 767px) {

      .post-area .single-post-item .single-post-title {

        margin-bottom: 9px; } }

    .post-area .single-post-item .single-post-title span {

      color: #78a206;

      font-size: 8.5px;

      margin-right: 5px;

      position: relative;

      top: -7px;

      vertical-align: top; }

  .post-area .single-post-item .single-post-meta {

    display: flex;

    justify-content: center;

    margin-bottom: 31px; }

    @media only screen and (max-width: 767px) {

      .post-area .single-post-item .single-post-meta {

        margin-bottom: 15px; } }

    .post-area .single-post-item .single-post-meta span {

      color: #898888;

      display: block;

      font-size: 11.3px;

      margin: 0 14px;

      position: relative; }

      .post-area .single-post-item .single-post-meta span:first-of-type::after {

        content: "|";

        font-size: 12px;

        position: absolute;

        right: -15px; }

  .post-area .single-post-item .single-post-img {

    margin-bottom: 31px; }

    @media only screen and (max-width: 767px) {

      .post-area .single-post-item .single-post-img {

        margin-bottom: 20px; } }

    .post-area .single-post-item .single-post-img a {

      display: block; }

      .post-area .single-post-item .single-post-img a img {

        max-width: 100%; }

  .post-area .single-post-item .single-post-text {

    margin-bottom: 29px; }

    @media only screen and (max-width: 767px) {

      .post-area .single-post-item .single-post-text {

        margin-bottom: 22px; } }

  .post-area .single-post-item .post-read-link {

    display: inline-block;

    font-size: 12px;

    font-weight: 700;

    padding: 0 30px; }

    .post-area .single-post-item .post-read-link:hover, .post-area .single-post-item .post-read-link:focus {

      background: #78a206 none repeat scroll 0 0;

      border-color: #78a206;

      color: #ffffff; }

  .post-area .single-post-item .single-post-share {

    color: #898888;

    font-size: 12px;

    font-weight: 500;

    line-height: 10px;

    margin-bottom: 19px;

    padding-top: 38px;

    text-transform: uppercase; }

    @media only screen and (max-width: 767px) {

      .post-area .single-post-item .single-post-share {

        padding-top: 28px; } }

  .post-area .single-post-item .post-social-link {

    display: flex;

    justify-content: center; }

    .post-area .single-post-item .post-social-link a {

      background: #f7f7f7 none repeat scroll 0 0;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      color: #363636;

      height: 26px;

      line-height: 27px;

      margin: 0 5px;

      width: 26px; }

      .post-area .single-post-item .post-social-link a:hover {

        background: #78a206 none repeat scroll 0 0;

        color: #ffffff; }

  .post-area .single-post-item:nth-last-of-type(2) {

    border: 0 none;

    margin-bottom: 0; }

  .post-area .single-post-item .single-post-info-text p {

    line-height: 25px; }

    .post-area .single-post-item .single-post-info-text p:nth-of-type(3) {

      margin-bottom: 10px; }

    .post-area .single-post-item .single-post-info-text p.post-quote {

      -moz-border-bottom-colors: none;

      -moz-border-left-colors: none;

      -moz-border-right-colors: none;

      -moz-border-top-colors: none;

      background: #f6f6f6 none repeat scroll 0 0;

      border-color: #ebebeb #ebebeb #ebebeb #78a206;

      border-image: none;

      border-style: solid;

      border-width: 1px 1px 1px 5px;

      font-size: 14px;

      font-style: italic;

      line-height: 26px;

      margin: 40px 0 40px 40px;

      padding: 30px 45px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .post-area .single-post-item .single-post-info-text p.post-quote {

          margin: 22px 0 25px 25px; } }

      @media only screen and (max-width: 767px) {

        .post-area .single-post-item .single-post-info-text p.post-quote {

          margin: 27px 0 30px 0;

          padding: 16px 15px;

          line-height: 25px; } }

  .post-area .single-post-item .single-post-info-text > p:last-of-type {

    margin-bottom: 30px; }

  .post-area .single-post-item .single-post-tag {

    border-bottom: 1px solid #ebebeb;

    border-top: 1px solid #ebebeb;

    color: #999999;

    display: flex;

    font-size: 13px;

    margin: 0;

    padding: 5px 0 6px;

    text-align: left;

    text-transform: uppercase; }

    @media only screen and (max-width: 479px) {

      .post-area .single-post-item .single-post-tag {

        flex-flow: column; } }

    .post-area .single-post-item .single-post-tag > a {

      color: #999999; }

    .post-area .single-post-item .single-post-tag .single-post-tag-link {

      margin-left: 3px; }

.post-area .sidebar-widget .sidebar-search-box {

  border: 1px solid #ebebeb;

  height: 34px;

  position: relative; }

  .post-area .sidebar-widget .sidebar-search-box input {

    border: 0 none;

    color: #555555;

    height: 100%;

    padding: 0 40px 0 15px;

    width: 100%; }

  .post-area .sidebar-widget .sidebar-search-box button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #999999;

    cursor: pointer;

    font-size: 16px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 34px;

    border: 0; }

    .post-area .sidebar-widget .sidebar-search-box button:hover {

      color: #78a206; }

.post-area .sidebar-widget .sidebar-widget-tag {

  display: flex;

  flex-flow: row wrap;

  margin-top: -10px; }

  .post-area .sidebar-widget .sidebar-widget-tag li a {

    border: 1px solid #ebebeb;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    display: block;

    margin: 10px 8px 0 0;

    padding: 7px 18px;

    text-transform: capitalize;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -ms-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s; }

    .post-area .sidebar-widget .sidebar-widget-tag li a:hover {

      background: #78a206;

      color: #ffffff;

      border-color: #78a206; }

.post-area .sidebar-wrapper {

  border: 0;

  box-shadow: none;

  padding: 0;

  margin-bottom: 0; }

  @media only screen and (max-width: 767px) {

    .post-area .sidebar-wrapper {

      margin-top: 41px; } }

  .post-area .sidebar-wrapper .sidebar-widget {

    margin-bottom: 35px; }

    @media only screen and (max-width: 767px) {

      .post-area .sidebar-wrapper .sidebar-widget {

        margin-bottom: 25px; } }

    .post-area .sidebar-wrapper .sidebar-widget h3 {

      margin-bottom: 18px; }

      @media only screen and (max-width: 767px) {

        .post-area .sidebar-wrapper .sidebar-widget h3 {

          margin-bottom: 16px; } }

  .post-area .sidebar-wrapper .sidebar-search-widget h3 {

    line-height: 13px;

    margin-bottom: 26px; }

.post-area .pagination-wrapper {

  justify-content: center;

  margin-top: 12px;

  padding-top: 50px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .post-area .pagination-wrapper {

      margin-top: 10px;

      margin-bottom: 60px; } }

  @media only screen and (max-width: 767px) {

    .post-area .pagination-wrapper {

      margin-top: 20px;

      margin-bottom: 18px;

      padding-top: 47px; } }

.post-area.blog-area .post-comment-area {

  padding-bottom: 64px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .post-area.blog-area .post-comment-area {

      padding-top: 60px;

      padding-bottom: 34px; } }

  @media only screen and (max-width: 767px) {

    .post-area.blog-area .post-comment-area {

      padding-top: 60px;

      padding-bottom: 34px; } }

  .post-area.blog-area .post-comment-area .post-title {

    color: #2c2c2c;

    font-size: 1.4em;

    font-weight: 500;

    line-height: 12px;

    margin-bottom: 36px;

    text-transform: uppercase;

    margin-bottom: 26px; }

  .post-area.blog-area .post-comment-area .post-comment-container {

    margin-right: 15px; }

    .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment {

      border: 1px solid #ebebeb;

      margin: 0 0 20px;

      padding: 30px; }

      @media only screen and (max-width: 767px) {

        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment {

          padding: 22px 15px; } }

      .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image {

        float: left;

        margin-right: 25px; }

        @media only screen and (max-width: 767px) {

          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image {

            margin-right: 15px; } }

        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image img {

          width: 50px; }

          @media only screen and (max-width: 767px) {

            .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-image img {

              width: 38px; } }

      .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content {

        overflow: hidden;

        position: relative; }

        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info {

          line-height: 9px; }

          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info > a {

            color: #23232c;

            font-weight: 700;

            text-transform: capitalize;

            margin-bottom: 11px; }

            .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info > a:hover {

              color: #78a206; }

          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info span {

            display: block;

            font-size: 0.93em;

            font-style: italic;

            margin-bottom: 15px;

            line-height: 1.5; }

            @media only screen and (max-width: 767px) {

              .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info span {

                margin-bottom: 7px; } }

          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content .single-post-info > p {

            margin: 0;

            line-height: 24px; }

        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content button {

          background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

          border: 1px solid #2c2c2c;

          border-radius: 30px;

          -webkit-border-radius: 30px;

          -moz-border-radius: 30px;

          color: #2c2c2c;

          cursor: pointer;

          font-size: 11px;

          font-weight: 700;

          line-height: 26px;

          padding: 0 20px;

          position: absolute;

          right: 0;

          text-transform: uppercase;

          top: 0; }

          @media only screen and (max-width: 767px) {

            .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content button {

              line-height: 23px;

              padding: 0 18px; } }

          .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content button:hover {

            background: #78a206;

            color: #ffffff;

            border-color: #78a206; }

        .post-area.blog-area .post-comment-area .post-comment-container .single-post-comment .single-post-content > button {

          float: right; }

.post-area .post-comment-form .post-title {

  margin-bottom: 26px;

  margin-bottom: 13px;

  color: #2c2c2c;

  font-size: 1.4em;

  font-weight: 500;

  text-transform: uppercase; }

.post-area .post-comment-form > p {

  margin-bottom: 25px; }

.post-area .post-comment-form label {

  color: #444444;

  font-size: 12px;

  line-height: 13px;

  margin-bottom: 12px; }

.post-area .post-comment-form #post-text {

  background: #f3f3f3 none repeat scroll 0 0;

  border: 1px solid #ebebeb;

  height: 130px;

  margin-bottom: 10px;

  width: 100%;

  padding: 10px 15px;

  color: #555555; }

.post-area .post-comment-form .row {

  margin-left: -10px;

  margin-right: -10px; }

  .post-area .post-comment-form .row .col-lg-4 {

    padding-left: 10px;

    padding-right: 10px; }

.post-area .post-comment-form button {

  margin-top: 35px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .post-area .post-comment-form button {

      margin-bottom: 60px; } }

  @media only screen and (max-width: 767px) {

    .post-area .post-comment-form button {

      margin-bottom: 19px;

      margin-top: 20px; } }

.post-area .post-comment-form input {

  background: #f3f3f3 none repeat scroll 0 0;

  border: 0 none;

  height: 50px;

  width: 100%;

  padding: 0 15px; }

  @media only screen and (max-width: 767px) {

    .post-area .post-comment-form input {

      margin-bottom: 10px; } }

.post-area input:focus, .post-area textarea:focus, .post-area button:focus {

  box-shadow: none; }



.blog-area.post-area .single-blog {

  margin-bottom: 50px; }

  .blog-area.post-area .single-blog .blog-image a img {

    width: 100%; }

.blog-area.post-area .single-post-img img {

  width: 100%; }



.post-details .single-post-item {

  border: 0 none;

  margin: 0;

  padding: 0; }



@media only screen and (max-width: 767px) {

  .blog-column.post-area .single-blog, .blog-column-3.post-area .single-blog {

    margin-bottom: 40px; } }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-column-3.post-area {

    padding: 90px 0 15px; } }

@media only screen and (max-width: 767px) {

  .blog-column-3.post-area {

    padding: 60px 0 40px; } }



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

/*  11. Newsletter

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

.newsletter-container h2 {

  color: #202226;

  font-family: "Oswald", sans-serif;

  font-size: 24px;

  line-height: 25px;

  margin-bottom: 17px;

  padding-top: 2px; }

.newsletter-container .newsletter-form form .mc-form {

  background: #e9e8e2 none repeat scroll 0 0;

  border: 1px solid #e1e1e1;

  border-radius: 35px;

  -webkit-border-radius: 35px;

  -moz-border-radius: 35px;

  box-shadow: 0 1px 0 0 #ffffff;

  height: 50px;

  margin: 43px auto auto;

  max-width: 600px;

  position: relative; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .newsletter-container .newsletter-form form .mc-form {

      margin: 33px auto auto; } }

  @media only screen and (max-width: 767px) {

    .newsletter-container .newsletter-form form .mc-form {

      margin: 26px auto auto;

      width: 100%; } }

  @media only screen and (max-width: 479px) {

    .newsletter-container .newsletter-form form .mc-form {

      height: 44px;

      margin: 20px auto auto;

      width: 100%; } }

  .newsletter-container .newsletter-form form .mc-form input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #7b7b7b;

    height: 100%;

    padding: 15px 135px 15px 25px;

    width: 100%; }

    @media only screen and (max-width: 479px) {

      .newsletter-container .newsletter-form form .mc-form input {

        padding: 8px 105px 8px 16px; } }

  .newsletter-container .newsletter-form form .mc-form input::-moz-placeholder {

    color: #7b7b7b; }

  .newsletter-container .newsletter-form form .mc-form .mc-news {

    left: -5000px;

    position: absolute; }

  .newsletter-container .newsletter-form form .mc-form .default-btn {

    background: #78a206;

    border-color: #78a206;

    color: #ffffff;

    height: calc(100% + 1px);

    padding: 0 33px;

    position: absolute;

    right: -1px;

    top: -0.5px; }

    @media only screen and (max-width: 479px) {

      .newsletter-container .newsletter-form form .mc-form .default-btn {

        line-height: 42px;

        padding: 0 20px; } }

    .newsletter-container .newsletter-form form .mc-form .default-btn:hover, .newsletter-container .newsletter-form form .mc-form .default-btn:focus {

      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

      color: #78a206; }



.social-icon {

  display: flex;

  justify-content: center;

  padding-top: 50px;

  padding-bottom: 58px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .social-icon {

      padding-top: 35px;

      padding-bottom: 38px; } }

  @media only screen and (max-width: 767px) {

    .social-icon {

      padding-top: 31px;

      padding-bottom: 9px; } }

  @media only screen and (max-width: 479px) {

    .social-icon {

      padding-top: 25px; } }

  .social-icon > a {

    border: 1px solid #e1e1e1;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    box-shadow: 0 1px 0 0 #ffffff;

    color: #b6b6b6;

    font-size: 14px;

    height: 42px;

    line-height: 40px;

    margin: 0 9px;

    text-align: center;

    width: 42px; }

    .social-icon > a:hover {

      border-color: #ffffff;

      box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);

      color: #2c2c2c; }



.newsletter-syle-two .newsletter-container {

  border-top: 1px solid #e1e1e1;

  box-shadow: inset 0 1px 0 0 #fff; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .newsletter-syle-two .newsletter-container {

      padding-top: 85px; } }

  @media only screen and (max-width: 767px) {

    .newsletter-syle-two .newsletter-container {

      padding-top: 54px; } }

  .newsletter-syle-two .newsletter-container .newsletter-form form .mc-form .default-btn {

    background: #c5ac57;

    border-color: #c5ac57; }

    .newsletter-syle-two .newsletter-container .newsletter-form form .mc-form .default-btn:hover, .newsletter-syle-two .newsletter-container .newsletter-form form .mc-form .default-btn:focus {

      background: #ffffff;

      color: #c5ac57; }

.newsletter-syle-two .social-icon {

  padding-bottom: 60px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .newsletter-syle-two .social-icon {

      padding-bottom: 40px; } }

  @media only screen and (max-width: 767px) {

    .newsletter-syle-two .social-icon {

      padding-bottom: 10px; } }



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

    12. Footer

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

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .footer-area .footer-top {

    padding: 118px 0 117px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .footer-area .footer-top {

    padding: 101px 0 103px; } }

@media only screen and (max-width: 767px) {

  .footer-area .footer-top {

    background: #f6f5f1;

    padding: 55px 0 20px; } }

.footer-area .footer-top .service-area .service-container {

  border-bottom: 1px solid #ffffff;

  border-top: 1px solid #e1e1e1; }

  .footer-area .footer-top .service-area .service-container .service-content {

    border-bottom: 1px solid #e1e1e1;

    border-top: 1px solid #ffffff;

    padding: 20px 0; }

    @media only screen and (max-width: 767px) {

      .footer-area .footer-top .service-area .service-container .service-content {

        padding: 32px 0 33px; } }

    .footer-area .footer-top .service-area .service-container .service-content .single-service {

      display: flex;

      justify-content: center;

      padding: 17.5px 0 16.5px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .footer-area .footer-top .service-area .service-container .service-content .single-service {

          padding: 11px 0 10px; } }

      @media only screen and (max-width: 767px) {

        .footer-area .footer-top .service-area .service-container .service-content .single-service {

          justify-content: flex-start;

          padding: 11px 0 10px; } }

      @media only screen and (max-width: 479px) {

        .footer-area .footer-top .service-area .service-container .service-content .single-service {

          padding: 11px 0 10px; } }

      .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image {

        align-self: center;

        position: relative;

        top: -1px; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image {

            width: 67px; } }

        @media only screen and (max-width: 767px) {

          .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image {

            width: 108px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .footer-area .footer-top .service-area .service-container .service-content .single-service .service-image img {

            max-width: 100%; } }

      .footer-area .footer-top .service-area .service-container .service-content .single-service .service-text {

        margin-left: 16px;

        max-width: 225px; }

        .footer-area .footer-top .service-area .service-container .service-content .single-service .service-text h3 {

          color: #202226;

          font-family: "Oswald", sans-serif;

          font-size: 18px;

          font-weight: 500;

          line-height: 1.35;

          margin-bottom: 7px;

          text-transform: capitalize; }

    .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2) {

      position: relative; }

    .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::before, .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::after {

      background: rgba(0, 0, 0, 0) url("../img/icon/line_right.png") no-repeat scroll right center;

      content: "";

      height: 100%;

      left: 0;

      position: absolute;

      top: 0;

      width: 2px; }

      @media only screen and (max-width: 767px) {

        .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::before, .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::after {

          display: none; } }

    .footer-area .footer-top .service-area .service-container .service-content .col-lg-4:nth-of-type(2)::after {

      left: auto;

      right: 0; }

@media only screen and (max-width: 767px) {

  .footer-area .footer-top .footer-widget-area {

    padding-top: 60px; } }

.footer-area .footer-top .footer-widget-area .single-footer-widget {

  padding-top: 108px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-area .footer-top .footer-widget-area .single-footer-widget {

      padding-top: 90px; } }

  @media only screen and (max-width: 767px) {

    .footer-area .footer-top .footer-widget-area .single-footer-widget {

      margin-bottom: 25px;

      padding-top: 0; } }

  .footer-area .footer-top .footer-widget-area .single-footer-widget h3 {

    color: #202226;

    font-family: "Oswald", sans-serif;

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 32px;

    text-transform: capitalize; }

    @media only screen and (max-width: 767px) {

      .footer-area .footer-top .footer-widget-area .single-footer-widget h3 {

        margin-bottom: 12px; } }

  .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-logo {

    margin-bottom: 30px; }

  .footer-area .footer-top .footer-widget-area .single-footer-widget p {

    letter-spacing: 0.025em;

    line-height: 28px;

    margin-bottom: 1px; }

  .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text {

    align-self: center; }

    .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text span {

      display: block;

      letter-spacing: 0.025em;

      line-height: 28px;

      margin-bottom: 6px; }

      .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text span:last-child i {

        font-size: 14px; }

      .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-text span i {

        color: #78a206;

        font-size: 16px;

        line-height: 21px;

        margin-right: 10px;

        position: relative;

        top: 2px; }

.footer-area .footer-top .footer-widget-area .single-footer-widget .footer-widget-list li {
    margin-bottom: 4px; 
    width: 50%;
    display: inline-block;
}

.footer-area .footer-top .footer-widget-area .single-footer-widget .footer-widget-list li.right{
	float: right;
}

    .footer-area .footer-top .footer-widget-area .single-footer-widget .footer-widget-list li a:hover {

      -webkit-transform: translateX(5px);

      -ms-transform: translateX(5px);

      transform: translateX(5px); }

  .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image {

    margin-left: -5px;

    margin-right: -5px;

    overflow: hidden;

    padding-top: 2px; }

    .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img {

      float: left;

      margin-bottom: 10px;

      padding-left: 5px;

      padding-right: 5px;

      width: 25%; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img {

          width: 12.5%; } }

      .footer-area .footer-top .footer-widget-area .single-footer-widget .instagram-image .single-insta-img a img {

        max-width: 100%; }

  .footer-area .footer-top .footer-widget-area .single-footer-widget > a {

    margin-bottom: 9px; }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {

      .footer-area .footer-top .footer-widget-area .single-footer-widget > a {

        margin-bottom: 11px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .footer-area .footer-top .footer-widget-area .col-lg-4:last-of-type {

    padding-top: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .footer-area .footer-top .footer-widget-area .col-lg-4:last-of-type .single-footer-widget {

    padding-top: 0; } }

.footer-area .footer-bottom-area .footer-text-bottom {

  padding-top: 6px; }

  @media only screen and (max-width: 767px) {

    .footer-area .footer-bottom-area .footer-text-bottom {

      padding: 13px 0 18px;

      width: 100%;

      text-align: center; } }

  .footer-area .footer-bottom-area .footer-text-bottom p {

    color: #818181;

    line-height: 15px; }

    .footer-area .footer-bottom-area .footer-text-bottom p a {

      color: #78a206; }

      .footer-area .footer-bottom-area .footer-text-bottom p a:hover {

        color: #222222; }

@media only screen and (max-width: 767px) {

  .footer-area .footer-bottom-area .payment-img {

    justify-content: flex-start !important; } }

@media only screen and (max-width: 479px) {

  .footer-area .footer-bottom-area .payment-img img {

    max-width: 100%; } }



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .footer-style-two .footer-top {

    padding: 0px 0 95px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .footer-style-two .footer-top {

    padding: 60px 0 80px; } }

@media only screen and (max-width: 767px) {

  .footer-style-two .footer-top {

    padding-top: 30px; } }

.footer-style-two .footer-top .footer-widget-area .single-footer-widget {

  padding-top: 110px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-style-two .footer-top .footer-widget-area .single-footer-widget {

      padding-top: 90px; } }

  @media only screen and (max-width: 767px) {

    .footer-style-two .footer-top .footer-widget-area .single-footer-widget {

      padding-top: 0px; } }

  .footer-style-two .footer-top .footer-widget-area .single-footer-widget .footer-text span i {

    color: #c5ac57; }

  .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {

    margin-bottom: 6px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {

        margin-bottom: 10px; } }

    @media only screen and (max-width: 767px) {

      .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {

        margin-bottom: 11px; } }

.footer-style-two .footer-top .footer-widget-area a:hover, .footer-style-two .footer-top .footer-widget-area a:active, .footer-style-two .footer-top .footer-widget-area a:focus {

  color: #c5ac57; }

.footer-style-two .footer-bottom-area {

  border-top: 1px solid #e1e1e1;

  box-shadow: inset 0 1px 0 0 #fff; }

  @media only screen and (max-width: 767px) {

    .footer-style-two .footer-bottom-area {

      padding-top: 15px; } }

  .footer-style-two .footer-bottom-area .footer-text-bottom p {

    color: #818181;

    line-height: 15px; }

    .footer-style-two .footer-bottom-area .footer-text-bottom p a {

      color: #c5ac57; }

      .footer-style-two .footer-bottom-area .footer-text-bottom p a:hover {

        color: #222222; }



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

/*  13. Shop

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .shop-area {

    padding: 90px 0 68px;

    margin-bottom: 72px; } }

@media only screen and (max-width: 767px) {

  .shop-area {

    padding: 60px 0 40px;

    margin-bottom: 60px; } }

.shop-area .ht-product-tab {

  padding: 7px 15px;

  border: 1px solid #e1e1e1;

  box-shadow: inset 0 0 0 1px #ffffff;

  display: flex;

  justify-content: space-between;

  margin-bottom: 20px; }

  @media only screen and (max-width: 767px) {

    .shop-area .ht-product-tab {

      flex-flow: column; } }

  .shop-area .ht-product-tab .ht-tab-content {

    display: flex;

    padding: 10px 6px; }

    @media only screen and (max-width: 767px) {

      .shop-area .ht-product-tab .ht-tab-content {

        justify-content: center;

        padding: 10px 0; } }

    .shop-area .ht-product-tab .ht-tab-content .nav a {

      color: #bdbdbd;

      font-size: 19px;

      margin-right: 14px; }

      .shop-area .ht-product-tab .ht-tab-content .nav a.active {

        color: #79A207; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .shop-area .ht-product-tab .ht-tab-content .nav a {

          margin-right: 9px; } }

      .shop-area .ht-product-tab .ht-tab-content .nav a:hover {

        color: #78a206; }

    .shop-area .ht-product-tab .ht-tab-content .shop-items {

      margin-left: 10px; }

      .shop-area .ht-product-tab .ht-tab-content .shop-items span {

        color: #696969; }

  .shop-area .ht-product-tab .shop-results-wrapper {

    display: flex;

    padding: 5px 0; }

    @media only screen and (max-width: 767px) {

      .shop-area .ht-product-tab .shop-results-wrapper {

        padding: 5px 0 10px;

        justify-content: center; } }

    .shop-area .ht-product-tab .shop-results-wrapper .shop-results {

      display: flex;

      margin-left: 31px; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .shop-area .ht-product-tab .shop-results-wrapper .shop-results {

          margin-left: 10px; } }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .shop-area .ht-product-tab .shop-results-wrapper .shop-results {

          margin-left: 18px; } }

      @media only screen and (max-width: 767px) {

        .shop-area .ht-product-tab .shop-results-wrapper .shop-results {

          margin-left: 12px; } }

      .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {

        color: #3e3e3e;

        display: block;

        line-height: 34px;

        margin-right: 19px; }

        @media only screen and (min-width: 992px) and (max-width: 1200px) {

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {

            margin-right: 7px; } }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {

            margin-right: 10px; } }

        @media only screen and (max-width: 767px) {

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {

            margin-right: 5px; } }

      .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select {

        border-radius: 30px;

        -webkit-border-radius: 30px;

        -moz-border-radius: 30px;

        position: relative; }

        .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select:after {

          position: absolute;

          right: 1px;

          top: 1px;

          content: "\f107";

          font-family: 'FontAwesome';

          color: #999999;

          width: 24px;

          text-align: center;

          border-radius: 0 30px 30px 0;

          height: 33px;

          line-height: 32px; }

        .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select {

          border-radius: 30px;

          -webkit-border-radius: 30px;

          -moz-border-radius: 30px;

          border: 1px solid #e1e1e1;

          background: #f6f5f1;

          color: #777777;

          height: 35px;

          padding: 0 10px;

          background: transparent;

          -moz-appearance: none;

          -webkit-appearance: none;

          cursor: pointer;

          z-index: 1;

          position: relative;

          width: 133px; }

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select ::-moz-placeholder {

            color: #777777; }

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select:focus {

            box-shadow: none; }

          @media only screen and (max-width: 767px) {

            .shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select select {

              width: 106px; } }

      .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child select {

        width: 95px; }

        @media only screen and (min-width: 992px) and (max-width: 1200px) {

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child select {

            width: 70px; } }

        @media only screen and (max-width: 767px) {

          .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child select {

            width: 50px; } }

      @media only screen and (max-width: 767px) {

        .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child {

          margin-left: 0; } }

.shop-area .ht-product-shop .tab-pane .custom-row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap; }

  .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {

    position: relative;

    width: 100%;

    min-height: 1px;

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%; }

    @media only screen and (min-width: 992px) and (max-width: 1100px) {

      .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {

        flex: 0 0 50%;

        max-width: 50%;

        -ms-flex: 0 0 50%; } }

    @media only screen and (max-width: 767px) {

      .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {

        flex: 0 0 50%;

        max-width: 50%;

        -ms-flex: 0 0 50%; } }

    @media only screen and (max-width: 479px) {

      .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {

        flex: 100%;

        max-width: 100%;

        -ms-flex: 100%; } }

    .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item {

      margin: 15px 0; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item .product-hover .p-cart-btn {

          bottom: -30%; } }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {

          bottom: -36%; } }

      @media only screen and (max-width: 767px) {

        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {

          bottom: -55%; } }

      @media only screen and (max-width: 479px) {

        .shop-area .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {

          bottom: -37%; } }

.shop-area .ht-product-shop .tab-pane#list .single-product-item {

  padding: 29px 30px 31px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .shop-area .ht-product-shop .tab-pane#list .single-product-item {

      padding: 23px 25px 25px; } }

  @media only screen and (max-width: 767px) {

    .shop-area .ht-product-shop .tab-pane#list .single-product-item {

      padding: 0 0 25px;

      margin-bottom: 30px; } }

  .shop-area .ht-product-shop .tab-pane#list .single-product-item:first-child {

    margin-top: 34px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .shop-area .ht-product-shop .tab-pane#list .single-product-item:last-child {

      margin-bottom: 50px; } }

  @media only screen and (max-width: 767px) {

    .shop-area .ht-product-shop .tab-pane#list .single-product-item:last-child {

      margin-bottom: 60px; } }

  .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-image {

    position: relative;

    width: 42%;

    float: left;

    width: 33.33333333%; }

    @media only screen and (max-width: 767px) {

      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-image {

        width: 100%; } }

  .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {

    width: 66.66666667%;

    float: left;

    padding-left: 30px; }

    @media only screen and (min-width: 992px) and (max-width: 1200px) {

      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {

        padding-left: 8px; } }

    @media only screen and (max-width: 767px) {

      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {

        width: 100%;

        padding: 0 18px; } }

    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text h5 {

      margin-bottom: 20px; }

      @media only screen and (min-width: 992px) and (max-width: 1200px) {

        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text h5 {

          margin-bottom: 10px; } }

      @media only screen and (max-width: 767px) {

        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text h5 {

          margin-bottom: 10px; } }

    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .pro-price {

      justify-content: flex-start;

      padding-top: 17px; }

      @media only screen and (max-width: 767px) {

        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .pro-price {

          padding-top: 7px; } }

    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text p {

      border-top: 1px solid #e1e1e1;

      box-shadow: inset 0 1px 0 0 #ffffff;

      padding: 16px 0 17px;

      margin-top: 25px; }

      @media only screen and (max-width: 767px) {

        .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text p {

          border: 0;

          margin-top: 0;

          box-shadow: none;

          padding: 12px 0 6px; } }

    .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .p-cart-btn {

      border-color: #78a206;

      background: #78a206;

      color: #ffffff;

      padding: 0 25px;

      line-height: 37px; }

      .shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text .p-cart-btn:hover {

        background: #211e1e;

        border-color: #211e1e; }

  .shop-area .ht-product-shop .tab-pane#list .single-product-item:hover .product-text .pro-price {

    opacity: 1; }

.shop-area .pagination-wrapper {

  margin-top: 45px;

  padding-top: 48px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .shop-area .pagination-wrapper {

      margin-bottom: 50px; } }

  @media only screen and (max-width: 767px) {

    .shop-area .pagination-wrapper {

      padding-top: 36px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .shop-area.shop-full-width {

    padding: 90px 0 30px;

    margin-bottom: 70px; } }

@media only screen and (max-width: 767px) {

  .shop-area.shop-full-width {

    padding: 60px 0 60px; } }

.shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%; }

  @media only screen and (min-width: 992px) and (max-width: 1100px) {

    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {

      -ms-flex: 0 0 33.333333%;

      flex: 0 0 33.333333%;

      max-width: 33.333333%; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {

      -ms-flex: 0 0 33.333333%;

      flex: 0 0 33.333333%;

      max-width: 33.333333%; } }

  @media only screen and (max-width: 767px) {

    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%; } }

  @media only screen and (max-width: 479px) {

    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%; } }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {

      bottom: -40%; } }

  @media only screen and (min-width: 992px) and (max-width: 1100px) {

    .shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col .single-product-item:hover .product-hover .p-cart-btn {

      bottom: -39%; } }



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

  Cart Page & Wishlist

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .cart-area, .wishlist-area {

    padding: 90px 0 70px; } }

@media only screen and (max-width: 767px) {

  .cart-area, .wishlist-area {

    padding: 60px 0 60px; } }

.cart-area .table-responsive, .wishlist-area .table-responsive {

  border: 1px solid rgba(0, 0, 0, 0.1); }

  .cart-area .table-responsive .table.product-table, .wishlist-area .table-responsive .table.product-table {

    margin: 0; }

    .cart-area .table-responsive .table.product-table thead tr .table-remove, .wishlist-area .table-responsive .table.product-table thead tr .table-remove {

      width: 91px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .cart-area .table-responsive .table.product-table thead tr .table-remove, .wishlist-area .table-responsive .table.product-table thead tr .table-remove {

          width: 50px; } }

    .cart-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table thead tr .table-image {

      width: 213px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .cart-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table thead tr .table-image {

          width: 130px; } }

    .cart-area .table-responsive .table.product-table thead tr .table-total, .wishlist-area .table-responsive .table.product-table thead tr .table-total {

      width: 200px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .cart-area .table-responsive .table.product-table thead tr .table-total, .wishlist-area .table-responsive .table.product-table thead tr .table-total {

          width: 90px; } }

    .cart-area .table-responsive .table.product-table thead th:last-of-type, .wishlist-area .table-responsive .table.product-table thead th:last-of-type {

      border-right: 0 none; }

    .cart-area .table-responsive .table.product-table tbody tr, .wishlist-area .table-responsive .table.product-table tbody tr {

      border-top: 1px solid #ebebeb; }

      .cart-area .table-responsive .table.product-table tbody tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {

        width: 91px; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .cart-area .table-responsive .table.product-table tbody tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {

            width: 50px; } }

        .cart-area .table-responsive .table.product-table tbody tr .table-remove button, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove button {

          background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

          color: #211e1e;

          cursor: pointer;

          font-size: 16px;

          margin-bottom: 9px;

          border: 0; }

          .cart-area .table-responsive .table.product-table tbody tr .table-remove button:hover, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove button:hover {

            color: #78a206; }

      .cart-area .table-responsive .table.product-table tbody tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {

        width: 213px; }

        @media only screen and (min-width: 768px) and (max-width: 991px) {

          .cart-area .table-responsive .table.product-table tbody tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {

            width: 130px; } }

        .cart-area .table-responsive .table.product-table tbody tr .table-image a, .wishlist-area .table-responsive .table.product-table tbody tr .table-image a {

          display: inline-block; }

          .cart-area .table-responsive .table.product-table tbody tr .table-image a img, .wishlist-area .table-responsive .table.product-table tbody tr .table-image a img {

            width: 75px; }

      .cart-area .table-responsive .table.product-table tbody tr .table-p-name, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name {

        text-transform: capitalize; }

        .cart-area .table-responsive .table.product-table tbody tr .table-p-name a, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name a {

          color: #211e1e;

          font-size: 14px;

          font-weight: 500; }

          .cart-area .table-responsive .table.product-table tbody tr .table-p-name a:hover, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name a:hover {

            color: #78a206; }

      .cart-area .table-responsive .table.product-table tbody tr .table-p-price p, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-price p {

        color: #211e1e;

        font-size: 14px;

        font-weight: 700; }

        .cart-area .table-responsive .table.product-table tbody tr .table-p-price p span.line-through, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-price p span.line-through {

          text-decoration: line-through;

          margin-right: 5px; }

      .cart-area .table-responsive .table.product-table tbody tr .table-p-qty input, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-qty input {

        border: 2px solid #ebebeb;

        color: #211e1e;

        font-size: 15px;

        height: 55px;

        padding: 0 0 0 7px;

        text-align: center;

        width: 52px; }

      .cart-area .table-responsive .table.product-table tbody tr .table-stock, .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {

        color: #78a206;

        font-size: 14px;

        font-weight: 500;

        text-transform: capitalize;

        width: 229px; }

      .cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a, .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart > a {

        background: #ffffff;

        border: 2px solid #e1e1e1;

        cursor: pointer;

        font-weight: 600;

        height: 43px;

        line-height: 39px;

        padding: 0 30px;

        color: #2c2c2c;

        border-radius: 30px;

        -webkit-border-radius: 30px;

        -moz-border-radius: 30px;

        font-size: 12px;

        font-family: "Oswald", sans-serif;

        text-transform: uppercase; }

        @media only screen and (max-width: 767px) {

          .cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a, .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart > a {

            width: 100%;

            margin-top: 15px;

            margin-left: 0; } }

        .cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a:hover, .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart > a:hover {

          background: #78a206 none repeat scroll 0 0;

          border-color: #78a206;

          color: #ffffff; }

      .cart-area .table-responsive .table.product-table tbody tr .table-total p, .wishlist-area .table-responsive .table.product-table tbody tr .table-total p {

        color: #78a206;

        font-size: 14px;

        font-weight: 700; }

      .cart-area .table-responsive .table.product-table tbody tr:hover, .wishlist-area .table-responsive .table.product-table tbody tr:hover {

        background: #f6f5f1 none repeat scroll 0 0; }

      .cart-area .table-responsive .table.product-table tbody tr td:last-of-type, .wishlist-area .table-responsive .table.product-table tbody tr td:last-of-type {

        border-right: 0 none; }

    .cart-area .table-responsive .table.product-table tbody p, .wishlist-area .table-responsive .table.product-table tbody p {

      margin: 0; }

    .cart-area .table-responsive .table.product-table thead th, .cart-area .table-responsive .table.product-table tbody td, .wishlist-area .table-responsive .table.product-table thead th, .wishlist-area .table-responsive .table.product-table tbody td {

      border-bottom: 0 none;

      border-right: 1px solid #ebebeb;

      border-top: 0 none;

      color: #211e1e;

      font-size: 15px;

      line-height: 25px;

      padding: 20px 10px;

      text-transform: uppercase;

      vertical-align: middle; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .cart-area .table-responsive .table.product-table thead th, .cart-area .table-responsive .table.product-table tbody td, .wishlist-area .table-responsive .table.product-table thead th, .wishlist-area .table-responsive .table.product-table tbody td {

          font-size: 14px; } }

      @media only screen and (max-width: 767px) {

        .cart-area .table-responsive .table.product-table thead th, .cart-area .table-responsive .table.product-table tbody td, .wishlist-area .table-responsive .table.product-table thead th, .wishlist-area .table-responsive .table.product-table tbody td {

          font-size: 14px; } }

.cart-area .table-bottom-wrapper, .wishlist-area .table-bottom-wrapper {

  border-bottom: 1px solid #ebebeb;

  border-left: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb;

  padding: 20px; }

  .cart-area .table-bottom-wrapper .table-coupon, .wishlist-area .table-bottom-wrapper .table-coupon {

    border: 1px solid #ebebeb;

    margin: 0 0 20px;

    padding: 25px; }

    @media only screen and (max-width: 767px) {

      .cart-area .table-bottom-wrapper .table-coupon, .wishlist-area .table-bottom-wrapper .table-coupon {

        padding: 20px;

        flex-flow: column; } }

    .cart-area .table-bottom-wrapper .table-coupon input, .wishlist-area .table-bottom-wrapper .table-coupon input {

      background: #f6f5f1;

      border: 1px solid #e1e1e1;

      color: #7b7b7b;

      font-size: 14px;

      height: 50px;

      line-height: 49px;

      padding: 0 20px;

      width: 300px;

      box-shadow: 0 1px 0 0 #ffffff;

      border-radius: 30px;

      -webkit-border-radius: 30px;

      -moz-border-radius: 30px; }

      @media only screen and (max-width: 767px) {

        .cart-area .table-bottom-wrapper .table-coupon input, .wishlist-area .table-bottom-wrapper .table-coupon input {

          width: 100%; } }

    .cart-area .table-bottom-wrapper .table-coupon input::-moz-placeholder, .wishlist-area .table-bottom-wrapper .table-coupon input::-moz-placeholder {

      color: #7b7b7b; }

    .cart-area .table-bottom-wrapper .table-coupon button, .wishlist-area .table-bottom-wrapper .table-coupon button {

      background: #ffffff;

      border: 2px solid #e1e1e1;

      cursor: pointer;

      font-weight: 600;

      height: 50px;

      line-height: 47px;

      margin-left: 15px;

      padding: 0 30px;

      color: #2c2c2c;

      border-radius: 30px;

      -webkit-border-radius: 30px;

      -moz-border-radius: 30px;

      font-family: "Oswald", sans-serif;

      text-transform: uppercase; }

      @media only screen and (max-width: 767px) {

        .cart-area .table-bottom-wrapper .table-coupon button, .wishlist-area .table-bottom-wrapper .table-coupon button {

          width: 100%;

          margin-top: 15px;

          margin-left: 0; } }

      .cart-area .table-bottom-wrapper .table-coupon button:hover, .wishlist-area .table-bottom-wrapper .table-coupon button:hover {

        background: #78a206 none repeat scroll 0 0;

        border-color: #78a206;

        color: #ffffff; }

  .cart-area .table-bottom-wrapper .table-update button, .wishlist-area .table-bottom-wrapper .table-update button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 2px solid #f6f5f1;

    color: #7b7b7b;

    font-size: 14px;

    font-weight: 500;

    height: 50px;

    padding: 0 30px;

    vertical-align: middle;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    font-family: "Oswald", sans-serif;

    text-transform: uppercase; }

    @media only screen and (max-width: 767px) {

      .cart-area .table-bottom-wrapper .table-update button, .wishlist-area .table-bottom-wrapper .table-update button {

        width: calc(100% - 40px);

        margin: 0 20px; } }

    .cart-area .table-bottom-wrapper .table-update button:hover, .wishlist-area .table-bottom-wrapper .table-update button:hover {

      color: #78a206;

      border-color: #78a206; }

.cart-area .table-total-wrapper, .wishlist-area .table-total-wrapper {

  font-family: "Oswald", sans-serif; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .cart-area .table-total-wrapper, .wishlist-area .table-total-wrapper {

      padding-top: 40px; } }

  @media only screen and (max-width: 767px) {

    .cart-area .table-total-wrapper, .wishlist-area .table-total-wrapper {

      padding-top: 30px; } }

  .cart-area .table-total-wrapper .table-total-content, .wishlist-area .table-total-wrapper .table-total-content {

    border: 1px solid #ebebeb;

    padding: 30px;

    width: 48%; }

    @media only screen and (max-width: 767px) {

      .cart-area .table-total-wrapper .table-total-content, .wishlist-area .table-total-wrapper .table-total-content {

        width: 100%; } }

    .cart-area .table-total-wrapper .table-total-content h2, .wishlist-area .table-total-wrapper .table-total-content h2 {

      color: #2c2c2c;

      font-size: 20px;

      font-weight: 700;

      line-height: 26px;

      margin-bottom: 22px;

      text-align: right;

      text-transform: uppercase; }

    .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content {

      margin-bottom: 13px;

      font-size: 15px; }

      @media only screen and (max-width: 767px) {

        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content {

          margin-bottom: 6px; } }

      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > span:first-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > span:first-of-type {

        color: #211e1e;

        display: block;

        font-weight: 700;

        text-transform: uppercase; }

      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price {

        color: #78a206;

        font-weight: 700; }

        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price span, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price span {

          color: #211e1e;

          font-weight: 500; }

      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a {

        color: #a43d21;

        font-weight: 500; }

        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a:hover, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content > a:hover {

          color: #78a206; }

      .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type {

        margin-top: 26px; }

        @media only screen and (max-width: 767px) {

          .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type {

            margin-top: 16px; } }

        .cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type span, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content:last-of-type span {

          font-size: 20px; }

    .cart-area .table-total-wrapper .table-total-content .table-total-amount > a, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount > a {

      border: 2px solid #f6f5f1;

      background: #ffffff;

      color: #211e1e;

      display: block;

      font-size: 18px;

      font-weight: 600;

      line-height: 51px;

      margin-top: 45px;

      text-align: center;

      width: 100%;

      border-radius: 30px;

      -webkit-border-radius: 30px;

      -moz-border-radius: 30px;

      font-family: "Oswald", sans-serif;

      text-transform: uppercase; }

      @media only screen and (max-width: 767px) {

        .cart-area .table-total-wrapper .table-total-content .table-total-amount > a, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount > a {

          margin-top: 25px; } }

      .cart-area .table-total-wrapper .table-total-content .table-total-amount > a:hover, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount > a:hover {

        background: #78a206 none repeat scroll 0 0;

        border-color: #78a206;

        color: #ffffff; }

.cart-area input:focus, .cart-area button:focus, .wishlist-area input:focus, .wishlist-area button:focus {

  box-shadow: none; }



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {

    width: 145px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {

    width: 125px; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .wishlist-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {

    width: 90px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wishlist-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {

    width: 90px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wishlist-area .table-responsive .table.product-table thead tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {

    width: 40px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart {

    width: 130px; } }

@media only screen and (max-width: 767px) {

  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart {

    width: 130px;

    display: block; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart a {

    padding: 0 20px; } }

@media only screen and (max-width: 767px) {

  .wishlist-area .table-responsive .table.product-table tbody tr .table-add-cart a {

    padding: 0 20px; } }



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

    Checkout

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .coupon-area {

    padding-top: 90px; } }

@media only screen and (max-width: 767px) {

  .coupon-area {

    padding-top: 60px; } }

.coupon-area .coupon-accordion h3 {

  background-color: #F6F5F3;

  border-top: 3px solid #78a206;

  color: #404040;

  font-size: 12px;

  font-weight: 300;

  list-style: outside none none;

  margin: 0 0 2em;

  padding: 1.4em 2em 1.5em 3.5em;

  position: relative; }

  @media only screen and (max-width: 767px) {

    .coupon-area .coupon-accordion h3 {

      padding: 10px 9px 12px 9px;

      margin-bottom: 15px; } }

.coupon-area .coupon-accordion span {

  color: #a43d21;

  cursor: pointer; }

  .coupon-area .coupon-accordion span:hover {

    color: #78a206; }

.coupon-area .coupon-accordion .coupon-content {

  border: 1px solid #ebebeb;

  display: none;

  margin-bottom: 20px;

  padding: 19px 20px; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info p {

    margin: 0; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info .coupon-text {

    margin-bottom: 15px; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form input:focus {

    border: 1px solid #ffffff;

    box-shadow: none;

    outline: 0 none; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-first {

    color: #7b7b7b;

    display: block;

    font-size: 12px;

    line-height: 15px;

    padding-bottom: 2px; }

    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-first label {

      display: block;

      color: #363636; }

    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-first input {

      background: #f3f3f3 none repeat scroll 0 0;

      border: 1px solid #ebebeb;

      height: 36px;

      margin: 0 0 18px;

      max-width: 100%;

      outline: 0 none;

      padding: 0 0 0 10px;

      width: 370px;

      display: block;

      color: #555555; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-last {

    color: #707070;

    display: block;

    font-size: 12px;

    line-height: 15px;

    padding-bottom: 2px;

    margin-bottom: 5px; }

    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-last label {

      display: block;

      color: #363636; }

    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row-last input {

      background: #f3f3f3 none repeat scroll 0 0;

      border: 1px solid #ebebeb;

      height: 36px;

      margin: 0 0 18px;

      max-width: 100%;

      outline: 0 none;

      padding: 0 0 0 10px;

      width: 370px;

      margin-bottom: 14px;

      display: block;

      color: #555555; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row > input {

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;

    padding: 0 30px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: auto;

    font-family: "Oswald", sans-serif;

    text-transform: uppercase;

    padding: 0 37px;

    line-height: 40px;

    height: 42px;

    border: 2px solid #e1e1e1;

    color: #2c2c2c;

    background: transparent;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border: 2px solid #2c2c2c; }

    .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row > input:hover {

      background: #78a206 none repeat scroll 0 0;

      border-color: #78a206;

      color: #ffffff; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row input[type="checkbox"] {

    height: 15px;

    margin-left: 19px;

    position: relative;

    top: 2px;

    width: auto; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form .form-row > label {

    font-size: 12px;

    margin-top: 9px; }

  .coupon-area .coupon-accordion .coupon-content .coupon-info form .lost-password {

    margin-top: 11px; }

    .coupon-area .coupon-accordion .coupon-content .coupon-info form .lost-password a {

      color: #a43d21; }

      .coupon-area .coupon-accordion .coupon-content .coupon-info form .lost-password a:hover {

        color: #78a206; }

.coupon-area .coupon-accordion .coupon-checkout-content {

  display: none; }

  .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="text"] {

    background: #f3f3f3 none repeat scroll 0 0;

    border: 0 none;

    height: 50px;

    padding-left: 16px;

    width: 243px;

    color: #555555; }

    @media only screen and (max-width: 767px) {

      .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="text"] {

        width: 100%; } }

  .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="submit"] {

    line-height: 44px;

    margin-left: 20px; }

    @media only screen and (max-width: 767px) {

      .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon input[type="submit"] {

        width: 100%;

        margin-left: 0;

        margin-top: 15px; } }

  .coupon-area .coupon-accordion .coupon-checkout-content .coupon-info form .checkout-coupon:last-child {

    margin-bottom: 14px; }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .checkout-area {

    padding-bottom: 73px; } }

@media only screen and (max-width: 767px) {

  .checkout-area {

    padding-bottom: 60px; } }

.checkout-area form .checkbox-form {

  padding-top: 4px; }

  .checkout-area form .checkbox-form h3 {

    border-bottom: 1px solid #ebebeb;

    color: #2c2c2c;

    display: flex;

    font-size: 20px;

    margin: 0 0 20px;

    padding-bottom: 12px;

    padding-left: 3px;

    width: 100%;

    font-weight: 600;

    font-family: "Oswald", sans-serif; }

  .checkout-area form .checkbox-form .country-select {

    margin-bottom: 22px;

    position: relative; }

    .checkout-area form .checkbox-form .country-select select {

      background: #f3f3f3 none repeat scroll 0 0;

      border: 0 none;

      font-size: 12px;

      height: 42px;

      outline: medium none;

      padding-left: 10px;

      width: 100%;

      cursor: pointer;

      color: #555555; }

    .checkout-area form .checkbox-form .country-select label {

      color: #363636; }

  .checkout-area form .checkbox-form .checkout-form-list {

    margin-bottom: 20px; }

    .checkout-area form .checkbox-form .checkout-form-list label {

      color: #363636;

      display: block;

      font-size: 12px;

      margin: 0 0 5px; }

    .checkout-area form .checkbox-form .checkout-form-list input[type="checkbox"] {

      display: inline-block;

      height: 10px;

      margin-right: 5px;

      position: relative;

      top: 5px;

      width: auto;

      float: left; }

    .checkout-area form .checkbox-form .checkout-form-list input[type="text"], .checkout-area form .checkbox-form .checkout-form-list input[type="password"], .checkout-area form .checkbox-form .checkout-form-list input[type="email"] {

      background: #f3f3f3 none repeat scroll 0 0;

      border: 0 none;

      border-radius: 0px;

      -webkit-border-radius: 0px;

      -moz-border-radius: 0px;

      color: #555555;

      font-size: 12px;

      font-weight: 300;

      height: 42px;

      outline: medium none;

      padding: 0 0 0 10px;

      width: 100%; }

    .checkout-area form .checkbox-form .checkout-form-list .create-acc label {

      cursor: inherit; }

    .checkout-area form .checkbox-form .checkout-form-list .create-acc #cbox_info > p {

      font-size: 12px;

      font-weight: 300; }

    .checkout-area form .checkbox-form .checkout-form-list .create-acc #cbox_info > > label {

      color: #f70000; }

  .checkout-area form .checkbox-form .different-address .ship-different-title h3 label {

    color: #2c2c2c;

    font-size: 21px;

    font-weight: 700;

    margin-right: 20px;

    cursor: pointer; }

  .checkout-area form .checkbox-form .different-address .ship-different-title input {

    width: auto;

    height: 30px;

    margin-right: 10px; }

  .checkout-area form .checkbox-form .different-address #ship-box-info {

    display: none; }

  .checkout-area form .checkbox-form .different-address .order-notes .checkout-form-list {

    margin-bottom: 0; }

    .checkout-area form .checkbox-form .different-address .order-notes .checkout-form-list #checkout-mess {

      background: #f3f3f3 none repeat scroll 0 0;

      border: 0 none;

      height: 90px;

      padding: 15px;

      width: 100%;

      color: #777777; }

.checkout-area form .your-order {

  background: #fbfbfb none repeat scroll 0 0;

  padding: 30px 40px 45px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .checkout-area form .your-order {

      margin-top: 50px;

      padding: 40px 40px 45px; } }

  @media only screen and (max-width: 767px) {

    .checkout-area form .your-order {

      margin-top: 30px;

      padding: 30px 15px 35px; } }

  .checkout-area form .your-order h3 {

    border-bottom: 1px solid #dedede;

    color: #2c2c2c;

    font-size: 24px;

    line-height: 30px;

    margin: 0 0 20px;

    padding-bottom: 11px;

    text-transform: uppercase;

    font-family: "Oswald", sans-serif;

    font-weight: 600; }

  .checkout-area form .your-order .your-order-table table {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    width: 100%; }

    .checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {

      border-bottom: 1px solid #dedede;

      border-right: medium none;

      color: #211e1e;

      font-size: 14px;

      font-weight: 500;

      padding: 15px 0;

      text-align: center; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {

          text-align: left; } }

      @media only screen and (max-width: 767px) {

        .checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {

          text-align: left; } }

    .checkout-area form .your-order .your-order-table table th {

      border-top: medium none;

      font-weight: 700;

      text-transform: uppercase;

      vertical-align: middle;

      white-space: nowrap;

      width: 291px; }

    .checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {

      width: 410px; }

      @media only screen and (min-width: 768px) and (max-width: 991px) {

        .checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {

          text-align: left;

          width: 78%; } }

      @media only screen and (max-width: 767px) {

        .checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {

          text-align: left;

          width: 78%; } }

    .checkout-area form .your-order .your-order-table table tfoot .cart-subtotal > td {

      font-weight: 700; }

    .checkout-area form .your-order .your-order-table table tfoot .shipping td ul li input {

      position: relative;

      top: 2px; }

    .checkout-area form .your-order .your-order-table table tfoot .shipping td ul li:first-child label {

      font-weight: 700; }

    .checkout-area form .your-order .your-order-table table tfoot .shipping input {

      height: 12px;

      width: auto; }

    .checkout-area form .your-order .your-order-table table tfoot .order-total th {

      font-size: 20px;

      border: 0; }

    .checkout-area form .your-order .your-order-table table tfoot .order-total td {

      font-size: 20px;

      color: #f70000;

      border: 0; }

  .checkout-area form .your-order .payment-method {

    padding-top: 22px; }

    @media only screen and (max-width: 767px) {

      .checkout-area form .your-order .payment-method {

        padding-top: 15px; } }

    .checkout-area form .your-order .payment-method h4 {

      display: flex;

      margin-bottom: 2px; }

    .checkout-area form .your-order .payment-method > h4 {

      color: #707070;

      font-size: 12px;

      font-weight: 400; }

    .checkout-area form .your-order .payment-method a {

      color: #707070;

      cursor: pointer;

      font-size: 14px;

      font-weight: 500; }

      .checkout-area form .your-order .payment-method a:hover {

        color: #78a206; }

      .checkout-area form .your-order .payment-method a img {

        margin-left: 9px;

        max-height: 52px; }

        @media only screen and (max-width: 767px) {

          .checkout-area form .your-order .payment-method a img {

            max-height: 45px; } }

    .checkout-area form .your-order .payment-method .panel-group .panel {

      margin-bottom: 13px; }

      .checkout-area form .your-order .payment-method .panel-group .panel .panel-body {

        background: #dfdcde none repeat scroll 0 0;

        border-radius: 2px;

        -webkit-border-radius: 2px;

        -moz-border-radius: 2px;

        color: #515151;

        margin-top: 10px;

        padding: 12px;

        position: relative; }

        .checkout-area form .your-order .payment-method .panel-group .panel .panel-body p {

          line-height: 18px;

          margin: 0; }

        .checkout-area form .your-order .payment-method .panel-group .panel .panel-body:after {

          background: #dfdcde none repeat scroll 0 0;

          content: "";

          height: 15px;

          left: 29px;

          position: absolute;

          top: -6px;

          -webkit-transform: rotate(45deg);

          -ms-transform: rotate(45deg);

          transform: rotate(45deg);

          width: 15px; }

    .checkout-area form .your-order .payment-method .order-button-payment input {

      cursor: pointer;

      width: 100%;

      font-size: 17px;

      letter-spacing: .5px;

      margin-top: 20px;

      background: #78a206;

      color: #ffffff;

      border-color: #78a206; }

      @media only screen and (max-width: 767px) {

        .checkout-area form .your-order .payment-method .order-button-payment input {

          margin-top: 13px; } }

      .checkout-area form .your-order .payment-method .order-button-payment input:hover {

        background: transparent;

        color: #78a206; }



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

/*  14. Product Details

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

.product-detials-area {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  position: relative;

  z-index: 1; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-detials-area {

      padding: 90px 0 0px; } }

  @media only screen and (max-width: 767px) {

    .product-detials-area {

      padding: 60px 0 0px; } }

  .product-detials-area .product-image-slider {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%; }

    .product-detials-area .product-image-slider .tab-content {

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

      width: 100%; }

      .product-detials-area .product-image-slider .tab-content .tab-pane {

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        display: block;

        height: 0;

        max-width: 100%;

        visibility: hidden;

        overflow: hidden;

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

        .product-detials-area .product-image-slider .tab-content .tab-pane.active {

          height: auto;

          visibility: visible;

          opacity: 1;

          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

          overflow: visible; }

        .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img {

          box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

          padding: 1px;

          border-radius: 20px;

          -webkit-border-radius: 20px;

          -moz-border-radius: 20px;

          border: 1px solid #e7e7e7;

          position: relative; }

          .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img a {

            display: block;

            border-radius: 20px;

            -webkit-border-radius: 20px;

            -moz-border-radius: 20px;

            background: transparent; }

            .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img a img {

              border-radius: 20px;

              -webkit-border-radius: 20px;

              -moz-border-radius: 20px; }

          .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img .easyzoom-flyout {

            width: 85%;

            height: 85%;

            top: 0;

            right: -87.5%;

            border: 4px solid #78a206; }

            @media only screen and (max-width: 767px) {

              .product-detials-area .product-image-slider .tab-content .tab-pane .single-product-img .easyzoom-flyout {

                display: none; } }

    .product-detials-area .product-image-slider .product-small-image-list {

      margin: 15px 0;

      -ms-flex-preferred-size: 100%;

      flex-basis: 100%; }

      .product-detials-area .product-image-slider .product-small-image-list .nav {

        margin: 0 -5px; }

        .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image {

          padding: 0 5px; }

          .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image a {

            border: 1px solid #e7e7e7;

            border-radius: 15px;

            -webkit-border-radius: 15px;

            -moz-border-radius: 15px;

            box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

            background: transparent;

            padding: 1px;

            display: block; }

            .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image a img {

              max-width: 100%;

              border-radius: 15px;

              -webkit-border-radius: 15px;

              -moz-border-radius: 15px; }

            .product-detials-area .product-image-slider .product-small-image-list .nav .single-small-image a.active {

              border-color: #78a206; }

  .product-detials-area .product-details-text h3 {

    color: #23232c;

    font-size: 24px;

    font-weight: 500;

    line-height: 18px;

    margin: 0 0 25px 0; }

    @media only screen and (max-width: 767px) {

      .product-detials-area .product-details-text h3 {

        margin-top: 12px; } }

  .product-detials-area .product-details-text .p-rating-review {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 15px; }

    .product-detials-area .product-details-text .p-rating-review .product-rating i {

      color: #ccc;

      margin-left: 0;

      font-size: 14px; }

      .product-detials-area .product-details-text .p-rating-review .product-rating i.color {

        color: #78a206; }

    .product-detials-area .product-details-text .p-rating-review .scroll-down {

      color: #999999;

      margin-left: 16px; }

  .product-detials-area .product-details-text h4 {

    color: #78a206;

    font-size: 16px;

    font-weight: 600;

    font-weight: 600;

    font-family: "Oswald", sans-serif;

    padding-top: 5px; }

    .product-detials-area .product-details-text h4 span {

      color: #999999;

      font-size: 0.93em;

      font-weight: 600;

      margin-left: 8px;

      text-decoration: line-through;

      font-size: 14px;

      color: #b8b8b8; }

  .product-detials-area .product-details-text p {

    border-top: 1px solid #e1e1e1;

    margin-bottom: 27px;

    margin-top: 25px;

    padding-top: 26px;

    box-shadow: inset 0 1px 0 0 #ffffff; }

  .product-detials-area .product-details-text h5 {

    color: #707070;

    font-size: 0.857em;

    margin-bottom: 20px;

    padding-top: 4px;

    text-transform: uppercase; }

    .product-detials-area .product-details-text h5 i {

      background: #81ca33 none repeat scroll 0 0;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      color: #ffffff;

      font-size: 7px;

      height: 13px;

      line-height: 13px;

      margin-right: 7px;

      position: relative;

      text-align: center;

      top: -2px;

      width: 13px; }

  .product-detials-area .product-details-text form .add-cart-product {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 27px; }

    .product-detials-area .product-details-text form .add-cart-product input {

      border: 0;

      color: #2c2c2c;

      font-size: 18px;

      height: 45px;

      margin-right: 15px;

      padding-left: 19px;

      width: 62px;

      background: #ffffff;

      border: 1px solid #ececeb; }

      @media only screen and (max-width: 767px) {

        .product-detials-area .product-details-text form .add-cart-product input {

          margin-right: 10px;

          width: 45px;

          padding-left: 14px; } }

      .product-detials-area .product-details-text form .add-cart-product input::-moz-placeholder {

        color: #2c2c2c; }

    .product-detials-area .product-details-text form .add-cart-product button.default-btn {

      cursor: pointer;

      padding: 0 26px;

      font-size: 12px;

      line-height: 42px;

      height: 45px;

      background: #78a206;

      border-color: #78a206;

      color: #ffffff;

      border-radius: 30px;

      -webkit-border-radius: 30px;

      -moz-border-radius: 30px;

      width: auto;

      margin-right: 15px; }

      @media only screen and (max-width: 767px) {

        .product-detials-area .product-details-text form .add-cart-product button.default-btn {

          margin-right: 10px; } }

      .product-detials-area .product-details-text form .add-cart-product button.default-btn:hover {

        background: #202226;

        border-color: #202226; }

    .product-detials-area .product-details-text form .add-cart-product button {

      width: 47px;

      height: 47px;

      border: 1px solid #ececeb;

      background: #ffffff;

      color: #2c2c2c;

      border-radius: 100%;

      -webkit-border-radius: 100%;

      -moz-border-radius: 100%;

      line-height: 48px;

      padding: 0;

      font-size: 17px;

      margin-right: 10px;

      text-align: center; }

      .product-detials-area .product-details-text form .add-cart-product button:hover {

        background: #78a206;

        border-color: #78a206;

        color: #ffffff; }

      @media only screen and (max-width: 767px) {

        .product-detials-area .product-details-text form .add-cart-product button:last-of-type {

          margin-right: 0; } }

  .product-detials-area .product-details-text form .product-tag-cat {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 40px;

    padding: 15px 0;

    border-top: 1px solid #e1e1e1;

    box-shadow: inset 0 1px 0 0 #ffffff; }

    @media only screen and (max-width: 767px) {

      .product-detials-area .product-details-text form .product-tag-cat {

        flex-flow: column; } }

    .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat {

      color: #23232c;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      font-weight: 700; }

      @media only screen and (max-width: 767px) {

        .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat {

          margin-right: 0px; } }

      .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat:first-of-type {

        margin-right: 11px; }

      .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat .p-d-title {

        color: #23232c;

        display: block;

        font-weight: 700;

        margin-right: 7px;

        text-transform: uppercase; }

      .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat > a {

        color: #707070;

        font-weight: 400;

        margin: 0 2px; }

        .product-detials-area .product-details-text form .product-tag-cat .single-tag-cat > a:hover {

          color: #78a206; }

  .product-detials-area .product-details-text form .product-share {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-top: 1px solid #e1e1e1;

    box-shadow: inset 0 1px 0 0 #ffffff;

    padding-top: 17px; }

    .product-detials-area .product-details-text form .product-share .p-d-title {

      color: #23232c;

      display: block;

      font-weight: 700;

      margin-right: 1px;

      text-transform: uppercase; }

    .product-detials-area .product-details-text form .product-share .p-social-links {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      margin-left: 17px; }

      @media only screen and (max-width: 767px) {

        .product-detials-area .product-details-text form .product-share .p-social-links {

          margin-left: 10px; } }

      .product-detials-area .product-details-text form .product-share .p-social-links > a {

        color: #707070;

        display: block;

        font-size: 16px;

        margin-right: 18px; }

      .product-detials-area .product-details-text form .product-share .p-social-links li a {

        color: #707070;

        display: block;

        font-size: 16px;

        margin-right: 18px; }

        .product-detials-area .product-details-text form .product-share .p-social-links li a:hover {

          color: #78a206; }

        @media only screen and (max-width: 767px) {

          .product-detials-area .product-details-text form .product-share .p-social-links li a {

            margin-right: 0px;

            margin-left: 8px; } }

      .product-detials-area .product-details-text form .product-share .p-social-links li:last-of-type {

        margin-right: 0; }



.product-review-tab-area {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .product-review-tab-area {

      padding: 77px 0 0px; } }

  @media only screen and (max-width: 767px) {

    .product-review-tab-area {

      padding: 50px 0 0px; } }

  .product-review-tab-area .container {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

    .product-review-tab-area .container .p-d-tab-container {

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

      .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav {

        border-bottom: 1px solid #ebebeb;

        margin-bottom: 20px;

        padding-bottom: 18px; }

        .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a {

          color: #777777;

          font-size: 20px;

          font-weight: 600; }

          .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:hover, .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a.active {

            color: #23232c; }

          .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:first-of-type {

            margin-right: 53px; }

            @media only screen and (max-width: 767px) {

              .product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:first-of-type {

                margin-right: 30px; } }

      .product-review-tab-area .container .p-d-tab-container .p-d-tab {

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

        .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane {

          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

          .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items {

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

            .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text {

              padding-top: 17px; }

              @media only screen and (max-width: 767px) {

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text {

                  padding-top: 4px; } }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text p {

                line-height: 2.4;

                margin-bottom: 19px;

                color: #555555; }

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .product-desc-text p:last-of-type {

                  margin-bottom: 0; }

            .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper {

              margin-bottom: 26px;

              overflow: hidden;

              padding-top: 17px; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper h3 {

                color: #2c2c2c;

                font-size: 15.5px;

                font-weight: 500;

                margin-bottom: 21px;

                text-transform: uppercase; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item {

                margin-bottom: 20px; }

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .review-logo {

                  float: left; }

                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .review-logo img {

                    width: 53px; }

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text {

                  border: 1px solid #ebebeb;

                  border-radius: 3px;

                  -webkit-border-radius: 3px;

                  -moz-border-radius: 3px;

                  margin-left: 81px;

                  padding: 9px 12px;

                  position: relative; }

                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .rating-number {

                    margin-bottom: 11px; }

                    .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .rating-number i {

                      color: #ccc;

                      font-size: 13px;

                      margin-right: -2.5px; }

                      .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .rating-number i.color {

                        color: #78a206; }

                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .p-review-info {

                    color: #555555;

                    display: block;

                    font-size: 13px;

                    margin-bottom: 19px; }

                    .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text .p-review-info > span {

                      font-weight: 700;

                      text-transform: uppercase; }

                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text > p {

                    margin-bottom: 4px;

                    color: #555555; }

                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .p-review-wrapper .single-review-item .p-review-text:before {

                    background: #f6f5f1 none repeat scroll 0 0;

                    border-bottom: 1px solid #ebebeb;

                    border-left: 1px solid #ebebeb;

                    content: "";

                    display: block;

                    height: 10px;

                    left: -6px;

                    position: absolute;

                    top: 10px;

                    -webkit-transform: rotate(45deg);

                    -ms-transform: rotate(45deg);

                    transform: rotate(45deg);

                    width: 10px; }

            .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form {

              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form input {

                background: #f3f3f3 none repeat scroll 0 0;

                border: 1px solid #ebebeb;

                display: block;

                height: 43px;

                margin-bottom: 11px;

                width: 100%;

                padding: 0 15px;

                color: #555555; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form h5 {

                color: #2c2c2c;

                font-size: 1.4em;

                font-weight: 500;

                margin-bottom: 23px;

                text-transform: uppercase; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .submit-rating {

                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

                margin-bottom: 14px; }

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .submit-rating i {

                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

                  color: #ffc300;

                  cursor: pointer;

                  margin-right: -2.1px;

                  position: relative;

                  font-size: 14px; }

                  .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .submit-rating i:after {

                    content: "";

                    font-family: "FontAwesome";

                    left: 0;

                    opacity: 0;

                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

                    position: absolute;

                    top: 0;

                    -webkit-transition: all 0.2s ease 0s;

                    -moz-transition: all 0.2s ease 0s;

                    -ms-transition: all 0.2s ease 0s;

                    -o-transition: all 0.2s ease 0s;

                    transition: all 0.2s ease 0s; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form label {

                color: #555555;

                font-size: 12px;

                margin-bottom: 7px;

                text-transform: capitalize; }

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form label:first-of-type {

                  cursor: auto;

                  margin-bottom: 9px; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form #r-textarea {

                background: #f3f3f3 none repeat scroll 0 0;

                border: 1px solid #ebebeb;

                height: 125px;

                margin-bottom: 14px;

                padding: 10px 15px;

                width: 100%;

                color: #555555; }

              .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .default-btn {

                margin-top: 24px;

                padding: 0 40px;

                background: transparent;

                letter-spacing: 1px;

                padding: 0 40px;

                font-size: 14px;

                margin-bottom: 5px; }

                .product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane .tab-items .rating-form .default-btn:hover {

                  background: #78a206;

                  border-color: #78a206;

                  color: #ffffff; }



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .related-product {

    padding: 85px 0 70px;

    margin-bottom: 75px; } }

@media only screen and (max-width: 767px) {

  .related-product {

    padding: 52px 0 40px;

    margin-bottom: 60px; } }



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

/*  15. Sidebar

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

.sidebar-wrapper {

  border: 1px solid #e2e2e2;

  clear: both;

  box-shadow: inset 0 0 0 1px #ffffff;

  padding: 25px 20px;

  margin-bottom: 45px; }

  @media only screen and (max-width: 767px) {

    .sidebar-wrapper {

      margin-top: 60px;

      padding-bottom: 15px; } }

  .sidebar-wrapper > h3 {

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    color: #252525;

    line-height: 24px;

    border-bottom: 1px solid #e1e1e1;

    font-family: "Oswald", sans-serif;

    padding-bottom: 10px;

    margin-bottom: 36px; }

  .sidebar-wrapper .sidebar-widget {

    margin-bottom: 42px; }

    @media only screen and (max-width: 767px) {

      .sidebar-wrapper .sidebar-widget {

        margin-bottom: 30px; } }

    .sidebar-wrapper .sidebar-widget h3 {

      font-family: "Oswald", sans-serif;

      line-height: 30px;

      font-size: 14px;

      text-transform: uppercase;

      color: #363636;

      font-weight: 700;

      letter-spacing: .3px;

      margin-bottom: 25px; }

      @media only screen and (max-width: 767px) {

        .sidebar-wrapper .sidebar-widget h3 {

          margin-bottom: 15px; } }

    .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option {

      margin-bottom: 16px; }

      .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option input {

        position: relative;

        top: 2px; }

      .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option label {

        cursor: pointer;

        color: #696969;

        margin-bottom: 0;

        margin-left: 11px; }

      .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option a {

        color: #6b6b6b; }

        .sidebar-wrapper .sidebar-widget .sidebar-widget-option-wrapper .sidebar-widget-option a:hover {

          color: #78a206; }

    .sidebar-wrapper .sidebar-widget .ui-slider {

      background: #dbdbdb none repeat scroll 0 0;

      border: 0 none;

      border-radius: 25px;

      -webkit-border-radius: 25px;

      -moz-border-radius: 25px;

      height: 5px;

      margin: 0 6px 25px;

      margin-bottom: 16px;

      box-shadow: inset 0 2px 0 0 #cacaca; }

      .sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-range {

        background: #78a206 none repeat scroll 0 0; }

      .sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-handle {

        background: #78a206 none repeat scroll 0 0;

        border: 0 none;

        border-radius: 50%;

        -webkit-border-radius: 50%;

        -moz-border-radius: 50%;

        height: 13px;

        top: 50%;

        -webkit-transform: translate(0px, -50%);

        -ms-transform: translate(0px, -50%);

        transform: translate(0px, -50%);

        width: 13px;

        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

        background: #ffffff;

        cursor: pointer; }

        .sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-handle:hover {

          background: #78a206; }

    .sidebar-wrapper .sidebar-widget .price_slider_amount .slider-values input {

      font-weight: 500;

      color: #000000;

      font-family: "Oswald", sans-serif;

      border: 0;

      background: transparent;

      height: 12px; }

      .sidebar-wrapper .sidebar-widget .price_slider_amount .slider-values input:focus {

        box-shadow: none; }

    .sidebar-wrapper .sidebar-widget.price-widget {

      margin-bottom: 37px; }

      @media only screen and (max-width: 767px) {

        .sidebar-wrapper .sidebar-widget.price-widget {

          margin-bottom: 27px; } }

    .sidebar-wrapper .sidebar-widget:last-child {

      margin-bottom: 25px; }



.sidebar-banner-img {

  overflow: hidden;

  margin-bottom: 22px; }

  .sidebar-banner-img a img {

    -webkit-transition: all 0.3s ease-in 0s;

    -moz-transition: all 0.3s ease-in 0s;

    -ms-transition: all 0.3s ease-in 0s;

    -o-transition: all 0.3s ease-in 0s;

    transition: all 0.3s ease-in 0s; }

  .sidebar-banner-img a:hover img {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    -ms-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05); }



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

    16. Contact

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-area {

    margin-bottom: 75px; } }

@media only screen and (max-width: 767px) {

  .contact-area {

    margin-bottom: 60px; } }

.contact-area > div {

  float: left;

  width: 50%; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .contact-area > div {

      width: 100%;

      padding-top: 90px; } }

  @media only screen and (max-width: 767px) {

    .contact-area > div {

      width: 100%;

      padding-top: 60px; } }

.contact-area .contact-form {

  padding-left: 45px;

  padding-right: 45px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .contact-area .contact-form {

      padding-left: 40px;

      padding-right: 40px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .contact-area .contact-form {

      padding-top: 90px;

      padding-bottom: 90px; } }

  @media only screen and (max-width: 767px) {

    .contact-area .contact-form {

      width: 100%;

      padding-top: 60px;

      padding-left: 15px;

      padding-right: 15px;

      padding-bottom: 60px; } }

  .contact-area .contact-form .contact-title {

    color: #222222;

    font-size: 30px;

    line-height: 22px;

    margin-bottom: 45px;

    font-family: "Oswald", sans-serif; }

    @media only screen and (max-width: 767px) {

      .contact-area .contact-form .contact-title {

        margin-bottom: 30px; } }

  .contact-area .contact-form #contact-form input, .contact-area .contact-form #contact-form textarea {

    background: #fbfbfb none repeat scroll 0 0;

    border: 0 none;

    color: #696969;

    height: 46px;

    margin-bottom: 20px;

    padding: 0 15px;

    width: 100%; }

    .contact-area .contact-form #contact-form input::-moz-placeholder, .contact-area .contact-form #contact-form input::-moz-placeholder, .contact-area .contact-form #contact-form textarea::-moz-placeholder, .contact-area .contact-form #contact-form textarea::-moz-placeholder {

      color: #696969; }

    @media only screen and (max-width: 767px) {

      .contact-area .contact-form #contact-form input, .contact-area .contact-form #contact-form textarea {

        margin-bottom: 14px; } }

  .contact-area .contact-form #contact-form .row {

    margin-left: -10px;

    margin-right: -10px; }

    .contact-area .contact-form #contact-form .row .col-md-6 {

      padding-left: 10px;

      padding-right: 10px; }

  .contact-area .contact-form #contact-form #message {

    height: 135px;

    padding: 10px 15px;

    width: 100%; }

  .contact-area .contact-form #contact-form .submit-btn {

    cursor: pointer; }

    .contact-area .contact-form #contact-form .submit-btn:hover {

      border-color: #78a206;

      background: #78a206;

      color: #ffffff; }

    @media only screen and (max-width: 767px) {

      .contact-area .contact-form #contact-form .submit-btn {

        width: 100%; } }

  .contact-area .contact-form #contact-form .form-messege.success {

    color: #008000; }

  .contact-area .contact-form #contact-form .form-messege.error {

    color: #ff0000; }

.contact-area .contact-address {

  background: #f6f5f1 none repeat scroll 0 0;

  padding-left: 45px;

  padding-right: 45px; }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {

    .contact-area .contact-address {

      padding-left: 40px;

      padding-right: 40px; } }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .contact-area .contact-address {

      padding-bottom: 80px; } }

  @media only screen and (max-width: 767px) {

    .contact-area .contact-address {

      padding-left: 15px;

      padding-right: 15px;

      padding-bottom: 49px; } }

  .contact-area .contact-address .contact-title {

    color: #222222;

    font-size: 30px;

    line-height: 22px;

    margin-bottom: 39px;

    font-family: "Oswald", sans-serif; }

    @media only screen and (max-width: 767px) {

      .contact-area .contact-address .contact-title {

        margin-bottom: 28px; } }

  .contact-area .contact-address .contact-info {

    margin-top: -1px; }

    .contact-area .contact-address .contact-info p {

      margin-bottom: 36px; }

      @media only screen and (max-width: 767px) {

        .contact-area .contact-address .contact-info p {

          margin-bottom: 25px; } }

    .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list {

      border-top: 1px solid #ececeb;

      display: flex;

      line-height: 25px;

      padding: 12px 0; }

      @media only screen and (max-width: 767px) {

        .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list {

          padding: 8px 0; } }

      .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list i {

        height: 40px;

        line-height: 36px;

        margin-right: 6px;

        text-align: center;

        width: 37px; }

        @media only screen and (max-width: 767px) {

          .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list i {

            width: 29px; } }

      .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list span {

        display: block;

        line-height: 36px;

        margin-bottom: 10px; }

        @media only screen and (max-width: 767px) {

          .contact-area .contact-address .contact-info .contact-list-wrapper .contact-list span {

            margin-bottom: 0; } }

  .contact-area .contact-address .working-time {

    padding-top: 26px;

    padding-bottom: 6px; }

    @media only screen and (max-width: 767px) {

      .contact-area .contact-address .working-time {

        padding-top: 10px; } }

    .contact-area .contact-address .working-time h2 {

      color: #222222;

      font-size: 24px;

      margin-bottom: 7px;

      font-family: "Oswald", sans-serif; }

    .contact-area .contact-address .working-time span span {

      font-weight: 700;

      padding-right: 2px; }



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

/*  17. Other

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

.pagination-wrapper {

  display: flex;

  border-top: 1px solid #e1e1e1;

  box-shadow: inset 0 1px 0 0 #ffffff;

  margin-top: 35px;

  justify-content: space-between;

  padding: 0 15px; }

  @media only screen and (max-width: 767px) {

    .pagination-wrapper {

      flex-flow: column; } }

  .pagination-wrapper p {

    padding-top: 17px;

    color: #7b7b7b; }

    @media only screen and (max-width: 767px) {

      .pagination-wrapper p {

        margin-bottom: 0; } }

  .pagination-wrapper nav .pagination {

    padding-top: 12px; }

    .pagination-wrapper nav .pagination .page-item .page-link {

      border: 1px solid #e2e2e2;

      background: transparent;

      box-shadow: inset 0 0 0 1px #ffffff;

      font-family: "Oswald", sans-serif;

      font-size: 12px;

      width: 35px;

      height: 35px;

      line-height: 33px;

      padding: 0;

      color: #949494;

      text-align: center;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      margin: 0 4.5px; }

    .pagination-wrapper nav .pagination .page-item.active .page-link, .pagination-wrapper nav .pagination .page-item .page-link:hover {

      background: #ffffff;

      border-color: #ffffff;

      color: #2c2c2c;

      box-shadow: 6px 8px 30px 0px rgba(0, 0, 0, 0.1); }

    .pagination-wrapper nav .pagination .page-item:last-child .page-link, .pagination-wrapper nav .pagination .page-item:first-child .page-link {

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%; }

    @media only screen and (max-width: 767px) {

      .pagination-wrapper nav .pagination .page-item:first-child .page-link {

        margin-left: 0; } }



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

/*  Error Page

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

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .error-text-area {

    padding-top: 90px;

    padding-bottom: 75px; } }

@media only screen and (max-width: 767px) {

  .error-text-area {

    padding-top: 55px;

    padding-bottom: 60px; } }

.error-text-area .error-text h2 {

  color: #23232c;

  font-size: 35px;

  font-weight: 500;

  line-height: 26px;

  margin-bottom: 31px;

  text-transform: uppercase;

  font-family: oswald;

  letter-spacing: .5px; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .error-text-area .error-text h2 {

      margin-bottom: 20px; } }

  @media only screen and (max-width: 767px) {

    .error-text-area .error-text h2 {

      margin-bottom: 20px;

      font-size: 25px; } }

.error-text-area .error-text h4 {

  color: #23232c;

  font-size: 16px;

  font-weight: 300;

  line-height: 28px;

  margin: auto auto 41px;

  width: 60%; }

  @media only screen and (min-width: 768px) and (max-width: 991px) {

    .error-text-area .error-text h4 {

      width: 80%;

      margin-bottom: 25px; } }

  @media only screen and (max-width: 767px) {

    .error-text-area .error-text h4 {

      width: 100%;

      margin-bottom: 25px; } }

.error-text-area .error-text form {

  border: 1px solid #ebebeb;

  height: 51px;

  margin: auto auto 40px;

  max-width: 500px;

  position: relative; }

  .error-text-area .error-text form input {

    border: 0 none;

    color: #939393;

    font-size: 14px;

    height: 100%;

    padding: 0 15px;

    width: 100%; }

    .error-text-area .error-text form input::-moz-placeholder {

      color: #939393; }

    .error-text-area .error-text form input:focus {

      box-shadow: none; }

  .error-text-area .error-text form button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #939393;

    cursor: pointer;

    font-size: 16px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 50px;

    border: 0; }

    .error-text-area .error-text form button:hover {

      color: #78a206; }

.error-text-area .error-text a {

  background: #78a206;

  border-color: #78a206;

  color: #ffffff;

  letter-spacing: .5px; }

  .error-text-area .error-text a:hover {

    background: #ffffff;

    color: #78a206; }



#productModal {

  background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0; }

  #productModal .modal-dialog {

    border-radius: 3px;

    bottom: 0;

    left: 0;

    margin: 5% auto;

    max-width: 870px;

    position: absolute;

    right: 0;

    top: 0;

    width: 870px; }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      #productModal .modal-dialog {

        width: 91%;

        overflow-x: hidden;

        overflow-y: auto;

        min-height: 430px; } }

    @media only screen and (max-width: 767px) {

      #productModal .modal-dialog {

        width: 91%;

        overflow-x: hidden;

        overflow-y: auto;

        min-height: 330px; } }

    #productModal .modal-dialog .modal-content {

      border: 0 none;

      border-radius: 3px;

      box-shadow: 1px 0 10px rgba(0, 0, 0, 0.8);

      padding: 20px; }

      @media only screen and (max-width: 767px) {

        #productModal .modal-dialog .modal-content {

          padding: 10px; } }

      #productModal .modal-dialog .modal-content .close {

        border: 1px solid #999999;

        border-radius: 3px;

        color: #999999;

        cursor: pointer;

        font-size: 14px;

        height: 30px;

        line-height: 28px;

        opacity: 1;

        position: absolute;

        right: 10px;

        top: 10px;

        width: 30px; }

        #productModal .modal-dialog .modal-content .close:hover {

          border-color: #78a206;

          box-shadow: none;

          color: #78a206;

          opacity: 1; }

      #productModal .modal-dialog .modal-content .quick-view-container .column-left {

        float: left;

        width: 40%; }

        @media only screen and (max-width: 767px) {

          #productModal .modal-dialog .modal-content .quick-view-container .column-left {

            width: 100%; } }

        #productModal .modal-dialog .modal-content .quick-view-container .column-left .tab-content {

          margin-bottom: 10px; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-left .tab-content .tab-pane .single-product-img {

            max-width: 100%; }

            #productModal .modal-dialog .modal-content .quick-view-container .column-left .tab-content .tab-pane .single-product-img img {

              width: 100%; }

        #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav {

          margin: 0 -5px; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu {

            padding: 0 5px; }

            #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu a {

              border: 1px solid #ebebeb;

              display: block; }

              #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu a img {

                max-width: 100%; }

              #productModal .modal-dialog .modal-content .quick-view-container .column-left .single-product-menu .nav .single-tab-menu a:hover {

                color: #ffffff; }

      #productModal .modal-dialog .modal-content .quick-view-container .column-right {

        overflow: hidden;

        padding-left: 30px; }

        @media only screen and (max-width: 767px) {

          #productModal .modal-dialog .modal-content .quick-view-container .column-right {

            width: 100%;

            padding-left: 0;

            padding-top: 22px; } }

        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text h2 {

          color: #2c2c37;

          font-size: 22px;

          font-weight: 400;

          line-height: 30px;

          margin-bottom: 18px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text h2 {

              margin-bottom: 11px; } }

          @media only screen and (max-width: 767px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text h2 {

              margin-bottom: 13px; } }

        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price {

          color: #78a206;

          font-size: 20px;

          font-weight: 600;

          line-height: 24px;

          margin-bottom: 18px;

          font-family: "Oswald", sans-serif; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price {

              margin-bottom: 11px; } }

          @media only screen and (max-width: 767px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price {

              margin-bottom: 13px; } }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .q-product-price .old-price {

            color: #b8b8b8;

            text-decoration: line-through;

            margin-left: 8px; }

        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text p {

          border-bottom: 1px solid #ebebeb;

          color: #999999;

          font-size: 14px;

          line-height: 21px;

          margin-bottom: 31px;

          padding-bottom: 21px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text p {

              padding-bottom: 16px;

              margin-bottom: 22px; } }

          @media only screen and (max-width: 767px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text p {

              padding-bottom: 16px;

              margin-bottom: 22px; } }

        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart {

          border-bottom: 1px solid #ebebeb;

          display: flex;

          margin-bottom: 20px;

          padding-bottom: 31px; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart {

              padding-bottom: 23px;

              margin-bottom: 14px; } }

          @media only screen and (max-width: 767px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart {

              padding-bottom: 23px;

              margin-bottom: 14px; } }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart input {

            border: 1px solid #ebebeb;

            color: #707070;

            font-size: 14px;

            height: 48px;

            margin-right: 15px;

            padding: 0;

            text-align: center;

            width: 62px; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .input-cart .default-btn {

            cursor: pointer;

            display: block;

            font-size: 13px; }

        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product h4 {

          color: #23232c;

          font-size: 18px;

          font-weight: 500;

          line-height: 30px;

          margin-bottom: 15px;

          text-transform: uppercase; }

          @media only screen and (min-width: 768px) and (max-width: 991px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product h4 {

              margin-bottom: 11px; } }

          @media only screen and (max-width: 767px) {

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product h4 {

              margin-bottom: 11px; } }

        #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link {

          display: flex; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link a {

            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

            border: 1px solid #ebebeb;

            border-radius: 0;

            color: #999999;

            font-size: 18px;

            height: 40px;

            line-height: 39px;

            width: 40px;

            text-align: center;

            margin-right: 5px; }

            #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link a:hover {

              color: #ffffff; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .facebook:hover {

            background: #2d4373 none repeat scroll 0 0;

            border-color: #2d4373; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .twitter:hover {

            background: #0087ba none repeat scroll 0 0;

            border-color: #0087ba; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .pinterest:hover {

            background: #C51F26 none repeat scroll 0 0;

            border-color: #C51F26; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .google:hover {

            background: #DC5245 none repeat scroll 0 0;

            border-color: #DC5245; }

          #productModal .modal-dialog .modal-content .quick-view-container .column-right .quick-view-text .share-product .social-link .linkedin:hover {

            background: #005983 none repeat scroll 0 0;

            border-color: #005983; }



/*# sourceMappingURL=style.css.map */