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

    Template Name: E&E - Electronics eCommerce Bootstrap4 HTML Template
    Version: 1.0

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

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

    01. Theme default CSS
	02. Header
        02.1 Header Top
        02.2 Header Bottom
    03. Category Menu Style
        03.1 Header Category Style
        03.2 Hero Side Category Style
    04. Hero
        04.1 Hero Slider One
        04.2 Hero Slider Two
        04.3 Hero Slider Three
        04.4 Hero Slider Four
        04.5 Hero Slider Five
    05. Banner
    06. Product Slider
    07. Products
        07.1 Shop Top Bar
        07.2 Protuct Style One
        07.3 Protuct Style Two
        07.4 Protuct Style Three ( With Countdown )
        07.5 Protuct Style List
    08. Single Product
    09. Offer Product
    10. Shop Sidebar
    11. Cart
    12. Compare
    13. Checkout
    14. Feature
    15. Blog
    16. Blog Sidebar
    17. Login & Register
    18. Team
	19. Faq
    20. Terms & Conditions
    21. Track Order
    22. Store
    23. Brands
    24. Subscribe
    25. About
    26. Testimonial
    27. Footer
        27.1 Footer Top
        27.2 Footer Bottom
    28. Contact

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Oswald:200,300,400,500,600,700");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  background-color: #ffffff;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Open Sans", sans-serif;
  color: #444444;
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  color: #202020;
  font-family: "Open Sans", sans-serif;
  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;
  -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; }

button, input[type="submit"] {
  cursor: pointer; }
  .logo 
  {
    height :50%;
  width:50%;

  }

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

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden; }

.hidden {
  display: none; }

.clear {
  clear: both; }

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

@media only screen and (max-width: 767px) {
  .container {
    width: 450px; } }

@media only screen and (max-width: 479px) {
  .container {
    width: 300px; } }

.bold {
  font-weight: 700; }

.semi-bold {
  font-weight: 600; }

.medium {
  font-weight: 500; }

.light {
  font-weight: 300; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.no-gutters {
  margin-left: 0;
  margin-right: 0; }
  .no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
    margin: 0; }

/*-- Container Fluid --*/
.container-fluid {
  padding: 0 150px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-fluid {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .container-fluid {
      padding: 0 15px;
      width: 450px; } }
  @media only screen and (max-width: 479px) {
    .container-fluid {
      padding: 0 15px;
      width: 320px; } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .footer-section .container-fluid {
    padding: 0 15px;
    width: 1200px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-section .container-fluid {
    padding: 0 15px;
    width: 960px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-section .container-fluid {
    padding: 0 15px;
    width: 750px; } }

@media only screen and (max-width: 767px) {
  .footer-section .container-fluid {
    padding: 0 15px;
    width: 450px; } }

@media only screen and (max-width: 479px) {
  .footer-section .container-fluid {
    padding: 0 15px;
    width: 320px; } }

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

.mt-5 {
  margin-top: 5px !important; }

@media only screen and (max-width: 767px) {
  .mt-sm-5 {
    margin-top: 5px; }
  .mt-sm-10 {
    margin-top: 10px; }
  .mt-sm-15 {
    margin-top: 15px; }
  .mt-sm-20 {
    margin-top: 20px; }
  .mt-sm-25 {
    margin-top: 25px; }
  .mt-sm-30 {
    margin-top: 30px; }
  .mt-sm-35 {
    margin-top: 35px; }
  .mt-sm-40 {
    margin-top: 40px; }
  .mt-sm-45 {
    margin-top: 45px; }
  .mt-sm-50 {
    margin-top: 50px; }
  .mt-sm-55 {
    margin-top: 55px; }
  .mt-sm-60 {
    margin-top: 60px; }
  .mt-sm-65 {
    margin-top: 65px; }
  .mt-sm-70 {
    margin-top: 70px; }
  .mt-sm-75 {
    margin-top: 75px; }
  .mt-sm-80 {
    margin-top: 80px; }
  .mt-sm-85 {
    margin-top: 85px; }
  .mt-sm-90 {
    margin-top: 90px; }
  .mt-sm-95 {
    margin-top: 95px; }
  .mt-sm-100 {
    margin-top: 100px; }
  .mt-sm-105 {
    margin-top: 105px; }
  .mt-sm-110 {
    margin-top: 110px; }
  .mt-sm-115 {
    margin-top: 115px; }
  .mt-sm-120 {
    margin-top: 120px; }
  .mt-sm-125 {
    margin-top: 125px; }
  .mt-sm-130 {
    margin-top: 130px; }
  .mt-sm-135 {
    margin-top: 135px; }
  .mt-sm-140 {
    margin-top: 140px; }
  .mt-sm-145 {
    margin-top: 145px; }
  .mt-sm-150 {
    margin-top: 150px; }
  .mt-sm-155 {
    margin-top: 155px; }
  .mt-sm-160 {
    margin-top: 160px; }
  .mt-sm-165 {
    margin-top: 165px; }
  .mt-sm-170 {
    margin-top: 170px; }
  .mt-sm-175 {
    margin-top: 175px; }
  .mt-sm-180 {
    margin-top: 180px; }
  .mt-sm-185 {
    margin-top: 185px; }
  .mt-sm-190 {
    margin-top: 190px; }
  .mt-sm-195 {
    margin-top: 195px; }
  .mt-sm-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; }

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

@media only screen and (max-width: 767px) {
  .mb-sm-5 {
    margin-bottom: 5px; }
  .mb-sm-10 {
    margin-bottom: 10px; }
  .mb-sm-15 {
    margin-bottom: 15px; }
  .mb-sm-20 {
    margin-bottom: 20px; }
  .mb-sm-25 {
    margin-bottom: 25px; }
  .mb-sm-30 {
    margin-bottom: 30px; }
  .mb-sm-35 {
    margin-bottom: 35px; }
  .mb-sm-40 {
    margin-bottom: 40px; }
  .mb-sm-45 {
    margin-bottom: 45px; }
  .mb-sm-50 {
    margin-bottom: 50px; }
  .mb-sm-55 {
    margin-bottom: 55px; }
  .mb-sm-60 {
    margin-bottom: 60px; }
  .mb-sm-65 {
    margin-bottom: 65px; }
  .mb-sm-70 {
    margin-bottom: 70px; }
  .mb-sm-75 {
    margin-bottom: 75px; }
  .mb-sm-80 {
    margin-bottom: 80px; }
  .mb-sm-85 {
    margin-bottom: 85px; }
  .mb-sm-90 {
    margin-bottom: 90px; }
  .mb-sm-95 {
    margin-bottom: 95px; }
  .mb-sm-100 {
    margin-bottom: 100px; }
  .mb-sm-105 {
    margin-bottom: 105px; }
  .mb-sm-110 {
    margin-bottom: 110px; }
  .mb-sm-115 {
    margin-bottom: 115px; }
  .mb-sm-120 {
    margin-bottom: 120px; }
  .mb-sm-125 {
    margin-bottom: 125px; }
  .mb-sm-130 {
    margin-bottom: 130px; }
  .mb-sm-135 {
    margin-bottom: 135px; }
  .mb-sm-140 {
    margin-bottom: 140px; }
  .mb-sm-145 {
    margin-bottom: 145px; }
  .mb-sm-150 {
    margin-bottom: 150px; }
  .mb-sm-155 {
    margin-bottom: 155px; }
  .mb-sm-160 {
    margin-bottom: 160px; }
  .mb-sm-165 {
    margin-bottom: 165px; }
  .mb-sm-170 {
    margin-bottom: 170px; }
  .mb-sm-175 {
    margin-bottom: 175px; }
  .mb-sm-180 {
    margin-bottom: 180px; }
  .mb-sm-185 {
    margin-bottom: 185px; }
  .mb-sm-190 {
    margin-bottom: 190px; }
  .mb-sm-195 {
    margin-bottom: 195px; }
  .mb-sm-200 {
    margin-bottom: 200px; } }

/*-- Margin Left --*/
.ml-5 {
  margin-left: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-5 {
  margin-left: 5px !important; }

@media only screen and (max-width: 767px) {
  .ml-sm-5 {
    margin-left: 5px; }
  .ml-sm-10 {
    margin-left: 10px; }
  .ml-sm-15 {
    margin-left: 15px; }
  .ml-sm-20 {
    margin-left: 20px; }
  .ml-sm-25 {
    margin-left: 25px; }
  .ml-sm-30 {
    margin-left: 30px; }
  .ml-sm-35 {
    margin-left: 35px; }
  .ml-sm-40 {
    margin-left: 40px; }
  .ml-sm-45 {
    margin-left: 45px; }
  .ml-sm-50 {
    margin-left: 50px; }
  .ml-sm-55 {
    margin-left: 55px; }
  .ml-sm-60 {
    margin-left: 60px; }
  .ml-sm-65 {
    margin-left: 65px; }
  .ml-sm-70 {
    margin-left: 70px; }
  .ml-sm-75 {
    margin-left: 75px; }
  .ml-sm-80 {
    margin-left: 80px; }
  .ml-sm-85 {
    margin-left: 85px; }
  .ml-sm-90 {
    margin-left: 90px; }
  .ml-sm-95 {
    margin-left: 95px; }
  .ml-sm-100 {
    margin-left: 100px; }
  .ml-sm-105 {
    margin-left: 105px; }
  .ml-sm-110 {
    margin-left: 110px; }
  .ml-sm-115 {
    margin-left: 115px; }
  .ml-sm-120 {
    margin-left: 120px; }
  .ml-sm-125 {
    margin-left: 125px; }
  .ml-sm-130 {
    margin-left: 130px; }
  .ml-sm-135 {
    margin-left: 135px; }
  .ml-sm-140 {
    margin-left: 140px; }
  .ml-sm-145 {
    margin-left: 145px; }
  .ml-sm-150 {
    margin-left: 150px; }
  .ml-sm-155 {
    margin-left: 155px; }
  .ml-sm-160 {
    margin-left: 160px; }
  .ml-sm-165 {
    margin-left: 165px; }
  .ml-sm-170 {
    margin-left: 170px; }
  .ml-sm-175 {
    margin-left: 175px; }
  .ml-sm-180 {
    margin-left: 180px; }
  .ml-sm-185 {
    margin-left: 185px; }
  .ml-sm-190 {
    margin-left: 190px; }
  .ml-sm-195 {
    margin-left: 195px; }
  .ml-sm-200 {
    margin-left: 200px; } }

/*-- Margin Right --*/
.mr-5 {
  margin-right: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
  .mright-sm-5 {
    margin-right: 5px; }
  .mright-sm-10 {
    margin-right: 10px; }
  .mright-sm-15 {
    margin-right: 15px; }
  .mright-sm-20 {
    margin-right: 20px; }
  .mright-sm-25 {
    margin-right: 25px; }
  .mright-sm-30 {
    margin-right: 30px; }
  .mright-sm-35 {
    margin-right: 35px; }
  .mright-sm-40 {
    margin-right: 40px; }
  .mright-sm-45 {
    margin-right: 45px; }
  .mright-sm-50 {
    margin-right: 50px; }
  .mright-sm-55 {
    margin-right: 55px; }
  .mright-sm-60 {
    margin-right: 60px; }
  .mright-sm-65 {
    margin-right: 65px; }
  .mright-sm-70 {
    margin-right: 70px; }
  .mright-sm-75 {
    margin-right: 75px; }
  .mright-sm-80 {
    margin-right: 80px; }
  .mright-sm-85 {
    margin-right: 85px; }
  .mright-sm-90 {
    margin-right: 90px; }
  .mright-sm-95 {
    margin-right: 95px; }
  .mright-sm-100 {
    margin-right: 100px; }
  .mright-sm-105 {
    margin-right: 105px; }
  .mright-sm-110 {
    margin-right: 110px; }
  .mright-sm-115 {
    margin-right: 115px; }
  .mright-sm-120 {
    margin-right: 120px; }
  .mright-sm-125 {
    margin-right: 125px; }
  .mright-sm-130 {
    margin-right: 130px; }
  .mright-sm-135 {
    margin-right: 135px; }
  .mright-sm-140 {
    margin-right: 140px; }
  .mright-sm-145 {
    margin-right: 145px; }
  .mright-sm-150 {
    margin-right: 150px; }
  .mright-sm-155 {
    margin-right: 155px; }
  .mright-sm-160 {
    margin-right: 160px; }
  .mright-sm-165 {
    margin-right: 165px; }
  .mright-sm-170 {
    margin-right: 170px; }
  .mright-sm-175 {
    margin-right: 175px; }
  .mright-sm-180 {
    margin-right: 180px; }
  .mright-sm-185 {
    margin-right: 185px; }
  .mright-sm-190 {
    margin-right: 190px; }
  .mright-sm-195 {
    margin-right: 195px; }
  .mright-sm-200 {
    margin-right: 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; }

.pt-5 {
  padding-top: 5px !important; }

@media only screen and (max-width: 767px) {
  .pt-sm-5 {
    padding-top: 5px; }
  .pt-sm-10 {
    padding-top: 10px; }
  .pt-sm-15 {
    padding-top: 15px; }
  .pt-sm-20 {
    padding-top: 20px; }
  .pt-sm-25 {
    padding-top: 25px; }
  .pt-sm-30 {
    padding-top: 30px; }
  .pt-sm-35 {
    padding-top: 35px; }
  .pt-sm-40 {
    padding-top: 40px; }
  .pt-sm-45 {
    padding-top: 45px; }
  .pt-sm-50 {
    padding-top: 50px; }
  .pt-sm-55 {
    padding-top: 55px; }
  .pt-sm-60 {
    padding-top: 60px; }
  .pt-sm-65 {
    padding-top: 65px; }
  .pt-sm-70 {
    padding-top: 70px; }
  .pt-sm-75 {
    padding-top: 75px; }
  .pt-sm-80 {
    padding-top: 80px; }
  .pt-sm-85 {
    padding-top: 85px; }
  .pt-sm-90 {
    padding-top: 90px; }
  .pt-sm-95 {
    padding-top: 95px; }
  .pt-sm-100 {
    padding-top: 100px; }
  .pt-sm-105 {
    padding-top: 105px; }
  .pt-sm-110 {
    padding-top: 110px; }
  .pt-sm-115 {
    padding-top: 115px; }
  .pt-sm-120 {
    padding-top: 120px; }
  .pt-sm-125 {
    padding-top: 125px; }
  .pt-sm-130 {
    padding-top: 130px; }
  .pt-sm-135 {
    padding-top: 135px; }
  .pt-sm-140 {
    padding-top: 140px; }
  .pt-sm-145 {
    padding-top: 145px; }
  .pt-sm-150 {
    padding-top: 150px; }
  .pt-sm-155 {
    padding-top: 155px; }
  .pt-sm-160 {
    padding-top: 160px; }
  .pt-sm-165 {
    padding-top: 165px; }
  .pt-sm-170 {
    padding-top: 170px; }
  .pt-sm-175 {
    padding-top: 175px; }
  .pt-sm-180 {
    padding-top: 180px; }
  .pt-sm-185 {
    padding-top: 185px; }
  .pt-sm-190 {
    padding-top: 190px; }
  .pt-sm-195 {
    padding-top: 195px; }
  .pt-sm-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; }

.pb-5 {
  padding-bottom: 5px !important; }

@media only screen and (max-width: 767px) {
  .pb-sm-5 {
    padding-bottom: 5px; }
  .pb-sm-10 {
    padding-bottom: 10px; }
  .pb-sm-15 {
    padding-bottom: 15px; }
  .pb-sm-20 {
    padding-bottom: 20px; }
  .pb-sm-25 {
    padding-bottom: 25px; }
  .pb-sm-30 {
    padding-bottom: 30px; }
  .pb-sm-35 {
    padding-bottom: 35px; }
  .pb-sm-40 {
    padding-bottom: 40px; }
  .pb-sm-45 {
    padding-bottom: 45px; }
  .pb-sm-50 {
    padding-bottom: 50px; }
  .pb-sm-55 {
    padding-bottom: 55px; }
  .pb-sm-60 {
    padding-bottom: 60px; }
  .pb-sm-65 {
    padding-bottom: 65px; }
  .pb-sm-70 {
    padding-bottom: 70px; }
  .pb-sm-75 {
    padding-bottom: 75px; }
  .pb-sm-80 {
    padding-bottom: 80px; }
  .pb-sm-85 {
    padding-bottom: 85px; }
  .pb-sm-90 {
    padding-bottom: 90px; }
  .pb-sm-95 {
    padding-bottom: 95px; }
  .pb-sm-100 {
    padding-bottom: 100px; }
  .pb-sm-105 {
    padding-bottom: 105px; }
  .pb-sm-110 {
    padding-bottom: 110px; }
  .pb-sm-115 {
    padding-bottom: 115px; }
  .pb-sm-120 {
    padding-bottom: 120px; }
  .pb-sm-125 {
    padding-bottom: 125px; }
  .pb-sm-130 {
    padding-bottom: 130px; }
  .pb-sm-135 {
    padding-bottom: 135px; }
  .pb-sm-140 {
    padding-bottom: 140px; }
  .pb-sm-145 {
    padding-bottom: 145px; }
  .pb-sm-150 {
    padding-bottom: 150px; }
  .pb-sm-155 {
    padding-bottom: 155px; }
  .pb-sm-160 {
    padding-bottom: 160px; }
  .pb-sm-165 {
    padding-bottom: 165px; }
  .pb-sm-170 {
    padding-bottom: 170px; }
  .pb-sm-175 {
    padding-bottom: 175px; }
  .pb-sm-180 {
    padding-bottom: 180px; }
  .pb-sm-185 {
    padding-bottom: 185px; }
  .pb-sm-190 {
    padding-bottom: 190px; }
  .pb-sm-195 {
    padding-bottom: 195px; }
  .pb-sm-200 {
    padding-bottom: 200px; } }

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-25 {
  padding-left: 25px; }

.pl-30 {
  padding-left: 30px; }

.pl-35 {
  padding-left: 35px; }

.pl-40 {
  padding-left: 40px; }

.pl-45 {
  padding-left: 45px; }

.pl-50 {
  padding-left: 50px; }

.pl-55 {
  padding-left: 55px; }

.pl-60 {
  padding-left: 60px; }

.pl-65 {
  padding-left: 65px; }

.pl-70 {
  padding-left: 70px; }

.pl-75 {
  padding-left: 75px; }

.pl-80 {
  padding-left: 80px; }

.pl-85 {
  padding-left: 85px; }

.pl-90 {
  padding-left: 90px; }

.pl-95 {
  padding-left: 95px; }

.pl-100 {
  padding-left: 100px; }

.pl-105 {
  padding-left: 105px; }

.pl-110 {
  padding-left: 110px; }

.pl-115 {
  padding-left: 115px; }

.pl-120 {
  padding-left: 120px; }

.pl-125 {
  padding-left: 125px; }

.pl-130 {
  padding-left: 130px; }

.pl-135 {
  padding-left: 135px; }

.pl-140 {
  padding-left: 140px; }

.pl-145 {
  padding-left: 145px; }

.pl-150 {
  padding-left: 150px; }

.pl-155 {
  padding-left: 155px; }

.pl-160 {
  padding-left: 160px; }

.pl-165 {
  padding-left: 165px; }

.pl-170 {
  padding-left: 170px; }

.pl-175 {
  padding-left: 175px; }

.pl-180 {
  padding-left: 180px; }

.pl-185 {
  padding-left: 185px; }

.pl-190 {
  padding-left: 190px; }

.pl-195 {
  padding-left: 195px; }

.pl-200 {
  padding-left: 200px; }

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

@media only screen and (max-width: 767px) {
  .pl-sm-5 {
    padding-left: 5px; }
  .pl-sm-10 {
    padding-left: 10px; }
  .pl-sm-15 {
    padding-left: 15px; }
  .pl-sm-20 {
    padding-left: 20px; }
  .pl-sm-25 {
    padding-left: 25px; }
  .pl-sm-30 {
    padding-left: 30px; }
  .pl-sm-35 {
    padding-left: 35px; }
  .pl-sm-40 {
    padding-left: 40px; }
  .pl-sm-45 {
    padding-left: 45px; }
  .pl-sm-50 {
    padding-left: 50px; }
  .pl-sm-55 {
    padding-left: 55px; }
  .pl-sm-60 {
    padding-left: 60px; }
  .pl-sm-65 {
    padding-left: 65px; }
  .pl-sm-70 {
    padding-left: 70px; }
  .pl-sm-75 {
    padding-left: 75px; }
  .pl-sm-80 {
    padding-left: 80px; }
  .pl-sm-85 {
    padding-left: 85px; }
  .pl-sm-90 {
    padding-left: 90px; }
  .pl-sm-95 {
    padding-left: 95px; }
  .pl-sm-100 {
    padding-left: 100px; }
  .pl-sm-105 {
    padding-left: 105px; }
  .pl-sm-110 {
    padding-left: 110px; }
  .pl-sm-115 {
    padding-left: 115px; }
  .pl-sm-120 {
    padding-left: 120px; }
  .pl-sm-125 {
    padding-left: 125px; }
  .pl-sm-130 {
    padding-left: 130px; }
  .pl-sm-135 {
    padding-left: 135px; }
  .pl-sm-140 {
    padding-left: 140px; }
  .pl-sm-145 {
    padding-left: 145px; }
  .pl-sm-150 {
    padding-left: 150px; }
  .pl-sm-155 {
    padding-left: 155px; }
  .pl-sm-160 {
    padding-left: 160px; }
  .pl-sm-165 {
    padding-left: 165px; }
  .pl-sm-170 {
    padding-left: 170px; }
  .pl-sm-175 {
    padding-left: 175px; }
  .pl-sm-180 {
    padding-left: 180px; }
  .pl-sm-185 {
    padding-left: 185px; }
  .pl-sm-190 {
    padding-left: 190px; }
  .pl-sm-195 {
    padding-left: 195px; }
  .pl-sm-200 {
    padding-left: 200px; } }

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-25 {
  padding-right: 25px; }

.pr-30 {
  padding-right: 30px; }

.pr-35 {
  padding-right: 35px; }

.pr-40 {
  padding-right: 40px; }

.pr-45 {
  padding-right: 45px; }

.pr-50 {
  padding-right: 50px; }

.pr-55 {
  padding-right: 55px; }

.pr-60 {
  padding-right: 60px; }

.pr-65 {
  padding-right: 65px; }

.pr-70 {
  padding-right: 70px; }

.pr-75 {
  padding-right: 75px; }

.pr-80 {
  padding-right: 80px; }

.pr-85 {
  padding-right: 85px; }

.pr-90 {
  padding-right: 90px; }

.pr-95 {
  padding-right: 95px; }

.pr-100 {
  padding-right: 100px; }

.pr-105 {
  padding-right: 105px; }

.pr-110 {
  padding-right: 110px; }

.pr-115 {
  padding-right: 115px; }

.pr-120 {
  padding-right: 120px; }

.pr-125 {
  padding-right: 125px; }

.pr-130 {
  padding-right: 130px; }

.pr-135 {
  padding-right: 135px; }

.pr-140 {
  padding-right: 140px; }

.pr-145 {
  padding-right: 145px; }

.pr-150 {
  padding-right: 150px; }

.pr-155 {
  padding-right: 155px; }

.pr-160 {
  padding-right: 160px; }

.pr-165 {
  padding-right: 165px; }

.pr-170 {
  padding-right: 170px; }

.pr-175 {
  padding-right: 175px; }

.pr-180 {
  padding-right: 180px; }

.pr-185 {
  padding-right: 185px; }

.pr-190 {
  padding-right: 190px; }

.pr-195 {
  padding-right: 195px; }

.pr-200 {
  padding-right: 200px; }

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

@media only screen and (max-width: 767px) {
  .pr-sm-5 {
    padding-right: 5px; }
  .pr-sm-10 {
    padding-right: 10px; }
  .pr-sm-15 {
    padding-right: 15px; }
  .pr-sm-20 {
    padding-right: 20px; }
  .pr-sm-25 {
    padding-right: 25px; }
  .pr-sm-30 {
    padding-right: 30px; }
  .pr-sm-35 {
    padding-right: 35px; }
  .pr-sm-40 {
    padding-right: 40px; }
  .pr-sm-45 {
    padding-right: 45px; }
  .pr-sm-50 {
    padding-right: 50px; }
  .pr-sm-55 {
    padding-right: 55px; }
  .pr-sm-60 {
    padding-right: 60px; }
  .pr-sm-65 {
    padding-right: 65px; }
  .pr-sm-70 {
    padding-right: 70px; }
  .pr-sm-75 {
    padding-right: 75px; }
  .pr-sm-80 {
    padding-right: 80px; }
  .pr-sm-85 {
    padding-right: 85px; }
  .pr-sm-90 {
    padding-right: 90px; }
  .pr-sm-95 {
    padding-right: 95px; }
  .pr-sm-100 {
    padding-right: 100px; }
  .pr-sm-105 {
    padding-right: 105px; }
  .pr-sm-110 {
    padding-right: 110px; }
  .pr-sm-115 {
    padding-right: 115px; }
  .pr-sm-120 {
    padding-right: 120px; }
  .pr-sm-125 {
    padding-right: 125px; }
  .pr-sm-130 {
    padding-right: 130px; }
  .pr-sm-135 {
    padding-right: 135px; }
  .pr-sm-140 {
    padding-right: 140px; }
  .pr-sm-145 {
    padding-right: 145px; }
  .pr-sm-150 {
    padding-right: 150px; }
  .pr-sm-155 {
    padding-right: 155px; }
  .pr-sm-160 {
    padding-right: 160px; }
  .pr-sm-165 {
    padding-right: 165px; }
  .pr-sm-170 {
    padding-right: 170px; }
  .pr-sm-175 {
    padding-right: 175px; }
  .pr-sm-180 {
    padding-right: 180px; }
  .pr-sm-185 {
    padding-right: 185px; }
  .pr-sm-190 {
    padding-right: 190px; }
  .pr-sm-195 {
    padding-right: 195px; }
  .pr-sm-200 {
    padding-right: 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)"; }

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

.row-5 {
  margin-left: -5px;
  margin-right: -5px; }
  .row-5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px; }

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

.row-20 {
  margin-left: -20px;
  margin-right: -20px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-20 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 767px) {
    .row-20 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 479px) {
    .row-20 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  .row-20 > [class*="col"], .row-20 > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .row-20 > [class*="col"], .row-20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-20 > [class*="col"], .row-20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-20 > [class*="col"], .row-20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 767px) {
      .row-20 > [class*="col"], .row-20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 479px) {
      .row-20 > [class*="col"], .row-20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }

.row-25 {
  margin-left: -25px;
  margin-right: -25px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-25 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-25 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-25 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 767px) {
    .row-25 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 479px) {
    .row-25 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  .row-25 > [class*="col"], .row-25 > [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .row-25 > [class*="col"], .row-25 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-25 > [class*="col"], .row-25 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-25 > [class*="col"], .row-25 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 767px) {
      .row-25 > [class*="col"], .row-25 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 479px) {
      .row-25 > [class*="col"], .row-25 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }

.row-30 {
  margin-left: -30px;
  margin-right: -30px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-30 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-30 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-30 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 767px) {
    .row-30 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 479px) {
    .row-30 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  .row-30 > [class*="col"], .row-30 > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .row-30 > [class*="col"], .row-30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-30 > [class*="col"], .row-30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-30 > [class*="col"], .row-30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 767px) {
      .row-30 > [class*="col"], .row-30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 479px) {
      .row-30 > [class*="col"], .row-30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }

.row-40 {
  margin-left: -40px;
  margin-right: -40px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-40 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 767px) {
    .row-40 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  @media only screen and (max-width: 479px) {
    .row-40 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  .row-40 > [class*="col"], .row-40 > [class*="col-"] {
    padding-left: 40px;
    padding-right: 40px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .row-40 > [class*="col"], .row-40 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-40 > [class*="col"], .row-40 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-40 > [class*="col"], .row-40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 767px) {
      .row-40 > [class*="col"], .row-40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 479px) {
      .row-40 > [class*="col"], .row-40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }

/*--
    Scroll Up
-----------------------------------------*/
#scrollUp {
  width: 40px;
  height: 40px;
  background-color: #f5d730;
  border: 3px solid #eeeeee;
  color: #202020;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      display: none !important; } }
  #scrollUp i {
    display: block;
    line-height: 34px;
    font-size: 22px; }
  #scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

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

.bg-ivory {
  background-color: #fefcef; }

img.mfp-img {
  background-color: #f6f7f8;
  padding: 0;
  margin: 40px auto; }

/*--
    - Social Color
------------------------------------------*/
.facebook {
  background-color: #3B5997;
  color: #ffffff; }
  .facebook:hover {
    background-color: #3B5997;
    color: #ffffff; }

.twitter {
  background-color: #1DA1F2;
  color: #ffffff; }
  .twitter:hover {
    background-color: #1DA1F2;
    color: #ffffff; }

.linkedin {
  background-color: #0077B5;
  color: #ffffff; }
  .linkedin:hover {
    background-color: #0077B5;
    color: #ffffff; }

.pinterest {
  background-color: #BD081C;
  color: #ffffff; }
  .pinterest:hover {
    background-color: #BD081C;
    color: #ffffff; }

.google-plus {
  background-color: #D11718;
  color: #ffffff; }
  .google-plus:hover {
    background-color: #D11718;
    color: #ffffff; }

.behance {
  background-color: #005CFF;
  color: #ffffff; }
  .behance:hover {
    background-color: #005CFF;
    color: #ffffff; }

.dribbble {
  background-color: #E84C88;
  color: #ffffff; }
  .dribbble:hover {
    background-color: #E84C88;
    color: #ffffff; }

.github {
  background-color: #323131;
  color: #ffffff; }
  .github:hover {
    background-color: #323131;
    color: #ffffff; }

.instagram {
  background-color: #DC3472;
  color: #ffffff; }
  .instagram:hover {
    background-color: #DC3472;
    color: #ffffff; }

.medium {
  background-color: #00AB6C;
  color: #ffffff; }
  .medium:hover {
    background-color: #00AB6C;
    color: #ffffff; }

.reddit {
  background-color: #FF4501;
  color: #ffffff; }
  .reddit:hover {
    background-color: #FF4501;
    color: #ffffff; }

.skype {
  background-color: #00AFF0;
  color: #ffffff; }
  .skype:hover {
    background-color: #00AFF0;
    color: #ffffff; }

.slack {
  background-color: #63C1A0;
  color: #ffffff; }
  .slack:hover {
    background-color: #63C1A0;
    color: #ffffff; }

.snapchat {
  background-color: #FFFC00;
  color: #ffffff; }
  .snapchat:hover {
    background-color: #FFFC00;
    color: #ffffff; }

.tumblr {
  background-color: #01273A;
  color: #ffffff; }
  .tumblr:hover {
    background-color: #01273A;
    color: #ffffff; }

.vimeo {
  background-color: #00ADEF;
  color: #ffffff; }
  .vimeo:hover {
    background-color: #00ADEF;
    color: #ffffff; }

.youtube {
  background-color: #FE0002;
  color: #ffffff; }
  .youtube:hover {
    background-color: #FE0002;
    color: #ffffff; }

/*-- Tab Content & Pane Fix --*/
.tab-content {
  width: 100%; }
  .tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0; }
    .tab-content .tab-pane.active {
      height: auto;
      visibility: visible;
      opacity: 1;
      overflow: visible; }

/*--
    - Product Full Width
------------------------------------------*/
.full-width-product-wrap > [class*="col-"]:nth-child(1), .full-width-product-wrap > [class*="col"]:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 450px;
  flex: 1 0 450px;
  max-width: 450px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1), .full-width-product-wrap > [class*="col"]:nth-child(1) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 350px;
      flex: 1 0 350px;
      max-width: 350px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1), .full-width-product-wrap > [class*="col"]:nth-child(1) {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 350px;
      flex: 1 0 350px;
      max-width: 350px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1), .full-width-product-wrap > [class*="col"]:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(1), .full-width-product-wrap > [class*="col"]:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }

.full-width-product-wrap > [class*="col-"]:nth-child(2), .full-width-product-wrap > [class*="col"]:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 450px);
  flex: 0 0 calc(100% - 450px);
  max-width: calc(100% - 450px); }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2), .full-width-product-wrap > [class*="col"]:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 350px);
      flex: 0 0 calc(100% - 350px);
      max-width: calc(100% - 350px); } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2), .full-width-product-wrap > [class*="col"]:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 350px);
      flex: 0 0 calc(100% - 350px);
      max-width: calc(100% - 350px); } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2), .full-width-product-wrap > [class*="col"]:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .full-width-product-wrap > [class*="col-"]:nth-child(2), .full-width-product-wrap > [class*="col"]:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .full-width-product-wrap.desktop-full-width > [class*="col-"]:nth-child(1), .full-width-product-wrap.desktop-full-width > [class*="col"]:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .full-width-product-wrap.desktop-full-width > [class*="col-"]:nth-child(2), .full-width-product-wrap.desktop-full-width > [class*="col"]:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .laptop-3-column > [class*="col-"], .laptop-3-column > [class*="col"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.3333%;
    flex: 1 0 33.3333%;
    max-width: 33.3333%; } }

/*-- Pagination --*/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .pagination li {
    margin: 5px;
    color: #a3a3a3; }
    .pagination li a {
      font-size: 14px;
      line-height: 24px;
      font-weight: 600;
      color: #444444;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 28px;
      border: 1px solid transparent;
      border-radius: 50px; }
      .pagination li a i {
        display: block;
        line-height: 24px; }
    .pagination li.active a {
      border-color: #444444;
      color: #202020;
      font-weight: 700; }
    .pagination li:first-child {
      margin-right: 20px; }
      .pagination li:first-child a {
        color: #202020;
        width: 50px; }
        .pagination li:first-child a i {
          float: left;
          margin-right: 10px; }
    .pagination li:last-child {
      margin-left: 20px; }
      .pagination li:last-child a {
        width: 50px;
        color: #202020; }
        .pagination li:last-child a i {
          float: right;
          margin-left: 10px; }

/*--
    - Page Banner Section
------------------------------------------*/
.page-banner-section {
  background-color: #fefcef; }

/*-- Page Banner Wrap --*/
@media only screen and (max-width: 767px) {
  .page-banner-wrap > div:nth-child(2), .page-banner-wrap > div:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%; } }

@media only screen and (max-width: 479px) {
  .page-banner-wrap > div:nth-child(2), .page-banner-wrap > div:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%; } }

/*-- Page Banner --*/
.page-banner {
  background-color: #fefcef;
  padding: 30px;
  text-align: center; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .page-banner {
      padding: 15px 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page-banner {
      padding: 20px 30px; } }
  .page-banner h1 {
    text-transform: uppercase;
    font-size: 42px;
    color: #202020;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 13px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .page-banner h1 {
        font-size: 30px;
        margin-bottom: 8px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .page-banner h1 {
        font-size: 24px;
        margin-bottom: 8px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .page-banner h1 {
        font-size: 36px; } }
    @media only screen and (max-width: 767px) {
      .page-banner h1 {
        font-size: 26px; } }
    @media only screen and (max-width: 479px) {
      .page-banner h1 {
        font-size: 22px; } }
  .page-banner p {
    max-width: 470px;
    margin: auto;
    font-size: 14px;
    line-height: 24px;
    color: #444444;
    margin-bottom: 8px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .page-banner p {
        display: none; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .page-banner p {
        display: none; } }

/*-- Breadcrumb --*/
.breadcrumb {
  background-color: transparent;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin: 0; }
  .breadcrumb ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 8px;
    position: relative; }
    .breadcrumb ul li::before {
      position: absolute;
      right: -2px;
      top: 50%;
      content: "";
      width: 4px;
      height: 1px;
      background-color: #444444; }
    .breadcrumb ul li:last-child::before {
      display: none; }
    .breadcrumb ul li a {
      display: block;
      font-size: 12px;
      line-height: 18px;
      text-transform: uppercase;
      color: #444444; }
      .breadcrumb ul li a:hover {
        color: #202020; }

/*-- Category Page Title --*/
.category-page-title h4 {
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  color: #202020; }

/*--
    - Button
------------------------------------------*/
.btn {
  border: 1px solid #626262;
  line-height: 24px;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #202020;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .btn::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1; }
  .btn:hover {
    color: #f5d730; }
    .btn:hover::before {
      height: 300%;
      opacity: 1; }
  .btn.hover-theme::before {
    background-color: #f5d730; }
  .btn.hover-theme:hover {
    border-color: #f5d730;
    color: #202020; }
    .btn.hover-theme:hover::before {
      height: 300%;
      opacity: 1; }
  .btn.btn-circle {
    border-radius: 50px; }
  .btn.btn-radius {
    border-radius: 5px; }
  .btn.btn-square {
    border-radius: 0; }
  .btn.btn-text {
    border-radius: 0;
    padding: 0;
    line-height: 20px;
    border: none; }
    .btn.btn-text::before {
      display: none; }
    .btn.btn-text.hover-theme:hover {
      color: #f5d730; }
  .btn.btn-underline {
    text-decoration: underline; }
  .btn.btn-large {
    padding: 15px 40px;
    font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .btn.btn-large {
        font-size: 12px;
        padding: 7px 25px; } }
    @media only screen and (max-width: 479px) {
      .btn.btn-large {
        font-size: 11px;
        padding: 4px 15px;
        margin-top: 15px; } }
  .btn.btn-medium {
    padding: 7px 20px;
    font-size: 12px; }
    @media only screen and (max-width: 767px) {
      .btn.btn-medium {
        font-size: 12px;
        padding: 7px 25px; } }
    @media only screen and (max-width: 479px) {
      .btn.btn-medium {
        font-size: 11px;
        padding: 4px 15px;
        margin-top: 15px; } }
  .btn.btn-small {
    padding: 4px 15px;
    font-size: 11px; }
  @media only screen and (max-width: 767px) {
    .btn {
      font-size: 12px;
      padding: 7px 25px; } }
  @media only screen and (max-width: 479px) {
    .btn {
      font-size: 11px;
      padding: 4px 15px;
      margin-top: 15px; } }

/*--
    - Blockquote
------------------------------------------*/
.blockquote {
  max-width: 800px;
  background-color: #f6f7f8;
  padding: 50px 70px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .blockquote {
      padding: 40px 50px; } }
  @media only screen and (max-width: 479px) {
    .blockquote {
      padding: 30px; } }
  .blockquote p {
    font-size: 16px;
    line-height: 25px;
    font-style: italic; }

.blockquote-2 p::first-letter {
  font-size: 48px;
  text-transform: uppercase; }

.blockquote-3::before {
  content: '\f10e';
  font-family: Fontawesome;
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 60px;
  line-height: 0.8;
  color: #d9d9d9; }

.preview-customizer {
  position: fixed;
  left: -310px;
  top: 0;
  padding: 120px 30px 50px;
  width: 310px;
  height: 100%;
  background-color: #2b2b2b;
  z-index: 9999;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .preview-customizer.active {
    left: 0; }
  @media only screen and (max-width: 479px) {
    .preview-customizer {
      display: none !important; } }

.customizer-toggle {
  position: absolute;
  left: 100%;
  top: 50px;
  z-index: 9;
  border: none;
  width: 40px;
  height: 40px;
  background-color: #f5d730;
  color: #202020;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
  .customizer-toggle i {
    line-height: 40px;
    display: block;
    font-size: 18px; }

.light-dark-mood {
  overflow: hidden;
  position: absolute;
  left: 30px;
  right: 30px;
  top: 50px; }
  .light-dark-mood a {
    float: left;
    width: 50%;
    background-color: #ffffff;
    color: #202020;
    text-align: center;
    line-height: 30px;
    padding: 5px 5px;
    text-transform: uppercase;
    font-weight: 600; }
    .light-dark-mood a:hover {
      color: #f5d730; }
    .light-dark-mood a:focus {
      color: #202020; }
    .light-dark-mood a.active {
      background-color: #f5d730;
      color: #202020; }
      .light-dark-mood a.active:hover {
        color: #202020; }

.customizer-links {
  float: left;
  width: auto;
  height: 100%;
  overflow: auto;
  margin-right: -6px;
  padding-right: 6px; }
  .customizer-links a {
    display: block;
    margin-bottom: 20px;
    position: relative; }
    .customizer-links a:last-child {
      margin-bottom: 0px; }
    .customizer-links a .img {
      border: 1px solid #404040;
      display: block;
      position: relative; }
      .customizer-links a .img::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #f5d730;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        opacity: 0; }
      .customizer-links a .img img {
        max-width: 100%; }
    .customizer-links a h4 {
      text-align: center;
      margin: 0;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      color: #202020;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0; }
    .customizer-links a:hover .img::before {
      opacity: 0.9; }
    .customizer-links a:hover h4 {
      opacity: 1; }

.theme-dark .preview-customizer {
  background-color: #ffffff; }

.theme-dark .light-dark-mood a {
  background-color: #202020;
  color: #ffffff; }
  .theme-dark .light-dark-mood a:hover {
    color: #f5d730; }
  .theme-dark .light-dark-mood a:focus {
    color: #ffffff; }
  .theme-dark .light-dark-mood a.active {
    background-color: #f5d730;
    color: #202020; }
    .theme-dark .light-dark-mood a.active:hover {
      color: #202020; }

.theme-dark .customizer-links a .img {
  border: 1px solid #dddddd; }

.theme-dark .customizer-links a h4 {
  color: #202020; }

/*--
    -- Tab Style
-----------------------------------------*/
/*-- Tab One --*/
.nav-tabs-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-one {
      padding: 0; } }
  .nav-tabs-one li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-one li {
        margin: 5px; } }
    .nav-tabs-one li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-one li a.active, .nav-tabs-one li a:hover {
        color: #202020; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-one li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-one li a {
          padding: 6px 15px;
          border-radius: 50px !important; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-one li a {
          padding: 6px 15px; } }
    .nav-tabs-one li:first-child {
      border-radius: 50px 0 0 50px; }
      .nav-tabs-one li:first-child a {
        border-radius: 50px 0 0 50px; }
    .nav-tabs-one li:last-child {
      border-radius: 0 50px 50px 0; }
      .nav-tabs-one li:last-child a {
        border-radius: 0 50px 50px 0; }

/*-- Tab Two --*/
.nav-tabs-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-two {
      padding: 0; } }
  .nav-tabs-two li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-two li {
        margin: 5px; } }
    .nav-tabs-two li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-two li a:hover {
        color: #202020; }
      .nav-tabs-two li a.active {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-two li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-two li a {
          padding: 6px 15px;
          border-radius: 50px !important; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-two li a {
          padding: 6px 15px; } }
    .nav-tabs-two li:first-child {
      border-radius: 50px 0 0 50px; }
      .nav-tabs-two li:first-child a {
        border-radius: 50px 0 0 50px; }
    .nav-tabs-two li:last-child {
      border-radius: 0 50px 50px 0; }
      .nav-tabs-two li:last-child a {
        border-radius: 0 50px 50px 0; }

/*-- Tab Three --*/
.nav-tabs-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-three {
      padding: 0; } }
  .nav-tabs-three li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-three li {
        margin: 5px; } }
    .nav-tabs-three li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-three li a:hover {
        color: #202020; }
      .nav-tabs-three li a.active {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-three li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-three li a {
          padding: 6px 15px;
          border-radius: 5px !important; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-three li a {
          padding: 6px 15px; } }
    .nav-tabs-three li:first-child {
      border-radius: 5px 0 0 5px; }
      .nav-tabs-three li:first-child a {
        border-radius: 5px 0 0 5px; }
    .nav-tabs-three li:last-child {
      border-radius: 0 5px 5px 0; }
      .nav-tabs-three li:last-child a {
        border-radius: 0 5px 5px 0; }

/*-- Tab Four --*/
.nav-tabs-four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-four {
      padding: 0; } }
  .nav-tabs-four li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-four li {
        margin: 5px; } }
    .nav-tabs-four li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-four li a:hover {
        color: #202020; }
      .nav-tabs-four li a.active {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-four li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-four li a {
          padding: 6px 15px; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-four li a {
          padding: 6px 15px; } }

/*-- Tab Five --*/
.nav-tabs-five {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px;
  margin: 8px 0; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-five {
      padding: 0;
      margin: 0; } }
  .nav-tabs-five li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-five li {
        margin: 5px; } }
    .nav-tabs-five li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-five li a:hover {
        color: #202020; }
      .nav-tabs-five li a.active {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-bottom: -8px;
        margin-top: -8px; }
        @media only screen and (max-width: 767px) {
          .nav-tabs-five li a.active {
            padding-top: 9px;
            padding-bottom: 9px;
            margin-bottom: -3px;
            margin-top: -3px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-five li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-five li a {
          padding: 6px 15px;
          border-radius: 0 !important; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-five li a {
          padding: 6px 15px; } }

/*-- Tab Six --*/
.nav-tabs-six {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .nav-tabs-six li {
    margin-right: 40px; }
    .nav-tabs-six li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      color: #606060;
      border: 0px solid #d0d0d0; }
      .nav-tabs-six li a.active, .nav-tabs-six li a:hover {
        color: #202020; }
    .nav-tabs-six li:last-child {
      margin-right: 0; }

/*-- Tab Seven --*/
.nav-tabs-seven {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-seven {
      padding: 0; } }
  .nav-tabs-seven li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-seven li {
        margin: 5px; } }
    .nav-tabs-seven li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-seven li a:hover {
        color: #202020; }
      .nav-tabs-seven li a.active {
        color: #202020;
        border-bottom-color: transparent; }
        @media only screen and (max-width: 767px) {
          .nav-tabs-seven li a.active {
            border-color: #d0d0d0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-seven li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-seven li a {
          padding: 6px 15px;
          border-radius: 0 !important; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-seven li a {
          padding: 6px 15px; } }

/*-- Tab Eight --*/
.nav-tabs-eight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0.5px;
  margin-top: 5px; }
  @media only screen and (max-width: 767px) {
    .nav-tabs-eight {
      padding: 0;
      margin-top: 0; } }
  .nav-tabs-eight li {
    margin: 0 -0.5px; }
    @media only screen and (max-width: 767px) {
      .nav-tabs-eight li {
        margin: 5px; } }
    .nav-tabs-eight li a {
      display: block;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      padding: 10px 40px;
      color: #606060;
      border: 1px solid #d0d0d0; }
      .nav-tabs-eight li a:hover {
        color: #202020; }
      .nav-tabs-eight li a.active {
        color: #202020;
        padding-top: 15px;
        margin-top: -5px; }
        @media only screen and (max-width: 767px) {
          .nav-tabs-eight li a.active {
            padding-top: 10px;
            margin-top: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .nav-tabs-eight li a {
          padding: 10px 20px; } }
      @media only screen and (max-width: 767px) {
        .nav-tabs-eight li a {
          padding: 6px 15px;
          border-radius: 0 !important; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs-eight li a {
          padding: 6px 15px; } }

/*---------------------------------------
    Section Title
-----------------------------------------*/
/*--
    -- Seation Title One
-----------------------------------------*/
.section-title-one {
  position: relative;
  overflow: hidden; }
  .section-title-one::before {
    font-size: 52px;
    color: #cccccc;
    line-height: 46px;
    font-family: "Oswald", sans-serif;
    content: attr(data-title);
    font-weight: 700;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding-left: 25px;
    background-color: #ffffff; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-title-one::before {
        font-size: 46px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title-one::before {
        font-size: 40px;
        line-height: 34px; } }
    @media only screen and (max-width: 767px) {
      .section-title-one::before {
        font-size: 18px;
        line-height: 18px; } }
    @media only screen and (max-width: 479px) {
      .section-title-one::before {
        font-size: 30px;
        line-height: 28px;
        display: none; } }
  .section-title-one::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    z-index: -1; }
    @media only screen and (max-width: 479px) {
      .section-title-one::after {
        display: none; } }
  .section-title-one h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    background-color: #ffffff;
    padding: 10px 25px;
    margin: 0;
    margin-left: 40px;
    float: left;
    position: relative;
    z-index: 3; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-title-one h1 {
        font-size: 20px;
        margin-left: 20px;
        padding: 4px 20px; } }
    @media only screen and (max-width: 767px) {
      .section-title-one h1 {
        font-size: 18px;
        margin-left: 10px;
        padding: 0 15px;
        line-height: 1; } }
    @media only screen and (max-width: 479px) {
      .section-title-one h1 {
        font-size: 18px;
        margin-left: 0;
        padding: 0;
        background-color: transparent; } }

/*---------------------------------------
    02. Header
-----------------------------------------*/
.header-section {
  width: 100%;
  z-index: 99999; }

/*-- Sticky Header --*/
.header-sticky.is-sticky {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999; }

/*--
    02.1 Header Top
-----------------------------------------*/
.header-top .justify-content-between > [class*="col"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: auto; }

.header-top .justify-content-center > [class*="col"]:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header-top .justify-content-center > [class*="col"]:nth-child(2) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header-top .justify-content-center [class*="col"]:last-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/*-- Header Top Two --*/
@media only screen and (max-width: 767px) {
  .header-top-two .row > [class*="col"]:nth-child(2) {
    margin-right: auto; } }

@media only screen and (max-width: 479px) {
  .header-top-two .row > [class*="col"]:nth-child(2) {
    margin-right: 0; } }

/*-- Header Top Three --*/
@media only screen and (max-width: 767px) {
  .header-top-three .row > [class*="col"]:nth-child(2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; } }

@media only screen and (max-width: 767px) {
  .header-top-three .row > [class*="col"]:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

/*-- Header Top Border --*/
.header-top-border {
  border-bottom: 1px solid #e8e8e8; }

/*-- Header Links --*/
.header-links {
  overflow: hidden; }
  .header-links a {
    color: #444444;
    text-transform: uppercase;
    line-height: 30px;
    margin-right: 30px;
    display: block;
    float: left; }
    .header-links a:hover {
      color: #202020; }
    .header-links a:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header-links a {
        margin-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-links a {
        margin-right: 20px; } }
    @media only screen and (max-width: 767px) {
      .header-links a {
        margin-right: 15px; } }
    .header-links a img {
      margin-right: 10px; }
      @media only screen and (max-width: 479px) {
        .header-links a img {
          margin-right: 5px; } }
    .header-links a span {
      font-size: 14px;
      font-weight: 600;
      overflow: hidden; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-links a span {
          font-size: 12px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-links a span {
          font-size: 12px; } }
      @media only screen and (max-width: 767px) {
        .header-links a span {
          font-size: 11px; } }

/*-- Header Account Links --*/
.header-account-links {
  overflow: hidden; }
  .header-account-links a {
    color: #444444;
    text-transform: uppercase;
    line-height: 30px;
    margin-right: 30px;
    display: block;
    float: left; }
    .header-account-links a:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header-account-links a {
        margin-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-account-links a {
        margin-right: 20px; } }
    @media only screen and (max-width: 767px) {
      .header-account-links a {
        margin-right: 15px;
        line-height: 24px; } }
    .header-account-links a i {
      display: block;
      background-color: #202020;
      color: #a6a6a6;
      float: left;
      width: 30px;
      height: 30px;
      border-radius: 50px;
      text-align: center;
      line-height: 30px;
      margin-right: 10px;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-account-links a i {
          display: block !important; } }
      @media only screen and (max-width: 767px) {
        .header-account-links a i {
          display: block !important;
          margin: 0;
          width: 24px;
          height: 24px;
          font-size: 11px;
          line-height: 24px; } }
      @media only screen and (max-width: 479px) {
        .header-account-links a i {
          margin-right: 7px; } }
    .header-account-links a span {
      font-size: 14px;
      font-weight: 600;
      overflow: hidden; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-account-links a span {
          font-size: 12px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-account-links a span {
          font-size: 12px; } }
      @media only screen and (max-width: 767px) {
        .header-account-links a span {
          display: none;
          font-size: 11px;
          padding-left: 10px; } }
      @media only screen and (max-width: 479px) {
        .header-account-links a span {
          display: block;
          padding: 0; } }
    .header-account-links a:hover {
      color: #202020; }
      .header-account-links a:hover i {
        background-color: #f5d730;
        color: #202020; }

/*-- Header Shop Links --*/
.header-shop-links a {
  color: #444444;
  float: left;
  margin-right: 30px; }
  .header-shop-links a:hover {
    color: #202020; }
  .header-shop-links a:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 479px) {
    .header-shop-links a {
      margin-right: 10px; } }
  .header-shop-links a i {
    font-size: 24px;
    line-height: 30px;
    display: block;
    float: left; }
    @media only screen and (max-width: 479px) {
      .header-shop-links a i {
        font-size: 20px; } }
  .header-shop-links a .number {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    color: #202020;
    background-color: #f5d730;
    display: block;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    position: relative;
    left: -7px; }
    @media only screen and (max-width: 479px) {
      .header-shop-links a .number {
        width: 16px;
        height: 16px;
        margin-top: 7px;
        font-size: 10px;
        line-height: 16px; } }
  .header-shop-links a.header-wishlist {
    margin-right: 23px; }
    @media only screen and (max-width: 479px) {
      .header-shop-links a.header-wishlist {
        margin-right: 3px; } }
  .header-shop-links a.header-cart .number {
    left: 0; }

/*-- Mini Cart Wrap --*/
.mini-cart-wrap {
  background-color: #fefcef;
  width: 320px;
  position: fixed;
  top: 0;
  right: -320px;
  z-index: 9822;
  height: 100%;
  padding-bottom: 150px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .mini-cart-wrap.open {
    right: 0; }
  .mini-cart-wrap .mini-cart-top {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 25px; }
    .mini-cart-wrap .mini-cart-top .close-cart {
      border: none;
      background-color: transparent;
      font-size: 12px;
      text-transform: capitalize;
      font-weight: 500;
      color: #444444;
      line-height: 24px; }
      .mini-cart-wrap .mini-cart-top .close-cart i {
        float: right;
        line-height: 26px;
        font-size: 16px;
        margin-left: 5px; }
  .mini-cart-wrap .mini-cart-products {
    padding: 30px 25px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 45px); }
    .mini-cart-wrap .mini-cart-products li {
      float: left;
      width: 100%;
      margin-bottom: 25px; }
      .mini-cart-wrap .mini-cart-products li .image {
        width: 90px;
        float: left;
        margin-right: 20px; }
        .mini-cart-wrap .mini-cart-products li .image img {
          width: 100%;
          background-color: #f6f7f8; }
      .mini-cart-wrap .mini-cart-products li .content {
        width: 120px;
        float: left; }
        .mini-cart-wrap .mini-cart-products li .content .title {
          font-size: 14px;
          display: block;
          font-weight: 600;
          color: #444444;
          line-height: 22px;
          margin-bottom: 2px; }
          .mini-cart-wrap .mini-cart-products li .content .title:hover {
            color: #202020; }
        .mini-cart-wrap .mini-cart-products li .content .price, .mini-cart-wrap .mini-cart-products li .content .qty {
          display: block;
          font-size: 12px;
          line-height: 18px;
          color: #444444; }
      .mini-cart-wrap .mini-cart-products li .remove {
        width: 20px;
        float: right;
        padding: 0;
        border: none;
        background-color: transparent; }
        .mini-cart-wrap .mini-cart-products li .remove:hover {
          color: #ff0000; }
  .mini-cart-wrap .mini-cart-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fefcef; }
    .mini-cart-wrap .mini-cart-bottom .sub-total {
      font-size: 16px;
      font-weight: 600;
      color: #444444;
      line-height: 24px;
      padding: 10px 25px;
      margin: 0;
      border-bottom: 1px solid #e2e2e2;
      border-top: 1px solid #e2e2e2; }
      .mini-cart-wrap .mini-cart-bottom .sub-total span {
        float: right; }
    .mini-cart-wrap .mini-cart-bottom .button {
      padding: 32px 25px; }
      .mini-cart-wrap .mini-cart-bottom .button a {
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        color: #202020;
        text-transform: uppercase;
        line-height: 30px;
        padding: 5px 30px;
        border-radius: 50px;
        background-color: #f5d730;
        width: 100%;
        text-align: center;
        overflow: hidden;
        position: relative;
        z-index: 1; }
        .mini-cart-wrap .mini-cart-bottom .button a::before {
          position: absolute;
          left: 50%;
          top: 50%;
          height: 0;
          width: 100%;
          background-color: #202020;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          content: "";
          -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          opacity: 0;
          z-index: -1; }
        .mini-cart-wrap .mini-cart-bottom .button a:hover {
          color: #f5d730; }
          .mini-cart-wrap .mini-cart-bottom .button a:hover::before {
            height: 550%;
            opacity: 1; }

/*-- Cart Overlay --*/
.cart-overlay {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 9821;
  background-color: rgba(0, 0, 0, 0.85);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .cart-overlay.visible {
    visibility: visible;
    opacity: 1; }

/*-- Header Language & Currency --*/
.header-lan-curr > li {
  position: relative;
  display: inline-block;
  padding: 0 10px; }
  .header-lan-curr > li::before {
    position: absolute;
    right: -1px;
    width: 2px;
    height: 10px;
    top: 10px;
    background-color: #444444;
    content: ""; }
  .header-lan-curr > li:last-child::before {
    display: none; }
  .header-lan-curr > li a {
    font-size: 13px;
    font-weight: 600;
    color: #444444;
    text-transform: uppercase;
    line-height: 30px;
    color: #444444; }
  .header-lan-curr > li ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    padding: 10px 20px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 120px;
    margin-top: 30px;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .header-lan-curr > li ul li a {
      font-size: 11px;
      line-height: 24px; }
      .header-lan-curr > li ul li a:hover {
        color: #f5d730; }
    @media only screen and (max-width: 767px) {
      .header-lan-curr > li ul {
        left: auto;
        right: 0; } }
  .header-lan-curr > li:hover ul {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 999; }

/*-- Header Search --*/
.header-search .search-toggle {
  border: none;
  background-color: transparent;
  padding: 0;
  display: block;
  color: #444444; }
  .header-search .search-toggle i {
    display: block;
    font-size: 20px;
    line-height: 30px; }
  .header-search .search-toggle:hover {
    color: #202020; }

/*-- Header Search Container --*/
.header-search-container {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  background-color: #f6f7f8;
  padding: 100px 180px;
  display: none;
  z-index: 9999; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-search-container {
      padding: 100px; } }
  @media only screen and (max-width: 767px) {
    .header-search-container {
      padding: 80px 60px; } }
  @media only screen and (max-width: 479px) {
    .header-search-container {
      padding: 50px 30px; } }

.header-search-form {
  width: 100%; }
  .header-search-form input {
    font-size: 24px;
    line-height: 45px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #444444;
    background-color: transparent;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #cfcece;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .header-search-form input {
        font-size: 18px; } }

/*-- Header Advance Search --*/
.header-advance-search {
  border: 1px solid #dcdcdc;
  padding: 3px;
  border-radius: 50px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  float: right; }
  .header-advance-search form {
    position: relative; }
  .header-advance-search .input {
    border-right: 1px solid #dcdcdc;
    float: left;
    width: 240px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header-advance-search .input {
        width: 160px; } }
    @media only screen and (max-width: 767px) {
      .header-advance-search .input {
        width: 180px; } }
    @media only screen and (max-width: 479px) {
      .header-advance-search .input {
        width: 100%;
        padding-right: 70px;
        border-right: none !important; } }
    .header-advance-search .input input {
      border: none;
      height: 37px;
      border: none;
      line-height: 25px;
      padding: 6px 16px;
      width: 100%;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      color: #444444;
      font-weight: 600;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-advance-search .input input {
          font-size: 13px;
          font-weight: 400; } }
      @media only screen and (max-width: 767px) {
        .header-advance-search .input input {
          font-size: 13px;
          font-weight: 400; } }
  .header-advance-search .select {
    float: left;
    width: 140px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header-advance-search .select {
        width: 130px; } }
    @media only screen and (max-width: 767px) {
      .header-advance-search .select {
        width: 130px; } }
    @media only screen and (max-width: 479px) {
      .header-advance-search .select {
        display: none; } }
    .header-advance-search .select div.nice-select {
      float: right;
      clear: none;
      border: 0px solid transparent;
      background-color: transparent;
      padding-left: 10px;
      padding-right: 30px;
      line-height: 37px;
      height: 37px;
      width: 100%; }
      .header-advance-search .select div.nice-select::after {
        border-width: 1px;
        border-color: #444444;
        height: 6px;
        width: 6px;
        right: 15px; }
      .header-advance-search .select div.nice-select .current {
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        color: #444444;
        line-height: 37px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .header-advance-search .select div.nice-select .current {
            font-size: 13px;
            font-weight: 400; } }
        @media only screen and (max-width: 767px) {
          .header-advance-search .select div.nice-select .current {
            font-size: 13px;
            font-weight: 400; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-advance-search .select div.nice-select .list li {
          font-size: 13px;
          font-weight: 400; } }
      @media only screen and (max-width: 767px) {
        .header-advance-search .select div.nice-select .list li {
          font-size: 13px;
          font-weight: 400; } }
  .header-advance-search .submit {
    float: left;
    margin-left: 10px; }
    @media only screen and (max-width: 479px) {
      .header-advance-search .submit {
        position: absolute;
        right: 0;
        top: 0; } }
    .header-advance-search .submit button {
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      background-color: #f5d730;
      color: #202020;
      border: none;
      width: 70px;
      height: 37px;
      text-align: center; }
      .header-advance-search .submit button i {
        line-height: 37px;
        display: block;
        font-size: 18px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-advance-search .submit button {
          width: 60px; } }
      @media only screen and (max-width: 479px) {
        .header-advance-search .submit button {
          width: 60px; } }
      .header-advance-search .submit button:hover {
        background-color: #202020;
        color: #f5d730; }

/*-- Header Call Us --*/
.header-call-us {
  float: left; }
  .header-call-us h4 {
    font-size: 16px;
    font-weight: 700;
    color: #444444;
    text-transform: uppercase;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .header-call-us h4 {
        font-size: 14px;
        line-height: 20px; } }
    @media only screen and (max-width: 479px) {
      .header-call-us h4 {
        font-size: 12px;
        line-height: 18px; } }
    .header-call-us h4 span {
      font-size: 20px;
      color: #202020;
      display: block; }
      @media only screen and (max-width: 767px) {
        .header-call-us h4 span {
          font-size: 16px; } }
      @media only screen and (max-width: 479px) {
        .header-call-us h4 span {
          font-size: 14px; } }
      .header-call-us h4 span a {
        font-weight: 400; }
        .header-call-us h4 span a:focus, .header-call-us h4 span a:hover {
          color: #202020; }

/*--
    02.2 Header Bottom
-----------------------------------------*/
.header-bottom .justify-content-between > [class*="col"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: auto; }

.header-bottom .justify-content-center > [class*="col"]:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header-bottom .justify-content-center > [class*="col"]:nth-child(2) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header-bottom .justify-content-center [class*="col"]:last-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom > .container > .row > .col:nth-child(3), .header-bottom > .container > .row > [class*="col-"]:nth-child(3), .header-bottom > .container-fluid > .row > .col:nth-child(3), .header-bottom > .container-fluid > .row > [class*="col-"]:nth-child(3) {
    margin-right: 50px; } }

@media only screen and (max-width: 767px) {
  .header-bottom > .container > .row > .col:nth-child(3), .header-bottom > .container > .row > [class*="col-"]:nth-child(3), .header-bottom > .container-fluid > .row > .col:nth-child(3), .header-bottom > .container-fluid > .row > [class*="col-"]:nth-child(3) {
    margin-right: 50px; } }

@media only screen and (max-width: 479px) {
  .header-bottom > .container > .row > .col:nth-child(3), .header-bottom > .container > .row > [class*="col-"]:nth-child(3), .header-bottom > .container-fluid > .row > .col:nth-child(3), .header-bottom > .container-fluid > .row > [class*="col-"]:nth-child(3) {
    margin-right: 40px; } }

@media only screen and (max-width: 479px) {
  .header-bottom .header-call-us {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom.header-bottom-three > .container > .row > .col:nth-child(2), .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(2), .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(2), .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; } }

@media only screen and (max-width: 767px) {
  .header-bottom.header-bottom-three > .container > .row > .col:nth-child(2), .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(2), .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(2), .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom.header-bottom-three > .container > .row > .col:nth-child(3), .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(3), .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(3), .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; } }

@media only screen and (max-width: 767px) {
  .header-bottom.header-bottom-three > .container > .row > .col:nth-child(3), .header-bottom.header-bottom-three > .container > .row > [class*="col-"]:nth-child(3), .header-bottom.header-bottom-three > .container-fluid > .row > .col:nth-child(3), .header-bottom.header-bottom-three > .container-fluid > .row > [class*="col-"]:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; } }

@media only screen and (max-width: 767px) {
  .header-bottom.header-bottom-three .header-advance-search {
    display: none; } }

@media only screen and (max-width: 767px) {
  .header-bottom.header-bottom-three .header-advance-search .input {
    border-right: 0px;
    width: 160px; } }

@media only screen and (max-width: 767px) {
  .header-bottom.header-bottom-three .header-advance-search .select {
    display: none; } }

@media only screen and (max-width: 767px) {
  .header-bottom.header-bottom-three .header-advance-search .submit {
    margin-left: 0; } }

/*-- Logo --*/
.header-logo {
  position: relative;
  vertical-align: top;
  display: inline-block; }
  .header-logo img.theme-dark {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }

/*-- Main Menu --*/
.main-menu nav > ul > li {
  display: block;
  float: left;
  margin-right: 40px;
  position: relative; }
  .main-menu nav > ul > li:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav > ul > li {
      margin-right: 30px; } }
  .main-menu nav > ul > li > a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #606060;
    line-height: 100px; }
  .main-menu nav > ul > li.menu-item-has-children > a::after {
    font-family: Fontawesome;
    content: "\f107";
    margin-left: 5px;
    float: right; }
  .main-menu nav > ul > li.active > a, .main-menu nav > ul > li:hover > a {
    color: #202020; }
  .main-menu nav > ul > li:hover > .sub-menu, .main-menu nav > ul > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999; }

.main-menu.menu-3 nav > ul > li:last-child {
  margin-right: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.menu-3 nav > ul > li {
    margin-right: 20px; } }

.main-menu.menu-3 nav > ul > li > a {
  font-size: 14px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu.menu-3 nav > ul > li > a {
      font-size: 12px; } }

.main-menu.menu-3 nav > ul > li .mega-menu {
  left: -20px; }

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: -20px;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  border-top: 3px solid #f5d730;
  z-index: -999;
  width: 250px;
  padding: 15px 0;
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }
  .sub-menu li {
    position: relative; }
    .sub-menu li a {
      line-height: 24px;
      padding: 6px 20px;
      display: block;
      font-weight: 400;
      color: #444444;
      text-transform: capitalize; }
    .sub-menu li.menu-item-has-children > a::after {
      font-family: Fontawesome;
      content: "\f105";
      margin-left: 5px;
      float: right; }
    .sub-menu li.active > a, .sub-menu li:hover > a {
      color: #202020;
      font-weight: 600; }
    .sub-menu li:hover > .sub-menu {
      opacity: 1;
      visibility: visible;
      margin-top: 0;
      z-index: 999; }
  .sub-menu .sub-menu {
    left: 100%;
    right: auto;
    top: 0; }
    .sub-menu .sub-menu .sub-menu {
      left: auto;
      right: 100%; }
      .sub-menu .sub-menu .sub-menu .sub-menu {
        left: 100%;
        right: auto; }
      .sub-menu .sub-menu .sub-menu .sub-menu {
        left: auto;
        right: 100%; }

/*-- Mega Menu --*/
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  border-top: 3px solid #f5d730;
  z-index: -999;
  width: 100%;
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }
  .mega-menu.two-column {
    width: 440px;
    left: -20px; }
    .mega-menu.two-column > li {
      width: 50%;
      padding: 20px 15px; }
  .mega-menu.three-column {
    width: 700px;
    left: -300px; }
    .mega-menu.three-column > li {
      width: 33.33%;
      padding: 20px 15px; }
  .mega-menu > li {
    position: relative;
    float: left; }
    .mega-menu > li > a {
      line-height: 24px;
      padding: 6px 20px;
      display: block;
      font-weight: 600;
      color: #444444;
      text-transform: capitalize; }
    .mega-menu > li.active > a, .mega-menu > li:hover > a {
      color: #202020;
      font-weight: 600; }
    .mega-menu > li ul li a {
      line-height: 24px;
      padding: 6px 20px;
      display: block;
      font-weight: 400;
      color: #444444;
      text-transform: capitalize; }
    .mega-menu > li ul li.active > a, .mega-menu > li ul li:hover > a {
      color: #202020;
      font-weight: 600; }

/*-- Mobile Menu --*/
.mobile-menu {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 100% !important;
  flex: 1 0 100% !important; }
  .mobile-menu .mean-bar {
    position: relative;
    /*---- Mean Nav ----*/ }
    .mobile-menu .mean-bar .meanmenu-reveal {
      position: absolute;
      top: -40px; }
      .mobile-menu .mean-bar .meanmenu-reveal span {
        position: relative;
        /*---- Menu Open ----*/
        /*---- Menu Close ----*/ }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
          height: 2px;
          width: 26px;
          background-color: #202020;
          display: block;
          margin: 8px 0; }
          .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #202020; }
          .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
            top: -8px; }
          .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
            bottom: -8px; }
        .mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
          height: 2px;
          width: 26px;
          background-color: transparent;
          display: block;
          margin: 8px 0; }
          .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #202020; }
          .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    .mobile-menu .mean-bar .mean-nav {
      background-color: #ffffff; }
      .mobile-menu .mean-bar .mean-nav > ul {
        margin-bottom: 30px;
        border: 1px solid #eeeeee;
        border-top: 0px solid transparent;
        overflow-x: hidden; }
        @media only screen and (max-width: 767px) {
          .mobile-menu .mean-bar .mean-nav > ul {
            max-height: 180px;
            overflow-y: auto; } }
        @media only screen and (max-width: 479px) {
          .mobile-menu .mean-bar .mean-nav > ul {
            max-height: 220px;
            overflow-y: auto; } }
        .mobile-menu .mean-bar .mean-nav > ul li {
          position: relative;
          display: block;
          float: left;
          width: 100%;
          /*---- Sub Menu & Mega Menu ----*/ }
          .mobile-menu .mean-bar .mean-nav > ul li a {
            font-size: 13px;
            display: block;
            color: #444444;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 44px;
            position: relative;
            border-top: 1px solid #eeeeee;
            padding: 0 40px 0 20px;
            /*---- Menu Expand For Sub Menu ----*/ }
            .mobile-menu .mean-bar .mean-nav > ul li a::after {
              display: none; }
            .mobile-menu .mean-bar .mean-nav > ul li a:hover {
              color: #202020;
              padding-left: 25px; }
            .mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
              border: 1px solid #eeeeee;
              position: absolute;
              right: -1px;
              top: 0;
              font-size: 20px !important;
              color: #444444;
              line-height: 44px;
              height: 46px;
              width: 40px;
              text-align: center;
              padding: 0; }
              .mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
                line-height: 40px; }
          .mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
            position: static;
            background-color: rgba(0, 0, 0, 0.03);
            margin: 0;
            padding: 0 !important;
            width: 100%;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin: 0;
            display: none;
            float: left;
            width: 100%;
            opacity: 1;
            visibility: visible;
            z-index: 1;
            -webkit-transition: none;
            -o-transition: none;
            transition: none; }
            .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
              padding: 0;
              margin: 0;
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              border-right: 0px solid transparent;
              width: 100%;
              display: block !important;
              float: left;
              width: 100%; }
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
                font-size: 12px;
                display: block !important; }
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
                  display: none; }
              .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
                background-color: rgba(0, 0, 0, 0.04); }
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
                  border-top: 1px solid #dddddd; }
                  .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
                    border: 1px solid #dddddd; }
                .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
                  background-color: rgba(0, 0, 0, 0.05); }
                  .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
                    border-top: 1px solid #eeeeee; }
                    .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
                      border: 1px solid #eeeeee; }

/*---------------------------------------
    03. Category Menu Style
-----------------------------------------*/
/*--
    03.1 Header Category Style
-----------------------------------------*/
.header-category-section {
  z-index: 999; }

/*-- Category Toggle Wrap --*/
.category-toggle-wrap {
  float: left;
  width: 100%;
  padding: 12px 25px; }
  @media only screen and (max-width: 767px) {
    .category-toggle-wrap {
      padding: 8px 25px; } }
  .category-toggle-wrap .category-toggle {
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #202020;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .category-toggle-wrap .category-toggle {
        font-size: 14px; } }
    .category-toggle-wrap .category-toggle i {
      font-size: 24px;
      display: block;
      line-height: 30px;
      float: right; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-toggle-wrap .category-toggle i::before {
          content: "\e62a"; } }
      @media only screen and (max-width: 767px) {
        .category-toggle-wrap .category-toggle i::before {
          content: "\e62a"; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-toggle-wrap .category-toggle i {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .category-toggle-wrap .category-toggle i {
          font-size: 18px; } }

/*-- Header Category --*/
.header-category {
  background-color: #f5d730;
  float: left;
  width: 100%;
  position: relative; }
  .header-category nav {
    z-index: 999; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-category nav {
        float: left;
        background-color: #f6f7f8;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .header-category nav {
        float: left;
        background-color: #f6f7f8;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%; } }
    .header-category nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .header-category nav ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 15px 25px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .header-category nav ul li {
            padding: 15px 20px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-category nav ul li {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            border-top: 1px solid #e8e8e8;
            padding: 0; }
            .header-category nav ul li:first-child {
              border-top: 0px; } }
        @media only screen and (max-width: 767px) {
          .header-category nav ul li {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 100%;
            flex: 1 0 100%;
            border-top: 1px solid #e8e8e8;
            padding: 0; }
            .header-category nav ul li:first-child {
              border-top: 0px; } }
        .header-category nav ul li a {
          display: block;
          font-size: 15px;
          text-transform: uppercase;
          color: #202020;
          font-weight: 700;
          line-height: 30px;
          width: 100%; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .header-category nav ul li a {
              font-size: 12px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-category nav ul li a {
              font-size: 12px;
              padding: 8px 25px;
              color: #606060; } }
          @media only screen and (max-width: 767px) {
            .header-category nav ul li a {
              font-size: 12px;
              padding: 8px 25px;
              color: #606060; } }

/*--
    03.2 Hero Side Category Style
-----------------------------------------*/
.hero-side-category {
  background-color: #f6f7f8;
  width: 260px;
  float: left; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-side-category {
      width: 100%;
      z-index: 999;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .hero-side-category {
      width: 100%;
      z-index: 9;
      position: relative; } }
  .hero-side-category .category-toggle-wrap {
    background-color: #f5d730; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a"; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category .category-toggle-wrap .category-toggle i::before {
        content: "\e62a"; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category .category-toggle-wrap .category-toggle i {
        font-size: 18px; } }
  .hero-side-category nav.category-menu {
    background-color: #f6f7f8;
    float: left;
    width: 100%;
    left: 0;
    width: 100%;
    top: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-side-category nav.category-menu {
        position: absolute; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category nav.category-menu {
        position: absolute; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category nav.category-menu > ul {
        max-height: 180px;
        overflow-y: auto; } }
    @media only screen and (max-width: 479px) {
      .hero-side-category nav.category-menu > ul {
        max-height: 220px;
        overflow-y: auto; } }
    .hero-side-category nav.category-menu > ul > li:last-child > a {
      border-bottom: none !important; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-side-category nav.category-menu > ul > li {
        position: relative; } }
    @media only screen and (max-width: 767px) {
      .hero-side-category nav.category-menu > ul > li {
        position: relative; } }
    .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
      font-family: 'IcoFont';
      content: "\eb8b";
      position: absolute;
      right: 25px;
      top: 0;
      line-height: 50px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .hero-side-category nav.category-menu > ul > li.menu-item-has-children > a::before {
          display: none; } }
    .hero-side-category nav.category-menu > ul > li i {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      height: 50px;
      width: 40px;
      line-height: 50px;
      z-index: 9; }
      .hero-side-category nav.category-menu > ul > li i::before {
        background-color: #606060;
        width: 8px;
        height: 2px;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -4px;
        margin-top: -1px;
        top: 50%; }
      .hero-side-category nav.category-menu > ul > li i::after {
        background-color: #606060;
        width: 2px;
        height: 8px;
        content: "";
        position: absolute;
        left: 50%;
        margin-top: -4px;
        margin-left: -1px;
        top: 50%;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0); }
      .hero-side-category nav.category-menu > ul > li i.expand::after {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1); }
    .hero-side-category nav.category-menu > ul > li > a {
      display: block;
      padding: 10px 25px;
      line-height: 30px;
      font-size: 14px;
      color: #606060;
      font-weight: 600;
      position: relative;
      border-bottom: 1px solid #e8e8e8; }
      .hero-side-category nav.category-menu > ul > li > a:hover {
        color: #202020; }
    .hero-side-category nav.category-menu > ul > li:hover .category-mega-menu {
      z-index: 9;
      opacity: 1;
      visibility: visible; }
    .hero-side-category nav.category-menu > ul > li .banner {
      padding: 15px;
      max-width: 300px; }
    .hero-side-category nav.category-menu.category-menu-5 > ul > li > a {
      padding: 12px 25px; }

/*-- Category Mega Menu --*/
.category-mega-menu {
  position: absolute;
  left: 275px;
  top: 0;
  width: calc(100% - 290px);
  max-width: 910px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 99;
  background-color: #eaeaea;
  padding: 55px 45px 0;
  opacity: 0;
  z-index: -9;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-mega-menu {
      position: static;
      z-index: 9;
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      padding: 0;
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  @media only screen and (max-width: 767px) {
    .category-mega-menu {
      position: static;
      z-index: 9;
      opacity: 1;
      visibility: visible;
      background-color: transparent;
      padding: 0;
      width: 100%;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .category-mega-menu > li {
    float: left;
    width: 33.33%;
    padding: 0 15px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .category-mega-menu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative; }
        .category-mega-menu > li::before {
          content: "";
          float: left;
          height: 2px;
          width: 6px;
          background-color: #606060;
          margin: 24px 0;
          position: relative;
          left: 25px; } }
    @media only screen and (max-width: 767px) {
      .category-mega-menu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 0;
        position: relative; }
        .category-mega-menu > li::before {
          content: "";
          float: left;
          height: 2px;
          width: 6px;
          background-color: #606060;
          margin: 24px 0;
          position: relative;
          left: 25px; } }
    .category-mega-menu > li > a {
      display: block;
      font-size: 16px;
      font-weight: 600;
      color: #202020;
      text-transform: uppercase;
      margin-bottom: 20px;
      border-bottom: 1px solid #e8e8e8; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-mega-menu > li > a {
          padding: 10px 25px 10px 35px;
          line-height: 30px;
          font-size: 14px;
          color: #606060;
          font-weight: 600;
          position: relative;
          margin: 0;
          text-transform: inherit; } }
      @media only screen and (max-width: 767px) {
        .category-mega-menu > li > a {
          padding: 10px 25px 10px 35px;
          line-height: 30px;
          font-size: 14px;
          color: #606060;
          font-weight: 600;
          position: relative;
          margin: 0;
          text-transform: inherit; } }
    .category-mega-menu > li > ul li {
      margin-bottom: 4px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .category-mega-menu > li > ul li::before {
          content: "";
          float: left;
          height: 2px;
          width: 6px;
          background-color: #606060;
          margin: 24px 0;
          position: relative;
          left: 35px; } }
      @media only screen and (max-width: 767px) {
        .category-mega-menu > li > ul li::before {
          content: "";
          float: left;
          height: 2px;
          width: 6px;
          background-color: #606060;
          margin: 24px 0;
          position: relative;
          left: 35px; } }
      .category-mega-menu > li > ul li:last-child {
        margin-bottom: 0; }
      .category-mega-menu > li > ul li a {
        display: block;
        font-size: 14px;
        color: #606060;
        line-height: 30px;
        border-bottom: 1px solid #e8e8e8; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .category-mega-menu > li > ul li a {
            padding: 10px 25px 10px 45px;
            line-height: 30px;
            font-size: 14px;
            color: #606060;
            font-weight: 600;
            position: relative; } }
        @media only screen and (max-width: 767px) {
          .category-mega-menu > li > ul li a {
            padding: 10px 25px 10px 45px;
            line-height: 30px;
            font-size: 14px;
            color: #606060;
            font-weight: 600;
            position: relative; } }
        .category-mega-menu > li > ul li a:hover {
          color: #202020; }
    .category-mega-menu > li.add {
      float: left;
      width: auto;
      padding: 0;
      border: none;
      margin: 30px -45px 0; }
      .category-mega-menu > li.add a {
        display: block;
        border: none;
        margin: 0; }
        .category-mega-menu > li.add a img {
          width: 100%; }

/*---------------------------------------
    04. Hero
-----------------------------------------*/
/*--
    04.1 Hero Slider One
-----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider-one {
  /*-- Arrow --*/
  /*-- Dots --*/ }
  .hero-slider-one .slick-arrow {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 9;
    opacity: 0; }
    .hero-slider-one .slick-arrow i {
      font-size: 28px;
      line-height: 42px;
      display: block; }
    .hero-slider-one .slick-arrow.slick-prev {
      left: 30px; }
    .hero-slider-one .slick-arrow.slick-next {
      right: 30px; }
    .hero-slider-one .slick-arrow:hover {
      border-color: #202020; }
  .hero-slider-one .slick-dots {
    position: absolute;
    left: 100px;
    bottom: 50px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-one .slick-dots {
        left: 50px; } }
    @media only screen and (max-width: 767px) {
      .hero-slider-one .slick-dots {
        left: 50px;
        bottom: 30px; } }
    @media only screen and (max-width: 479px) {
      .hero-slider-one .slick-dots {
        left: 40px; } }
    .hero-slider-one .slick-dots li {
      float: left;
      margin-right: 5px; }
      .hero-slider-one .slick-dots li button {
        border: 1px solid #959595;
        background-color: transparent;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: block;
        padding: 0; }
        .hero-slider-one .slick-dots li button:hover {
          border-color: #202020; }
      .hero-slider-one .slick-dots li.slick-active button {
        border-color: #202020; }
  .hero-slider-one:hover .slick-arrow {
    opacity: 1; }

/*-- Hero Item --*/
.hero-item {
  padding: 85px 150px 60px 100px;
  background-color: #fefcef; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item {
      padding: 85px 100px 60px 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item {
      padding: 50px 50px 40px 50px; } }
  @media only screen and (max-width: 767px) {
    .hero-item {
      padding: 70px 50px; } }
  @media only screen and (max-width: 479px) {
    .hero-item {
      padding: 50px 40px; } }
  .hero-item .col, .hero-item [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

/*-- Hero Image --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image {
    max-width: 240px; } }

@media only screen and (max-width: 767px) {
  .hero-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 200px;
    margin: auto; } }

@media only screen and (max-width: 479px) {
  .hero-image {
    max-width: 160px; } }

.hero-image img {
  max-width: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/*-- Hero Content --*/
@media only screen and (max-width: 767px) {
  .hero-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

.hero-content > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.hero-content h2 {
  font-size: 32px;
  line-height: 1;
  margin: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content h2 {
      font-size: 24px; } }
  @media only screen and (max-width: 767px) {
    .hero-content h2 {
      font-size: 22px; } }
  @media only screen and (max-width: 479px) {
    .hero-content h2 {
      font-size: 18px; } }

.hero-content h1 {
  font-size: 70px;
  font-weight: 400;
  line-height: 80px;
  margin: 0; }
  .hero-content h1 span {
    font-weight: 900; }
    .hero-content h1 span.big {
      font-size: 85px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-content h1 span.big {
          font-size: 70px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-content h1 span.big {
          font-size: 60px; } }
      @media only screen and (max-width: 767px) {
        .hero-content h1 span.big {
          font-size: 55px; } }
      @media only screen and (max-width: 479px) {
        .hero-content h1 span.big {
          font-size: 36px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content h1 {
      font-size: 60px;
      line-height: 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content h1 {
      font-size: 50px;
      line-height: 60px; } }
  @media only screen and (max-width: 767px) {
    .hero-content h1 {
      font-size: 44px;
      line-height: 54px; } }
  @media only screen and (max-width: 479px) {
    .hero-content h1 {
      font-size: 30px;
      line-height: 40px; } }

.hero-content a {
  border: 1px solid #626262;
  border-radius: 50px;
  line-height: 24px;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #202020;
  margin-top: 22px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .hero-content a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1; }
  .hero-content a:hover {
    color: #f5d730; }
    .hero-content a:hover::before {
      height: 300%;
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    .hero-content a {
      font-size: 12px;
      padding: 7px 25px; } }
  @media only screen and (max-width: 479px) {
    .hero-content a {
      font-size: 11px;
      padding: 5px 20px;
      margin-top: 15px; } }

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Image --*/
  /*-- Hero Content --*/ }
  .slick-active .hero-image img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .slick-active .hero-content > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
    .slick-active .hero-content > *:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .slick-active .hero-content > *:nth-child(2) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .slick-active .hero-content > *:nth-child(3) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .slick-active .hero-content > *:nth-child(4) {
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }
    .slick-active .hero-content > *:nth-child(5) {
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s; }
    .slick-active .hero-content > *:nth-child(6) {
      -webkit-animation-delay: 3s;
      animation-delay: 3s; }

/*--
    04.2 Hero Slider Two
-----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider-two {
  /*-- Arrow --*/
  /*-- Dots --*/ }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-two {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .hero-slider-two {
      width: 100%; } }
  .hero-slider-two .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      .hero-slider-two .slick-arrow {
        display: none !important; } }
    .hero-slider-two .slick-arrow i {
      font-size: 28px;
      line-height: 42px;
      display: block; }
    .hero-slider-two .slick-arrow.slick-prev {
      left: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-two .slick-arrow.slick-prev {
          left: 15px; } }
    .hero-slider-two .slick-arrow.slick-next {
      right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-two .slick-arrow.slick-next {
          right: 15px; } }
    .hero-slider-two .slick-arrow:hover {
      border-color: #202020; }
  .hero-slider-two .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-two .slick-dots {
        left: 50px; } }
    @media only screen and (max-width: 767px) {
      .hero-slider-two .slick-dots {
        left: 50px;
        display: block !important; } }
    @media only screen and (max-width: 479px) {
      .hero-slider-two .slick-dots {
        left: 40px;
        bottom: 20px; } }
    .hero-slider-two .slick-dots li {
      float: left;
      margin-right: 5px; }
      .hero-slider-two .slick-dots li button {
        border: 1px solid #959595;
        background-color: transparent;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: block;
        padding: 0; }
        .hero-slider-two .slick-dots li button:hover {
          border-color: #202020; }
      .hero-slider-two .slick-dots li.slick-active button {
        border-color: #202020; }
  .hero-slider-two:hover .slick-arrow {
    opacity: 1; }

/*-- Hero Item --*/
.hero-item-two {
  padding: 49px 85px;
  background-color: #eceded;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-two {
      padding: 78px 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-two {
      padding: 78px 80px; } }
  @media only screen and (max-width: 767px) {
    .hero-item-two {
      padding: 70px 50px; } }
  @media only screen and (max-width: 479px) {
    .hero-item-two {
      padding: 50px 40px; } }
  .hero-item-two .col, .hero-item-two [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

/*-- Hero Image --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-image-two {
    max-width: 220px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image-two {
    max-width: 200px; } }

@media only screen and (max-width: 767px) {
  .hero-image-two {
    max-width: 200px;
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (max-width: 479px) {
  .hero-image-two {
    max-width: 150px; } }

.hero-image-two img {
  max-width: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/*-- Hero Content --*/
@media only screen and (max-width: 767px) {
  .hero-content-two {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

.hero-content-two > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.hero-content-two .offer {
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: inline-block;
  background-image: url(../images/hero/home-2-offer.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 10px;
  width: 134px;
  height: 126px;
  margin-bottom: 20px; }
  .hero-content-two .offer span {
    font-size: 24px;
    font-weight: 700;
    display: block; }
    @media only screen and (max-width: 479px) {
      .hero-content-two .offer span {
        font-size: 18px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-two .offer {
      font-size: 30px;
      padding: 18px 10px;
      width: 100px;
      height: 90px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-two .offer {
      font-size: 30px;
      padding: 18px 10px;
      width: 100px;
      height: 90px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-two .offer {
      font-size: 30px;
      padding: 18px 10px;
      width: 100px;
      height: 90px;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-two .offer {
      font-size: 24px;
      padding: 15px 10px;
      width: 80px;
      height: 70px;
      margin-bottom: 20px; } }

.hero-content-two h1 {
  font-size: 46px;
  font-weight: 800;
  margin: 0;
  line-height: 55px;
  text-transform: uppercase; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-two h1 {
      font-size: 30px;
      line-height: 36px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-two h1 {
      font-size: 30px;
      line-height: 36px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-two h1 {
      font-size: 30px;
      line-height: 36px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-two h1 {
      font-size: 20px;
      line-height: 26px; } }

.hero-content-two a {
  border: 1px solid #626262;
  border-radius: 50px;
  line-height: 24px;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #202020;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .hero-content-two a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1; }
  .hero-content-two a:hover {
    color: #f5d730; }
    .hero-content-two a:hover::before {
      height: 300%;
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    .hero-content-two a {
      font-size: 12px;
      padding: 7px 25px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-two a {
      font-size: 11px;
      padding: 5px 20px;
      margin-top: 15px; } }

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Image --*/
  /*-- Hero Content --*/ }
  .slick-active .hero-image-two img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .slick-active .hero-content-two > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
    .slick-active .hero-content-two > *:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .slick-active .hero-content-two > *:nth-child(2) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .slick-active .hero-content-two > *:nth-child(3) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .slick-active .hero-content-two > *:nth-child(4) {
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }
    .slick-active .hero-content-two > *:nth-child(5) {
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s; }
    .slick-active .hero-content-two > *:nth-child(6) {
      -webkit-animation-delay: 3s;
      animation-delay: 3s; }

/*--
    04.3 Hero Slider Three
-----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider-three {
  /*-- Arrow --*/
  /*-- Dots --*/ }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-three {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .hero-slider-three {
      width: 100%; } }
  .hero-slider-three .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      .hero-slider-three .slick-arrow {
        display: none !important; } }
    .hero-slider-three .slick-arrow i {
      font-size: 28px;
      line-height: 42px;
      display: block; }
    .hero-slider-three .slick-arrow.slick-prev {
      left: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-three .slick-arrow.slick-prev {
          left: 15px; } }
    .hero-slider-three .slick-arrow.slick-next {
      right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-three .slick-arrow.slick-next {
          right: 15px; } }
    .hero-slider-three .slick-arrow:hover {
      border-color: #202020; }
  .hero-slider-three .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-three .slick-dots {
        left: 50px; } }
    @media only screen and (max-width: 767px) {
      .hero-slider-three .slick-dots {
        left: 50px;
        display: block !important; } }
    @media only screen and (max-width: 479px) {
      .hero-slider-three .slick-dots {
        left: 40px;
        bottom: 20px; } }
    .hero-slider-three .slick-dots li {
      float: left;
      margin-right: 5px; }
      .hero-slider-three .slick-dots li button {
        border: 1px solid #959595;
        background-color: transparent;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: block;
        padding: 0; }
        .hero-slider-three .slick-dots li button:hover {
          border-color: #202020; }
      .hero-slider-three .slick-dots li.slick-active button {
        border-color: #202020; }
  .hero-slider-three:hover .slick-arrow {
    opacity: 1; }

/*-- Hero Item --*/
.hero-item-three {
  padding: 59px 85px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-three {
      padding: 85px 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-three {
      padding: 75px 80px; } }
  @media only screen and (max-width: 767px) {
    .hero-item-three {
      padding: 70px 50px; } }
  @media only screen and (max-width: 479px) {
    .hero-item-three {
      padding: 50px 40px; } }
  .hero-item-three .col, .hero-item-three [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

/*-- Hero Image --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-image-three {
    max-width: 270px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image-three {
    max-width: 270px; } }

@media only screen and (max-width: 767px) {
  .hero-image-three {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.hero-image-three img {
  max-width: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/*-- Hero Content --*/
@media only screen and (max-width: 767px) {
  .hero-content-three {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

.hero-content-three > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.hero-content-three .offer {
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: inline-block;
  background-image: url(../images/hero/home-2-offer.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 10px;
  width: 134px;
  height: 126px;
  margin-bottom: 20px; }
  .hero-content-three .offer span {
    font-size: 24px;
    font-weight: 700;
    display: block; }
    @media only screen and (max-width: 479px) {
      .hero-content-three .offer span {
        font-size: 18px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-three .offer {
      font-size: 30px;
      padding: 18px 10px;
      width: 100px;
      height: 90px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-three .offer {
      font-size: 30px;
      padding: 18px 10px;
      width: 100px;
      height: 90px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-three .offer {
      font-size: 30px;
      padding: 18px 10px;
      width: 100px;
      height: 90px;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-three .offer {
      font-size: 24px;
      padding: 15px 10px;
      width: 80px;
      height: 70px;
      margin-bottom: 20px; } }

.hero-content-three h1 {
  font-size: 46px;
  font-weight: 800;
  margin: 0;
  line-height: 55px;
  text-transform: uppercase; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-three h1 {
      font-size: 36px;
      line-height: 46px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-three h1 {
      font-size: 36px;
      line-height: 46px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-three h1 {
      font-size: 36px;
      line-height: 46px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-three h1 {
      font-size: 24px;
      line-height: 30px; } }

.hero-content-three a {
  border: 1px solid #626262;
  border-radius: 50px;
  line-height: 24px;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #202020;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .hero-content-three a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1; }
  .hero-content-three a:hover {
    color: #f5d730; }
    .hero-content-three a:hover::before {
      height: 300%;
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    .hero-content-three a {
      font-size: 12px;
      padding: 7px 25px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-three a {
      font-size: 11px;
      padding: 5px 20px;
      margin-top: 15px; } }

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Image --*/
  /*-- Hero Content --*/ }
  .slick-active .hero-image-three img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .slick-active .hero-content-three > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
    .slick-active .hero-content-three > *:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .slick-active .hero-content-three > *:nth-child(2) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .slick-active .hero-content-three > *:nth-child(3) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .slick-active .hero-content-three > *:nth-child(4) {
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }
    .slick-active .hero-content-three > *:nth-child(5) {
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s; }
    .slick-active .hero-content-three > *:nth-child(6) {
      -webkit-animation-delay: 3s;
      animation-delay: 3s; }

/*--
    04.4 Hero Slider Four
-----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider-four {
  /*-- Arrow --*/
  /*-- Dots --*/ }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-four {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .hero-slider-four {
      width: 100%; } }
  .hero-slider-four .slick-arrow {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      .hero-slider-four .slick-arrow {
        display: none !important; } }
    .hero-slider-four .slick-arrow i {
      font-size: 28px;
      line-height: 44px;
      display: block; }
    .hero-slider-four .slick-arrow.slick-prev {
      left: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-four .slick-arrow.slick-prev {
          left: 15px; } }
    .hero-slider-four .slick-arrow.slick-next {
      right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-four .slick-arrow.slick-next {
          right: 15px; } }
    .hero-slider-four .slick-arrow:hover {
      border-color: #202020; }
  .hero-slider-four .slick-dots {
    display: none !important;
    position: absolute;
    left: 85px;
    bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-four .slick-dots {
        left: 50px; } }
    @media only screen and (max-width: 767px) {
      .hero-slider-four .slick-dots {
        left: 50px;
        display: block !important; } }
    @media only screen and (max-width: 479px) {
      .hero-slider-four .slick-dots {
        left: 40px;
        bottom: 20px; } }
    .hero-slider-four .slick-dots li {
      float: left;
      margin-right: 5px; }
      .hero-slider-four .slick-dots li button {
        border: 1px solid #959595;
        background-color: transparent;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: block;
        padding: 0; }
        .hero-slider-four .slick-dots li button:hover {
          border-color: #202020; }
      .hero-slider-four .slick-dots li.slick-active button {
        border-color: #202020; }
  .hero-slider-four:hover .slick-arrow {
    opacity: 1; }

/*-- Hero Item --*/
.hero-item-four {
  padding: 170px 80px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-item-four {
      padding: 175px 80px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-four {
      padding: 79px 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-four {
      padding: 75px 80px; } }
  @media only screen and (max-width: 767px) {
    .hero-item-four {
      padding: 70px 50px; } }
  @media only screen and (max-width: 479px) {
    .hero-item-four {
      padding: 50px 40px; } }
  .hero-item-four .col, .hero-item-four [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

/*-- Hero Image --*/
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hero-image-four {
    max-width: 350px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-image-four {
    max-width: 400px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image-four {
    max-width: 400px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

@media only screen and (max-width: 767px) {
  .hero-image-four {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; } }

.hero-image-four img {
  max-width: 100%;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

/*-- Hero Content --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-four {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-four {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .hero-content-four {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

.hero-content-four > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.hero-content-four .offer {
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: inline-block;
  background-image: url(../images/hero/home-4-offer.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 37px 25px 37px 40px;
  width: 130px;
  height: 130px;
  margin-bottom: 43px; }
  .hero-content-four .offer span {
    font-size: 20px;
    font-weight: 700;
    display: block; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero-content-four .offer span {
        font-size: 16px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-content-four .offer span {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .hero-content-four .offer span {
        font-size: 12px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four .offer {
      font-size: 20px;
      padding: 30px 15px 30px 30px;
      width: 100px;
      height: 100px;
      margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four .offer {
      font-size: 20px;
      padding: 30px 15px 30px 30px;
      width: 100px;
      height: 100px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-four .offer {
      font-size: 20px;
      padding: 30px 15px 30px 30px;
      width: 100px;
      height: 100px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-four .offer {
      font-size: 18px;
      padding: 27px 10px 27px 20px;
      width: 90px;
      height: 90px;
      margin-bottom: 20px; } }

.hero-content-four h2 {
  font-size: 40px;
  font-weight: 400;
  margin: 0;
  line-height: 50px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-four h2 {
      font-size: 32px;
      line-height: 46px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four h2 {
      font-size: 32px;
      line-height: 46px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four h2 {
      font-size: 32px;
      line-height: 46px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-four h2 {
      font-size: 36px;
      line-height: 46px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-four h2 {
      font-size: 24px;
      line-height: 30px; } }

.hero-content-four h1 {
  font-size: 72px;
  font-weight: 800;
  margin: 0;
  line-height: 72px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-four h1 {
      font-size: 55px;
      line-height: 66px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-four h1 {
      font-size: 55px;
      line-height: 66px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-four h1 {
      font-size: 55px;
      line-height: 66px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-four h1 {
      font-size: 36px;
      line-height: 46px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-four h1 {
      font-size: 24px;
      line-height: 30px; } }

.hero-content-four a {
  border: 0px solid transparent;
  border-radius: 50px;
  line-height: 24px;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #f5d730;
  color: #202020;
  margin-top: 45px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .hero-content-four a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1; }
  .hero-content-four a:hover {
    color: #f5d730; }
    .hero-content-four a:hover::before {
      height: 300%;
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    .hero-content-four a {
      font-size: 12px;
      padding: 7px 25px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-four a {
      font-size: 11px;
      padding: 5px 20px;
      margin-top: 15px; } }

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Image --*/
  /*-- Hero Content --*/ }
  .slick-active .hero-image-four img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .slick-active .hero-content-four > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
    .slick-active .hero-content-four > *:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .slick-active .hero-content-four > *:nth-child(2) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .slick-active .hero-content-four > *:nth-child(3) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .slick-active .hero-content-four > *:nth-child(4) {
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }
    .slick-active .hero-content-four > *:nth-child(5) {
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s; }
    .slick-active .hero-content-four > *:nth-child(6) {
      -webkit-animation-delay: 3s;
      animation-delay: 3s; }

/*--
    04.5 Hero Slider Five
-----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider-five {
  width: calc(100% - 520px);
  float: left;
  padding: 0 10px;
  /*-- Arrow --*/
  /*-- Dots --*/ }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider-five {
      width: 100%;
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .hero-slider-five {
      width: 100%;
      padding: 0; } }
  .hero-slider-five .slick-arrow {
    display: none !important;
    width: 44px;
    height: 44px;
    border: 1px solid #959595;
    color: #202020;
    border-radius: 50px;
    background-color: transparent;
    position: absolute;
    padding: 0;
    top: 50%;
    margin-top: -22px;
    z-index: 5;
    opacity: 0; }
    @media only screen and (max-width: 767px) {
      .hero-slider-five .slick-arrow {
        display: none !important; } }
    .hero-slider-five .slick-arrow i {
      font-size: 28px;
      line-height: 44px;
      display: block; }
    .hero-slider-five .slick-arrow.slick-prev {
      left: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-five .slick-arrow.slick-prev {
          left: 15px; } }
    .hero-slider-five .slick-arrow.slick-next {
      right: 20px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-slider-five .slick-arrow.slick-next {
          right: 15px; } }
    .hero-slider-five .slick-arrow:hover {
      border-color: #202020; }
  .hero-slider-five .slick-dots {
    display: block;
    position: absolute;
    left: 60px;
    bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .hero-slider-five .slick-dots {
        left: 50px; } }
    @media only screen and (max-width: 767px) {
      .hero-slider-five .slick-dots {
        left: 50px;
        display: block !important; } }
    @media only screen and (max-width: 479px) {
      .hero-slider-five .slick-dots {
        left: 40px;
        bottom: 20px; } }
    .hero-slider-five .slick-dots li {
      float: left;
      margin-right: 5px; }
      .hero-slider-five .slick-dots li button {
        border: 1px solid #959595;
        background-color: transparent;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: block;
        padding: 0; }
        .hero-slider-five .slick-dots li button:hover {
          border-color: #202020; }
      .hero-slider-five .slick-dots li.slick-active button {
        border-color: #202020; }
  .hero-slider-five:hover .slick-arrow {
    opacity: 1; }

/*-- Hero Item --*/
.hero-item-five {
  padding: 102px 50px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-five::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      content: "";
      opacity: 0.4; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-five::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      content: "";
      opacity: 0.4; } }
  @media only screen and (max-width: 767px) {
    .hero-item-five::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      content: "";
      opacity: 0.4; } }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-item-five {
      padding: 140px 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-item-five {
      padding: 79px 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-item-five {
      padding: 75px 50px; } }
  @media only screen and (max-width: 767px) {
    .hero-item-five {
      padding: 70px 50px; } }
  @media only screen and (max-width: 479px) {
    .hero-item-five {
      padding: 50px 40px; } }
  .hero-item-five .col, .hero-item-five [class*="col-"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

/*-- Hero Content --*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-five {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-five {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .hero-content-five {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 30px; } }

.hero-content-five > * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.hero-content-five img {
  max-width: 100%;
  margin-bottom: 33px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-five img {
      width: 120px;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .hero-content-five img {
      width: 120px; } }

.hero-content-five h2 {
  font-size: 36px;
  font-weight: 400;
  margin: 0;
  line-height: 42px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-five h2 {
      font-size: 32px;
      line-height: 46px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-five h2 {
      font-size: 32px;
      line-height: 46px;
      color: #ffffff; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-five h2 {
      font-size: 32px;
      line-height: 46px;
      color: #ffffff; } }
  @media only screen and (max-width: 767px) {
    .hero-content-five h2 {
      font-size: 36px;
      line-height: 46px;
      color: #ffffff; } }
  @media only screen and (max-width: 479px) {
    .hero-content-five h2 {
      font-size: 24px;
      line-height: 30px; } }

.hero-content-five h1 {
  font-size: 66px;
  font-weight: 800;
  margin: 0;
  line-height: 68px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hero-content-five h1 {
      font-size: 55px;
      line-height: 66px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content-five h1 {
      font-size: 55px;
      line-height: 66px;
      color: #ffffff; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content-five h1 {
      font-size: 55px;
      line-height: 66px;
      color: #ffffff; } }
  @media only screen and (max-width: 767px) {
    .hero-content-five h1 {
      font-size: 36px;
      line-height: 46px;
      color: #ffffff; } }
  @media only screen and (max-width: 479px) {
    .hero-content-five h1 {
      font-size: 24px;
      line-height: 30px; } }

.hero-content-five a {
  border: 0px solid transparent;
  border-radius: 50px;
  line-height: 24px;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #f5d730;
  color: #202020;
  margin-top: 45px;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .hero-content-five a::before {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 100%;
    background-color: #202020;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    opacity: 0;
    z-index: -1; }
  .hero-content-five a:hover {
    color: #f5d730; }
    .hero-content-five a:hover::before {
      height: 300%;
      opacity: 1; }
  @media only screen and (max-width: 767px) {
    .hero-content-five a {
      font-size: 12px;
      padding: 7px 25px; } }
  @media only screen and (max-width: 479px) {
    .hero-content-five a {
      font-size: 11px;
      padding: 5px 20px;
      margin-top: 15px; } }

/*-- Slide Content In Animation --*/
.slick-active {
  /*-- Hero Image --*/
  /*-- Hero Content --*/ }
  .slick-active .hero-image-five img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .slick-active .hero-content-five > * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; }
    .slick-active .hero-content-five > *:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s; }
    .slick-active .hero-content-five > *:nth-child(2) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s; }
    .slick-active .hero-content-five > *:nth-child(3) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
    .slick-active .hero-content-five > *:nth-child(4) {
      -webkit-animation-delay: 2s;
      animation-delay: 2s; }
    .slick-active .hero-content-five > *:nth-child(5) {
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s; }
    .slick-active .hero-content-five > *:nth-child(6) {
      -webkit-animation-delay: 3s;
      animation-delay: 3s; }

/*---------------------------------------
    05. Banner
-----------------------------------------*/
/*-- Banner --*/
.banner a {
  display: block;
  position: relative;
  overflow: hidden; }
  .banner a::before {
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    height: 200%;
    left: -280px;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 80px;
    z-index: 0; }
  .banner a::after {
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    height: 200%;
    left: 180%;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 80px;
    z-index: 0; }
  .banner a:hover::before {
    left: 180%;
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); }
  .banner a:hover::after {
    left: -280px;
    -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); }
  .banner a img {
    width: 100%; }

.hero-banner {
  float: right;
  width: 260px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-banner {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .hero-banner {
      width: 100%; } }

/*---------------------------------------
    06. Product Slider
-----------------------------------------*/
.product-slider-wrap {
  overflow: hidden; }

/*-- Product Slider Default Style --*/
.product-slider {
  /*-- Dots --*/ }
  .product-slider .slick-dots {
    position: absolute;
    left: 50px;
    bottom: 30px;
    display: none;
    opacity: 0;
    visibility: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product-slider .slick-dots {
        display: block;
        opacity: 1;
        visibility: visible; } }
    @media only screen and (max-width: 767px) {
      .product-slider .slick-dots {
        display: block;
        opacity: 1;
        visibility: visible;
        bottom: 20px; } }
    .product-slider .slick-dots li {
      float: left;
      margin-right: 5px; }
      .product-slider .slick-dots li button {
        border: 1px solid #959595;
        background-color: transparent;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: block;
        padding: 0; }
        .product-slider .slick-dots li button:hover {
          border-color: #202020; }
      .product-slider .slick-dots li.slick-active button {
        border-color: #202020; }

/*-- Product Slider Arrow Style One --*/
.product-slider-arrow-one {
  margin-left: -100px;
  margin-right: -100px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-one {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-one {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-one {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .product-slider-arrow-one {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 479px) {
    .product-slider-arrow-one {
      margin-left: -15px;
      margin-right: -15px; } }
  .product-slider-arrow-one .product-slider {
    padding-left: 85px;
    padding-right: 85px;
    /*-- Arrow --*/ }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 767px) {
      .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 479px) {
      .product-slider-arrow-one .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    .product-slider-arrow-one .product-slider .slick-arrow {
      display: block;
      width: 44px;
      height: 44px;
      border: none;
      color: #444444;
      background-color: #ffffff;
      border-radius: 50%;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      padding: 0;
      text-align: center;
      position: absolute;
      top: 50%;
      margin-top: -27px;
      z-index: 999;
      opacity: 0;
      visibility: hidden; }
      .product-slider-arrow-one .product-slider .slick-arrow i {
        font-size: 36px;
        line-height: 42px;
        display: block; }
      .product-slider-arrow-one .product-slider .slick-arrow.slick-prev {
        left: 50px; }
      .product-slider-arrow-one .product-slider .slick-arrow.slick-next {
        right: 50px; }
      .product-slider-arrow-one .product-slider .slick-arrow:hover {
        background-color: #202020;
        color: #ffffff; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .product-slider-arrow-one .product-slider .slick-arrow {
          display: none;
          opacity: 0;
          visibility: hidden; } }
    .product-slider-arrow-one .product-slider:hover {
      /*-- Arrow --*/ }
      .product-slider-arrow-one .product-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible; }
        .product-slider-arrow-one .product-slider:hover .slick-arrow.slick-prev {
          left: 15px; }
        .product-slider-arrow-one .product-slider:hover .slick-arrow.slick-next {
          right: 15px; }

/*-- Product Slider Arrow Style Two --*/
.product-slider-arrow-two {
  margin-right: -80px;
  margin-left: -15px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .product-slider-arrow-two {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-slider-arrow-two {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-slider-arrow-two {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .product-slider-arrow-two {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 479px) {
    .product-slider-arrow-two {
      margin-left: -15px;
      margin-right: -15px; } }
  .product-slider-arrow-two .product-slider {
    padding-right: 65px;
    padding-left: 0;
    /*-- Arrow --*/ }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 767px) {
      .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 479px) {
      .product-slider-arrow-two .product-slider {
        padding-left: 0;
        padding-right: 0; } }
    .product-slider-arrow-two .product-slider .slick-arrow {
      display: block;
      width: 44px;
      height: 44px;
      border: none;
      color: #444444;
      background-color: #ffffff;
      border-radius: 50%;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      padding: 0;
      text-align: center;
      position: absolute;
      top: 50%;
      right: 0;
      z-index: 999;
      opacity: 0;
      visibility: hidden; }
      @media only screen and (min-width: 1200px) and (max-width: 1599px) {
        .product-slider-arrow-two .product-slider .slick-arrow {
          left: auto;
          right: auto;
          margin-top: -27px !important;
          margin-left: 0 !important;
          margin-right: 0 !important; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .product-slider-arrow-two .product-slider .slick-arrow {
          left: auto;
          right: auto;
          margin-top: -27px !important;
          margin-left: 0 !important;
          margin-right: 0 !important; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .product-slider-arrow-two .product-slider .slick-arrow {
          left: auto;
          right: auto;
          margin-top: -27px !important;
          margin-left: 0 !important;
          margin-right: 0 !important; } }
      @media only screen and (max-width: 767px) {
        .product-slider-arrow-two .product-slider .slick-arrow {
          left: auto;
          right: auto;
          margin-top: -27px !important;
          margin-left: 0 !important;
          margin-right: 0 !important; } }
      .product-slider-arrow-two .product-slider .slick-arrow i {
        font-size: 36px;
        line-height: 42px;
        display: block; }
      .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
        margin-top: -54px;
        margin-right: -30px; }
        @media only screen and (min-width: 1200px) and (max-width: 1599px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
            left: 50px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
            left: 50px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
            left: 50px; } }
        @media only screen and (max-width: 767px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-prev {
            left: 50px; } }
      .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
        margin-top: 0;
        margin-right: 30px; }
        @media only screen and (min-width: 1200px) and (max-width: 1599px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
            right: 50px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
            right: 50px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
            right: 50px; } }
        @media only screen and (max-width: 767px) {
          .product-slider-arrow-two .product-slider .slick-arrow.slick-next {
            right: 50px; } }
      .product-slider-arrow-two .product-slider .slick-arrow:hover {
        background-color: #202020;
        color: #ffffff; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .product-slider-arrow-two .product-slider .slick-arrow {
          display: none;
          opacity: 0;
          visibility: hidden; } }
    .product-slider-arrow-two .product-slider:hover {
      /*-- Arrow --*/ }
      .product-slider-arrow-two .product-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible;
        margin-right: 10px; }
        @media only screen and (min-width: 1200px) and (max-width: 1599px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
            left: 15px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
            left: 15px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
            left: 15px; } }
        @media only screen and (max-width: 767px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-prev {
            left: 15px; } }
        @media only screen and (min-width: 1200px) and (max-width: 1599px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
            right: 15px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
            right: 15px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
            right: 15px; } }
        @media only screen and (max-width: 767px) {
          .product-slider-arrow-two .product-slider:hover .slick-arrow.slick-next {
            right: 15px; } }

/*---------------------------------------
    07. Products
-----------------------------------------*/
/*-- Product Tab Filter --*/
.product-tab-filter {
  float: right;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .product-tab-filter {
      float: left; } }

/*-- Product Tab Filter Toggle --*/
.product-tab-filter-toggle {
  display: none;
  border: 1px solid #e8e8e8;
  line-height: 24px;
  padding: 5px 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #202020;
  background-color: transparent;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media only screen and (max-width: 767px) {
    .product-tab-filter-toggle {
      display: block; } }
  .product-tab-filter-toggle span {
    display: inline-block;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .product-tab-filter-toggle i {
    font-size: 16px;
    float: right;
    line-height: 24px; }

/*-- Product Tab List --*/
@media only screen and (max-width: 767px) {
  .product-tab-list {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 220px;
    left: 0;
    right: auto;
    top: 100%;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    z-index: 999; } }

.product-tab-list li {
  display: block;
  float: left;
  margin-right: 35px; }
  @media only screen and (max-width: 767px) {
    .product-tab-list li {
      width: 100%;
      margin-right: 0;
      border-bottom: 1px solid #eeeeee; }
      .product-tab-list li:last-child {
        margin: 0;
        border: none; } }
  .product-tab-list li:last-child {
    margin: 0; }
  .product-tab-list li a {
    font-size: 14px;
    color: #777777;
    font-weight: 600;
    line-height: 20px;
    display: block;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .product-tab-list li a {
        font-size: 12px;
        padding: 8px 15px; } }
    .product-tab-list li a.active {
      color: #202020; }

/*----
    07.1 Shop Top Bar
-----------------------------------------*/
.shop-top-bar {
  float: left;
  width: 100%;
  padding: 13px 30px;
  background-color: #fefcef; }
  @media only screen and (max-width: 479px) {
    .shop-top-bar {
      padding: 13px 20px; } }

/*-- View Mode --*/
.product-view-mode {
  float: left;
  margin-right: 80px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-view-mode {
      margin-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .product-view-mode {
      margin-right: 20px;
      margin-bottom: 15px; } }
  .product-view-mode a {
    float: left;
    margin-right: 15px;
    color: #666666;
    padding: 5px 0; }
    .product-view-mode a:last-child {
      margin-right: 0; }
    .product-view-mode a i {
      font-size: 22px;
      display: block;
      line-height: 24px; }
    .product-view-mode a.active {
      color: #202020; }

.with-sidebar .product-view-mode {
  margin-right: 20px; }

/*-- Product Showing --*/
.product-showing {
  float: left;
  margin-right: 80px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-showing {
      margin-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .product-showing {
      margin-right: 20px;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 479px) {
    .product-showing {
      margin-right: 0; } }
  .product-showing p {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin: 0 15px 0 0;
    padding: 5px 0; }
    @media only screen and (max-width: 479px) {
      .product-showing p {
        font-size: 12px;
        margin-right: 10px; } }
  .product-showing div.nice-select {
    float: right;
    clear: none;
    border: 1px solid #999999;
    background-color: transparent;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 32px;
    height: 34px; }
    .product-showing div.nice-select::after {
      border-width: 1px;
      border-color: #202020;
      height: 7px;
      width: 7px;
      right: 20px; }
    .product-showing div.nice-select .current {
      width: 25px;
      display: block;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      color: #202020;
      line-height: 32px; }
      @media only screen and (max-width: 479px) {
        .product-showing div.nice-select .current {
          font-size: 12px;
          width: auto; } }

.with-sidebar .product-showing {
  margin-right: 20px; }

/*-- Product Short --*/
.product-short {
  float: left; }
  @media only screen and (max-width: 479px) {
    .product-short {
      margin-bottom: 15px; } }
  .product-short p {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin: 0 15px 0 0;
    padding: 5px 0; }
    @media only screen and (max-width: 479px) {
      .product-short p {
        font-size: 12px;
        margin-right: 10px; } }
  .product-short div.nice-select {
    float: right;
    clear: none;
    border: 1px solid #999999;
    background-color: transparent;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 40px;
    line-height: 32px;
    height: 34px; }
    .product-short div.nice-select::after {
      border-width: 1px;
      border-color: #202020;
      height: 7px;
      width: 7px;
      right: 20px; }
    .product-short div.nice-select .current {
      display: block;
      text-align: left;
      font-size: 14px;
      font-weight: 500;
      min-width: 100px;
      color: #202020;
      line-height: 32px; }
      @media only screen and (max-width: 479px) {
        .product-short div.nice-select .current {
          font-size: 12px; } }

/*-- Product Page --*/
.product-pages {
  float: right; }
  @media only screen and (max-width: 479px) {
    .product-pages {
      width: 100%; } }
  .product-pages p {
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    padding: 5px 0; }
    @media only screen and (max-width: 479px) {
      .product-pages p {
        font-size: 12px; } }

/*-- Shop Product Wrap --*/
.shop-product-wrap.list > [class*="col"], .shop-product-wrap.list > [class*="col-"] {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%; }

.shop-product-wrap.list .ee-product {
  display: none; }

.shop-product-wrap.list .ee-product-list {
  display: block; }

.shop-product-wrap.grid .ee-product {
  display: block; }

.shop-product-wrap.grid .ee-product-list {
  display: none; }

/*----
    07.2 Protuct Style One
-----------------------------------------*/
.ee-product {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ee-product .image {
    position: relative; }
    .ee-product .image .label {
      position: absolute;
      left: 20px;
      top: 28px;
      font-size: 13px;
      font-weight: 700;
      color: #202020;
      text-transform: capitalize;
      line-height: 20px; }
      .ee-product .image .label.sale {
        color: #202020; }
      .ee-product .image .label.new {
        color: #ff0000; }
    .ee-product .image .img {
      display: block;
      background-color: #f6f7f8; }
      .ee-product .image .img img {
        display: block;
        width: 100%; }
    .ee-product .image .wishlist-compare {
      position: absolute;
      top: 20px;
      right: 20px; }
      .ee-product .image .wishlist-compare a {
        height: 33px;
        width: 33px;
        border: 1px solid #999999;
        border-radius: 50px;
        display: block;
        float: left;
        margin-right: 7px;
        color: #444444;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        left: 20px;
        position: relative; }
        .ee-product .image .wishlist-compare a::before {
          content: attr(data-tooltip);
          position: absolute;
          bottom: 100%;
          left: 50%;
          margin-bottom: 8px;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          font-size: 10px;
          font-weight: 600;
          background-color: #444444;
          color: #ffffff;
          line-height: 16px;
          padding: 3px 10px;
          border-radius: 2px;
          white-space: nowrap;
          opacity: 0;
          visibility: hidden; }
        .ee-product .image .wishlist-compare a::after {
          position: absolute;
          left: 50%;
          bottom: 100%;
          margin-bottom: 4px;
          margin-left: -4px;
          content: "";
          border-width: 4px 4px 0 4px;
          border-style: solid;
          border-color: #444444 transparent transparent transparent;
          opacity: 0;
          visibility: hidden; }
        .ee-product .image .wishlist-compare a:last-child {
          margin-right: 0; }
        .ee-product .image .wishlist-compare a:nth-child(1) {
          -webkit-transition-delay: 0.07s;
          -o-transition-delay: 0.07s;
          transition-delay: 0.07s; }
        .ee-product .image .wishlist-compare a:nth-child(2) {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s; }
        .ee-product .image .wishlist-compare a i {
          line-height: 31px;
          font-size: 15px;
          display: block; }
        .ee-product .image .wishlist-compare a:hover {
          color: #202020;
          border-color: #202020; }
          .ee-product .image .wishlist-compare a:hover::before {
            opacity: 1;
            visibility: visible; }
          .ee-product .image .wishlist-compare a:hover::after {
            opacity: 1;
            visibility: visible; }
        .ee-product .image .wishlist-compare a.added {
          color: #202020;
          border-color: #f5d730;
          background-color: #f5d730; }
    .ee-product .image .add-to-cart {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #f5d730;
      color: #202020;
      border-radius: 50px;
      display: block;
      width: 170px;
      padding: 10px 25px 10px 56px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
      -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
      transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s; }
      .ee-product .image .add-to-cart i {
        width: 41px;
        height: 41px;
        background-color: #ffffff;
        border-radius: 50px;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        line-height: 41px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        position: absolute;
        left: 0;
        right: auto;
        top: 0; }
      .ee-product .image .add-to-cart span {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 21px;
        overflow: hidden;
        display: block;
        text-align: center; }
      .ee-product .image .add-to-cart.added {
        padding-left: 25px;
        padding-right: 56px; }
        .ee-product .image .add-to-cart.added i {
          left: calc(100% - 41px); }
  .ee-product .specification {
    background-color: #ffffff;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #dddddd; }
    .ee-product .specification ul {
      list-style: none; }
      .ee-product .specification ul li {
        font-size: 14px;
        line-height: 24px;
        color: #444444;
        padding-left: 18px;
        position: relative;
        margin: 4px 0; }
        .ee-product .specification ul li::before {
          position: absolute;
          left: 0;
          top: 12px;
          height: 8px;
          width: 8px;
          margin-top: -4px;
          content: "";
          background-color: #444444; }
  .ee-product .content {
    background-color: #ffffff;
    overflow: hidden; }
    .ee-product .content .category-title {
      padding: 15px 20px;
      border-bottom: 1px solid #dddddd;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .ee-product .content .category-title .cat {
        display: inline-block;
        line-height: 15px;
        text-transform: capitalize;
        font-size: 13px;
        color: #444444;
        letter-spacing: 0.5px;
        margin-bottom: 4px; }
        .ee-product .content .category-title .cat:hover {
          color: #202020; }
      .ee-product .content .category-title .title {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        line-height: 20px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%; }
        .ee-product .content .category-title .title a {
          display: block;
          color: #444444; }
          .ee-product .content .category-title .title a:hover {
            color: #202020; }
    .ee-product .content .price-ratting {
      padding: 9px 20px;
      float: left;
      width: 100%; }
      .ee-product .content .price-ratting .price {
        font-size: 15px;
        font-weight: 700;
        color: #444444;
        line-height: 24px;
        float: left;
        margin: 5px 0; }
        .ee-product .content .price-ratting .price span {
          float: left;
          color: #444444;
          margin-right: 15px;
          text-decoration: line-through; }
      .ee-product .content .price-ratting .ratting {
        float: right;
        margin: 5px 0; }
        .ee-product .content .price-ratting .ratting i {
          color: #444444;
          font-size: 14px;
          float: left;
          margin-right: 4px;
          line-height: 24px; }
          .ee-product .content .price-ratting .ratting i:last-child {
            margin-right: 0; }
  .ee-product:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
    .ee-product:hover .image .wishlist-compare a {
      opacity: 1;
      visibility: visible;
      left: 0; }
      .ee-product:hover .image .wishlist-compare a:nth-child(1) {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s; }
      .ee-product:hover .image .wishlist-compare a:nth-child(2) {
        -webkit-transition-delay: 0.07s;
        -o-transition-delay: 0.07s;
        transition-delay: 0.07s; }
    .ee-product:hover .image .add-to-cart {
      opacity: 1;
      visibility: visible;
      bottom: 20px; }

/*----
    07.3 Protuct Style Two
-----------------------------------------*/
.ee-product-two {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ee-product-two .wrap {
    position: relative; }
    .ee-product-two .wrap .cat {
      position: absolute;
      left: 40px;
      top: 35px;
      font-size: 13px;
      font-weight: 700;
      color: #202020;
      text-transform: uppercase;
      line-height: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ee-product-two .wrap .cat {
          left: 30px;
          top: 25px; } }
      @media only screen and (max-width: 479px) {
        .ee-product-two .wrap .cat {
          left: 20px;
          top: 20px;
          font-size: 12px; } }
    .ee-product-two .wrap .offer {
      position: absolute;
      right: 70px;
      top: 0;
      padding: 12px 15px;
      font-size: 22px;
      font-weight: 700;
      color: #202020;
      -webkit-box-shadow: 0 3px 7px rgab(0, 0, 0, 0.15);
      box-shadow: 0 3px 7px rgab(0, 0, 0, 0.15);
      background-color: #f5d730;
      border-radius: 0 0 50px 50px;
      text-align: center;
      line-height: 30px; }
      .ee-product-two .wrap .offer span {
        display: block;
        font-size: 28px;
        font-weight: 800; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ee-product-two .wrap .offer {
          right: 50px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ee-product-two .wrap .offer {
          right: 30px;
          font-size: 18px;
          line-height: 24px; }
          .ee-product-two .wrap .offer span {
            font-size: 24px; } }
      @media only screen and (max-width: 479px) {
        .ee-product-two .wrap .offer {
          right: 20px;
          font-size: 14px;
          line-height: 20px;
          padding: 10px 12px; }
          .ee-product-two .wrap .offer span {
            font-size: 18px; } }
    .ee-product-two .wrap .img {
      display: block;
      background-color: #f6f7f8; }
      .ee-product-two .wrap .img img {
        display: block;
        width: 100%; }
    .ee-product-two .wrap .add-to-cart {
      position: absolute;
      bottom: 140px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #f5d730;
      color: #202020;
      border-radius: 50px;
      display: block;
      width: 170px;
      padding: 10px 25px 10px 56px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
      -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
      transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s; }
      .ee-product-two .wrap .add-to-cart i {
        width: 41px;
        height: 41px;
        background-color: #ffffff;
        border-radius: 50px;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        line-height: 41px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        position: absolute;
        left: 0;
        right: auto;
        top: 0; }
      .ee-product-two .wrap .add-to-cart span {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 21px;
        overflow: hidden;
        display: block;
        text-align: center; }
      .ee-product-two .wrap .add-to-cart.added {
        padding-left: 25px;
        padding-right: 56px; }
        .ee-product-two .wrap .add-to-cart.added i {
          left: calc(100% - 41px); }
      @media only screen and (max-width: 479px) {
        .ee-product-two .wrap .add-to-cart {
          top: 50%;
          bottom: auto; } }
    .ee-product-two .wrap .content {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      overflow: hidden;
      padding: 15px 40px 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ee-product-two .wrap .content {
          padding: 30px; } }
      @media only screen and (max-width: 479px) {
        .ee-product-two .wrap .content {
          padding: 20px 25px; } }
      .ee-product-two .wrap .content .title-price {
        float: left; }
        @media only screen and (max-width: 479px) {
          .ee-product-two .wrap .content .title-price {
            display: block;
            width: 100%; } }
        .ee-product-two .wrap .content .title-price .title {
          font-size: 24px;
          font-weight: 400;
          margin: 0;
          line-height: 30px;
          margin-bottom: 5px; }
          .ee-product-two .wrap .content .title-price .title a {
            display: block;
            color: #202020; }
            .ee-product-two .wrap .content .title-price .title a:hover {
              color: #202020; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .ee-product-two .wrap .content .title-price .title {
              font-size: 18px;
              line-height: 24px; } }
          @media only screen and (max-width: 479px) {
            .ee-product-two .wrap .content .title-price .title {
              font-size: 18px;
              line-height: 24px; } }
        .ee-product-two .wrap .content .title-price .price {
          font-size: 24px;
          font-weight: 700;
          margin: 0;
          line-height: 30px;
          color: #202020; }
          .ee-product-two .wrap .content .title-price .price .old {
            color: #444444;
            text-decoration: line-through;
            margin-right: 10px; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .ee-product-two .wrap .content .title-price .price {
              font-size: 18px;
              line-height: 24px; } }
          @media only screen and (max-width: 767px) {
            .ee-product-two .wrap .content .title-price .price {
              font-size: 20px; } }
          @media only screen and (max-width: 479px) {
            .ee-product-two .wrap .content .title-price .price {
              font-size: 18px;
              line-height: 24px; } }
      .ee-product-two .wrap .content .wishlist-compare {
        float: right; }
        .ee-product-two .wrap .content .wishlist-compare a {
          height: 33px;
          width: 33px;
          border: 1px solid #999999;
          border-radius: 50px;
          display: block;
          float: left;
          margin-right: 7px;
          color: #444444;
          text-align: center;
          opacity: 0;
          visibility: hidden;
          left: 20px;
          position: relative; }
          .ee-product-two .wrap .content .wishlist-compare a::before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-bottom: 8px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 10px;
            font-weight: 600;
            background-color: #444444;
            color: #ffffff;
            line-height: 16px;
            padding: 3px 10px;
            border-radius: 2px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden; }
          .ee-product-two .wrap .content .wishlist-compare a::after {
            position: absolute;
            left: 50%;
            bottom: 100%;
            margin-bottom: 4px;
            margin-left: -4px;
            content: "";
            border-width: 4px 4px 0 4px;
            border-style: solid;
            border-color: #444444 transparent transparent transparent;
            opacity: 0;
            visibility: hidden; }
          .ee-product-two .wrap .content .wishlist-compare a:last-child {
            margin-right: 0; }
          .ee-product-two .wrap .content .wishlist-compare a:nth-child(1) {
            -webkit-transition-delay: 0.07s;
            -o-transition-delay: 0.07s;
            transition-delay: 0.07s; }
          .ee-product-two .wrap .content .wishlist-compare a:nth-child(2) {
            -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
            transition-delay: 0s; }
          .ee-product-two .wrap .content .wishlist-compare a i {
            line-height: 31px;
            font-size: 15px;
            display: block; }
          .ee-product-two .wrap .content .wishlist-compare a:hover {
            color: #202020;
            border-color: #202020; }
            .ee-product-two .wrap .content .wishlist-compare a:hover::before {
              opacity: 1;
              visibility: visible; }
            .ee-product-two .wrap .content .wishlist-compare a:hover::after {
              opacity: 1;
              visibility: visible; }
          .ee-product-two .wrap .content .wishlist-compare a.added {
            color: #202020;
            border-color: #f5d730;
            background-color: #f5d730; }
          @media only screen and (max-width: 479px) {
            .ee-product-two .wrap .content .wishlist-compare a {
              opacity: 1;
              visibility: visible;
              left: 0; } }
        @media only screen and (max-width: 479px) {
          .ee-product-two .wrap .content .wishlist-compare {
            display: none; } }
  .ee-product-two:hover .wrap .add-to-cart {
    opacity: 1;
    visibility: visible;
    bottom: 180px; }
    @media only screen and (max-width: 479px) {
      .ee-product-two:hover .wrap .add-to-cart {
        bottom: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); } }
  .ee-product-two:hover .wrap .content .wishlist-compare a {
    opacity: 1;
    visibility: visible;
    left: 0; }
    .ee-product-two:hover .wrap .content .wishlist-compare a:nth-child(1) {
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s; }
    .ee-product-two:hover .wrap .content .wishlist-compare a:nth-child(2) {
      -webkit-transition-delay: 0.07s;
      -o-transition-delay: 0.07s;
      transition-delay: 0.07s; }

/*----
    07.4 Protuct Style Three ( With Countdown )
-----------------------------------------*/
.ee-product-three {
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ee-product-three .image {
    position: relative; }
    .ee-product-three .image .label {
      position: absolute;
      left: 30px;
      top: 28px;
      font-size: 13px;
      font-weight: 700;
      color: #202020;
      text-transform: capitalize;
      line-height: 20px; }
      .ee-product-three .image .label.sale {
        color: #202020; }
      .ee-product-three .image .label.new {
        color: #ff0000; }
      .ee-product-three .image .label.sold {
        bottom: 25px;
        top: auto; }
      .ee-product-three .image .label.stock {
        right: 30px;
        left: auto;
        top: auto;
        bottom: 25px; }
    .ee-product-three .image .img {
      display: block;
      background-color: #f6f7f8; }
      .ee-product-three .image .img img {
        display: block;
        width: 100%; }
    .ee-product-three .image .wishlist-compare {
      position: absolute;
      top: 20px;
      right: 20px; }
      .ee-product-three .image .wishlist-compare a {
        height: 33px;
        width: 33px;
        border: 1px solid #999999;
        border-radius: 50px;
        display: block;
        float: left;
        margin-right: 7px;
        color: #444444;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        left: 20px;
        position: relative; }
        .ee-product-three .image .wishlist-compare a::before {
          content: attr(data-tooltip);
          position: absolute;
          bottom: 100%;
          left: 50%;
          margin-bottom: 8px;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          font-size: 10px;
          font-weight: 600;
          background-color: #444444;
          color: #ffffff;
          line-height: 16px;
          padding: 3px 10px;
          border-radius: 2px;
          white-space: nowrap;
          opacity: 0;
          visibility: hidden; }
        .ee-product-three .image .wishlist-compare a::after {
          position: absolute;
          left: 50%;
          bottom: 100%;
          margin-bottom: 4px;
          margin-left: -4px;
          content: "";
          border-width: 4px 4px 0 4px;
          border-style: solid;
          border-color: #444444 transparent transparent transparent;
          opacity: 0;
          visibility: hidden; }
        .ee-product-three .image .wishlist-compare a:last-child {
          margin-right: 0; }
        .ee-product-three .image .wishlist-compare a:nth-child(1) {
          -webkit-transition-delay: 0.07s;
          -o-transition-delay: 0.07s;
          transition-delay: 0.07s; }
        .ee-product-three .image .wishlist-compare a:nth-child(2) {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s; }
        .ee-product-three .image .wishlist-compare a i {
          line-height: 31px;
          font-size: 15px;
          display: block; }
        .ee-product-three .image .wishlist-compare a:hover {
          color: #202020;
          border-color: #202020; }
          .ee-product-three .image .wishlist-compare a:hover::before {
            opacity: 1;
            visibility: visible; }
          .ee-product-three .image .wishlist-compare a:hover::after {
            opacity: 1;
            visibility: visible; }
        .ee-product-three .image .wishlist-compare a.added {
          color: #202020;
          border-color: #f5d730;
          background-color: #f5d730; }
    .ee-product-three .image .add-to-cart {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #f5d730;
      color: #202020;
      border-radius: 50px;
      display: block;
      width: 170px;
      padding: 10px 25px 10px 56px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
      -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
      transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s; }
      .ee-product-three .image .add-to-cart i {
        width: 41px;
        height: 41px;
        background-color: #ffffff;
        border-radius: 50px;
        display: block;
        float: left;
        font-size: 20px;
        text-align: center;
        line-height: 41px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        position: absolute;
        left: 0;
        right: auto;
        top: 0; }
      .ee-product-three .image .add-to-cart span {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 21px;
        overflow: hidden;
        display: block;
        text-align: center; }
      .ee-product-three .image .add-to-cart.added {
        padding-left: 25px;
        padding-right: 56px; }
        .ee-product-three .image .add-to-cart.added i {
          left: calc(100% - 41px); }
  .ee-product-three .content {
    overflow: hidden;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .ee-product-three .content .category-title .cat {
      display: inline-block;
      line-height: 15px;
      text-transform: capitalize;
      font-size: 13px;
      color: #444444;
      letter-spacing: 0.5px;
      margin-bottom: 4px; }
      .ee-product-three .content .category-title .cat:hover {
        color: #202020; }
    .ee-product-three .content .category-title .title {
      font-size: 16px;
      font-weight: 600;
      margin: 0;
      line-height: 20px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%; }
      .ee-product-three .content .category-title .title a {
        display: block;
        color: #444444; }
        .ee-product-three .content .category-title .title a:hover {
          color: #202020; }
    .ee-product-three .content .price {
      font-size: 15px;
      font-weight: 700;
      color: #444444;
      line-height: 20px;
      float: left;
      margin: 10px 0 0; }
      .ee-product-three .content .price span {
        float: left;
        color: #444444;
        margin-right: 15px;
        text-decoration: line-through; }
      @media only screen and (min-width: 1200px) and (max-width: 1599px) {
        .ee-product-three .content .price {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ee-product-three .content .price {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      @media only screen and (max-width: 479px) {
        .ee-product-three .content .price {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
  .ee-product-three .product-countdown {
    border-top: 1px solid #f3f3f3;
    padding: 30px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
    @media only screen and (max-width: 479px) {
      .ee-product-three .product-countdown {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .ee-product-three .product-countdown .cdown span {
      display: block;
      font-size: 28px;
      line-height: 24px;
      font-weight: 700;
      color: #202020;
      margin-bottom: 6px; }
      @media only screen and (max-width: 479px) {
        .ee-product-three .product-countdown .cdown span {
          font-size: 24px;
          line-height: 22px; } }
    .ee-product-three .product-countdown .cdown p {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0.5px;
      line-height: 14px;
      color: #3a3a3a; }
      @media only screen and (max-width: 479px) {
        .ee-product-three .product-countdown .cdown p {
          font-size: 10px;
          line-height: 10px; } }
  .ee-product-three:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
    .ee-product-three:hover .image .wishlist-compare a {
      opacity: 1;
      visibility: visible;
      left: 0; }
      .ee-product-three:hover .image .wishlist-compare a:nth-child(1) {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s; }
      .ee-product-three:hover .image .wishlist-compare a:nth-child(2) {
        -webkit-transition-delay: 0.07s;
        -o-transition-delay: 0.07s;
        transition-delay: 0.07s; }
    .ee-product-three:hover .image .add-to-cart {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }

/*----
    07.5 Protuct Style List
-----------------------------------------*/
.ee-product-list {
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden; }
  .ee-product-list .image {
    position: relative;
    float: left;
    width: 270px; }
    @media only screen and (max-width: 767px) {
      .ee-product-list .image {
        width: 100%; } }
    .ee-product-list .image .label {
      position: absolute;
      left: 20px;
      top: 28px;
      font-size: 13px;
      font-weight: 700;
      color: #202020;
      text-transform: capitalize;
      line-height: 20px; }
      .ee-product-list .image .label.sale {
        color: #202020; }
      .ee-product-list .image .label.new {
        color: #ff0000; }
    .ee-product-list .image .img {
      display: block;
      background-color: #f6f7f8; }
      .ee-product-list .image .img img {
        display: block;
        width: 100%; }
  .ee-product-list .content {
    overflow: hidden;
    padding: 35px 0; }
    @media only screen and (max-width: 767px) {
      .ee-product-list .content {
        float: left;
        width: 100%; } }
    .ee-product-list .content .head-content {
      float: left;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 40px 0 60px;
      margin-bottom: 2px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ee-product-list .content .head-content {
          padding: 0 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ee-product-list .content .head-content {
          padding: 0 25px; } }
      @media only screen and (max-width: 767px) {
        .ee-product-list .content .head-content {
          padding: 0 25px; } }
      .ee-product-list .content .head-content .category-title .cat {
        display: inline-block;
        line-height: 15px;
        text-transform: capitalize;
        font-size: 13px;
        color: #444444;
        letter-spacing: 0.5px;
        margin-bottom: 0; }
        .ee-product-list .content .head-content .category-title .cat:hover {
          color: #202020; }
      .ee-product-list .content .head-content .category-title .title {
        font-size: 24px;
        font-weight: 700;
        margin: 0;
        line-height: 28px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%; }
        .ee-product-list .content .head-content .category-title .title a {
          display: block;
          color: #444444; }
          .ee-product-list .content .head-content .category-title .title a:hover {
            color: #202020; }
      .ee-product-list .content .head-content .price {
        font-size: 20px;
        font-weight: 700;
        color: #444444;
        line-height: 28px;
        float: left;
        margin: 0; }
        .ee-product-list .content .head-content .price span {
          float: left;
          color: #444444;
          margin-right: 15px;
          text-decoration: line-through; }
    .ee-product-list .content .left-content {
      float: left;
      width: 50%;
      padding: 0 60px;
      position: relative; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ee-product-list .content .left-content {
          padding: 0 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ee-product-list .content .left-content {
          padding: 0 25px;
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .ee-product-list .content .left-content {
          padding: 0 25px;
          width: 100%; } }
      .ee-product-list .content .left-content::before {
        position: absolute;
        background-color: #dddddd;
        right: 0;
        top: 0;
        height: 160px;
        width: 1px;
        content: ""; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .ee-product-list .content .left-content::before {
            display: none; } }
        @media only screen and (max-width: 767px) {
          .ee-product-list .content .left-content::before {
            display: none; } }
      .ee-product-list .content .left-content .ratting {
        float: left;
        width: 100%;
        margin-top: 12px;
        margin-bottom: 15px; }
        .ee-product-list .content .left-content .ratting i {
          color: #444444;
          font-size: 14px;
          float: left;
          margin-right: 4px;
          line-height: 24px; }
          .ee-product-list .content .left-content .ratting i:last-child {
            margin-right: 0; }
      .ee-product-list .content .left-content .desc {
        margin-bottom: 25px; }
        .ee-product-list .content .left-content .desc p {
          font-size: 14px;
          line-height: 24px;
          color: #444444; }
      .ee-product-list .content .left-content .actions {
        float: left;
        width: 100%; }
        .ee-product-list .content .left-content .actions .add-to-cart {
          position: relative;
          background-color: #f5d730;
          color: #202020;
          border-radius: 50px;
          display: block;
          width: 170px;
          padding: 10px 25px 10px 56px;
          -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
          -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
          transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
          float: left;
          margin-right: 15px; }
          .ee-product-list .content .left-content .actions .add-to-cart i {
            width: 41px;
            height: 41px;
            background-color: #ffffff;
            border-radius: 50px;
            display: block;
            float: left;
            font-size: 20px;
            text-align: center;
            line-height: 41px;
            -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            position: absolute;
            left: 0;
            right: auto;
            top: 0; }
          .ee-product-list .content .left-content .actions .add-to-cart span {
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 700;
            line-height: 21px;
            overflow: hidden;
            display: block;
            text-align: center; }
          .ee-product-list .content .left-content .actions .add-to-cart.added {
            padding-left: 25px;
            padding-right: 56px; }
            .ee-product-list .content .left-content .actions .add-to-cart.added i {
              left: calc(100% - 41px); }
        .ee-product-list .content .left-content .actions .wishlist-compare {
          float: left; }
          @media only screen and (max-width: 479px) {
            .ee-product-list .content .left-content .actions .wishlist-compare {
              margin-top: 15px; } }
          .ee-product-list .content .left-content .actions .wishlist-compare a {
            height: 33px;
            width: 33px;
            border: 1px solid #999999;
            border-radius: 50px;
            display: block;
            float: left;
            color: #444444;
            text-align: center;
            position: relative;
            margin: 4px 15px 4px 0; }
            .ee-product-list .content .left-content .actions .wishlist-compare a::before {
              content: attr(data-tooltip);
              position: absolute;
              bottom: 100%;
              left: 50%;
              margin-bottom: 8px;
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%);
              font-size: 10px;
              font-weight: 600;
              background-color: #444444;
              color: #ffffff;
              line-height: 16px;
              padding: 3px 10px;
              border-radius: 2px;
              white-space: nowrap;
              opacity: 0;
              visibility: hidden; }
            .ee-product-list .content .left-content .actions .wishlist-compare a::after {
              position: absolute;
              left: 50%;
              bottom: 100%;
              margin-bottom: 4px;
              margin-left: -4px;
              content: "";
              border-width: 4px 4px 0 4px;
              border-style: solid;
              border-color: #444444 transparent transparent transparent;
              opacity: 0;
              visibility: hidden; }
            .ee-product-list .content .left-content .actions .wishlist-compare a:last-child {
              margin-right: 0; }
            .ee-product-list .content .left-content .actions .wishlist-compare a:nth-child(1) {
              -webkit-transition-delay: 0.07s;
              -o-transition-delay: 0.07s;
              transition-delay: 0.07s; }
            .ee-product-list .content .left-content .actions .wishlist-compare a:nth-child(2) {
              -webkit-transition-delay: 0s;
              -o-transition-delay: 0s;
              transition-delay: 0s; }
            .ee-product-list .content .left-content .actions .wishlist-compare a i {
              line-height: 31px;
              font-size: 15px;
              display: block; }
            .ee-product-list .content .left-content .actions .wishlist-compare a:hover {
              color: #202020;
              border-color: #202020; }
              .ee-product-list .content .left-content .actions .wishlist-compare a:hover::before {
                opacity: 1;
                visibility: visible; }
              .ee-product-list .content .left-content .actions .wishlist-compare a:hover::after {
                opacity: 1;
                visibility: visible; }
            .ee-product-list .content .left-content .actions .wishlist-compare a.added {
              color: #202020;
              border-color: #f5d730;
              background-color: #f5d730; }
    .ee-product-list .content .right-content {
      float: left;
      width: 50%;
      padding: 0 60px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ee-product-list .content .right-content {
          padding: 0 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ee-product-list .content .right-content {
          padding: 0 25px;
          width: 100%;
          margin-top: 30px; } }
      @media only screen and (max-width: 767px) {
        .ee-product-list .content .right-content {
          padding: 0 25px;
          width: 100%;
          margin-top: 30px; } }
      .ee-product-list .content .right-content .specification h5 {
        font-size: 14px;
        font-weight: 600;
        color: #444444;
        line-height: 18px;
        text-decoration: underline;
        margin-bottom: 10px; }
      .ee-product-list .content .right-content .specification ul {
        list-style: none;
        margin-bottom: 13px; }
        .ee-product-list .content .right-content .specification ul li {
          font-size: 14px;
          line-height: 24px;
          color: #444444;
          padding-left: 18px;
          position: relative;
          margin: 4px 0; }
          .ee-product-list .content .right-content .specification ul li::before {
            position: absolute;
            left: 0;
            top: 12px;
            height: 8px;
            width: 8px;
            margin-top: -4px;
            content: "";
            background-color: #444444; }
      .ee-product-list .content .right-content .availability {
        font-size: 14px;
        font-weight: 600;
        line-height: 16px; }
        .ee-product-list .content .right-content .availability span {
          color: #444444; }

.with-sidebar .ee-product-list .content .head-content {
  padding: 0 20px; }

.with-sidebar .ee-product-list .content .left-content {
  padding: 0 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .with-sidebar .ee-product-list .content .left-content {
      width: 100%; }
      .with-sidebar .ee-product-list .content .left-content::before {
        display: none; } }
  .with-sidebar .ee-product-list .content .left-content .actions .add-to-cart {
    margin-right: 10px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare {
      margin-top: 15px; } }
  .with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare a {
    margin-right: 10px; }
    .with-sidebar .ee-product-list .content .left-content .actions .wishlist-compare a:last-child {
      margin-right: 0; }

.with-sidebar .ee-product-list .content .right-content {
  padding: 0 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .with-sidebar .ee-product-list .content .right-content {
      width: 100%;
      margin-top: 30px; } }

/*---------------------------------------
    08. Single Product
-----------------------------------------*/
/*-- Single Product Image --*/
.single-product-image {
  position: relative; }
  .single-product-image.thumb-left {
    padding-left: 195px;
    margin-right: -45px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-product-image.thumb-left {
        padding-left: 155px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-product-image.thumb-left {
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .single-product-image.thumb-left {
        margin-right: 0;
        padding-left: 135px; } }
    @media only screen and (max-width: 479px) {
      .single-product-image.thumb-left {
        margin-right: 0;
        padding-left: 0; } }
    .single-product-image.thumb-left .thumb-image-slider {
      left: 0;
      right: auto; }
  .single-product-image.thumb-right {
    padding-right: 195px;
    margin-right: -45px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-product-image.thumb-right {
        padding-right: 155px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-product-image.thumb-right {
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .single-product-image.thumb-right {
        margin-right: 0;
        padding-right: 135px; } }
    @media only screen and (max-width: 479px) {
      .single-product-image.thumb-right {
        margin-right: 0;
        padding-right: 0; } }
    .single-product-image.thumb-right .thumb-image-slider {
      left: auto;
      right: 0; }

/*-- Big Image Slider --*/
.big-image-slider .big-image {
  position: relative; }
  .big-image-slider .big-image img {
    width: 100%;
    background-color: #f6f7f8; }
  .big-image-slider .big-image .big-image-popup {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: none;
    text-align: center;
    color: #9b9b9b;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 9; }
    .big-image-slider .big-image .big-image-popup:hover {
      color: #202020; }
    .big-image-slider .big-image .big-image-popup i {
      line-height: 35px;
      display: block;
      font-size: 18px; }

.big-image-slider .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .big-image-slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 10px; }
    .big-image-slider .slick-dots li button {
      background-color: transparent;
      border: 1px solid #999999;
      width: 9px;
      height: 9px;
      border-radius: 50px;
      text-indent: -99999px;
      padding: 0; }
      .big-image-slider .slick-dots li button:hover {
        border-color: #202020; }
    .big-image-slider .slick-dots li.slick-active button {
      background-color: #f5d730;
      border-color: #f5d730; }

/*-- Thumb Image Slider --*/
.thumb-image-slider {
  margin: 10px -5px 0; }
  .thumb-image-slider .thumb-image {
    float: left;
    width: calc(33.33% - 10px);
    margin: 0 5px; }
    .thumb-image-slider .thumb-image img {
      width: 100%;
      background-color: #f6f7f8; }
  .thumb-image-slider[data-vertical="true"] {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 175px;
    margin: -10px 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .thumb-image-slider[data-vertical="true"] {
        width: 135px; } }
    @media only screen and (max-width: 767px) {
      .thumb-image-slider[data-vertical="true"] {
        width: 115px; } }
    @media only screen and (max-width: 479px) {
      .thumb-image-slider[data-vertical="true"] {
        width: auto;
        position: static;
        margin: 10px -5px 0; } }
    .thumb-image-slider[data-vertical="true"] .thumb-image {
      margin: 10px 0;
      width: 100%; }
      @media only screen and (max-width: 479px) {
        .thumb-image-slider[data-vertical="true"] .thumb-image {
          margin: 0 5px;
          float: left;
          width: calc(33.33% - 10px); } }

/*-- Single Product Content --*/
.single-product-content {
  padding-left: 65px;
  float: left;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-content {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    .single-product-content {
      padding-left: 0; } }
  .single-product-content .head-content {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .single-product-content .head-content .category-title .cat {
      display: inline-block;
      line-height: 15px;
      text-transform: capitalize;
      font-size: 13px;
      color: #444444;
      letter-spacing: 0.5px;
      margin-bottom: 0; }
      .single-product-content .head-content .category-title .cat:hover {
        color: #202020; }
    .single-product-content .head-content .category-title .title {
      font-size: 24px;
      font-weight: 700;
      margin: 0;
      line-height: 28px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%; }
    .single-product-content .head-content .price {
      font-size: 20px;
      font-weight: 700;
      color: #444444;
      line-height: 28px;
      float: left;
      margin: 0; }
      .single-product-content .head-content .price span {
        float: left;
        color: #444444;
        margin-right: 15px;
        text-decoration: line-through; }
  .single-product-content .single-product-description {
    float: left;
    width: 100%;
    position: relative; }
    .single-product-content .single-product-description .ratting {
      float: left;
      width: 100%;
      margin-top: 12px;
      margin-bottom: 15px; }
      .single-product-content .single-product-description .ratting i {
        color: #444444;
        font-size: 14px;
        float: left;
        margin-right: 4px;
        line-height: 24px; }
        .single-product-content .single-product-description .ratting i:last-child {
          margin-right: 0; }
    .single-product-content .single-product-description .desc {
      margin-bottom: 32px; }
      .single-product-content .single-product-description .desc p {
        font-size: 14px;
        line-height: 24px; }
    .single-product-content .single-product-description .availability {
      font-size: 14px;
      font-weight: 600;
      line-height: 16px;
      margin-bottom: 37px;
      display: block; }
      .single-product-content .single-product-description .availability span {
        color: #444444; }
    .single-product-content .single-product-description .quantity-colors {
      float: left;
      width: 100%;
      margin-bottom: 30px; }
      .single-product-content .single-product-description .quantity-colors .quantity {
        float: left;
        width: 50%;
        margin-bottom: 10px; }
        @media only screen and (max-width: 479px) {
          .single-product-content .single-product-description .quantity-colors .quantity {
            width: 100%; } }
        .single-product-content .single-product-description .quantity-colors .quantity h5 {
          font-size: 14px;
          font-weight: 600;
          line-height: 25px;
          margin: 5px 0;
          margin-right: 20px;
          float: left; }
        .single-product-content .single-product-description .quantity-colors .quantity .pro-qty {
          width: 90px;
          height: 35px;
          border: 1px solid #999999;
          border-radius: 50px;
          padding: 0 15px;
          float: left; }
          .single-product-content .single-product-description .quantity-colors .quantity .pro-qty .qtybtn {
            width: 15px;
            display: block;
            float: left;
            line-height: 31px;
            cursor: pointer;
            text-align: center;
            font-size: 15px;
            font-weight: 700;
            color: #444444; }
          .single-product-content .single-product-description .quantity-colors .quantity .pro-qty input {
            width: 28px;
            float: left;
            border: none;
            height: 33px;
            line-height: 33px;
            padding: 0;
            text-align: center;
            background-color: transparent; }
      .single-product-content .single-product-description .quantity-colors .colors {
        float: left;
        width: 50%;
        margin-bottom: 10px; }
        @media only screen and (max-width: 479px) {
          .single-product-content .single-product-description .quantity-colors .colors {
            width: 100%; } }
        .single-product-content .single-product-description .quantity-colors .colors h5 {
          font-size: 14px;
          font-weight: 600;
          line-height: 25px;
          margin: 5px 0;
          margin-right: 20px;
          float: left; }
        .single-product-content .single-product-description .quantity-colors .colors div.nice-select {
          clear: none;
          width: 125px;
          height: 35px;
          border: 1px solid #999999;
          border-radius: 50px;
          background-color: transparent; }
          .single-product-content .single-product-description .quantity-colors .colors div.nice-select::after {
            border-width: 1px;
            right: 20px;
            border-color: #444444; }
          .single-product-content .single-product-description .quantity-colors .colors div.nice-select .current {
            font-size: 13px;
            color: #444444;
            line-height: 33px;
            display: block;
            text-transform: capitalize; }
          .single-product-content .single-product-description .quantity-colors .colors div.nice-select ul {
            width: 100%; }
            .single-product-content .single-product-description .quantity-colors .colors div.nice-select ul li {
              font-weight: 400;
              text-transform: capitalize; }
        .single-product-content .single-product-description .quantity-colors .colors .color-options {
          float: left;
          margin: 4px 0; }
          .single-product-content .single-product-description .quantity-colors .colors .color-options button {
            width: 27px;
            height: 27px;
            border-radius: 50%;
            border: none;
            display: block;
            float: left;
            margin-right: 10px; }
            .single-product-content .single-product-description .quantity-colors .colors .color-options button:last-child {
              margin-right: 0; }
    .single-product-content .single-product-description .specification {
      float: left;
      width: 100%;
      margin-bottom: 33px; }
      .single-product-content .single-product-description .specification ul {
        list-style: none; }
        .single-product-content .single-product-description .specification ul li {
          font-size: 14px;
          line-height: 24px;
          color: #444444;
          padding-left: 18px;
          position: relative;
          margin: 4px 0; }
          .single-product-content .single-product-description .specification ul li::before {
            position: absolute;
            left: 0;
            top: 50%;
            height: 8px;
            width: 8px;
            margin-top: -4px;
            content: "";
            background-color: #444444; }
    .single-product-content .single-product-description .actions {
      float: left;
      width: 100%;
      margin-bottom: 33px; }
      .single-product-content .single-product-description .actions .add-to-cart {
        position: relative;
        background-color: #f5d730;
        color: #202020;
        border-radius: 50px;
        display: block;
        width: 170px;
        padding: 10px 25px 10px 56px;
        -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
        -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
        transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
        float: left;
        margin-right: 15px; }
        .single-product-content .single-product-description .actions .add-to-cart i {
          width: 41px;
          height: 41px;
          background-color: #ffffff;
          border-radius: 50px;
          display: block;
          float: left;
          font-size: 20px;
          text-align: center;
          line-height: 41px;
          -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          position: absolute;
          left: 0;
          right: auto;
          top: 0; }
        .single-product-content .single-product-description .actions .add-to-cart span {
          font-size: 13px;
          text-transform: uppercase;
          font-weight: 700;
          line-height: 21px;
          overflow: hidden;
          display: block;
          text-align: center; }
        .single-product-content .single-product-description .actions .add-to-cart.added {
          padding-left: 25px;
          padding-right: 56px; }
          .single-product-content .single-product-description .actions .add-to-cart.added i {
            left: calc(100% - 41px); }
      .single-product-content .single-product-description .actions .wishlist-compare {
        float: left; }
        .single-product-content .single-product-description .actions .wishlist-compare a {
          height: 33px;
          width: 33px;
          border: 1px solid #999999;
          border-radius: 50px;
          display: block;
          float: left;
          color: #444444;
          text-align: center;
          position: relative;
          margin: 4px 15px 4px 0; }
          .single-product-content .single-product-description .actions .wishlist-compare a::before {
            content: attr(data-tooltip);
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-bottom: 8px;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 10px;
            font-weight: 600;
            background-color: #444444;
            color: #ffffff;
            line-height: 16px;
            padding: 3px 10px;
            border-radius: 2px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden; }
          .single-product-content .single-product-description .actions .wishlist-compare a::after {
            position: absolute;
            left: 50%;
            bottom: 100%;
            margin-bottom: 4px;
            margin-left: -4px;
            content: "";
            border-width: 4px 4px 0 4px;
            border-style: solid;
            border-color: #444444 transparent transparent transparent;
            opacity: 0;
            visibility: hidden; }
          .single-product-content .single-product-description .actions .wishlist-compare a:last-child {
            margin-right: 0; }
          .single-product-content .single-product-description .actions .wishlist-compare a:nth-child(1) {
            -webkit-transition-delay: 0.07s;
            -o-transition-delay: 0.07s;
            transition-delay: 0.07s; }
          .single-product-content .single-product-description .actions .wishlist-compare a:nth-child(2) {
            -webkit-transition-delay: 0s;
            -o-transition-delay: 0s;
            transition-delay: 0s; }
          .single-product-content .single-product-description .actions .wishlist-compare a i {
            line-height: 31px;
            font-size: 15px;
            display: block; }
          .single-product-content .single-product-description .actions .wishlist-compare a:hover {
            color: #202020;
            border-color: #202020; }
            .single-product-content .single-product-description .actions .wishlist-compare a:hover::before {
              opacity: 1;
              visibility: visible; }
            .single-product-content .single-product-description .actions .wishlist-compare a:hover::after {
              opacity: 1;
              visibility: visible; }
          .single-product-content .single-product-description .actions .wishlist-compare a.added {
            color: #202020;
            border-color: #f5d730;
            background-color: #f5d730; }
    .single-product-content .single-product-description .tags {
      float: left;
      width: 100%;
      margin-bottom: 37px; }
      .single-product-content .single-product-description .tags h5 {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        margin: 0;
        float: left;
        margin-right: 15px; }
      .single-product-content .single-product-description .tags a {
        font-size: 14px;
        color: #444444;
        line-height: 24px;
        margin-right: 15px; }
        .single-product-content .single-product-description .tags a:last-child {
          margin-right: 0; }
        .single-product-content .single-product-description .tags a:hover {
          color: #202020; }
    .single-product-content .single-product-description .share {
      float: left;
      width: 100%; }
      .single-product-content .single-product-description .share h5 {
        font-size: 14px;
        font-weight: 600;
        line-height: 27px;
        margin: 0;
        float: left;
        margin-right: 15px; }
      .single-product-content .single-product-description .share a {
        width: 27px;
        height: 27px;
        border: 1px solid #999999;
        color: #444444;
        text-align: center;
        border-radius: 50px;
        float: left;
        margin-right: 10px; }
        .single-product-content .single-product-description .share a:last-child {
          margin-right: 0px; }
        .single-product-content .single-product-description .share a:hover {
          border-color: #202020;
          color: #202020; }
        .single-product-content .single-product-description .share a i {
          font-size: 11px;
          line-height: 25px; }

/*-- Single Product Tab List --*/
.single-product-tab-list {
  background-color: #202020;
  padding: 25px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-tab-list {
      padding: 25px 50px; } }
  @media only screen and (max-width: 767px) {
    .single-product-tab-list {
      padding: 25px 30px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }
  @media only screen and (max-width: 767px) {
    .single-product-tab-list li {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%; } }
  .single-product-tab-list li a {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: #dddddd;
    line-height: 30px;
    display: block; }
    .single-product-tab-list li a.active {
      color: #ffffff; }

/*-- Single Product Tab Conent --*/
.single-product-tab-content {
  background-color: #fefcef; }

/*-- Single Product Description Content --*/
.single-product-description-content {
  padding: 50px 85px; }
  @media only screen and (max-width: 767px) {
    .single-product-description-content {
      padding: 50px; } }
  @media only screen and (max-width: 479px) {
    .single-product-description-content {
      padding: 30px 45px; } }
  .single-product-description-content h4 {
    font-size: 18px;
    font-weight: 700; }
  .single-product-description-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px; }
    .single-product-description-content p:last-child {
      margin-bottom: 0; }

/*-- Single Product Description Image --*/
.single-product-description-image {
  padding: 50px 15px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-product-description-image {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .single-product-description-image {
      display: none; } }
  .single-product-description-image img {
    float: right;
    max-width: 100%;
    padding-left: 15px; }

/*-- Single Product Specification --*/
.single-product-specification {
  padding: 50px 70px; }
  @media only screen and (max-width: 767px) {
    .single-product-specification {
      padding: 50px; } }
  @media only screen and (max-width: 479px) {
    .single-product-specification {
      padding: 30px 45px; } }
  .single-product-specification ul {
    list-style: none;
    margin-bottom: 13px; }
    .single-product-specification ul li {
      font-size: 14px;
      line-height: 24px;
      color: #444444;
      padding-left: 18px;
      position: relative;
      margin: 4px 0; }
      .single-product-specification ul li::before {
        position: absolute;
        left: 0;
        top: 50%;
        height: 8px;
        width: 8px;
        margin-top: -4px;
        content: "";
        background-color: #444444; }

/*-- Single Product Ratting --*/
.product-ratting-wrap {
  padding: 50px 70px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .product-ratting-wrap {
      padding: 50px; } }
  @media only screen and (max-width: 479px) {
    .product-ratting-wrap {
      padding: 30px 45px; } }

.pro-avg-ratting {
  margin-bottom: 20px;
  float: left;
  width: 100%; }
  .pro-avg-ratting h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 14px;
    margin: 0 0 7px; }
    .pro-avg-ratting h4 span {
      color: #444444;
      font-size: 12px;
      font-weight: 400;
      line-height: 10px; }
  .pro-avg-ratting > span {
    display: block;
    font-size: 12px;
    line-height: 10px; }

.ratting-list {
  margin-bottom: 30px;
  float: left;
  width: 100%; }
  .ratting-list .sin-list {
    margin-right: 30px; }
    .ratting-list .sin-list:last-child {
      margin-right: 0; }
    .ratting-list .sin-list i {
      color: #444444;
      font-size: 12px; }
    .ratting-list .sin-list span {
      color: #666666; }

.rattings-wrapper {
  margin-bottom: 40px;
  float: left;
  width: 100%; }

.sin-rattings {
  margin-bottom: 40px; }
  .sin-rattings:last-child {
    margin-bottom: 0; }
  .sin-rattings .ratting-author {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    .sin-rattings .ratting-author h3 {
      float: left;
      font-size: 16px;
      font-weight: 700;
      margin: 0;
      line-height: 18px;
      margin-right: 15px; }
    @media only screen and (max-width: 479px) {
      .sin-rattings .ratting-author .ratting-star {
        float: left;
        width: 100%;
        margin-top: 5px; } }
    .sin-rattings .ratting-author .ratting-star i, .sin-rattings .ratting-author .ratting-star span {
      color: #444444;
      font-size: 12px;
      line-height: 18px;
      float: left; }
    .sin-rattings .ratting-author .ratting-star span {
      margin-left: 5px; }
  .sin-rattings p {
    color: #444444;
    font-size: 14px;
    line-height: 24px; }

/*-- Ratting Form Wrap --*/
.ratting-form-wrapper {
  float: left;
  width: 100%; }
  .ratting-form-wrapper h3 {
    font-size: 16px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px; }

/*-- Ratting Form --*/
.ratting-form h5 {
  float: left;
  font-size: 14px;
  line-height: 18px;
  margin-right: 10px; }

.ratting-form .ratting-star i {
  font-size: 14px;
  float: left;
  line-height: 18px;
  display: block;
  margin-right: 3px; }
  .ratting-form .ratting-star i:last-child {
    margin: 0; }

.ratting-form label {
  display: block;
  font-size: 14px;
  color: #666666;
  margin-bottom: 3px; }

.ratting-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 13px;
  line-height: 24px;
  padding: 8px 15px;
  color: #666666; }
  .ratting-form input[type="submit"] {
    width: auto;
    padding: 8px 30px;
    border-color: #202020;
    background-color: #202020;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff; }
    .ratting-form input[type="submit"]:hover {
      border-color: #f5d730;
      background-color: #f5d730;
      color: #202020; }

.ratting-form textarea {
  width: 100%;
  background-color: transparent;
  border: 1px solid #dddddd;
  font-size: 13px;
  line-height: 24px;
  padding: 8px 15px;
  color: #666666;
  height: 80px;
  resize: none; }

/*---------------------------------------
    09. Offer Product
-----------------------------------------*/
/*-- Offer Product Wrap --*/
.offer-product-wrap > [class*="col"] {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  float: left; }
  .offer-product-wrap > [class*="col"]:nth-child(1) {
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .offer-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
    @media only screen and (max-width: 767px) {
      .offer-product-wrap > [class*="col"]:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
  .offer-product-wrap > [class*="col"]:nth-child(2) {
    width: 360px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .offer-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
    @media only screen and (max-width: 767px) {
      .offer-product-wrap > [class*="col"]:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
  .offer-product-wrap > [class*="col"]:nth-child(3) {
    width: calc(100% - 360px); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .offer-product-wrap > [class*="col"]:nth-child(3) {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; } }
    @media only screen and (max-width: 767px) {
      .offer-product-wrap > [class*="col"]:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3; } }

/*-- Offer Time Wrap --*/
.offer-time-wrap {
  text-align: center;
  padding: 55px 30px 35px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .offer-time-wrap {
      padding: 66px 30px 46px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .offer-time-wrap {
      padding: 70px 30px 50px; } }
  @media only screen and (max-width: 767px) {
    .offer-time-wrap {
      padding: 70px 30px 50px; } }
  .offer-time-wrap h1 {
    color: #ffffff;
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px; }
    .offer-time-wrap h1 span {
      font-size: 18px;
      display: block;
      margin-bottom: 3px; }
  .offer-time-wrap h3 {
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px; }
    .offer-time-wrap h3 span {
      font-weight: 700;
      font-size: 30px;
      display: block; }
  .offer-time-wrap h4 {
    color: #e1e1e1;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0; }
    .offer-time-wrap h4 span {
      font-size: 16px;
      display: block; }
  .offer-time-wrap .countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .offer-time-wrap .countdown {
        width: 360px;
        margin-left: auto;
        margin-right: auto; } }
    .offer-time-wrap .countdown .cdown {
      margin-bottom: 20px; }
      @media only screen and (max-width: 479px) {
        .offer-time-wrap .countdown .cdown {
          width: 50%; } }
      .offer-time-wrap .countdown .cdown span {
        display: block;
        font-weight: 600;
        font-size: 28px;
        line-height: 1;
        color: #efefef;
        margin-bottom: 4px; }
      .offer-time-wrap .countdown .cdown p {
        color: #b0b0b0;
        font-size: 13px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 600; }
  .offer-time-wrap.dark h1 {
    color: #202020; }
  .offer-time-wrap.dark h3 {
    color: #202020; }
  .offer-time-wrap.dark h4 {
    color: #202020; }
  .offer-time-wrap.dark .countdown .cdown span {
    color: #202020; }
  .offer-time-wrap.dark .countdown .cdown p {
    color: #444444; }

/*---------------------------------------
    10. Shop Sidebar
-----------------------------------------*/
.shop-sidebar {
  background-color: #f6f7f8; }
  .shop-sidebar .title {
    background-color: #fefcef;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 25px;
    text-transform: uppercase;
    margin: 0; }

/*-- Sidebar Category --*/
.sidebar-category li {
  padding: 10px 25px;
  border-bottom: 1px solid #dddddd; }
  .sidebar-category li:last-child {
    border-bottom: 0px; }
  .sidebar-category li a {
    font-size: 14px;
    color: #444444;
    text-transform: uppercase;
    line-height: 30px;
    position: relative; }
    .sidebar-category li a:hover {
      color: #202020; }
      .sidebar-category li a:hover::before {
        color: #202020; }
    .sidebar-category li a::before {
      position: absolute;
      left: 0;
      top: 0;
      color: #444444;
      line-height: 29px;
      font-family: Fontawesome;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .sidebar-category li.has-children > a {
    padding-left: 15px; }
    .sidebar-category li.has-children > a::before {
      content: "\f105"; }
  .sidebar-category li ul li {
    border: none;
    padding: 5px 25px; }
    .sidebar-category li ul li a {
      text-transform: capitalize;
      padding-left: 20px; }
      .sidebar-category li ul li a::before {
        content: "\f178";
        color: #606060; }

/*-- Sidebar Brand --*/
.sidebar-brand li {
  padding: 10px 25px;
  border-bottom: 1px solid #dddddd; }
  .sidebar-brand li:last-child {
    border-bottom: 0px; }
  .sidebar-brand li a {
    font-size: 14px;
    color: #444444;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 20px;
    position: relative; }
    .sidebar-brand li a:hover {
      color: #202020; }
      .sidebar-brand li a:hover::before {
        color: #202020; }
    .sidebar-brand li a::before {
      position: absolute;
      left: 0;
      top: 0;
      color: #444444;
      line-height: 29px;
      content: "\f1db";
      font-family: Fontawesome;
      font-size: 12px;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }

/*-- Sidebar Price --*/
.sidebar-price {
  padding: 30px 25px; }
  .sidebar-price #price-range {
    width: 100%;
    height: 7px;
    margin: 7px 0;
    background-color: #c7c7c7;
    position: relative; }
    .sidebar-price #price-range .ui-slider-range {
      position: absolute;
      height: 100%;
      top: 0;
      background-color: #f5d730; }
    .sidebar-price #price-range .ui-slider-handle {
      background-color: #f5d730;
      position: absolute;
      width: 21px;
      height: 21px;
      border-radius: 50px;
      display: block;
      top: -7px;
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
      box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15); }
  .sidebar-price #price-amount {
    font-size: 14px;
    font-weight: 600;
    color: #444444;
    line-height: 24px;
    padding: 0;
    background-color: transparent;
    border: none;
    margin-top: 12px; }

/*-- Sidebar Tags --*/
.sidebar-tags {
  margin: 0 -5px;
  padding: 20px 25px;
  overflow: hidden; }
  .sidebar-tags a {
    font-size: 14px;
    border: 1px solid #dddddd;
    line-height: 23px;
    padding: 5px 12px 3px;
    color: #444444;
    float: left;
    margin: 5px;
    text-transform: uppercase; }
    .sidebar-tags a:hover {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }

/*---------------------------------------
    11. Cart
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 8px solid #fefcef;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .cart-table .table {
      border-top: 8px solid #fefcef; } }
  .cart-table .table thead {
    background-color: #fefcef; }
    @media only screen and (max-width: 767px) {
      .cart-table .table thead {
        display: none; } }
    .cart-table .table thead tr th {
      text-align: center;
      border: none;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      color: #202020;
      padding: 12px 20px; }
  .cart-table .table tbody tr td {
    text-align: center;
    border: none;
    padding: 25px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #dddddd; }
    @media only screen and (max-width: 767px) {
      .cart-table .table tbody tr td {
        display: block;
        width: 100%;
        max-width: none;
        padding: 15px;
        text-align: left; } }

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 160px;
  min-width: 120px;
  width: 160px; }
  @media only screen and (max-width: 767px) {
    .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
      width: 160px; } }

.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px; }

.cart-table td.pro-thumbnail a {
  display: block; }
  .cart-table td.pro-thumbnail a img {
    width: 100%;
    background-color: #f6f7f8; }

.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #444444; }

.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #444444; }

.cart-table td.pro-quantity .pro-qty {
  width: 90px;
  height: 35px;
  border: 1px solid #999999;
  border-radius: 50px;
  padding: 0 15px;
  display: block;
  margin: auto; }
  .cart-table td.pro-quantity .pro-qty .qtybtn {
    width: 15px;
    display: block;
    float: left;
    line-height: 31px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #444444; }
  .cart-table td.pro-quantity .pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent; }
  @media only screen and (max-width: 767px) {
    .cart-table td.pro-quantity .pro-qty {
      margin: 0; } }

.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #444444; }

.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #f5d730;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #202020;
  background-color: #f5d730; }

.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #444444; }
  .cart-table td.pro-remove a i {
    font-size: 15px; }
  .cart-table td.pro-remove a:hover {
    color: #ff0000; }
  @media only screen and (max-width: 767px) {
    .cart-table td.pro-remove a {
      width: 60px;
      text-align: center; } }

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px; }
  .calculate-shipping h4 {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px; }
  .calculate-shipping form .nice-select {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    background-color: transparent; }
    .calculate-shipping form .nice-select::after {
      border-color: #444444; }
    .calculate-shipping form .nice-select .current {
      display: block;
      line-height: 24px;
      font-size: 14px;
      color: #444444; }
  .calculate-shipping form input {
    width: 100%;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #999999;
    line-height: 24px;
    padding: 5px 20px;
    color: #444444;
    background-color: transparent; }
    .calculate-shipping form input[type="submit"] {
      font-weight: 700;
      text-transform: uppercase;
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730;
      width: 140px; }

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px; }

.discount-coupon form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #444444;
  background-color: transparent; }
  .discount-coupon form input[type="submit"] {
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    background-color: #f5d730;
    border-color: #f5d730;
    width: 140px; }

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-summary {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .cart-summary {
      margin-left: 0; } }
  .cart-summary .cart-summary-wrap {
    background-color: #fefcef;
    padding: 45px 50px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 479px) {
      .cart-summary .cart-summary-wrap {
        padding: 25px 30px; } }
    .cart-summary .cart-summary-wrap h4 {
      font-size: 20px;
      line-height: 23px;
      text-decoration: underline;
      text-transform: capitalize;
      font-weight: 700;
      margin-bottom: 30px; }
    .cart-summary .cart-summary-wrap p {
      font-size: 14px;
      font-weight: 600;
      line-height: 23px;
      color: #202020; }
      .cart-summary .cart-summary-wrap p span {
        float: right; }
    .cart-summary .cart-summary-wrap h2 {
      border-top: 1px solid #999999;
      padding-top: 9px;
      font-size: 18px;
      line-height: 23px;
      font-weight: 700;
      color: #000000;
      margin: 0; }
      .cart-summary .cart-summary-wrap h2 span {
        float: right; }
  .cart-summary .cart-summary-button {
    overflow: hidden;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media only screen and (max-width: 767px) {
      .cart-summary .cart-summary-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    .cart-summary .cart-summary-button button {
      margin-top: 10px;
      width: 140px;
      border-radius: 50px;
      height: 36px;
      border: 1px solid #999999;
      line-height: 24px;
      padding: 5px 20px;
      color: #444444;
      background-color: transparent;
      margin-left: 20px;
      float: right; }
      .cart-summary .cart-summary-button button:last-child {
        margin-left: 0; }
      .cart-summary .cart-summary-button button.checkout-btn {
        font-weight: 700;
        text-transform: uppercase;
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .cart-summary .cart-summary-button button {
          margin-left: 0;
          margin-right: 20px; }
          .cart-summary .cart-summary-button button:last-child {
            margin-right: 0; } }
      @media only screen and (max-width: 767px) {
        .cart-summary .cart-summary-button button {
          margin-left: 0;
          margin-right: 10px; }
          .cart-summary .cart-summary-button button:last-child {
            margin-right: 0; } }
      @media only screen and (max-width: 479px) {
        .cart-summary .cart-summary-button button {
          width: 130px; } }

/*---------------------------------------
    12. Compare
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee; }

.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee; }
  .compare-table .table tbody tr td:last-child {
    border-right: 1px solid #eeeeee; }
  .compare-table .table tbody tr td.first-column {
    min-width: 180px;
    font-size: 18px;
    font-weight: 600;
    color: #202020;
    margin: 0;
    line-height: 1; }
  .compare-table .table tbody tr td.product-image-title {
    min-width: 310px;
    vertical-align: bottom;
    padding-top: 70px; }
    .compare-table .table tbody tr td.product-image-title .image {
      clear: both;
      width: 100%;
      margin-bottom: 40px; }
      .compare-table .table tbody tr td.product-image-title .image img {
        max-width: 100%; }
    .compare-table .table tbody tr td.product-image-title .category {
      float: left;
      clear: both;
      font-size: 13px;
      line-height: 15px;
      color: #444444;
      text-transform: capitalize;
      letter-spacing: 0.5px; }
    .compare-table .table tbody tr td.product-image-title .title {
      float: left;
      clear: both;
      font-size: 16px;
      font-weight: 600;
      color: #444444;
      line-height: 20px;
      margin-bottom: 10px; }
  .compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0; }
  .compare-table .table tbody tr td.pro-price {
    font-size: 16px;
    font-weight: 600;
    color: #444444; }
  .compare-table .table tbody tr td.pro-color {
    font-size: 16px;
    font-weight: 600;
    color: #444444; }
  .compare-table .table tbody tr td.pro-stock {
    font-size: 16px;
    font-weight: 600;
    color: #444444; }
  .compare-table .table tbody tr td.pro-addtocart .add-to-cart {
    position: relative;
    background-color: #f5d730;
    color: #202020;
    border-radius: 50px;
    display: inline-block;
    width: 170px;
    padding: 10px 25px 10px 56px;
    -webkit-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    -o-transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s;
    transition: all 0.7s cubic-bezier(0.77, -1.5, 0.12, 3) 0s; }
    .compare-table .table tbody tr td.pro-addtocart .add-to-cart i {
      width: 41px;
      height: 41px;
      background-color: #ffffff;
      border-radius: 50px;
      display: block;
      float: left;
      font-size: 20px;
      text-align: center;
      line-height: 41px;
      -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      position: absolute;
      left: 0;
      right: auto;
      top: 0; }
    .compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 21px;
      overflow: hidden;
      display: block;
      text-align: center; }
    .compare-table .table tbody tr td.pro-addtocart .add-to-cart.added {
      padding-left: 25px;
      padding-right: 56px; }
      .compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i {
        left: calc(100% - 41px); }
  .compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0; }
    .compare-table .table tbody tr td.pro-remove button i {
      font-size: 20px; }
  .compare-table .table tbody tr td.pro-ratting i {
    color: #444444;
    font-size: 14px; }

/*---------------------------------------
    13. Checkout
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px; }

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize; }

.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #444444;
  margin-bottom: 15px; }
  .checkout-form .nice-select::after {
    width: 6px;
    height: 6px;
    border-width: 1px;
    right: 20px;
    border-color: #444444; }
  .checkout-form .nice-select .current {
    color: #444444;
    display: block;
    line-height: 23px; }
  .checkout-form .nice-select .list {
    width: 100%; }

.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #444444;
  margin-bottom: 15px; }
  .checkout-form input[type="checkbox"] {
    width: auto; }

.checkout-form .check-box {
  float: left;
  margin-right: 70px; }
  .checkout-form .check-box:last-child {
    margin-right: 0; }
  .checkout-form .check-box input[type="checkbox"] {
    display: none; }
    .checkout-form .check-box input[type="checkbox"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #202020;
      margin: 0; }
      .checkout-form .check-box input[type="checkbox"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .checkout-form .check-box input[type="checkbox"] + label::after {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: "\f00c";
        font-family: Fontawesome;
        font-size: 12px;
        line-height: 20px;
        opacity: 0;
        color: #202020;
        width: 20px;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .checkout-form .check-box input[type="checkbox"]:checked + label::before {
      border: 2px solid #202020; }
    .checkout-form .check-box input[type="checkbox"]:checked + label::after {
      opacity: 1; }

/*-- Shipping Form --*/
#shipping-form {
  display: none; }

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #fefcef;
  padding: 45px; }
  @media only screen and (max-width: 479px) {
    .checkout-cart-total {
      padding: 30px; } }
  .checkout-cart-total h4 {
    -ms-flex-preferred-size: 18px;
    flex-basis: 18px;
    line-height: 23px;
    font-weight: 700; }
    .checkout-cart-total h4:first-child {
      margin-top: 0;
      margin-bottom: 25px; }
    .checkout-cart-total h4:last-child {
      margin-top: 15px;
      margin-bottom: 0; }
    .checkout-cart-total h4 span {
      float: right;
      display: block; }
  .checkout-cart-total ul {
    border-bottom: 1px solid #999999; }
    .checkout-cart-total ul li {
      color: #444444;
      font-size: 14px;
      line-height: 23px;
      font-weight: 600;
      display: block;
      margin-bottom: 16px; }
      .checkout-cart-total ul li span {
        color: #202020;
        float: right; }
  .checkout-cart-total p {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #505050;
    padding: 10px 0;
    border-bottom: 1px solid #999999;
    margin: 0; }
    .checkout-cart-total p span {
      float: right; }

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #fefcef;
  padding: 45px; }
  @media only screen and (max-width: 479px) {
    .checkout-payment-method {
      padding: 30px; } }

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px; }
  .single-method:last-child {
    margin-bottom: 0; }
  .single-method input[type="radio"] {
    display: none; }
    .single-method input[type="radio"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #202020;
      margin: 0; }
      .single-method input[type="radio"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .single-method input[type="radio"] + label::after {
        position: absolute;
        left: 5px;
        top: 5px;
        display: block;
        content: "";
        opacity: 0;
        background-color: #202020;
        width: 10px;
        text-align: center;
        height: 10px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .single-method input[type="radio"]:checked + label::before {
      border: 2px solid #202020; }
    .single-method input[type="radio"]:checked + label::after {
      opacity: 1; }
  .single-method input[type="checkbox"] {
    display: none; }
    .single-method input[type="checkbox"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #444444;
      margin: 0; }
      .single-method input[type="checkbox"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .single-method input[type="checkbox"] + label::after {
        position: absolute;
        left: 4px;
        top: 4px;
        display: block;
        content: "";
        opacity: 0;
        background-color: #202020;
        width: 8px;
        text-align: center;
        height: 8px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .single-method input[type="checkbox"]:checked + label::before {
      border: 2px solid #202020; }
    .single-method input[type="checkbox"]:checked + label::after {
      opacity: 1; }
  .single-method p {
    display: none;
    margin-top: 8px;
    font-size: 14px;
    color: #444444;
    line-height: 23px; }

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  color: #202020;
  background-color: #f5d730; }

/*---------------------------------------
    14. Feature
-----------------------------------------*/
/*-- Single Feature --*/
.feature {
  background-color: #f6f7f8;
  padding: 30px;
  position: relative; }
  .feature .feature-wrap {
    text-align: center;
    border: 1px solid #e8e8e8;
    padding: 25px 15px 20px; }
    .feature .feature-wrap .icon {
      display: inline-block;
      margin-bottom: 14px;
      position: relative;
      overflow: hidden;
      height: 29px;
      width: 42px; }
      .feature .feature-wrap .icon img {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .feature .feature-wrap h4 {
      display: block;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 6px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .feature .feature-wrap h4 {
          font-size: 14px;
          margin-bottom: 0; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .feature .feature-wrap h4 {
          font-size: 16px; } }
      @media only screen and (max-width: 479px) {
        .feature .feature-wrap h4 {
          font-size: 16px;
          margin-bottom: 4px; } }
    .feature .feature-wrap p {
      font-size: 14px;
      line-height: 20px;
      margin: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .feature .feature-wrap p {
          font-size: 12px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .feature .feature-wrap p {
          font-size: 13px; } }
      @media only screen and (max-width: 479px) {
        .feature .feature-wrap p {
          font-size: 13px; } }
  .feature:hover .feature-wrap .icon img {
    top: -29px; }

/*-- Single Feature Two --*/
.feature-two {
  background-color: #f6f7f8;
  position: relative;
  text-align: center;
  padding: 80px 20px 40px;
  background-repeat: no-repeat;
  background-position: left bottom; }
  .feature-two .feature-wrap .icon {
    display: block;
    background-color: #f5d730;
    width: 80px;
    border-radius: 0 0 50px 50px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    padding: 22px 19px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -40px; }
    .feature-two .feature-wrap .icon img {
      display: block; }
  .feature-two .feature-wrap h4 {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .feature-two .feature-wrap h4 {
        font-size: 14px;
        margin-bottom: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-two .feature-wrap h4 {
        font-size: 16px; } }
    @media only screen and (max-width: 479px) {
      .feature-two .feature-wrap h4 {
        font-size: 16px;
        margin-bottom: 4px; } }
  .feature-two .feature-wrap p {
    font-size: 14px;
    line-height: 20px;
    margin: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .feature-two .feature-wrap p {
        font-size: 12px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-two .feature-wrap p {
        font-size: 13px; } }
    @media only screen and (max-width: 479px) {
      .feature-two .feature-wrap p {
        font-size: 13px; } }
  .feature-two:hover .feature-wrap .icon {
    padding-top: 32px; }

/*---------------------------------------
    15. Blog
-----------------------------------------*/
/*-- Blog --*/
.ee-blog {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ee-blog:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
  .ee-blog .image {
    display: block; }
    .ee-blog .image img {
      width: 100%; }
  .ee-blog .content {
    padding: 25px 30px 30px;
    overflow: hidden; }
    .ee-blog .content h3 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 600; }
      .ee-blog .content h3 a {
        color: #444444; }
        .ee-blog .content h3 a:hover {
          color: #202020; }
      @media only screen and (max-width: 767px) {
        .ee-blog .content h3 {
          font-size: 18px;
          line-height: 28px; } }
    .ee-blog .content h4 {
      font-size: 18px;
      line-height: 28px;
      font-weight: 600; }
      .ee-blog .content h4 a {
        color: #444444; }
        .ee-blog .content h4 a:hover {
          color: #202020; }
    .ee-blog .content ul {
      float: left;
      width: 100%; }
      .ee-blog .content ul li {
        float: left;
        margin-right: 14px;
        position: relative;
        line-height: 18px; }
        .ee-blog .content ul li::before {
          position: absolute;
          right: -9px;
          top: 50%;
          width: 4px;
          height: 1px;
          content: "";
          background-color: #7b7b7b; }
        .ee-blog .content ul li:last-child {
          margin-right: 0; }
          .ee-blog .content ul li:last-child::before {
            display: none; }
        .ee-blog .content ul li a {
          font-size: 13px;
          letter-spacing: .5px;
          color: #444444;
          line-height: 18px; }
          .ee-blog .content ul li a:hover {
            color: #202020; }
    .ee-blog .content p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0;
      margin-top: 15px;
      display: block;
      float: left;
      width: 100%; }
    .ee-blog .content blockquote {
      overflow: hidden;
      margin: 0;
      padding: 50px;
      width: 100%; }
      .ee-blog .content blockquote p {
        font-size: 16px;
        line-height: 25px;
        font-style: italic;
        margin: 0;
        font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .ee-blog .content blockquote {
          padding: 20px; } }
      @media only screen and (max-width: 479px) {
        .ee-blog .content blockquote {
          padding: 0; } }

/*-- Single Blog --*/
.ee-single-blog {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ee-single-blog:hover {
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }
  .ee-single-blog .image {
    display: block; }
    .ee-single-blog .image img {
      width: 100%; }
  .ee-single-blog .content {
    padding: 25px 30px 30px;
    overflow: hidden; }
    .ee-single-blog .content h3 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 600; }
      @media only screen and (max-width: 767px) {
        .ee-single-blog .content h3 {
          font-size: 18px;
          line-height: 28px; } }
    .ee-single-blog .content h4 {
      font-size: 18px;
      line-height: 28px;
      font-weight: 600; }
    .ee-single-blog .content ul {
      float: left;
      width: 100%; }
      .ee-single-blog .content ul li {
        float: left;
        margin-right: 14px;
        position: relative;
        line-height: 18px; }
        .ee-single-blog .content ul li::before {
          position: absolute;
          right: -9px;
          top: 50%;
          width: 4px;
          height: 1px;
          content: "";
          background-color: #7b7b7b; }
        .ee-single-blog .content ul li:last-child {
          margin-right: 0; }
          .ee-single-blog .content ul li:last-child::before {
            display: none; }
        .ee-single-blog .content ul li a {
          font-size: 13px;
          letter-spacing: .5px;
          color: #444444;
          line-height: 18px; }
          .ee-single-blog .content ul li a:hover {
            color: #202020; }
    .ee-single-blog .content p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 0;
      margin-top: 15px;
      display: block;
      float: left;
      width: 100%; }
    .ee-single-blog .content blockquote {
      overflow: hidden;
      margin: 0;
      padding: 15px 0;
      width: 100%; }
      .ee-single-blog .content blockquote p {
        font-size: 16px;
        line-height: 25px;
        font-style: italic;
        margin: 0;
        font-weight: 400; }
    .ee-single-blog .content .blog-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      float: left;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 30px; }
      .ee-single-blog .content .blog-footer .blog-tags {
        margin-top: 14px; }
        .ee-single-blog .content .blog-footer .blog-tags h5 {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 0;
          line-height: 24px;
          float: left;
          margin-right: 10px; }
        .ee-single-blog .content .blog-footer .blog-tags a {
          display: inline-block;
          margin-right: 5px;
          font-size: 13px;
          letter-spacing: .5px;
          color: #444444;
          line-height: 18px; }
          .ee-single-blog .content .blog-footer .blog-tags a:hover {
            color: #202020; }
          .ee-single-blog .content .blog-footer .blog-tags a::after {
            content: ','; }
      .ee-single-blog .content .blog-footer .blog-share {
        margin-top: 14px; }
        .ee-single-blog .content .blog-footer .blog-share h5 {
          font-size: 16px;
          line-height: 24px;
          font-weight: 600;
          margin-bottom: 0;
          float: left;
          margin-right: 10px; }
        .ee-single-blog .content .blog-footer .blog-share a {
          border: 1px solid #999999;
          color: #444444;
          border-radius: 50px;
          width: 27px;
          height: 27px;
          text-align: center;
          margin-right: 10px; }
          .ee-single-blog .content .blog-footer .blog-share a:last-child {
            margin-right: 0; }
          .ee-single-blog .content .blog-footer .blog-share a i {
            display: block;
            font-size: 11px;
            line-height: 25px; }
          .ee-single-blog .content .blog-footer .blog-share a:hover {
            border-color: #f5d730;
            background-color: #f5d730;
            color: #202020; }

/*-- Blog Author --*/
.blog-author .image {
  width: 120px;
  margin-right: 20px;
  float: left; }
  .blog-author .image img {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .blog-author .image {
      float: none;
      margin-bottom: 15px;
      margin-right: 0; } }

.blog-author .content {
  overflow: hidden; }
  .blog-author .content h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600; }
  .blog-author .content p {
    font-size: 14px;
    line-height: 24px; }

/*-- Blog Comment Wrap --*/
.blog-comment-wrap h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 38px; }

/*-- Comment List --*/
.comment-list li .children {
  margin-left: 50px; }
  @media only screen and (max-width: 767px) {
    .comment-list li .children {
      margin: 0; } }

/*-- Single Comment --*/
.single-comment {
  margin-bottom: 60px; }
  .single-comment .image {
    width: 95px;
    float: left;
    margin-right: 30px; }
    .single-comment .image img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .single-comment .image {
        float: none;
        margin-bottom: 15px;
        margin-right: 0; } }
  .single-comment .content {
    overflow: hidden; }
    .single-comment .content h5 {
      display: block;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 6px;
      line-height: 18px; }
      .single-comment .content h5 span {
        font-size: 14px;
        font-weight: 300; }
    .single-comment .content p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 5px; }
    .single-comment .content .reply {
      display: inline-block;
      font-size: 13px;
      font-weight: 600;
      color: #656565;
      line-height: 16px;
      text-transform: capitalize; }
      .single-comment .content .reply:hover {
        color: #202020; }

/*-- Comment Form --*/
.comment-form label {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  display: block;
  margin-bottom: 15px; }

.comment-form input {
  width: 100%;
  line-height: 23px;
  border: 1px solid #999999;
  padding: 10px 20px;
  background-color: transparent;
  border-radius: 50px;
  color: #444444; }
  .comment-form input[type="submit"] {
    width: auto;
    padding: 10px 35px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #202020; }
    .comment-form input[type="submit"]:hover {
      border-color: #202020;
      background-color: #202020;
      color: #f5d730; }

.comment-form textarea {
  width: 100%;
  line-height: 23px;
  border: 1px solid #999999;
  padding: 10px 20px;
  background-color: transparent;
  color: #444444;
  border-radius: 10px;
  resize: none;
  height: 150px; }

/*---------------------------------------
    16. Blog Sidebar
-----------------------------------------*/
.blog-sidebar {
  background-color: #f6f7f8; }
  .blog-sidebar .title {
    background-color: #fefcef;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 35px;
    text-transform: uppercase;
    margin: 0; }
  .blog-sidebar ul li {
    padding: 10px 35px;
    border-bottom: 1px solid #dddddd; }
    .blog-sidebar ul li:last-child {
      border-bottom: 0px; }
    .blog-sidebar ul li a {
      font-size: 14px;
      color: #444444;
      text-transform: uppercase;
      line-height: 30px;
      position: relative;
      padding-left: 15px; }
      .blog-sidebar ul li a:hover {
        color: #202020; }
        .blog-sidebar ul li a:hover::before {
          color: #202020; }
      .blog-sidebar ul li a::before {
        position: absolute;
        left: 0;
        top: 0;
        color: #444444;
        line-height: 29px;
        font-family: Fontawesome;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        content: "\f105"; }
    .blog-sidebar ul li ul li {
      border: none;
      padding: 5px 25px; }
      .blog-sidebar ul li ul li a {
        text-transform: capitalize;
        padding-left: 20px; }
        .blog-sidebar ul li ul li a::before {
          content: "\f178";
          color: #444444; }
  .blog-sidebar .tags-cloud {
    margin: 0 -5px;
    padding: 20px 35px;
    overflow: hidden; }
    .blog-sidebar .tags-cloud a {
      font-size: 14px;
      border: 1px solid #999999;
      line-height: 23px;
      padding: 5px 12px 3px;
      color: #444444;
      float: left;
      margin: 5px;
      text-transform: uppercase; }
      .blog-sidebar .tags-cloud a:hover {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }

/*-- Sidebar Blog --*/
.sidebar-blog {
  padding: 20px 35px;
  border-bottom: 1px solid #dddddd;
  overflow: hidden; }
  .sidebar-blog:last-child {
    border-bottom: none; }
  .sidebar-blog .image {
    display: block;
    float: left;
    width: 70px;
    margin-right: 20px; }
    .sidebar-blog .image img {
      width: 100%; }
  .sidebar-blog .content {
    overflow: hidden; }
    .sidebar-blog .content h5 {
      display: block;
      font-size: 15px;
      font-weight: 600;
      line-height: 18px; }
      .sidebar-blog .content h5 a {
        color: #444444; }
        .sidebar-blog .content h5 a:hover {
          color: #202020; }
    .sidebar-blog .content span {
      display: block;
      font-size: 13px;
      z-index: 18px;
      color: #444444; }

/*---------------------------------------
    17. Login & Register
-----------------------------------------*/
/*-- Login --*/
.ee-login h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px; }

.ee-login p {
  font-size: 14px;
  line-height: 23px;
  max-width: 500px; }

.ee-login form {
  max-width: 450px;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 60px;
  clear: both;
  float: left; }
  .ee-login form input {
    width: 100%;
    border: 1px solid #999999;
    line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #444444;
    font-size: 14px;
    background-color: transparent; }
    .ee-login form input[type="submit"] {
      font-size: 16px;
      line-height: 25px;
      padding: 10px 15px;
      width: 150px;
      text-align: center;
      background-color: #f5d730;
      border: none;
      color: #202020;
      text-transform: uppercase;
      font-weight: 700; }
  .ee-login form input[type="checkbox"] {
    display: none; }
    .ee-login form input[type="checkbox"] + label {
      position: relative;
      padding-left: 30px;
      line-height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #444444;
      margin: 0 0 15px; }
      .ee-login form input[type="checkbox"] + label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .ee-login form input[type="checkbox"] + label::after {
        position: absolute;
        left: 5px;
        top: 5px;
        display: block;
        content: "";
        opacity: 0;
        background-color: #202020;
        width: 10px;
        text-align: center;
        height: 10px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
    .ee-login form input[type="checkbox"]:checked + label::before {
      border: 2px solid #202020; }
    .ee-login form input[type="checkbox"]:checked + label::after {
      opacity: 1; }
  .ee-login form a {
    float: right;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    display: inline-block;
    margin-bottom: 15px; }
    .ee-login form a:hover {
      color: #202020; }

.ee-login h4 {
  float: left;
  font-size: 20px;
  font-weight: 600;
  color: #444444;
  margin-bottom: 0; }
  .ee-login h4 a {
    text-transform: uppercase;
    font-weight: 700;
    color: #f5d730; }
    .ee-login h4 a:hover {
      text-decoration: underline; }

/*-- Vertical Border --*/
.login-reg-vertical-boder {
  height: 340px;
  width: 1px;
  margin: auto;
  background-color: #f5d730;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .login-reg-vertical-boder {
      height: 100px;
      margin: 40px auto; } }
  .login-reg-vertical-boder::before, .login-reg-vertical-boder::after {
    position: absolute;
    top: 25px;
    bottom: 25px;
    width: 1px;
    content: "";
    background-color: #f5d730; }
    @media only screen and (max-width: 767px) {
      .login-reg-vertical-boder::before, .login-reg-vertical-boder::after {
        top: 15px;
        bottom: 15px; } }
  .login-reg-vertical-boder::before {
    left: -15px;
    right: auto; }
  .login-reg-vertical-boder::after {
    right: -15px;
    left: auto; }

/*-- Social Login --*/
.ee-social-login {
  margin: auto;
  max-width: 310px; }
  .ee-social-login h3 {
    font-size: 24px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 45px; }
  .ee-social-login a {
    width: 250px;
    height: 50px;
    padding: 10px 50px 10px 30px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 30px;
    border-radius: 50px;
    text-align: left;
    position: relative;
    margin-bottom: 30px; }
    .ee-social-login a i {
      width: 42px;
      height: 42px;
      line-height: 42px;
      font-size: 18px;
      text-align: center;
      border-radius: 50%;
      background-color: #ffffff;
      position: absolute;
      right: 4px;
      top: 4px;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .ee-social-login a.facebook-login {
      background-color: #3b5998; }
      .ee-social-login a.facebook-login i {
        color: #3b5998; }
    .ee-social-login a.twitter-login {
      background-color: #1dcaff; }
      .ee-social-login a.twitter-login i {
        color: #1dcaff; }
    .ee-social-login a.google-plus-login {
      background-color: #dd4b39; }
      .ee-social-login a.google-plus-login i {
        color: #dd4b39; }
    .ee-social-login a:last-child {
      margin-bottom: 0; }

/*-- Register --*/
.ee-register h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px; }

.ee-register p {
  font-size: 14px;
  line-height: 23px;
  max-width: 500px; }

.ee-register form {
  max-width: 450px;
  width: 100%;
  margin-top: 50px;
  clear: both;
  float: left; }
  .ee-register form input {
    width: 100%;
    border: 1px solid #999999;
    line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #444444;
    font-size: 14px;
    background-color: transparent; }
    .ee-register form input[type="submit"] {
      font-size: 16px;
      line-height: 25px;
      padding: 10px 15px;
      width: 150px;
      text-align: center;
      background-color: #f5d730;
      border: none;
      color: #202020;
      text-transform: uppercase;
      font-weight: 700; }

/*-- Account Image --*/
.ee-account-image {
  margin: auto;
  text-align: center; }
  .ee-account-image h3 {
    font-size: 24px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 35px; }
  .ee-account-image .image-placeholder {
    max-width: 100%;
    margin-bottom: 35px; }
  .ee-account-image .account-image-upload {
    margin-bottom: 10px; }
    .ee-account-image .account-image-upload input {
      display: none; }
      .ee-account-image .account-image-upload input + label {
        line-height: 28px;
        padding: 10px 46px 10px 20px;
        border: 1px solid #999999;
        background-color: transparent;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 600;
        color: #444444;
        width: 320px;
        text-align: left;
        position: relative;
        margin: 0; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .ee-account-image .account-image-upload input + label {
            width: 250px; } }
        @media only screen and (max-width: 479px) {
          .ee-account-image .account-image-upload input + label {
            width: 250px; } }
        .ee-account-image .account-image-upload input + label::before {
          position: absolute;
          right: 4px;
          top: 3px;
          content: "\f07c";
          font-family: Fontawesome;
          width: 42px;
          height: 42px;
          border-radius: 50%;
          background-color: #f5d730;
          color: #202020;
          text-align: center;
          line-height: 42px;
          font-size: 18px; }
  .ee-account-image p {
    font-size: 12px;
    font-weight: 600;
    color: #444444;
    text-transform: uppercase;
    line-height: 16px; }

/*---------------------------------------
    18. Team
-----------------------------------------*/
/*-- Team One --*/
.single-team {
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07); }
  .single-team img {
    width: 100%; }
  .single-team .content {
    position: relative;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden; }
    .single-team .content .name-title {
      padding: 20px 15px;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .single-team .content .name-title h5 {
        font-size: 16px;
        font-weight: 600;
        color: #444444;
        line-height: 20px;
        text-transform: capitalize;
        margin-bottom: 6px; }
      .single-team .content .name-title span {
        display: block;
        font-size: 13px;
        color: #444444;
        line-height: 18px;
        text-transform: capitalize; }
    .single-team .content .social {
      position: absolute;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      z-index: 3;
      left: 0;
      top: 15px;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      opacity: 0; }
      .single-team .content .social a {
        border: 1px solid #999999;
        width: 34px;
        height: 34px;
        border-radius: 50px;
        color: #444444;
        margin: 0 5px; }
        .single-team .content .social a i {
          font-size: 14px;
          display: block;
          line-height: 32px; }
        .single-team .content .social a:hover {
          background-color: #202020;
          border-color: #202020;
          color: #f5d730; }
  .single-team:hover .content .name-title {
    opacity: 0; }
  .single-team:hover .content .social {
    opacity: 1;
    top: 0; }

/*-- Team Two --*/
.single-team-2 img {
  width: 100%;
  border-bottom: 1px solid #eeeeee; }

.single-team-2 .content {
  margin-top: 20px;
  text-align: center; }
  .single-team-2 .content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #444444;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 6px; }
  .single-team-2 .content span {
    display: block;
    font-size: 13px;
    color: #444444;
    line-height: 18px;
    text-transform: capitalize; }

/*---------------------------------------
    19. Faq
-----------------------------------------*/
/*-- Faq Wrap --*/
.faq-wrap {
  padding: 60px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07); }
  @media only screen and (max-width: 767px) {
    .faq-wrap {
      padding: 40px; } }
  @media only screen and (max-width: 479px) {
    .faq-wrap {
      padding: 30px; } }

/*-- Single Faq --*/
.single-faq {
  margin-bottom: 42px; }
  .single-faq:last-child {
    margin-bottom: 0; }
  .single-faq h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px; }
  .single-faq p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0; }

.ask-question {
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  color: #444444;
  margin: 0; }
  .ask-question a {
    color: #444444; }
    .ask-question a:hover {
      color: #f5d730; }

/*---------------------------------------
    20. Terms & Conditions
-----------------------------------------*/
.terms-conditions-wrap h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-transform: capitalize;
  margin-bottom: 20px; }
  @media only screen and (max-width: 479px) {
    .terms-conditions-wrap h2 {
      font-size: 24px;
      line-height: 30px; } }

.terms-conditions-wrap p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 56px;
  max-width: 570px; }

.terms-conditions-wrap ul li {
  padding-left: 25px;
  font-size: 14px;
  line-height: 23px;
  color: #444444;
  margin-bottom: 35px;
  position: relative; }
  .terms-conditions-wrap ul li:last-child {
    margin-bottom: 0; }
  .terms-conditions-wrap ul li::before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 23px;
    color: #444444; }

/*---------------------------------------
    21. Track Order
-----------------------------------------*/
/*-- Track Order Title --*/
.track-order-title h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-transform: capitalize;
  margin-bottom: 20px; }
  @media only screen and (max-width: 479px) {
    .track-order-title h2 {
      font-size: 24px;
      line-height: 30px; } }

.track-order-title p {
  font-size: 16px;
  line-height: 25px;
  margin: auto;
  max-width: 830px; }

/*-- Track Order Form --*/
.track-order-form label {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #202020;
  display: block;
  margin-bottom: 16px; }

.track-order-form input {
  width: 100%;
  border: 1px solid #999999;
  border-radius: 50px;
  font-size: 14px;
  line-height: 23px;
  padding: 10px 20px;
  color: #444444;
  margin-bottom: 45px;
  background-color: transparent; }
  .track-order-form input[type="submit"] {
    border-color: #f5d730;
    background-color: #f5d730;
    color: #202020;
    text-transform: uppercase;
    width: 180px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0; }

/*---------------------------------------
    22. Store
-----------------------------------------*/
.single-store h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 28px;
  margin-bottom: 20px; }

.single-store p {
  max-width: 270px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 4px; }
  .single-store p:last-child {
    margin-bottom: 0; }
  .single-store p a:hover {
    color: #202020; }

/*---------------------------------------
    23. Brands
-----------------------------------------*/
/*-- Brand Slider --*/
.brand-slider {
  text-align: center; }
  .brand-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .brand-slider .brand-item img {
    display: inline-block;
    max-width: 100%; }

/*---------------------------------------
    24. Subscribe
-----------------------------------------*/
.subscribe-section {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

/*-- Subscribe Content --*/
.subscribe-content h2 {
  font-size: 28px;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .subscribe-content h2 {
      font-size: 24px;
      line-height: 28px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe-content h2 {
      font-size: 24px;
      line-height: 28px;
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .subscribe-content h2 {
      font-size: 24px;
      line-height: 28px;
      text-align: center; } }
  @media only screen and (max-width: 479px) {
    .subscribe-content h2 {
      font-size: 18px;
      line-height: 24px; } }
  .subscribe-content h2 span {
    font-weight: 800; }

/*-- Subscribe Form --*/
.subscribe-form {
  width: 100%;
  border: 1px solid #d0d0d0;
  padding: 3px;
  padding-right: 140px;
  border-radius: 50px;
  position: relative; }
  @media only screen and (max-width: 479px) {
    .subscribe-form {
      padding: 0;
      border: none !important; } }
  .subscribe-form input {
    height: 50px;
    width: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: transparent;
    border: none;
    line-height: 24px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #444444; }
    @media only screen and (max-width: 479px) {
      .subscribe-form input {
        border: 1px solid #d0d0d0;
        border-radius: 50px;
        text-align: center; } }
  .subscribe-form button {
    position: absolute;
    right: 3px;
    top: 3px;
    height: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #f5d730;
    border: none;
    line-height: 24px;
    text-transform: uppercase;
    padding: 13px 30px;
    font-size: 14px;
    font-weight: 700;
    color: #202020; }
    @media only screen and (max-width: 479px) {
      .subscribe-form button {
        position: static;
        border-radius: 50px;
        margin-top: 10px;
        width: 100%; } }
    .subscribe-form button:hover {
      background-color: #202020;
      color: #f5d730; }

/*-- Popup Subscribe Section --*/
.popup-subscribe-section {
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999999;
  padding: 10px; }

/*-- Popup Subscribe Wrap --*/
.popup-subscribe-wrap {
  margin: auto;
  background-color: #f5d730;
  position: relative;
  max-width: 1015px;
  width: 100%; }
  .popup-subscribe-wrap .close-popup {
    width: 36px;
    height: 36px;
    border: none;
    color: #202020;
    border-color: #f6f7f8;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    right: 30px;
    top: 30px; }

/*-- Popup Subscribe Banner --*/
.popup-subscribe-banner {
  width: 435px;
  float: left; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .popup-subscribe-banner {
      width: 400px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-banner {
      width: 350px; } }
  @media only screen and (max-width: 767px) {
    .popup-subscribe-banner {
      display: none; } }

/*-- Popup Subscribe Form Wrap --*/
.popup-subscribe-form-wrap {
  float: left;
  overflow: hidden;
  padding: 60px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .popup-subscribe-form-wrap {
      padding: 50px 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-form-wrap {
      width: 395px;
      padding: 40px; } }
  @media only screen and (max-width: 767px) {
    .popup-subscribe-form-wrap {
      padding: 30px; } }
  .popup-subscribe-form-wrap h1 {
    font-size: 36px;
    line-height: 44px;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .popup-subscribe-form-wrap h1 {
        font-size: 30px;
        line-height: 36px; } }
    @media only screen and (max-width: 767px) {
      .popup-subscribe-form-wrap h1 {
        font-size: 24px;
        line-height: 30px; } }
  .popup-subscribe-form-wrap h4 {
    font-size: 18px;
    color: #444444;
    font-weight: 600;
    margin-bottom: 38px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .popup-subscribe-form-wrap h4 {
        font-size: 16px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .popup-subscribe-form-wrap h4 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px; } }
  .popup-subscribe-form-wrap p {
    font-size: 16px;
    color: #202020;
    margin-top: 30px;
    margin-bottom: 0;
    max-width: 460px; }
    @media only screen and (max-width: 767px) {
      .popup-subscribe-form-wrap p {
        font-size: 14px;
        margin-top: 10px; } }

/*-- Popup Subscribe Form --*/
.popup-subscribe-form input[type="email"] {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #202020;
  max-width: 100%;
  width: 460px;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #202020;
  background-color: transparent;
  line-height: 35px;
  clear: both; }
  .popup-subscribe-form input[type="email"]::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #202020; }
  @media only screen and (max-width: 767px) {
    .popup-subscribe-form input[type="email"] {
      width: 100%; } }

.popup-subscribe-form button.button {
  margin-top: 35px;
  display: block;
  line-height: 22px;
  background-color: transparent;
  border: 1px solid #202020;
  color: #202020;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 50px;
  padding: 10px 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .popup-subscribe-form button.button {
      margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .popup-subscribe-form button.button {
      margin-top: 20px; } }

/*---------------------------------------
    25. About
-----------------------------------------*/
/*-- About Image --*/
.about-image img {
  width: 100%; }

/*-- About Content --*/
.about-content h1 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 23px; }
  .about-content h1 span {
    color: #f5d730; }
  @media only screen and (max-width: 767px) {
    .about-content h1 {
      font-size: 24px;
      line-height: 30px; } }

.about-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px; }

.about-content p {
  font-size: 14px;
  line-height: 23px; }

/*-- About Mission Vission Goal --*/
.about-mission-vission-goal h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 13px; }

.about-mission-vission-goal p {
  font-size: 14px;
  line-height: 23px; }

/*-- About Section Title --*/
.about-section-title h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .about-section-title h3 {
      font-size: 18px;
      line-height: 24px; } }

.about-section-title p {
  font-size: 14px;
  line-height: 23px;
  max-width: 600px; }

/*-- About Feature --*/
.about-feature h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px; }

.about-feature p {
  font-size: 14px;
  line-height: 23px;
  max-width: 265px; }
  @media only screen and (max-width: 767px) {
    .about-feature p {
      max-width: 350px; } }

/*-- About Feature Banner --*/
.about-feature-banner .banner {
  margin-left: 70px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-feature-banner .banner {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .about-feature-banner .banner {
      margin-left: 0; } }

/*-- Feature Content --*/
.feature-content h2 {
  font-size: 30px;
  max-width: 470px;
  margin-bottom: 0; }
  .feature-content h2 span {
    font-weight: 700; }

.feature-content h1 {
  font-size: 36px;
  max-width: 470px; }
  .feature-content h1 span {
    font-weight: 700; }

.feature-content p {
  line-height: 23px;
  max-width: 520px;
  margin-bottom: 0;
  margin-top: 30px; }

/*-- Feature Image --*/
.feature-image {
  position: relative;
  z-index: 2; }
  .feature-image::before {
    position: absolute;
    right: 0;
    bottom: -40px;
    content: "";
    width: 380px;
    height: 360px;
    background-color: #fefcef;
    z-index: -1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-image::before {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .feature-image::before {
        display: none; } }
  .feature-image img {
    width: 100%;
    margin-left: -40px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-image img {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .feature-image img {
        margin-left: 0; } }

/*---------------------------------------
    26. Testimonial
-----------------------------------------*/
.testimonial-slider .slick-arrow {
  width: 34px;
  border: 1px solid #dfdfdf;
  color: #cacaca;
  height: 34px;
  border-radius: 50%;
  background-color: transparent;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  z-index: 9; }
  .testimonial-slider .slick-arrow i {
    font-size: 18px;
    display: block;
    line-height: 32px; }
  .testimonial-slider .slick-arrow:hover {
    color: #ffffff;
    background-color: #202020;
    border-color: #202020; }
  .testimonial-slider .slick-arrow.slick-prev {
    left: 0; }
  .testimonial-slider .slick-arrow.slick-next {
    right: 0; }
  @media only screen and (max-width: 767px) {
    .testimonial-slider .slick-arrow {
      display: none !important; } }

/*-- Testimonial Item One --*/
@media only screen and (max-width: 767px) {
  .ee-testimonial-item-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

/*-- Testimonial Image One --*/
.ee-testimonial-image-one {
  width: 250px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  float: left;
  margin-right: 80px; }
  .ee-testimonial-image-one img {
    width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-testimonial-image-one {
      margin-right: 40px; } }
  @media only screen and (max-width: 767px) {
    .ee-testimonial-image-one {
      margin-right: 0;
      float: none; } }

/*-- Testimonial Content --*/
@media only screen and (max-width: 767px) {
  .ee-testimonial-content {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 30px; } }

.ee-testimonial-content i {
  font-size: 40px;
  color: #e3e3e3;
  margin-bottom: 15px;
  display: block; }

.ee-testimonial-content p {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  line-height: 25px;
  margin-bottom: 36px; }

.ee-testimonial-content img {
  max-width: 100%;
  margin-bottom: 10px; }

.ee-testimonial-content h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 4px; }

.ee-testimonial-content span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 18px; }

.ee-testimonial-content.text-center img {
  margin-left: auto;
  margin-right: auto; }

/*-- Testimonial Image Slider --*/
.testimonial-image-slider {
  max-width: 430px;
  margin: auto;
  margin-bottom: 50px; }
  .testimonial-image-slider .ee-testimonial-item {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0.4; }
    .testimonial-image-slider .ee-testimonial-item.slick-center {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
    .testimonial-image-slider .ee-testimonial-item img {
      display: inline-block;
      vertical-align: top;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      max-width: 100%; }

/*-- Testimonial Slider Two --*/
.testimonial-slider-2 {
  margin: 0 -40px;
  width: auto; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-2 {
      margin: 0 -15px; } }
  @media only screen and (max-width: 767px) {
    .testimonial-slider-2 {
      margin: 0 -15px; } }

/*-- Testimonial Item Two --*/
.ee-testimonial-item-2 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 40px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ee-testimonial-item-2 {
      padding: 0 15px; } }
  @media only screen and (max-width: 767px) {
    .ee-testimonial-item-2 {
      padding: 0 15px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

/*-- Testimonial Image Two --*/
.ee-testimonial-image-2 {
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  overflow: hidden;
  z-index: 9;
  position: relative; }
  .ee-testimonial-image-2 img {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .ee-testimonial-image-2 {
      margin-left: 30px; } }

/*-- Testimonial Content Two --*/
.ee-testimonial-content-2 {
  background-color: #fefcef;
  overflow: hidden;
  padding: 40px 50px 40px 85px;
  margin-left: -50px; }
  @media only screen and (max-width: 767px) {
    .ee-testimonial-content-2 {
      padding: 80px 30px 30px;
      margin-top: -50px;
      margin-left: 0; } }
  .ee-testimonial-content-2 p {
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 25px;
    margin-bottom: 10px; }
  .ee-testimonial-content-2 h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px; }
  .ee-testimonial-content-2 span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    line-height: 18px; }

/*---------------------------------------
    27. Footer
-----------------------------------------*/
/*----
    27.1 Footer Top
-----------------------------------------*/
.five-column-widget > [class*="col"], .five-column-widget > [class*="col-"] {
  width: 20%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .five-column-widget > [class*="col"], .five-column-widget > [class*="col-"] {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
      flex: 0 0 33.3333%;
      max-width: 33.3333%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .five-column-widget > [class*="col"], .five-column-widget > [class*="col-"] {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media only screen and (max-width: 767px) {
    .five-column-widget > [class*="col"], .five-column-widget > [class*="col-"] {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }

/*-- Footer Widget --*/
.footer-widget .widget-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 28px;
  text-transform: uppercase; }

.footer-widget .footer-logo {
  max-width: 100%;
  margin: auto 0 25px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  clear: both; }
  .footer-widget .footer-logo img {
    display: block;
    max-width: 100%; }
    .footer-widget .footer-logo img.theme-dark {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0; }

.footer-widget p {
  max-width: 430px;
  font-size: 14px;
  line-height: 24px;
  margin: auto; }

.footer-widget.text-center .footer-logo {
  margin: auto auto 25px; }

/*-- Footer Social --*/
.footer-social {
  margin-top: 30px; }
  .footer-social a {
    width: 34px;
    height: 34px;
    border-radius: 50px;
    border: 1px solid #d1d1d1;
    text-align: center;
    color: #606060;
    float: left;
    margin-right: 10px; }
    .footer-social a i {
      font-size: 13px;
      line-height: 32px;
      display: block; }
    .footer-social a:hover {
      border-color: #202020;
      color: #202020; }

/*-- Footer Instagram --*/
.footer-instagram {
  margin: -5px;
  width: auto; }
  .footer-instagram li {
    padding: 5px;
    float: left;
    width: 33.3333%; }
    .footer-instagram li a {
      display: block;
      position: relative;
      color: #202020; }
      .footer-instagram li a::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #f5d730;
        z-index: 1;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .footer-instagram li a img {
        width: 100%; }
      .footer-instagram li a span {
        position: absolute;
        bottom: 5px;
        right: 10px;
        z-index: 9;
        display: block;
        line-height: 24px;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .footer-instagram li a span i {
          float: left;
          margin-right: 3px;
          line-height: 24px; }
      .footer-instagram li a:hover::before {
        opacity: 0.85; }
      .footer-instagram li a:hover span {
        opacity: 1; }

/*-- Contact Information --*/
p.contact-info {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 13px; }
  p.contact-info:last-child {
    margin: 0; }
  p.contact-info span {
    display: block;
    font-weight: 600;
    color: #202020; }
  p.contact-info a {
    display: block;
    font-size: 14px;
    line-height: 23px; }
    p.contact-info a:hover {
      color: #202020; }

/*-- Link Widget --*/
ul.link-widget li {
  margin-bottom: 11px; }
  ul.link-widget li:last-child {
    margin: 0; }
  ul.link-widget li a {
    font-size: 14px;
    line-height: 23px; }
    ul.link-widget li a:hover {
      color: #202020; }

/*-- Footer Twitter Feed --*/
.footer-tweet ul li {
  font-size: 14px;
  line-height: 23px;
  padding-left: 35px;
  position: relative;
  margin-bottom: 25px; }
  .footer-tweet ul li:last-child {
    margin: 0; }
  .footer-tweet ul li::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\ee34";
    font-family: 'IcoFont';
    color: #444444;
    font-size: 24px;
    display: block; }
  .footer-tweet ul li .author a {
    font-weight: 600;
    color: #202020; }
  .footer-tweet ul li > a {
    color: #1da1f3;
    display: block; }

/*----
    27.2 Footer Bottom
-----------------------------------------*/
.footer-bottom-section {
  border-top: 1px solid #eae9e9;
  padding: 20px 0; }

/*-- Footer Copyright --*/
.footer-copyright {
  text-align: left; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-copyright {
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .footer-copyright {
      text-align: center; } }
  .footer-copyright p {
    font-size: 14px;
    line-height: 30px; }
    .footer-copyright p a {
      font-weight: 600;
      color: #202020; }

/*-- Footer Copyright Image --*/
.footer-payments-image {
  text-align: right; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-payments-image {
      text-align: center;
      margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .footer-payments-image {
      text-align: center;
      margin-top: 10px; } }
  .footer-payments-image img {
    max-width: 100%; }

/*---------------------------------------
    28. Contact
-----------------------------------------*/
/*-- Contact Page Title --*/
.contact-page-title h1 {
  font-size: 36px;
  font-weight: 700;
  font-family: "Oswald", sans-serif; }

/*-- Contact Tab List --*/
.contact-tab-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-bottom: 12px; }
  .contact-tab-list li:last-child {
    margin-bottom: 0; }
  .contact-tab-list li a {
    font-size: 18px;
    line-height: 24px;
    color: #5b5b5b; }
    .contact-tab-list li a::before {
      font-family: Fontawesome;
      content: "\f101";
      line-height: 22px;
      font-size: 20px;
      float: left;
      margin-right: 6px; }
    .contact-tab-list li a:hover {
      color: #444444; }
    .contact-tab-list li a.active {
      color: #444444;
      font-weight: 600; }

/*-- Contact Information --*/
.contact-information h4 {
  font-size: 18px;
  font-weight: 700; }

.contact-information p {
  font-size: 16px;
  color: #606060;
  line-height: 23px; }
  .contact-information p a {
    display: block; }

/*-- Contact Form --*/
.contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 17px; }

.contact-form input {
  width: 100%;
  border: 1px solid #999999;
  line-height: 23px;
  padding: 10px 20px;
  border-radius: 50px;
  background-color: transparent; }
  .contact-form input[type="submit"] {
    width: auto;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    background-color: transparent; }
    .contact-form input[type="submit"]:hover {
      background-color: #202020;
      border-color: #202020;
      color: #f5d730; }

.contact-form textarea {
  width: 100%;
  border: 1px solid #999999;
  line-height: 23px;
  padding: 10px 20px;
  border-radius: 10px;
  height: 120px;
  resize: none;
  background-color: transparent; }

.theme-dark {
  background-color: #1d1d1d;
  /*-- Page Banner --*/
  /*-- Breadcrumb --*/
  /*-- Pagination --*/
  /*-- Sticky Header --*/
  /*-- Header Language & Currency --*/
  /*-- Header Search --*/
  /*-- Header Search Container --*/
  /*-- Header Advance Search --*/
  /*-- Mini Cart Wrap --*/
  /*-- Header Call Us --*/
  /*-- Logo --*/
  /*-- Mobile Menu --*/
  /*-- Category Mega Menu --*/
  /*-- Hero Content --*/
  /*-- Product Tab Filter Toggle --*/
  /*-- Product Tab List --*/
  /*-- Shop Top Bar --*/
  /*-- Offer Time Wrap --*/
  /*-- Big Image Slider --*/
  /*-- Thumb Image Slider --*/
  /*-- Single Product Content --*/
  /*-- Single Product Tab Conent --*/
  /*-- Single Product Description Content --*/
  /*-- Sidebar Category --*/
  /*-- Sidebar Brand --*/
  /*-- Sidebar Price --*/
  /*-- Sidebar Tags --*/
  /*-- Cart Table --*/
  /*-- Calculate Shipping --*/
  /*-- Discount Coupon --*/
  /*-- Cart Summary --*/
  /*-- Checkout Form --*/
  /*-- Checkout Cart Total --*/
  /*-- Checkout Payment Method --*/
  /*-- Single Payment Method --*/
  /*-- Compare Table --*/
  /*-- Faq Wrap --*/
  /*-- About Feature Image --*/
  /*-- Login --*/
  /*-- Register --*/
  /*-- Tab One --*/
  /*-- Tab Two --*/
  /*-- Tab Three --*/
  /*-- Tab Four --*/
  /*-- Tab Five --*/
  /*-- Tab Six --*/
  /*-- Tab Seven --*/
  /*-- Tab Eight --*/
  /*-- Team One --*/
  /*-- Team Two --*/
  /*-- Track Order Form --*/
  /*-- Subscribe content --*/
  /*-- Subscribe Form --*/
  /*-- Popup Subscribe Form Wrap --*/
  /*-- Popup Subscribe Form --*/
  /*-- Blog --*/
  /*-- Single Blog --*/
  /*-- Single Comment --*/
  /*-- Comment Form --*/
  /*-- Sidebar Blog --*/
  /*-- Contact Tab List --*/
  /*-- Contact Information --*/
  /*-- Contact Form --*/
  /*-- Footer Copyright --*/ }
  .theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6, .theme-dark a {
    color: #cccccc; }
  .theme-dark p, .theme-dark span, .theme-dark li, .theme-dark label {
    color: #cbcbcb; }
  .theme-dark a:hover {
    color: #ffffff; }
  .theme-dark.section, .theme-dark .section {
    background-color: #1d1d1d; }
    .theme-dark.section.bg-gray, .theme-dark.section .bg-gray, .theme-dark .section.bg-gray, .theme-dark .section .bg-gray {
      background-color: #2b2b2b; }
    .theme-dark.section.bg-ivory, .theme-dark.section .bg-ivory, .theme-dark .section.bg-ivory, .theme-dark .section .bg-ivory {
      background-color: #191919; }
  .theme-dark .blockquote {
    background-color: #2b2b2b; }
  .theme-dark .blockquote-3::before {
    color: #cbcbcb; }
  .theme-dark .mfp-img {
    background-color: #2d2d2d; }
  .theme-dark .page-banner-section {
    background-color: #2d2d2d; }
  .theme-dark .page-banner {
    background-color: #2d2d2d; }
    .theme-dark .page-banner h1 {
      color: #cccccc; }
    .theme-dark .page-banner p {
      color: #cbcbcb; }
  .theme-dark .breadcrumb ul li::before {
    background-color: #838383; }
  .theme-dark .breadcrumb ul li a {
    color: #cbcbcb; }
    .theme-dark .breadcrumb ul li a:hover {
      color: #f5d730; }
  .theme-dark .pagination li a {
    color: #cbcbcb; }
  .theme-dark .pagination li.active a {
    color: #f5d730;
    border-color: #f5d730; }
  .theme-dark .pagination li:first-child a {
    color: #f5d730; }
  .theme-dark .pagination li:last-child a {
    color: #f5d730; }
  .theme-dark .section-title-one {
    z-index: 1; }
    .theme-dark .section-title-one::before {
      color: #484848;
      background-color: #1d1d1d; }
    .theme-dark .section-title-one::after {
      background-color: #484848; }
    .theme-dark .section-title-one h1 {
      background-color: #1d1d1d; }
  .theme-dark .header-top-border {
    border-bottom: 1px solid #666666; }
  .theme-dark .header-sticky.is-sticky {
    background-color: #1d1d1d; }
  .theme-dark .header-account-links a i {
    background-color: #cccccc;
    color: #202020; }
  .theme-dark .header-account-links a:hover i {
    background-color: #f5d730; }
  .theme-dark .header-lan-curr > li::before {
    background-color: #cccccc; }
  .theme-dark .header-lan-curr > li a {
    color: #cccccc; }
    .theme-dark .header-lan-curr > li a:hover {
      color: #ffffff; }
  .theme-dark .header-lan-curr > li ul li a:hover {
    color: #f5d730; }
  .theme-dark .header-search .search-toggle {
    color: #cccccc; }
    .theme-dark .header-search .search-toggle:hover {
      color: #f5d730; }
  .theme-dark .header-search-container {
    background-color: #252525; }
  .theme-dark .header-search-form {
    width: 100%; }
    .theme-dark .header-search-form input {
      color: #cccccc;
      border-color: #666666; }
  .theme-dark .header-advance-search {
    border: 1px solid #666666; }
    .theme-dark .header-advance-search .input {
      border-right: 1px solid #666666; }
      .theme-dark .header-advance-search .input input {
        color: #cbcbcb;
        background-color: transparent; }
    .theme-dark .header-advance-search .select div.nice-select {
      border: 0px solid transparent;
      background-color: transparent; }
      .theme-dark .header-advance-search .select div.nice-select::after {
        border-color: #cbcbcb; }
      .theme-dark .header-advance-search .select div.nice-select .current {
        color: #cbcbcb; }
      .theme-dark .header-advance-search .select div.nice-select .list li {
        color: #444444; }
  .theme-dark .mini-cart-wrap .mini-cart-products li .remove {
    color: #444444; }
    .theme-dark .mini-cart-wrap .mini-cart-products li .remove:hover {
      color: #ff0000; }
  .theme-dark .mini-cart-wrap .mini-cart-bottom .sub-total {
    color: #444444; }
    .theme-dark .mini-cart-wrap .mini-cart-bottom .sub-total span {
      color: #444444; }
  .theme-dark .header-call-us h4 span a:focus {
    color: #cccccc; }
  .theme-dark .header-call-us h4 span a:hover {
    color: #f5d730; }
  .theme-dark .header-logo img {
    opacity: 0; }
    .theme-dark .header-logo img.theme-dark {
      opacity: 1; }
  .theme-dark .main-menu nav > ul > li > a {
    color: #cccccc; }
  .theme-dark .main-menu nav > ul > li.active > a, .theme-dark .main-menu nav > ul > li:hover > a {
    color: #f5d730; }
  .theme-dark .mobile-menu .mean-bar .meanmenu-reveal span {
    /*---- Menu Open ----*/
    /*---- Menu Close ----*/ }
    .theme-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
      background-color: #cccccc; }
      .theme-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .theme-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
        background-color: #cccccc; }
    .theme-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .theme-dark .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
      background-color: #cccccc; }
  .theme-dark .hero-side-category {
    background-color: #2d2d2d; }
    .theme-dark .hero-side-category nav.category-menu {
      background-color: #2d2d2d; }
      .theme-dark .hero-side-category nav.category-menu > ul > li i {
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        height: 50px;
        width: 40px;
        line-height: 50px;
        z-index: 9; }
        .theme-dark .hero-side-category nav.category-menu > ul > li i::before {
          background-color: #606060;
          width: 8px;
          height: 2px;
          content: "";
          position: absolute;
          left: 50%;
          margin-left: -4px;
          margin-top: -1px;
          top: 50%; }
        .theme-dark .hero-side-category nav.category-menu > ul > li i::after {
          background-color: #606060;
          width: 2px;
          height: 8px;
          content: "";
          position: absolute;
          left: 50%;
          margin-top: -4px;
          margin-left: -1px;
          top: 50%;
          -webkit-transition: all 0.3s ease 0s;
          -o-transition: all 0.3s ease 0s;
          transition: all 0.3s ease 0s;
          -webkit-transform: scaleY(0);
          -ms-transform: scaleY(0);
          transform: scaleY(0); }
        .theme-dark .hero-side-category nav.category-menu > ul > li i.expand::after {
          -webkit-transform: scaleY(1);
          -ms-transform: scaleY(1);
          transform: scaleY(1); }
      .theme-dark .hero-side-category nav.category-menu > ul > li > a {
        color: #cccccc;
        border-bottom: 1px solid #404040; }
      .theme-dark .hero-side-category nav.category-menu > ul > li:hover > a {
        color: #f5d730; }
  .theme-dark .category-mega-menu {
    background-color: #252525; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .theme-dark .category-mega-menu > li::before {
        background-color: #606060; } }
    @media only screen and (max-width: 767px) {
      .theme-dark .category-mega-menu > li::before {
        background-color: #606060; } }
    .theme-dark .category-mega-menu > li > a {
      color: #cccccc;
      border-bottom: 1px solid transparent; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .theme-dark .category-mega-menu > li > a {
          color: #cccccc; } }
      @media only screen and (max-width: 767px) {
        .theme-dark .category-mega-menu > li > a {
          color: #cccccc; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .theme-dark .category-mega-menu > li > ul li::before {
        background-color: #cccccc; } }
    @media only screen and (max-width: 767px) {
      .theme-dark .category-mega-menu > li > ul li::before {
        background-color: #cccccc; } }
    .theme-dark .category-mega-menu > li > ul li a {
      color: #cccccc;
      border-bottom: 1px solid transparent; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .theme-dark .category-mega-menu > li > ul li a {
          color: #cccccc; } }
      @media only screen and (max-width: 767px) {
        .theme-dark .category-mega-menu > li > ul li a {
          color: #cccccc; } }
      .theme-dark .category-mega-menu > li > ul li a:hover {
        color: #f5d730; }
  .theme-dark .hero-content h2 {
    color: #202020; }
    .theme-dark .hero-content h2 span {
      color: #202020; }
  .theme-dark .hero-content h1 {
    color: #202020; }
    .theme-dark .hero-content h1 span {
      color: #202020; }
  .theme-dark .hero-content a {
    color: #202020; }
    .theme-dark .hero-content a::before {
      background-color: #202020; }
    .theme-dark .hero-content a:hover {
      color: #f5d730; }
  .theme-dark .hero-content-two .offer, .theme-dark .hero-content-three .offer {
    color: #202020; }
    .theme-dark .hero-content-two .offer span, .theme-dark .hero-content-three .offer span {
      color: #202020; }
  .theme-dark .hero-content-two h1, .theme-dark .hero-content-three h1 {
    color: #202020; }
    .theme-dark .hero-content-two h1 span, .theme-dark .hero-content-three h1 span {
      color: #202020; }
  .theme-dark .hero-content-two a, .theme-dark .hero-content-three a {
    color: #202020; }
    .theme-dark .hero-content-two a::before, .theme-dark .hero-content-three a::before {
      background-color: #202020; }
    .theme-dark .hero-content-two a:hover, .theme-dark .hero-content-three a:hover {
      color: #f5d730; }
  .theme-dark .hero-content-four .offer, .theme-dark .hero-content-five .offer {
    color: #202020; }
    .theme-dark .hero-content-four .offer span, .theme-dark .hero-content-five .offer span {
      color: #202020; }
  .theme-dark .hero-content-four h1, .theme-dark .hero-content-five h1 {
    color: #202020; }
    .theme-dark .hero-content-four h1 span, .theme-dark .hero-content-five h1 span {
      color: #202020; }
  .theme-dark .hero-content-four h2, .theme-dark .hero-content-five h2 {
    color: #202020; }
    .theme-dark .hero-content-four h2 span, .theme-dark .hero-content-five h2 span {
      color: #202020; }
  .theme-dark .hero-content-four a, .theme-dark .hero-content-five a {
    color: #202020; }
    .theme-dark .hero-content-four a:hover, .theme-dark .hero-content-five a:hover {
      color: #f5d730; }
  .theme-dark .product-tab-filter-toggle {
    color: #cccccc; }
  .theme-dark .product-tab-list li a {
    color: #cbcbcb; }
    @media only screen and (max-width: 767px) {
      .theme-dark .product-tab-list li a {
        color: #444444; } }
    .theme-dark .product-tab-list li a.active {
      color: #f5d730; }
  .theme-dark .shop-top-bar {
    background-color: #2d2d2d; }
  .theme-dark .product-view-mode a.active {
    color: #f5d730; }
  .theme-dark .product-showing p {
    color: #cbcbcb; }
  .theme-dark .product-showing div.nice-select {
    border: 1px solid #666666; }
    .theme-dark .product-showing div.nice-select::after {
      border-color: #cbcbcb; }
    .theme-dark .product-showing div.nice-select .current {
      color: #cbcbcb; }
    .theme-dark .product-showing div.nice-select .list li {
      color: #444444; }
  .theme-dark .product-short p {
    color: #cbcbcb; }
  .theme-dark .product-short div.nice-select {
    border: 1px solid #666666; }
    .theme-dark .product-short div.nice-select::after {
      border-color: #cbcbcb; }
    .theme-dark .product-short div.nice-select .current {
      color: #cbcbcb; }
    .theme-dark .product-short div.nice-select .list li {
      color: #444444; }
  .theme-dark .product-pages p {
    color: #cbcbcb; }
  .theme-dark .product-slider {
    /*-- Arrow --*/ }
    .theme-dark .product-slider .slick-arrow {
      color: #f5d730;
      background-color: #565656; }
      .theme-dark .product-slider .slick-arrow:hover {
        color: #202020;
        background-color: #f5d730; }
  .theme-dark .ee-product {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
    .theme-dark .ee-product .image .label {
      color: #e4e4e4; }
      .theme-dark .ee-product .image .label.sale {
        color: #e4e4e4; }
      .theme-dark .ee-product .image .label.new {
        color: #ff0000; }
    .theme-dark .ee-product .image .img {
      background-color: #484848; }
    .theme-dark .ee-product .image .wishlist-compare a {
      color: #e4e4e4; }
      .theme-dark .ee-product .image .wishlist-compare a:hover {
        color: #f5d730;
        border-color: #f5d730; }
      .theme-dark .ee-product .image .wishlist-compare a.added {
        color: #202020;
        border-color: #f5d730;
        background-color: #f5d730; }
    .theme-dark .ee-product .image .add-to-cart {
      color: #202020; }
      .theme-dark .ee-product .image .add-to-cart span {
        color: #202020; }
    .theme-dark .ee-product .specification {
      background-color: #2b2b2b;
      border-bottom: 1px solid #404040; }
      .theme-dark .ee-product .specification ul li {
        color: #cbcbcb; }
        .theme-dark .ee-product .specification ul li::before {
          background-color: #cbcbcb; }
    .theme-dark .ee-product .content {
      background-color: #2b2b2b; }
      .theme-dark .ee-product .content .category-title {
        border-bottom: 1px solid #404040; }
        .theme-dark .ee-product .content .category-title .cat {
          color: #cbcbcb; }
          .theme-dark .ee-product .content .category-title .cat:hover {
            color: #f5d730; }
        .theme-dark .ee-product .content .category-title .title a {
          color: #cbcbcb; }
          .theme-dark .ee-product .content .category-title .title a:hover {
            color: #f5d730; }
      .theme-dark .ee-product .content .price-ratting .price {
        color: #cbcbcb; }
        .theme-dark .ee-product .content .price-ratting .price span {
          color: #cbcbcb; }
      .theme-dark .ee-product .content .price-ratting .ratting i {
        color: #cbcbcb; }
  .theme-dark .ee-product-two .wrap .cat {
    color: #202020; }
  .theme-dark .ee-product-two .wrap .offer {
    color: #202020; }
    .theme-dark .ee-product-two .wrap .offer span {
      color: #202020; }
  .theme-dark .ee-product-two .wrap .img img {
    background-color: #484848; }
  .theme-dark .ee-product-two .wrap .add-to-cart {
    color: #202020; }
    .theme-dark .ee-product-two .wrap .add-to-cart span {
      color: #202020; }
  .theme-dark .ee-product-three {
    background-color: #2b2b2b;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
    .theme-dark .ee-product-three .image .label {
      color: #e4e4e4; }
      .theme-dark .ee-product-three .image .label.sale {
        color: #e4e4e4; }
      .theme-dark .ee-product-three .image .label.new {
        color: #ff0000; }
    .theme-dark .ee-product-three .image .img {
      background-color: #484848; }
    .theme-dark .ee-product-three .image .wishlist-compare a {
      color: #e4e4e4; }
      .theme-dark .ee-product-three .image .wishlist-compare a:hover {
        color: #f5d730;
        border-color: #f5d730; }
      .theme-dark .ee-product-three .image .wishlist-compare a.added {
        color: #202020;
        border-color: #f5d730;
        background-color: #f5d730; }
    .theme-dark .ee-product-three .image .add-to-cart {
      color: #202020; }
      .theme-dark .ee-product-three .image .add-to-cart span {
        color: #202020; }
    .theme-dark .ee-product-three .content {
      background-color: #2b2b2b; }
      .theme-dark .ee-product-three .content .category-title .cat {
        color: #cbcbcb; }
        .theme-dark .ee-product-three .content .category-title .cat:hover {
          color: #f5d730; }
      .theme-dark .ee-product-three .content .category-title .title a {
        color: #cbcbcb; }
        .theme-dark .ee-product-three .content .category-title .title a:hover {
          color: #f5d730; }
      .theme-dark .ee-product-three .content .price {
        color: #cbcbcb; }
        .theme-dark .ee-product-three .content .price span {
          color: #cbcbcb; }
    .theme-dark .ee-product-three .product-countdown {
      border-top: 1px solid #404040; }
      .theme-dark .ee-product-three .product-countdown .cdown span {
        color: #cbcbcb; }
      .theme-dark .ee-product-three .product-countdown .cdown p {
        color: #cbcbcb; }
  .theme-dark .ee-product-list {
    background-color: #2b2b2b; }
    .theme-dark .ee-product-list .image .label {
      color: #e4e4e4; }
      .theme-dark .ee-product-list .image .label.sale {
        color: #e4e4e4; }
      .theme-dark .ee-product-list .image .label.new {
        color: #ff0000; }
    .theme-dark .ee-product-list .image .img {
      background-color: #484848; }
    .theme-dark .ee-product-list .content .head-content .category-title .cat {
      color: #cbcbcb; }
      .theme-dark .ee-product-list .content .head-content .category-title .cat:hover {
        color: #f5d730; }
    .theme-dark .ee-product-list .content .head-content .category-title .title a {
      color: #cbcbcb; }
      .theme-dark .ee-product-list .content .head-content .category-title .title a:hover {
        color: #f5d730; }
    .theme-dark .ee-product-list .content .head-content .price {
      color: #cbcbcb; }
      .theme-dark .ee-product-list .content .head-content .price span {
        color: #cbcbcb; }
    .theme-dark .ee-product-list .content .left-content::before {
      background-color: #cbcbcb; }
    .theme-dark .ee-product-list .content .left-content .ratting i {
      color: #cbcbcb; }
    .theme-dark .ee-product-list .content .left-content .desc p {
      color: #cbcbcb; }
    .theme-dark .ee-product-list .content .left-content .actions .add-to-cart span {
      color: #202020; }
    .theme-dark .ee-product-list .content .left-content .actions .wishlist-compare a {
      color: #e4e4e4; }
      .theme-dark .ee-product-list .content .left-content .actions .wishlist-compare a:hover {
        color: #f5d730;
        border-color: #f5d730; }
      .theme-dark .ee-product-list .content .left-content .actions .wishlist-compare a.added {
        color: #202020;
        border-color: #f5d730;
        background-color: #f5d730; }
    .theme-dark .ee-product-list .content .right-content .specification h5 {
      color: #cbcbcb; }
    .theme-dark .ee-product-list .content .right-content .specification ul {
      list-style: none;
      margin-bottom: 13px; }
      .theme-dark .ee-product-list .content .right-content .specification ul li {
        color: #cbcbcb; }
        .theme-dark .ee-product-list .content .right-content .specification ul li::before {
          background-color: #cbcbcb; }
    .theme-dark .ee-product-list .content .right-content .availability {
      color: #cbcbcb; }
      .theme-dark .ee-product-list .content .right-content .availability span {
        color: #cbcbcb; }
  .theme-dark .offer-time-wrap h1 {
    color: #ffffff; }
  .theme-dark .offer-time-wrap h3 {
    color: #ffffff; }
  .theme-dark .offer-time-wrap h4 {
    color: #e1e1e1; }
  .theme-dark .offer-time-wrap .countdown .cdown span {
    color: #efefef; }
  .theme-dark .offer-time-wrap .countdown .cdown p {
    color: #b0b0b0; }
  .theme-dark .offer-time-wrap.dark h1 {
    color: #202020; }
    .theme-dark .offer-time-wrap.dark h1 span {
      color: #202020; }
  .theme-dark .offer-time-wrap.dark h3 {
    color: #202020; }
    .theme-dark .offer-time-wrap.dark h3 span {
      color: #202020; }
  .theme-dark .offer-time-wrap.dark h4 {
    color: #202020; }
    .theme-dark .offer-time-wrap.dark h4 span {
      color: #202020; }
  .theme-dark .offer-time-wrap.dark .countdown .cdown span {
    color: #202020; }
  .theme-dark .offer-time-wrap.dark .countdown .cdown p {
    color: #444444; }
  .theme-dark .big-image-slider .big-image img {
    background-color: #565656; }
  .theme-dark .big-image-slider .big-image .big-image-popup:hover {
    color: #f5d730; }
  .theme-dark .big-image-slider .slick-dots li button:hover {
    border-color: #f5d730; }
  .theme-dark .thumb-image-slider .thumb-image img {
    background-color: #565656; }
  .theme-dark .single-product-content .head-content .category-title .cat {
    color: #cbcbcb; }
    .theme-dark .single-product-content .head-content .category-title .cat:hover {
      color: #f5d730; }
  .theme-dark .single-product-content .head-content .price {
    color: #cbcbcb; }
    .theme-dark .single-product-content .head-content .price span {
      color: #cbcbcb; }
  .theme-dark .single-product-content .single-product-description .ratting i {
    color: #cbcbcb; }
  .theme-dark .single-product-content .single-product-description .desc p {
    color: #cbcbcb; }
  .theme-dark .single-product-content .single-product-description .availability {
    color: #cccccc; }
    .theme-dark .single-product-content .single-product-description .availability span {
      color: #cbcbcb; }
  .theme-dark .single-product-content .single-product-description .quantity-colors .quantity .pro-qty {
    border: 1px solid #666666; }
    .theme-dark .single-product-content .single-product-description .quantity-colors .quantity .pro-qty .qtybtn {
      color: #cbcbcb; }
    .theme-dark .single-product-content .single-product-description .quantity-colors .quantity .pro-qty input {
      color: #cbcbcb; }
  .theme-dark .single-product-content .single-product-description .quantity-colors .colors div.nice-select {
    border: 1px solid #666666; }
    .theme-dark .single-product-content .single-product-description .quantity-colors .colors div.nice-select::after {
      border-color: #cbcbcb; }
    .theme-dark .single-product-content .single-product-description .quantity-colors .colors div.nice-select .current {
      color: #cbcbcb; }
    .theme-dark .single-product-content .single-product-description .quantity-colors .colors div.nice-select .list li {
      color: #444444; }
  .theme-dark .single-product-content .single-product-description .specification ul li {
    color: #cbcbcb; }
    .theme-dark .single-product-content .single-product-description .specification ul li::before {
      background-color: #cbcbcb; }
  .theme-dark .single-product-content .single-product-description .actions .add-to-cart {
    color: #202020; }
    .theme-dark .single-product-content .single-product-description .actions .add-to-cart span {
      color: #202020; }
  .theme-dark .single-product-content .single-product-description .actions .wishlist-compare a {
    color: #e4e4e4; }
    .theme-dark .single-product-content .single-product-description .actions .wishlist-compare a:hover {
      color: #f5d730;
      border-color: #f5d730; }
    .theme-dark .single-product-content .single-product-description .actions .wishlist-compare a.added {
      color: #202020;
      border-color: #f5d730;
      background-color: #f5d730; }
  .theme-dark .single-product-content .single-product-description .tags a {
    color: #cbcbcb; }
    .theme-dark .single-product-content .single-product-description .tags a:hover {
      color: #f5d730; }
  .theme-dark .single-product-content .single-product-description .share a {
    color: #e4e4e4; }
    .theme-dark .single-product-content .single-product-description .share a:hover {
      border-color: #f5d730;
      color: #f5d730; }
  .theme-dark .single-product-tab-content {
    background-color: #2b2b2b; }
  .theme-dark .single-product-description-content p {
    color: #cbcbcb; }
  .theme-dark .single-product-specification ul li {
    color: #cbcbcb; }
    .theme-dark .single-product-specification ul li::before {
      background-color: #cbcbcb; }
  .theme-dark .pro-avg-ratting h4 span {
    color: #cbcbcb; }
  .theme-dark .pro-avg-ratting > span {
    color: #cbcbcb; }
  .theme-dark .ratting-list .sin-list i {
    color: #cbcbcb; }
  .theme-dark .ratting-list .sin-list span {
    color: #cbcbcb; }
  .theme-dark .sin-rattings .ratting-author .ratting-star i, .theme-dark .sin-rattings .ratting-author .ratting-star span {
    color: #cbcbcb; }
  .theme-dark .sin-rattings p {
    color: #cbcbcb; }
  .theme-dark .ratting-form .ratting-star i {
    color: #cbcbcb; }
  .theme-dark .ratting-form label {
    color: #cbcbcb; }
  .theme-dark .ratting-form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .ratting-form input[type="submit"] {
      border-color: transparent; }
      .theme-dark .ratting-form input[type="submit"]:hover {
        background-color: #f5d730;
        color: #202020; }
  .theme-dark .ratting-form textarea {
    border: 1px solid #666666;
    color: #cbcbcb; }
  .theme-dark .shop-sidebar {
    background-color: #191919; }
    .theme-dark .shop-sidebar .title {
      background-color: #2b2b2b; }
  .theme-dark .sidebar-category li {
    border-bottom: 1px solid #404040; }
    .theme-dark .sidebar-category li:last-child {
      border-bottom: none; }
    .theme-dark .sidebar-category li a {
      color: #cbcbcb; }
      .theme-dark .sidebar-category li a:hover {
        color: #f5d730; }
        .theme-dark .sidebar-category li a:hover::before {
          color: #f5d730; }
      .theme-dark .sidebar-category li a::before {
        color: #cbcbcb; }
    .theme-dark .sidebar-category li ul li {
      border: none; }
      .theme-dark .sidebar-category li ul li a::before {
        content: "\f178";
        color: #cbcbcb; }
  .theme-dark .sidebar-brand li {
    border-bottom: 1px solid #404040; }
    .theme-dark .sidebar-brand li:last-child {
      border-bottom: none; }
    .theme-dark .sidebar-brand li a {
      color: #cbcbcb; }
      .theme-dark .sidebar-brand li a:hover {
        color: #f5d730; }
        .theme-dark .sidebar-brand li a:hover::before {
          color: #f5d730; }
      .theme-dark .sidebar-brand li a::before {
        color: #cbcbcb; }
  .theme-dark .sidebar-price #price-range {
    background-color: #2b2b2b; }
  .theme-dark .sidebar-price #price-amount {
    color: #cbcbcb; }
  .theme-dark .sidebar-tags a {
    border: 1px solid #cccccc;
    color: #cccccc; }
    .theme-dark .sidebar-tags a:hover {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .cart-table .table {
    border-bottom: 8px solid #2b2b2b; }
    .theme-dark .cart-table .table thead {
      background-color: #2b2b2b; }
      .theme-dark .cart-table .table thead tr th {
        color: #cccccc; }
    .theme-dark .cart-table .table tbody tr td {
      text-align: center;
      border: none;
      padding: 25px 20px;
      vertical-align: middle;
      border-bottom: 1px solid #404040; }
  .theme-dark .cart-table td.pro-thumbnail a img {
    background-color: #565656; }
  .theme-dark .cart-table td.pro-title a {
    color: #cccccc; }
  .theme-dark .cart-table td.pro-price span {
    color: #cbcbcb; }
  .theme-dark .cart-table td.pro-quantity .pro-qty {
    border: 1px solid #666666; }
    .theme-dark .cart-table td.pro-quantity .pro-qty .qtybtn {
      color: #cbcbcb; }
    .theme-dark .cart-table td.pro-quantity .pro-qty input {
      color: #cbcbcb; }
  .theme-dark .cart-table td.pro-subtotal span {
    color: #cbcbcb; }
  .theme-dark .cart-table td.pro-addtocart button {
    width: 140px;
    border-radius: 50px;
    height: 36px;
    border: 1px solid #f5d730;
    line-height: 24px;
    padding: 5px 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #202020;
    background-color: #f5d730; }
  .theme-dark .cart-table td.pro-remove a {
    color: #cbcbcb; }
    .theme-dark .cart-table td.pro-remove a:hover {
      color: #ff0000; }
  .theme-dark .calculate-shipping {
    margin-bottom: 23px; }
    .theme-dark .calculate-shipping h4 {
      color: #cccccc; }
    .theme-dark .calculate-shipping form .nice-select {
      border: 1px solid #666666; }
      .theme-dark .calculate-shipping form .nice-select::after {
        border-color: #cbcbcb; }
      .theme-dark .calculate-shipping form .nice-select .current {
        color: #cbcbcb; }
    .theme-dark .calculate-shipping form input {
      color: #cbcbcb;
      border: 1px solid #666666; }
      .theme-dark .calculate-shipping form input[type="submit"] {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }
  .theme-dark .discount-coupon h4 {
    color: #cccccc; }
  .theme-dark .discount-coupon form input {
    border: 1px solid #404040;
    color: #cbcbcb; }
    .theme-dark .discount-coupon form input[type="submit"] {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .cart-summary .cart-summary-wrap {
    background-color: #2b2b2b; }
    .theme-dark .cart-summary .cart-summary-wrap h4 {
      color: #cccccc; }
    .theme-dark .cart-summary .cart-summary-wrap p {
      color: #cbcbcb; }
    .theme-dark .cart-summary .cart-summary-wrap h2 {
      color: #cbcbcb;
      border-color: #404040; }
  .theme-dark .cart-summary .cart-summary-button button {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .cart-summary .cart-summary-button button:hover {
      border-color: #f5d730;
      color: #f5d730; }
    .theme-dark .cart-summary .cart-summary-button button:last-child {
      margin-left: 0; }
    .theme-dark .cart-summary .cart-summary-button button.checkout-btn {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .checkout-form label {
    color: #cbcbcb; }
  .theme-dark .checkout-form .nice-select {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .checkout-form .nice-select::after {
      border-color: #cbcbcb; }
    .theme-dark .checkout-form .nice-select .current {
      color: #cbcbcb; }
  .theme-dark .checkout-form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
  .theme-dark .checkout-form .check-box input[type="checkbox"] {
    display: none; }
    .theme-dark .checkout-form .check-box input[type="checkbox"] + label {
      color: #cbcbcb; }
      .theme-dark .checkout-form .check-box input[type="checkbox"] + label::before {
        border: 2px solid #cbcbcb; }
      .theme-dark .checkout-form .check-box input[type="checkbox"] + label::after {
        color: #cbcbcb; }
    .theme-dark .checkout-form .check-box input[type="checkbox"]:checked + label::before {
      border: 2px solid #f5d730; }
    .theme-dark .checkout-form .check-box input[type="checkbox"]:checked + label::after {
      color: #f5d730; }
  .theme-dark .checkout-cart-total {
    background-color: #2b2b2b; }
    .theme-dark .checkout-cart-total h4 span {
      color: #cbcbcb; }
    .theme-dark .checkout-cart-total ul {
      border-bottom: 1px solid #404040; }
      .theme-dark .checkout-cart-total ul li {
        color: #cbcbcb; }
        .theme-dark .checkout-cart-total ul li span {
          color: #cbcbcb; }
    .theme-dark .checkout-cart-total p {
      color: #cbcbcb;
      border-bottom: 1px solid #404040; }
  .theme-dark .checkout-payment-method {
    background-color: #2b2b2b; }
  .theme-dark .single-method input[type="radio"] + label {
    color: #cbcbcb; }
    .theme-dark .single-method input[type="radio"] + label::before {
      border: 2px solid #cbcbcb; }
    .theme-dark .single-method input[type="radio"] + label::after {
      background-color: #f5d730; }
  .theme-dark .single-method input[type="radio"]:checked + label::before {
    border: 2px solid #f5d730; }
  .theme-dark .single-method input[type="radio"]:checked + label::after {
    opacity: 1; }
  .theme-dark .single-method input[type="checkbox"] + label {
    color: #cbcbcb; }
    .theme-dark .single-method input[type="checkbox"] + label::before {
      border: 2px solid #cbcbcb; }
    .theme-dark .single-method input[type="checkbox"] + label::after {
      background-color: #f5d730; }
  .theme-dark .single-method input[type="checkbox"]:checked + label::before {
    border: 2px solid #f5d730; }
  .theme-dark .single-method input[type="checkbox"]:checked + label::after {
    opacity: 1; }
  .theme-dark .single-method p {
    color: #cbcbcb; }
  .theme-dark .compare-table .table tbody tr:first-child {
    border-top: 1px solid #404040; }
  .theme-dark .compare-table .table tbody tr td {
    border-bottom: 1px solid #404040;
    border-left: 1px solid #404040; }
    .theme-dark .compare-table .table tbody tr td:last-child {
      border-right: 1px solid #404040; }
    .theme-dark .compare-table .table tbody tr td.first-column {
      color: #cbcbcb; }
    .theme-dark .compare-table .table tbody tr td.product-image-title .category {
      color: #cbcbcb; }
      .theme-dark .compare-table .table tbody tr td.product-image-title .category:hover {
        color: #f5d730; }
    .theme-dark .compare-table .table tbody tr td.product-image-title .title {
      color: #cbcbcb; }
      .theme-dark .compare-table .table tbody tr td.product-image-title .title:hover {
        color: #f5d730; }
    .theme-dark .compare-table .table tbody tr td.pro-price {
      color: #cbcbcb; }
    .theme-dark .compare-table .table tbody tr td.pro-color {
      color: #cbcbcb; }
    .theme-dark .compare-table .table tbody tr td.pro-stock {
      color: #cbcbcb; }
    .theme-dark .compare-table .table tbody tr td.pro-addtocart a {
      color: #202020; }
      .theme-dark .compare-table .table tbody tr td.pro-addtocart a span {
        color: #202020; }
    .theme-dark .compare-table .table tbody tr td.pro-remove button {
      color: #cbcbcb; }
      .theme-dark .compare-table .table tbody tr td.pro-remove button:hover {
        color: #ff0000; }
    .theme-dark .compare-table .table tbody tr td.pro-ratting i {
      color: #cbcbcb; }
  .theme-dark .faq-wrap {
    background-color: #2b2b2b; }
  .theme-dark .feature-image::before {
    background-color: #2b2b2b; }
  .theme-dark .ee-login form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .ee-login form input[type="submit"] {
      color: #202020; }
  .theme-dark .ee-login form input[type="checkbox"] {
    display: none; }
    .theme-dark .ee-login form input[type="checkbox"] + label {
      color: #cbcbcb; }
      .theme-dark .ee-login form input[type="checkbox"] + label::before {
        border: 2px solid #cbcbcb; }
      .theme-dark .ee-login form input[type="checkbox"] + label::after {
        background-color: #f5d730; }
    .theme-dark .ee-login form input[type="checkbox"]:checked + label::before {
      border: 2px solid #f5d730; }
  .theme-dark .ee-login form a {
    color: #cbcbcb; }
    .theme-dark .ee-login form a:hover {
      color: #f5d730; }
  .theme-dark .ee-login h4 {
    color: #cbcbcb; }
    .theme-dark .ee-login h4 a {
      color: #f5d730; }
  .theme-dark .ee-social-login h3 {
    color: #cccccc; }
  .theme-dark .ee-social-login a {
    color: #ffffff; }
  .theme-dark .ee-register form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .ee-register form input[type="submit"] {
      background-color: #f5d730;
      color: #202020; }
  .theme-dark .ee-account-image h3 {
    color: #cccccc; }
  .theme-dark .ee-account-image .account-image-upload input + label {
    border: 1px solid #666666;
    color: #cbcbcb; }
  .theme-dark .single-store p a:hover {
    color: #f5d730; }
  .theme-dark .nav-tabs-one li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-one li a.active, .theme-dark .nav-tabs-one li a:hover {
      color: #f5d730; }
  .theme-dark .nav-tabs-two li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-two li a:hover {
      color: #f5d730; }
    .theme-dark .nav-tabs-two li a.active {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .nav-tabs-three li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-three li a:hover {
      color: #f5d730; }
    .theme-dark .nav-tabs-three li a.active {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .nav-tabs-four li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-four li a:hover {
      color: #f5d730; }
    .theme-dark .nav-tabs-four li a.active {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .nav-tabs-five li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-five li a:hover {
      color: #f5d730; }
    .theme-dark .nav-tabs-five li a.active {
      color: #202020;
      background-color: #f5d730;
      border-color: #f5d730; }
  .theme-dark .nav-tabs-six li a {
    color: #cbcbcb; }
    .theme-dark .nav-tabs-six li a.active, .theme-dark .nav-tabs-six li a:hover {
      color: #f5d730; }
  .theme-dark .nav-tabs-seven li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-seven li a:hover {
      color: #f5d730; }
    .theme-dark .nav-tabs-seven li a.active {
      color: #f5d730;
      border-bottom-color: transparent; }
      @media only screen and (max-width: 767px) {
        .theme-dark .nav-tabs-seven li a.active {
          border-color: #666666; } }
  .theme-dark .nav-tabs-eight li a {
    color: #cbcbcb;
    border: 1px solid #666666; }
    .theme-dark .nav-tabs-eight li a:hover {
      color: #f5d730; }
    .theme-dark .nav-tabs-eight li a.active {
      color: #f5d730; }
  .theme-dark .single-team .content {
    background-color: #2b2b2b; }
    .theme-dark .single-team .content .name-title h5 {
      color: #cccccc; }
    .theme-dark .single-team .content .name-title span {
      color: #cbcbcb; }
    .theme-dark .single-team .content .social a {
      border: 1px solid #666666;
      color: #cbcbcb; }
      .theme-dark .single-team .content .social a:hover {
        background-color: #f5d730;
        border-color: #f5d730;
        color: #202020; }
  .theme-dark .single-team-2 img {
    border-bottom: 1px solid #404040; }
  .theme-dark .single-team-2 .content h4 {
    color: #cbcbcb; }
  .theme-dark .single-team-2 .content span {
    color: #cbcbcb; }
  .theme-dark .terms-conditions-wrap ul li {
    color: #cbcbcb; }
    .theme-dark .terms-conditions-wrap ul li::before {
      color: #cbcbcb; }
  .theme-dark .testimonial-slider .slick-arrow {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .testimonial-slider .slick-arrow:hover {
      background-color: #f5d730;
      border-color: #f5d730;
      color: #202020; }
  .theme-dark .ee-testimonial-content-2 {
    background-color: #2b2b2b; }
  .theme-dark .track-order-form label {
    color: #cbcbcb; }
  .theme-dark .track-order-form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .track-order-form input[type="submit"] {
      border-color: #f5d730;
      background-color: #f5d730;
      color: #202020; }
  .theme-dark .feature {
    background-color: #2b2b2b; }
    .theme-dark .feature .feature-wrap {
      border: 1px solid #666666; }
      .theme-dark .feature .feature-wrap p {
        color: #cbcbcb; }
    .theme-dark .feature:hover .feature-wrap .icon img {
      top: -58px; }
  .theme-dark .feature-two {
    background-color: #2b2b2b; }
    .theme-dark .feature-two .feature-wrap p {
      color: #cbcbcb; }
  .theme-dark .feature-three {
    background-color: #2b2b2b; }
    .theme-dark .feature-three .feature-wrap h4 {
      color: #202020; }
    .theme-dark .feature-three .feature-wrap p {
      color: #444444; }
  .theme-dark .subscribe-bg-image .subscribe-content h2 {
    color: #202020; }
    .theme-dark .subscribe-bg-image .subscribe-content h2 span {
      color: #202020; }
  .theme-dark .subscribe-form {
    border: 1px solid #666666; }
    .theme-dark .subscribe-form input {
      color: #959595; }
      @media only screen and (max-width: 479px) {
        .theme-dark .subscribe-form input {
          border: 1px solid #666666; } }
    .theme-dark .subscribe-form button {
      background-color: #f5d730;
      color: #202020; }
      .theme-dark .subscribe-form button:hover {
        background-color: #202020;
        color: #f5d730; }
  .theme-dark .popup-subscribe-form-wrap h1 {
    color: #202020; }
  .theme-dark .popup-subscribe-form-wrap h4 {
    color: #444444; }
  .theme-dark .popup-subscribe-form-wrap p {
    color: #202020; }
  .theme-dark .popup-subscribe-form input[type="email"] {
    color: #202020;
    border-color: #202020; }
  .theme-dark .popup-subscribe-form button.button {
    border: 1px solid #202020;
    color: #202020; }
    .theme-dark .popup-subscribe-form button.button:hover {
      background-color: #202020;
      color: #f5d730; }
  .theme-dark .ee-blog {
    background-color: #2b2b2b; }
    .theme-dark .ee-blog .content h3 a {
      color: #cccccc; }
      .theme-dark .ee-blog .content h3 a:hover {
        color: #f5d730; }
    .theme-dark .ee-blog .content h4 a {
      color: #cccccc; }
      .theme-dark .ee-blog .content h4 a:hover {
        color: #f5d730; }
    .theme-dark .ee-blog .content ul li::before {
      background-color: #cbcbcb; }
    .theme-dark .ee-blog .content ul li a {
      color: #cbcbcb; }
      .theme-dark .ee-blog .content ul li a:hover {
        color: #f5d730; }
    .theme-dark .ee-blog .content p {
      color: #cbcbcb; }
    .theme-dark .ee-blog .content blockquote p {
      color: #cbcbcb; }
  .theme-dark .ee-single-blog {
    background-color: #2b2b2b; }
    .theme-dark .ee-single-blog .content ul li::before {
      background-color: #cbcbcb; }
    .theme-dark .ee-single-blog .content ul li a {
      color: #cbcbcb; }
      .theme-dark .ee-single-blog .content ul li a:hover {
        color: #f5d730; }
    .theme-dark .ee-single-blog .content p {
      color: #cbcbcb; }
    .theme-dark .ee-single-blog .content blockquote p {
      color: #cbcbcb; }
    .theme-dark .ee-single-blog .content .blog-footer .blog-tags a {
      color: #cbcbcb; }
      .theme-dark .ee-single-blog .content .blog-footer .blog-tags a:hover {
        color: #f5d730; }
    .theme-dark .ee-single-blog .content .blog-footer .blog-share a {
      border: 1px solid #666666;
      color: #cbcbcb; }
      .theme-dark .ee-single-blog .content .blog-footer .blog-share a:hover {
        border-color: #f5d730;
        background-color: #f5d730;
        color: #202020; }
  .theme-dark .single-comment .content .reply {
    color: #cbcbcb; }
    .theme-dark .single-comment .content .reply:hover {
      color: #f5d730; }
  .theme-dark .comment-form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .comment-form input[type="submit"] {
      color: #cbcbcb; }
      .theme-dark .comment-form input[type="submit"]:hover {
        background-color: #f5d730;
        border-color: #f5d730;
        color: #202020; }
  .theme-dark .comment-form textarea {
    border: 1px solid #666666;
    color: #cbcbcb; }
  .theme-dark .blog-sidebar {
    background-color: #191919; }
    .theme-dark .blog-sidebar .title {
      background-color: #2b2b2b;
      color: #cbcbcb; }
    .theme-dark .blog-sidebar ul li {
      border-bottom: 1px solid #404040; }
      .theme-dark .blog-sidebar ul li:last-child {
        border-bottom: none; }
      .theme-dark .blog-sidebar ul li a {
        color: #cbcbcb; }
        .theme-dark .blog-sidebar ul li a:hover {
          color: #f5d730; }
          .theme-dark .blog-sidebar ul li a:hover::before {
            color: #f5d730; }
        .theme-dark .blog-sidebar ul li a::before {
          color: #cbcbcb; }
      .theme-dark .blog-sidebar ul li ul li {
        border: none; }
        .theme-dark .blog-sidebar ul li ul li a::before {
          content: "\f178";
          color: #cbcbcb; }
    .theme-dark .blog-sidebar .tags-cloud a {
      border: 1px solid #cccccc;
      color: #cccccc; }
      .theme-dark .blog-sidebar .tags-cloud a:hover {
        color: #202020;
        background-color: #f5d730;
        border-color: #f5d730; }
  .theme-dark .sidebar-blog {
    border-bottom: 1px solid #404040; }
    .theme-dark .sidebar-blog:last-child {
      border-bottom: none; }
    .theme-dark .sidebar-blog .content h5 a {
      color: #cccccc; }
      .theme-dark .sidebar-blog .content h5 a:hover {
        color: #f5d730; }
    .theme-dark .sidebar-blog .content span {
      color: #cbcbcb; }
  .theme-dark .contact-tab-list li a {
    color: #cccccc; }
    .theme-dark .contact-tab-list li a:hover {
      color: #f5d730; }
    .theme-dark .contact-tab-list li a.active {
      color: #f5d730; }
  .theme-dark .contact-information p {
    color: #cbcbcb; }
    .theme-dark .contact-information p a {
      color: #cbcbcb; }
      .theme-dark .contact-information p a:hover {
        color: #f5d730; }
  .theme-dark .contact-form input {
    border: 1px solid #666666;
    color: #cbcbcb; }
    .theme-dark .contact-form input[type="submit"]:hover {
      background-color: #f5d730;
      border-color: #f5d730;
      color: #202020; }
  .theme-dark .contact-form textarea {
    border: 1px solid #404040;
    color: #cbcbcb; }
  .theme-dark .footer-widget .widget-title {
    color: #c4c4c4; }
  .theme-dark .footer-widget img {
    opacity: 0; }
    .theme-dark .footer-widget img.theme-dark {
      opacity: 1; }
  .theme-dark .footer-widget p {
    color: #cccccc; }
  .theme-dark .footer-social a {
    border: 1px solid #d1d1d1;
    color: #cccccc; }
    .theme-dark .footer-social a:hover {
      border-color: #f5d730;
      color: #f5d730; }
  .theme-dark p.contact-info {
    color: #cccccc; }
    .theme-dark p.contact-info span {
      color: #969696; }
    .theme-dark p.contact-info a {
      color: #cccccc; }
      .theme-dark p.contact-info a:hover {
        color: #f5d730; }
  .theme-dark ul.link-widget li a {
    color: #cccccc; }
    .theme-dark ul.link-widget li a:hover {
      color: #f5d730; }
  .theme-dark .footer-tweet ul li {
    color: #cccccc; }
    .theme-dark .footer-tweet ul li::before {
      color: #cccccc; }
    .theme-dark .footer-tweet ul li .author a {
      color: #f5d730; }
  .theme-dark .footer-bottom-section {
    border-top: 1px solid #404040; }
  .theme-dark .footer-copyright p {
    color: #cccccc; }
    .theme-dark .footer-copyright p a {
      color: #f5d730; }
      .theme-dark .footer-copyright p a:hover {
        text-decoration: underline; }
.hide{display: none;}