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

    Template Name: ROSSI Sport
    Version: 2.0

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

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

    01. Theme default CSS
	02. Header
        02.1 Header top
        02.2 Header bottom
        02.3 Breadcrumb
    03. Category
    04. Hero
        04.1 Slider one
        04.2 Slider two
        04.3 Slider three
    05. Banner
        05.1 Sidebar banner
        05.2 Double banner
        05.3 Single wide banner
        05.3 wide text banner
    06. Featured service
    07. Product Slider
        07.1 Horizontal
        07.2 Tab horizontal
        07.3 Two column horizontal
        07.4 Vertical
        07.5 Vertical auto
    08. Product
        08.1 Horizontal slider product
        08.2 Vertical slider product
        08.3 Vertical auto slider product
        08.4 latest product
        08.5 Related product
        08.6 Shop page grid product
        08.7 Shop page list product
    09. Product non slider
    10. Brand
    11. Subscribe
    12. Section title
        12.1 Block title
    13. Page
    14. About page
    15. Contact page
    16. Single product page
    17. Shop page
    18. Store page
    19. Cart page
    20. Compare page
    21. Checkout page
    22. Login -  Register Page
    23. My account
    24. Blog
    25. Blog Sidebar
    26. FAQ
    27. Footer
        26.1 Footer top
        26.2 Footer bottom


-----------------------------------------------------------------------------------*/
/*=============================================
=            01. Theme defaults            =
=============================================*/
/*-- Google Font --*/

@import url('../../css/font.css');

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  background-color: #ffffff;
  line-height: 18px;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Aston Martin Flare" !important;
  color: #777;
  overflow-x: hidden;
}

.outer-row {
  background: #ffffff;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #777777;
  font-weight: 600;
  margin-top: 0;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 18px;
  line-height: 25px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
  line-height: 25px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #f36b63;
}

button,
input[type=submit] {
  cursor: pointer;
}

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

.dark-bg {
  background-color: #395562;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .black-bg {
    background: #ffffff;
  }
}

@media only screen and (max-width: 767px) {
  .black-bg {
    background: #ffffff;
  }
}

@media only screen and (max-width: 479px) {
  .black-bg {
    background: #ffffff;
  }
}

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

.hidden {
  display: none;
}

.visible {
  visibility: visible;
  opacity: 1;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='black'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 93% 50%;
}

/* margin and padding classes*/
/*-- 
    - 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;
  }
}

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

/* scroll to top */
a.scroll-top {
  background: #666;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: none;
  text-align: center;
  color: #fff;
  font-family: "FontAwesome";
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50000;
}

a.scroll-top:after {
  content: "";
  display: inline;
  font-size: 20px;
}

a.scroll-top:hover {
  background-color: #f36b63;
  color: #ffffff;
}

/*=====  End of 01. Theme default css  ======*/
.sidebar {
  margin-bottom: 50px;
}

.sidebar:last-child {
  margin-bottom: 0;
}

/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {

  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 90%;
  }
}

.row {
  --bs-gutter-x: 30px;
}

/*=============================================
=            Modal            =
=============================================*/
/*----------  quick view modal style  ----------*/
.quick-view-modal-container .modal-header,
.add-to-cart-modal-container .modal-header {
  border-bottom: 0;
  padding: 0.5rem 1rem 0 0;
}

.quick-view-modal-container .modal-dialog,
.add-to-cart-modal-container .modal-dialog {
  max-width: 900px;
}

/*=============================================
=          01.  Quick view modal            =
=============================================*/
/*----------  product image slider  ----------*/
.single-product-img {
  text-align: center;
}

.nav.single-slide-menu a {
  display: block;
  border: 1px solid #ededed;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav.single-slide-menu a img {
  width: 100%;
  border: 3px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav.single-slide-menu a.active img,
.nav.single-slide-menu a:hover img {
  border-color: #dbdbdb;
}

.single-product-menu {
  margin: 15px 0;
}

.nav.single-slide-menu {
  padding: 0 26px;
}

.single-tab-menu {
  padding: 0 10px;
}

.copyright-text .site_logo {
  filter: invert(1);
  margin-right: 15px;
}

.single-slide-menu .slick-list {
  width: 100%;
}

.logo {
  padding: 12px 0;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 28px;
  height: 28px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 26px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 99;
}

.slick-next-btn.slick-arrow {
  left: auto;
  right: 0;
}

.slick-arrow:hover {
  background: #f36b63;
  color: #fff;
  border-color: #f36b63;
}

/*----------  product option style  ----------*/
.product-options h2.product-title {
  text-transform: uppercase;
  font-weight: 800;
  color: #333;
}

.product-options p.condition {
  margin-bottom: 10px;
}

.product-options p.condition span {
  font-weight: 800;
  color: #333;
}

.product-options h2.product-price {
  font-weight: 800;
  color: #333;
}

.product-options .social-share-buttons ul {
  margin-bottom: 15px;
}

.product-options .social-share-buttons ul li {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .product-options .social-share-buttons ul li {
    margin-bottom: 5px;
  }
}

.product-options .social-share-buttons ul li a {
  display: block;
  border: 1px solid #ddd;
  padding: 5px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-options .social-share-buttons ul li a {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .product-options .social-share-buttons ul li a {
    margin-bottom: 5px;
  }
}

.product-options .social-share-buttons ul li a i.fa {
  margin-right: 5px;
}

.product-options .social-share-buttons ul li a i.fa-twitter {
  color: #56d7ff;
}

.product-options .social-share-buttons ul li a i.fa-facebook {
  color: #3c5b9b;
}

.product-options .social-share-buttons ul li a i.fa-google-plus {
  color: #e04b34;
}

.product-options .social-share-buttons ul li a i.fa-pinterest {
  color: #ce1f21;
}

.product-options .social-share-buttons ul li:hover a {
  color: #fff;
}

.product-options .social-share-buttons ul li:hover a i.fa {
  color: #fff;
}

.product-options .social-share-buttons ul li:hover a.twitter {
  background-color: #56d7ff;
}

.product-options .social-share-buttons ul li:hover a.facebook {
  background-color: #3c5b9b;
}

.product-options .social-share-buttons ul li:hover a.google-plus {
  background-color: #e04b34;
}

.product-options .social-share-buttons ul li:hover a.pinterest {
  background-color: #ce1f21;
}

.product-options p.stock-details {
  font-weight: 800;
  color: #333;
  margin-bottom: 15px;
}

.product-options p.stock-details span {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin-left: 15px;
}

.product-options p.stock-details span.in-stock {
  background-color: #55c65e;
}

.product-options p.stock-details span.out-of-stock {
  background-color: red;
}

.product-options p.quantity {
  font-weight: 800;
  color: #333;
  margin-bottom: 15px;
}

.product-options p.quantity input {
  margin-left: 10px;
  width: 20%;
  padding: 5px;
  border: 1px solid #ddd;
}

.product-options p.quantity span.counter {
  margin-left: 5px;
}

.product-options p.quantity span.counter a {
  border: 1px solid #ddd;
  padding: 5px 10px;
  color: #bbb;
}

.product-options p.quantity span.counter a:hover {
  background-color: #bbb;
  color: #333;
}

.product-options p.size {
  font-weight: 800;
  color: #333;
}

.product-options p.size select {
  width: 45%;
  border: 1px solid #ddd;
  padding: 5px;
  margin-top: 5px;
}

.product-options p.color {
  font-weight: 800;
  color: #333;
}

.product-options p.color span.color-block {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 10px;
}

.product-options p.color span.color-choice-1 {
  background-color: #d66238;
}

.product-options p.color span.color-choice-2 {
  background-color: #3fc43f;
}

.product-options p.color span.color-choice-3 {
  background-color: #4343cc;
}

.product-options p.color span.active {
  border: 2px solid #ddd;
  width: 32px;
  height: 32px;
}

.product-options a.add-to-cart-btn {
  color: #fff;
  background-color: #666666;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.product-options a.add-to-cart-btn:hover {
  background-color: #f36b63;
}

/*=====  End of 01. Quick view modal  ======*/
/*=============================================
=          02.  Add to cart modal            =
=============================================*/
.cart-product-short-desc {
  border-right: 1px solid #ddd;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .cart-product-short-desc {
    border-right: 0;
    margin-bottom: 15px;
  }
}

.cart-product-short-desc h2.cart-success-message {
  color: #46a74e;
  position: relative;
  padding-left: 30px;
  margin-bottom: 25px;
  font-size: 25px;
}

.cart-product-short-desc h2.cart-success-message:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: fontAwesome;
  content: "";
}

.cart-product-short-desc .product-image {
  border: 1px solid #ddd;
  max-width: 160px;
  margin-right: 1rem;
}

.cart-product-short-desc .product-desc {
  padding-top: 30px;
}

.cart-product-short-desc .product-desc h4,
.cart-product-short-desc .product-desc p {
  margin-bottom: 10px;
}

.cart-product-short-desc .product-desc p.color-size {
  margin-bottom: 0;
}

.cart-product-short-desc .product-desc p.quantity span,
.cart-product-short-desc .product-desc p.total-amount span {
  font-weight: 800;
  color: #333;
}

.cart-product-calculation h2.cart-info-message {
  margin-bottom: 25px;
  font-size: 25px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}

.cart-product-calculation p span {
  font-weight: 800;
  color: #333;
}

.cart-product-calculation .product-calculations {
  margin-bottom: 30px;
}

.cart-modal-buttons a {
  font-size: 14px;
  font-weight: 800;
  display: inline-block;
  padding: 10px 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-modal-buttons a {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-modal-buttons a {
    margin-bottom: 15px;
  }
}

.cart-modal-buttons a.continue-shopping-btn {
  border: 1px solid #ddd;
  color: #333;
  margin-right: 5px;
}

.cart-modal-buttons a.continue-shopping-btn:hover {
  -webkit-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
}

.cart-modal-buttons a.proceed-checkout-btn {
  background-color: #666666;
  color: #fff;
}

.cart-modal-buttons a.proceed-checkout-btn:hover {
  background-color: #f36b63;
}

/*=====  02. End of Add to cart modal  ======*/
/*=====  End of modal styles  ======*/
/*=============================================
=            12. Section title            =
=============================================*/
/*=============================================
=            12.1 Block title            =
=============================================*/
h2.block-title,
.block-title h2 {
  font-size: 14px;
  font-weight: 800;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  line-height: 14px;
  text-transform: uppercase;
}

h2.block-title:after,
.block-title h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 3px;
  background: #f36b63;
  content: "";
}

h2.block-title:before,
.block-title h2:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #f4f4f4;
  content: "";
}

/*=====  End of 12.1 Block title  ======*/
/*=====  End of 12. Section title  ======*/
/*=============================================
=            02. Header            =
=============================================*/
/*----------  02.1 Header top  ----------*/
.header-top-nav {
  padding: 15px 0;
}

/*----------  language currency change style   ----------*/
.language-currency-changer {
  position: relative;
}

.language-currency-changer .language-changer {
  margin-right: 2rem;
}

.language-currency-changer .language-currency-list {
  position: absolute;
  z-index: 999;
  margin-top: 5px;
}

.language-currency-changer .language-currency-list ul {
  background-color: #fff;
}

.language-currency-changer .language-currency-list ul li {
  border: 1px solid #ddd;
  padding: 3px;
  width: 100px;
}

/*----------  user information menu style  ----------*/
.user-information-menu ul {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .user-information-menu ul {
    text-align: center;
    margin: 15px 0;
  }
}

.user-information-menu ul li {
  display: inline-block;
}

.user-information-menu ul li a {
  display: inline-block;
  font-weight: 500;
}

/*----------  end of 02.1 Header top  ----------*/
/*----------  02.2 Header Bottom    ----------*/
/*----------  logo  ----------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .logo {
    text-align: center;
  }
}

/*----------  header search bar  ----------*/
.header-search-bar {
  border: 3px solid #ddd;
  width: 100%;
  margin-top: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-search-bar {
    margin-top: 35px;
  }
}

.header-search-bar input,
.header-search-bar button {
  background: none;
  border: none;
}

.header-search-bar select {
  background-color: #395562;
  color: #fff;
  padding: 10px 20px;
  border: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='white'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  width: 40%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 479px) {
  .header-search-bar select {
    padding: 10px 0px 10px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .header-search-bar select {
    width: 35%;
  }
}

.header-search-bar select option {
  background-color: #ffffff;
  color: #333;
}

.header-search-bar select:hover {
  background-color: #f36b63;
}

.header-search-bar .input-group-append {
  width: 60%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .header-search-bar .input-group-append {
    width: 65%;
  }
}

.header-search-bar .input-group-append input[type=search] {
  padding-left: 15px;
  width: 85%;
  height: 38px;
}

.header-search-bar .input-group-append button {
  width: 15%;
  background-color: #395562;
  color: #ffffff;
  position: absolute;
  right: 0;
  height: 100%;
}

.header-search-bar .input-group-append button:hover {
  background-color: #f36b63;
}

/*----------  Header shopping cart  ----------*/
.shopping-cart {
  margin-top: 25px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping-cart {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .shopping-cart {
    text-align: left;
    margin-bottom: 25px;
  }
}

.shopping-cart .cart-icon {
  margin-right: 1rem;
  margin-top: 5px;
}

.shopping-cart .cart-content {
  position: relative;
}

.shopping-cart .cart-content h2 {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-bottom: 0;
  font-weight: 900;
}

.shopping-cart .cart-content h2 span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}

.shopping-cart .cart-floating-box {
  position: absolute;
  top: 80px;
  z-index: 999999;
  right: 0;
  width: 270px;
  background-color: #ffffff;
  padding: 20px;
  -webkit-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shopping-cart .cart-floating-box {
    display: none;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .shopping-cart .cart-floating-box {
    display: none;
    left: 0;
  }
}

@media only screen and (max-width: 479px) {
  .shopping-cart .cart-floating-box {
    display: none;
    left: 0;
  }
}

.shopping-cart .cart-floating-box .cart-float-single-item {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.shopping-cart .cart-floating-box .cart-float-single-item:last-child {
  border-bottom: none;
}

.shopping-cart .cart-floating-box .cart-float-single-item span.remove-item {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}

.shopping-cart .cart-floating-box .cart-float-single-item .cart-float-single-item-image {
  width: 35%;
  border: 1px solid #ddd;
  margin-right: 10px;
}

.shopping-cart .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p {
  margin-bottom: 5px;
}

.shopping-cart .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a {
  font-weight: 600;
  color: #333;
}

.shopping-cart .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a:hover {
  color: #f36b63;
}

.shopping-cart .cart-floating-box .cart-calculation .calculation-details {
  width: 55%;
}

.shopping-cart .cart-floating-box .cart-calculation .calculation-details p {
  font-weight: 800;
  color: #333;
}

.shopping-cart .cart-floating-box .cart-calculation .calculation-details p span {
  float: right;
}

.shopping-cart .cart-floating-box .cart-calculation .calculation-details p.shipping {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.shopping-cart .cart-floating-box .cart-calculation .checkout-button a {
  background-color: #333;
  color: #fff;
  padding: 10px 15px;
  display: inline-block;
  margin-top: 25px;
  margin-left: 25px;
  font-weight: 600;
  border-radius: 3px;
}

.shopping-cart .cart-floating-box .cart-calculation .checkout-button a:hover {
  background-color: #f36b63;
}

/*----------  header navigation menu  ----------*/
.navigation-container {
  color: #ccc;
  padding: 15px 0 15px 15px;
  margin: 15px 0;
  background-color: #000000;
  /*----------  Header navigation text  ----------*/
  /*----------  Main menu  ----------*/
  /*----------  Sub menu  ----------*/
  /*----------  Mega menu  ----------*/
  /*----------  Mobile menu  ----------*/
}

@media only screen and (max-width: 767px) {
  .navigation-container {
    background-color: #fff;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation-container {
    background-color: #fff;
    margin: 0;
    padding: 0;
  }
}

.navigation-container p {
  border-right: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .navigation-container p {
    color: #333;
    border-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation-container p {
    color: #333;
    border-right: 0;
  }
}

.navigation-container nav>ul>li {
  display: block;
  float: left;
  margin-right: 40px;
  position: relative;
}

.navigation-container nav>ul>li:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .navigation-container nav>ul>li {
    margin-right: 30px;
  }
}

.navigation-container nav>ul>li>a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navigation-container nav>ul>li.menu-item-has-children>a::after {
  font-family: Fontawesome;
  content: "";
  margin-left: 5px;
  float: right;
}

.navigation-container nav>ul>li.active>a,
.navigation-container nav>ul>li:hover>a {
  color: #ffffff;
}

.navigation-container nav>ul>li:hover>.sub-menu,
.navigation-container nav>ul>li:hover>.mega-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}

.navigation-container .sub-menu {
  position: absolute;
  left: -20px;
  top: 150%;
  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 #f36b63;
  z-index: -999;
  width: 250px;
  padding: 15px 0;
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation-container .sub-menu {
    border-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .navigation-container .sub-menu {
    border-top: 0;
  }
}

.navigation-container .sub-menu li {
  position: relative;
}

.navigation-container .sub-menu li a {
  line-height: 24px;
  padding: 6px 20px;
  display: block;
  font-weight: 400;
  color: #444444;
  text-transform: capitalize;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navigation-container .sub-menu li.menu-item-has-children>a::after {
  font-family: Fontawesome;
  content: "";
  margin-left: 5px;
  float: right;
}

.navigation-container .sub-menu li.active>a,
.navigation-container .sub-menu li:hover>a {
  color: #202020;
  font-weight: 600;
}

.navigation-container .sub-menu li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}

.navigation-container .sub-menu .sub-menu {
  left: 100%;
  right: auto;
  top: 0;
}

.navigation-container .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.navigation-container .sub-menu .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.navigation-container .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.navigation-container .mega-menu {
  position: absolute;
  left: 0;
  top: 150%;
  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 #f36b63;
  z-index: -999;
  width: 100%;
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation-container .mega-menu {
    border-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .navigation-container .mega-menu {
    border-top: 0;
  }
}

.navigation-container .mega-menu.two-column {
  width: 440px;
  left: -20px;
}

.navigation-container .mega-menu.two-column>li {
  width: 50%;
  padding: 20px 15px;
}

.navigation-container .mega-menu.three-column {
  width: 700px;
  left: -300px;
}

.navigation-container .mega-menu.three-column>li {
  width: 33.33%;
  padding: 20px 15px;
}

.navigation-container .mega-menu>li {
  position: relative;
  float: left;
}

.navigation-container .mega-menu>li>a {
  line-height: 24px;
  padding: 6px 20px;
  display: block;
  font-weight: 600;
  color: #444444;
  text-transform: capitalize;
}

.navigation-container .mega-menu>li.active>a,
.navigation-container .mega-menu>li:hover>a {
  color: #202020;
  font-weight: 600;
}

.navigation-container .mega-menu>li ul li a {
  line-height: 24px;
  padding: 6px 20px;
  display: block;
  font-weight: 400;
  color: #444444;
  text-transform: capitalize;
}

.navigation-container .mega-menu>li ul li.active>a,
.navigation-container .mega-menu>li ul li:hover>a {
  color: #202020;
  font-weight: 600;
}

.navigation-container .mobile-menu {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 100% !important;
  flex: 1 0 100% !important;
}

.navigation-container .mobile-menu .mean-bar {
  position: relative;
  /*---- Mean Nav ----*/
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .navigation-container .mobile-menu .mean-bar .meanmenu-reveal {
    top: -55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation-container .mobile-menu .mean-bar .meanmenu-reveal {
    top: -60px;
  }
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #333;
  display: block;
  margin: 8px 0;
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navigation-container .mobile-menu .mean-bar .mean-nav {
  background-color: #ffffff;
  position: relative;
  top: 30px;
  z-index: 999999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navigation-container .mobile-menu .mean-bar .mean-nav {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .navigation-container .mobile-menu .mean-bar .mean-nav {
    top: 0;
  }
}

.navigation-container .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) {
  .navigation-container .mobile-menu .mean-bar .mean-nav>ul {
    max-height: 180px;
    overflow-y: auto;
  }
}

@media only screen and (max-width: 479px) {
  .navigation-container .mobile-menu .mean-bar .mean-nav>ul {
    max-height: 220px;
    overflow-y: auto;
  }
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}

.navigation-container .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 ----*/
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li a::after {
  display: none;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li a:hover {
  color: #202020;
  padding-left: 25px;
}

.navigation-container .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;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.navigation-container .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;
  transition: none;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.navigation-container .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%;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li a {
  font-size: 12px;
  display: block !important;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li a::before {
  display: none;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
  border-top: 1px solid #dddddd;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
  border: 1px solid #dddddd;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
  border-top: 1px solid #eeeeee;
}

.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.navigation-container .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
  border: 1px solid #eeeeee;
}

.full-width .navigation-container .mobile-menu {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 100% !important;
  flex: 1 0 100% !important;
}

.full-width .navigation-container .mobile-menu .mean-bar {
  position: relative;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal {
    top: -55px;
    right: 15px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal {
    top: -60px;
  }
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #333;
  display: block;
  margin: 8px 0;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.full-width .navigation-container .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*----------  02.2 End of header bottom  ----------*/
/*----------  02.3 Breadcrumb section  ----------*/
.breadcrumb-area {
  margin-bottom: 15px;
}

.breadcrumb-area .breadcrumb-container {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.breadcrumb-area .breadcrumb-container ul li {
  display: inline-block;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb-container ul li span.bc-separator {
  margin: 0 5px;
  font-weight: 800;
}

.breadcrumb-area .breadcrumb-container ul li a {
  display: inline-block;
  font-weight: 800;
}

.breadcrumb-area .breadcrumb-container ul li.active {
  font-weight: 800;
  color: #f36b63;
}

/*----------  End of 02.3 Breadcrumb section  ----------*/
/*=====  End of 02. Header  ======*/
/*=============================================
=            03. Category            =
=============================================*/
.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: #ffffff;
  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: "";
  }
}

@media only screen and (max-width: 767px) {
  .category-toggle-wrap .category-toggle i::before {
    content: "";
  }
}

@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;
  }
}

.hero-side-category {
  background-color: #ffffff;
  width: 100%;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .hero-side-category {
    min-height: 50px;
  }
}

@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: #395562;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-side-category .category-toggle-wrap .category-toggle i::before {
    content: "";
  }
}

@media only screen and (max-width: 767px) {
  .hero-side-category .category-toggle-wrap .category-toggle i::before {
    content: "";
  }
}

@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;
  top: 45px;
}

@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 {
  position: relative;
}

.hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before {
  font-family: "fontAwesome";
  content: "";
  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;
  transition: all 0.3s ease 0s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.hero-side-category nav.category-menu>ul>li i.expand::after {
  -webkit-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;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-side-category nav.category-menu>ul>li>a {
    border-bottom: none;
  }
}

.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;
}

.hero-side-category nav.shop-category-menu {
  background: none;
  display: block;
}

.hero-side-category nav.shop-category-menu ul li a {
  padding: 5px 0;
  display: block;
  line-height: 30px;
  font-size: 14px;
  color: #606060;
  font-weight: 600;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}

.hero-side-category nav.shop-category-menu ul li a:hover {
  color: #f36b63;
}

.hero-side-category.shop-side-category {
  height: auto;
  min-height: 200px;
}

/*-- Category Mega Menu --*/
.category-mega-menu {
  position: absolute;
  left: 255px;
  top: 0;
  width: 800px;
  z-index: 999;
  max-width: 910px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  padding: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-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 {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@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;
    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;
    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;
}

@media only screen and (max-width: 767px) {
  .category-mega-menu>li>a {
    border-bottom: 1px solid #e8e8e8;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .category-mega-menu>li>a {
    border-bottom: none;
  }
}

@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>a.megamenu-head {
  border-bottom: 2px solid #f36b63;
  padding-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-mega-menu>li>a.megamenu-head {
    border-bottom: 1px solid #ddd;
  }
}

@media only screen and (max-width: 767px) {
  .category-mega-menu>li>a.megamenu-head {
    border-bottom: 1px solid #ddd;
  }
}

.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: 20px;
}

@media only screen and (max-width: 767px) {
  .category-mega-menu>li>ul li a {
    border-bottom: 1px solid #e8e8e8;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .category-mega-menu>li>ul li a {
    border-bottom: none;
  }
}

@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: #f36b63;
}

.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%;
}

/*=====  End of 03. category  ======*/
/*=============================================
=            04. Hero            =
=============================================*/
/*----------  04.1 Slider one  ----------*/
.hero-bg-1 {
  background-image: url("https://pbs.twimg.com/media/FEF6J5NXwAQKWKn.jpg");
}

.hero-bg-2 {
  background-image: url("https://bluesky-cogcms-prodb.cdn.imgeng.in/media/73084/vantage-luggage.jpg");
}

.hero-bg-3 {
  background-image: url("../images/sliders/3.webp");
}

.hero-bg-4 {
  background-image: url("../images/sliders/4.webp");
}

/*-- Hero Slider --*/
.hero-slider-one {
  margin-bottom: 15px;
  /*-- 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: 50%;
  bottom: 50px;
  margin-left: -10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-one .slick-dots {
    left: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider-one .slick-dots {
    left: 50%;
    bottom: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-slider-one .slick-dots {
    left: 50%;
  }
}

.hero-slider-one .slick-dots li {
  float: left;
  margin-right: 5px;
}

.hero-slider-one .slick-dots li button {
  border: 1px solid #959595;
  background-color: #ddd;
  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: #ddd;
  background-color: #22dd77;
}

.hero-slider-one:hover .slick-arrow {
  opacity: 1;
}

/*-- Hero Item --*/
.hero-item {
  padding: 150px 10px 60px 180px;
  background-color: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  position: relative;
  height: 600px;
}

.hero-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: #000;
  opacity: 0.5;
  content: "";
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .hero-item:after {
    height: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-item {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-item {
    padding: 150px 10px 60px 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item {
    padding: 150px 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;
}

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

  .hero-item .col,
  .hero-item [class*=col-] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

/*-- 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 --*/
.hero-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

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

.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: 20px;
  line-height: 1;
  margin: 0;
  color: #fff;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
  .hero-content h2 {
    color: #fff;
  }
}

@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;
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h2 {
    font-size: 18px;
  }
}

.hero-content h1 {
  font-size: 30px;
  font-weight: 900;
  line-height: 40px;
  margin: 0;
  color: #fff;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .hero-content h1 {
    color: #fff;
  }
}

.hero-content h1 span {
  font-weight: 900;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-content h1 {
    font-size: 30px;
    font-weight: 900;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content h1 {
    font-size: 30px;
    font-weight: 900;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-content h1 {
    font-size: 26px;
    font-weight: 900;
    line-height: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-content h1 {
    font-size: 26px;
    font-weight: 900;
    line-height: 40px;
  }
}

.hero-content P {
  color: #fff;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .hero-content P {
    color: #fff;
  }
}

.hero-content a {
  border: 1px solid #ffffff;
  line-height: 24px;
  padding: 5px 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .hero-content a {
    color: #fff;
    border: 1px solid #fff;
  }
}

.hero-content a:hover {
  color: #ffffff;
  background-color: #333;
}

@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;
}

/*----------  End of 04.1 Slider one  ----------*/
/*=============================================
=            05. Banner            =
=============================================*/
/*----------  05.1 Sidebar banner  ----------*/
.sidebar-banner-bg-1 {
  background-image: url("../images/banners/banner-left.jpeg");
}

.homepage-sidebar-banner-container {
  width: 100%;
  max-height: 385px;
  overflow: hidden;
}

.homepage-sidebar-banner-container a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.homepage-sidebar-banner-container a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.homepage-sidebar-banner-container a img {
  width: 100%;
}

/*----------  05.1 End of Sidebar banner  ----------*/
/*----------  05.2 Double banner  ----------*/
.banner-bg-1 {
  background-image: url("../images/banners/banner1.webp");
}

.banner-bg-2 {
  background-image: url("../images/banners/banner2.webp");
}

.banner-bg-3 {
  background-image: url("../images/banners/banner3.webp");
}

.banner-bg-4 {
  background-image: url("../images/banners/banner4.webp");
}

.single-banner-container {
  max-height: 170px;
  overflow: hidden;
  width: 100%;
}

.single-banner-container a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-banner-container a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.single-banner-container a img {
  width: 100%;
}

/*----------  05.2 End of Double banner  ----------*/
/*----------  05.3 Single wide banner  ----------*/
.wide-banner-bg-1 {
  background-image: url("../images/banners/banner-wide.webp");
}

.home-wide-bg-container {
  max-height: 230px;
  overflow: hidden;
  width: 100%;
}

.home-wide-bg-container a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.home-wide-bg-container a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.home-wide-bg-container a img {
  width: 100%;
}

/*----------  05.3 End of Single wide banner  ----------*/
/*----------  05.4 wide text banner  ----------*/
.home-text-banner-container {
  background-color: #f4f4f4;
  padding: 15px;
}

.home-text-banner-container .text-banner-content {
  border: 1px solid #ddd;
  padding: 20px;
}

.home-text-banner-container .text-banner-content h2 {
  text-transform: uppercase;
}

/*----------  05.4 End of wide text banner  ----------*/
/*=====  End of 05. banner  ======*/
/*=============================================
=            06. Featured service            =
=============================================*/
/*----------  Featured service backgrounds  ----------*/
.featured-service-bg-1 {
  background-image: url("https://cdn.dicklovett.co.uk/uploads/widget_large_image_text/5_109_s.jpg?v=1643059798");
}

.featured-service-bg-2 {
  background-image: url("https://cdn.dicklovett.co.uk/uploads/widget_large_image_text/5_111_s.jpg");
}

.featured-service-bg-3 {
  background-image: url("https://scontent.fada2-2.fna.fbcdn.net/v/t31.18172-8/29872159_1794896827483502_1418865137697642060_o.jpg?_nc_cat=101&ccb=1-5&_nc_sid=8bfeb9&_nc_ohc=mvY7crjG8lAAX96LoyI&_nc_ht=scontent.fada2-2.fna&oh=00_AT-PBwdHIt63Qrwz32tZ3P9oCOX-6iqwMs9zHIJHCj7z2A&oe=628C6E39");
}

/*----------  single featured service style  ----------*/
.single-featured-service {
  min-height: 138px;
  background-color: #ddd;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-featured-service {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-featured-service {
    margin-bottom: 30px;
  }
}

.single-featured-service .single-featured-service-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 3;
  color: #fff;
  padding: 15px;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  vertical-align: middle;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.single-featured-service .single-featured-service-content a {
  border: 1px solid #fff;
  padding: 5px 10px;
  display: inline-block;
  width: 50%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-featured-service .single-featured-service-content a {
    width: 63%;
  }
}

.single-featured-service .single-featured-service-content a:hover {
  background-color: #000000;
  color: #fff;
}

.single-featured-service .single-featured-service-content h3 {
  color: #fff;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-featured-service .single-featured-service-content h3 {
    font-size: 15px;
  }
}

.single-featured-service .single-featured-service-content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #334A55;
  content: "";
  z-index: -1;
  opacity: 0.7;
}

.single-featured-service:hover .single-featured-service-content {
  visibility: visible;
  opacity: 1;
  -webkit-animation: zoomIn 300ms ease;
  animation: zoomIn 300ms ease;
}

/*=====  End of 06. Featured service  ======*/
/*=============================================
=            08. Product            =
=============================================*/
/*----------  Product badge style  ----------*/
.new-badge {
  position: relative;
}

.sale-badge {
  position: relative;
}

/*----------  08.1 Horizontal slider product  ----------*/
.single-product-content {
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid transparent;
  padding: 15px 15px 10px 15px;
}

.single-product-content .product-image {
  position: relative;
  margin-bottom: 15px;
}

.single-product-content .product-image a img {
  margin: 0 auto;
}

.single-product-content .product-image a img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.single-product-content .product-image a:hover img:nth-child(1) {
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-animation: changeImage 600ms ease;
  animation: changeImage 600ms ease;
}

.single-product-content .product-image a:hover img:nth-child(2) {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-animation: changeImage 600ms ease;
  animation: changeImage 600ms ease;
}

.single-product-content .product-image .image-btn {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-product-content .product-name a{
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-content .product-image .image-btn {
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-content .product-image .image-btn {
    visibility: hidden;
    opacity: 0;
  }
}

.single-product-content .product-image .image-btn a {
  display: inline-block;
  background-color: #eee;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-product-content .product-image .image-btn a:hover {
  background-color: #f36b63;
  color: #ffffff;
}

.single-product-content .price-box h4 {
  color: #333;
  font-weight: 600;
}

.single-product-content a.add-to-cart-btn {
  display: block;
  padding-top: 8px;
  font-weight: 600;
  color: #333;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-content a.add-to-cart-btn {
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-content a.add-to-cart-btn {
    visibility: hidden;
    opacity: 0;
  }
}

.single-product-content a.add-to-cart-btn:hover {
  color: #f36b63;
}

.single-product-content:hover {
  -webkit-box-shadow: 0 0 10px rgba(104, 89, 89, 0.2);
  box-shadow: 0 0 10px rgba(104, 89, 89, 0.2);
  border: 1px solid #eee;
}

.single-product-content:hover .image-btn {
  visibility: visible;
  opacity: 1;
  -webkit-animation: zoomIn 300ms ease;
  animation: zoomIn 300ms ease;
}

.single-product-content:hover a.add-to-cart-btn {
  visibility: visible;
  opacity: 1;
  -webkit-animation: zoomIn 300ms ease;
  animation: zoomIn 300ms ease;
}

/*----------  08.1 End of Horizontal slider product  ----------*/
/*----------  08.2 Vertical slider product  ----------*/
.single-vertical-product {
  background-color: #f4f4f4;
  padding: 8px;
  margin-bottom: 10px;
  min-height: 110px;
}

.single-vertical-product .product-image {
  width: 40%;
  margin-right: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-vertical-product .product-image {
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .single-vertical-product .product-image {
    width: 30%;
  }
}

.single-vertical-product .product-description h5 {
  color: #333;
  font-weight: 600;
  margin-bottom: 5px;
}

.single-vertical-product .price-box h4 {
  color: #333;
  font-weight: 600;
  margin-bottom: 5px;
}

.single-vertical-product .product-description a.add-to-cart-btn {
  color: #333;
  font-weight: 600;
}

.single-vertical-product .product-description a.add-to-cart-btn:hover {
  color: #f36b63;
}

.single-vertical-product .product-description span.add-to-cart-disable-btn {
  background-color: #ffffff;
  border-color: #cccccc;
  padding: 5px;
  display: inline-block;
  margin-top: 5px;
  cursor: pointer;
  font-weight: 600;
  opacity: 0.3;
}

/*----------  08.2 End of Vertical slider product  ----------*/
/*----------  08.3 Vertical auto slider product  ----------*/
.single-auto-vertical-product {
  min-height: 110px;
}

.single-auto-vertical-product .product-image {
  width: 40%;
  margin-right: 10px;
}

.single-auto-vertical-product .product-image a {
  display: block;
  border: 1px solid #eee;
}

.single-auto-vertical-product .price-box h4 {
  font-weight: 600;
  color: #333;
}

.single-auto-vertical-product h5.product-name a {
  font-weight: 600;
  color: #333;
}

.single-auto-vertical-product h5.product-name a:hover {
  color: #f36b63;
}

/*----------  End of  08.3 Vertical auto slider product   ----------*/
/*----------  08.4 Latest product  ----------*/
.single-latest-product {
  background-color: #f4f4f4;
  padding: 10px;
  text-align: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-latest-product {
    margin-bottom: 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .single-latest-product {
    margin-bottom: 4rem;
    padding: 20px;
  }
}

.single-latest-product .product-image {
  margin-bottom: 10px;
}

.single-latest-product .product-image a img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.single-latest-product .product-image a:hover img:nth-child(1) {
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-animation: changeImage 600ms ease;
  animation: changeImage 600ms ease;
}

.single-latest-product .product-image a:hover img:nth-child(2) {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-animation: changeImage 600ms ease;
  animation: changeImage 600ms ease;
}

.single-latest-product .product-description h5 {
  color: #333;
  margin-bottom: 10px;
}

.single-latest-product .price-box h4 {
  color: #333;
  margin-bottom: 0;
}

.single-latest-product .latest-product-hover-content {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  background: #f4f4f4;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-latest-product .latest-product-hover-content {
    visibility: hidden;
    opacity: 0;
    bottom: -40px;
  }
}

@media only screen and (max-width: 767px) {
  .single-latest-product .latest-product-hover-content {
    visibility: hidden;
    opacity: 0;
    bottom: -40px;
  }
}

.single-latest-product .latest-product-hover-content a {
  font-weight: 600;
  color: #333;
  display: inline-block;
  margin-bottom: 5px;
}

.single-latest-product .latest-product-hover-content a:hover {
  color: #f36b63;
}

.single-latest-product .latest-product-hover-content p a {
  font-weight: 400;
}

.single-latest-product .latest-product-hover-content p a:hover {
  color: #f36b63;
}

.single-latest-product:hover .latest-product-hover-content {
  visibility: visible;
  opacity: 1;
  bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-latest-product:hover .latest-product-hover-content {
    visibility: hidden;
    opacity: 0;
    bottom: -40px;
  }
}

@media only screen and (max-width: 767px) {
  .single-latest-product:hover .latest-product-hover-content {
    visibility: hidden;
    opacity: 0;
    bottom: -40px;
  }
}

/*----------  08.4 End of Latest product  ----------*/
/*----------  08.5 Related product  ----------*/
.single-related-product-content {
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid transparent;
  padding: 15px 15px 10px 15px;
}

.single-related-product-content .product-image {
  position: relative;
  margin-bottom: 15px;
}

.single-related-product-content .product-image a img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.single-related-product-content .product-image a:hover img:nth-child(1) {
  visibility: visible;
  opacity: 1;
  display: block;
  -webkit-animation: none;
  animation: none;
}

.single-related-product-content .product-image a:hover img:nth-child(2) {
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-animation: none;
  animation: none;
}

.single-related-product-content .product-image .image-btn {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-related-product-content .product-image .image-btn {
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
  .single-related-product-content .product-image .image-btn {
    visibility: hidden;
    opacity: 0;
  }
}

.single-related-product-content .product-image .image-btn a {
  display: inline-block;
  background-color: #eee;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
}

.single-related-product-content .product-image .image-btn a:hover {
  background-color: #f36b63;
  color: #ffffff;
}

.single-related-product-content .price-box h4 {
  color: #333;
  font-weight: 600;
}

.single-related-product-content a.add-to-cart-btn {
  display: block;
  padding-top: 8px;
  font-weight: 600;
  color: #333;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-related-product-content a.add-to-cart-btn {
    visibility: visible;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .single-related-product-content a.add-to-cart-btn {
    visibility: visible;
    opacity: 1;
  }
}

.single-related-product-content a.add-to-cart-btn:hover {
  color: #f36b63;
}

.single-related-product-content:hover {
  -webkit-box-shadow: 0 0 10px rgba(104, 89, 89, 0.2);
  box-shadow: 0 0 10px rgba(104, 89, 89, 0.2);
  border: 1px solid #eee;
}

.single-related-product-content:hover .image-btn {
  visibility: hidden;
  opacity: 0;
  -webkit-animation: zoomIn 300ms ease;
  animation: zoomIn 300ms ease;
}

.single-related-product-content:hover a.add-to-cart-btn {
  visibility: visible;
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}

/*----------  End of 08.5 Related product  ----------*/
/*=============================================
=            08.6 Shop page grid product            =
=============================================*/
@media only screen and (max-width: 767px) {
  .shop-page-product .single-product-content .product-image {
    width: 80%;
    margin: auto;
  }
}

.shop-page-product .single-product-content .product-image .image-btn {
  width: 100px;
  margin-left: -50px;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .shop-page-product .single-product-content .product-image .image-btn {
    bottom: 15px;
  }
}

/*=====  End of 08.6 Shop page grid product  ======*/
/*=============================================
=            08.7 Shop page list product            =
=============================================*/
.single-list-product {
  padding: 20px;
  background: #f4f4f4;
  border: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 767px) {
  .single-list-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.single-list-product .list-product-image {
  position: relative;
  margin-bottom: 15px;
  width: 410px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-list-product .list-product-image {
    width: 350px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-list-product .list-product-image {
    width: 650px;
  }
}

@media only screen and (max-width: 767px) {
  .single-list-product .list-product-image {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
  }
}

.single-list-product .list-product-image a img {
  width: 100%;
}

.single-list-product .list-product-image a img:nth-child(2) {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.single-list-product .list-product-image a:hover img:nth-child(1) {
  visibility: hidden;
  opacity: 0;
  display: none;
  -webkit-animation: changeImage 600ms ease;
  animation: changeImage 600ms ease;
}

.single-list-product .list-product-image a:hover img:nth-child(2) {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-animation: changeImage 600ms ease;
  animation: changeImage 600ms ease;
}

.single-list-product .list-product-image .image-btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-list-product .list-product-image .image-btn {
    visibility: visible;
    opacity: 1;
  }
}

@media only screen and (max-width: 767px) {
  .single-list-product .list-product-image .image-btn {
    visibility: visible;
    opacity: 1;
  }
}

.single-list-product .list-product-image .image-btn a {
  display: inline-block;
  background-color: #eee;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
}

.single-list-product .list-product-image .image-btn a:hover {
  background-color: #f36b63;
  color: #ffffff;
}

.single-list-product .list-product-desc {
  padding-left: 20px;
}

.single-list-product .list-product-desc .price-box h4 {
  color: #333;
  font-weight: 600;
}

.single-list-product .list-product-desc p.product-description {
  margin-bottom: 0;
}

.single-list-product .list-product-desc p.stock-status {
  font-weight: 800;
  color: #333;
  margin-bottom: 15px;
}

.single-list-product .list-product-desc p.stock-status span {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}

.single-list-product .list-product-desc p.stock-status span.in-stock {
  background-color: #55c65e;
}

.single-list-product .list-product-desc p.stock-status span.out-of-stock {
  background-color: red;
}

.single-list-product .list-product-desc p.color {
  font-weight: 800;
  color: #333;
}

.single-list-product .list-product-desc p.color span.color-block {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 10px;
}

.single-list-product .list-product-desc p.color span.color-choice-1 {
  background-color: #d66238;
}

.single-list-product .list-product-desc p.color span.color-choice-2 {
  background-color: #3fc43f;
}

.single-list-product .list-product-desc p.color span.color-choice-3 {
  background-color: #4343cc;
}

.single-list-product .list-product-desc p.color span.active {
  border: 2px solid #ddd;
  width: 32px;
  height: 32px;
}

.single-list-product .list-product-desc a.add-to-cart-btn {
  color: #fff;
  background-color: #666666;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.single-list-product .list-product-desc a.add-to-cart-btn:hover {
  background-color: #f36b63;
}

/*=====  End of 08.7 Shop page list product  ======*/
/* product animations */
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes changeImage {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes changeImage {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* End of product animations */
/*=====  End of 08. Product  ======*/
/*=============================================
=            07. Product Slider            =
=============================================*/
/*----------  07.1 Horizontal product slider  ----------*/
.horizontal-product-slider {
  position: relative;
}

.horizontal-product-slider .slick-track {
  padding: 5px 0;
}

.horizontal-product-slider .slick-track .slick-active .single-product-content {
  margin: 0 5px;
}

.horizontal-product-slider .slick-slide img {
  display: block;
  margin: 0 auto;
}

.horizontal-product-slider .slick-arrow {
  position: absolute;
  top: -40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 8;
}

.horizontal-product-slider .slick-next-btn.slick-arrow {
  left: auto;
  right: 0;
}

.horizontal-product-slider .slick-prev-btn.slick-arrow {
  left: auto;
  right: 35px;
}

.horizontal-product-slider .slick-arrow:hover {
  background: #f36b63;
  color: #fff;
  border-color: #f36b63;
}

/*----------  07.1 End of Horizontal product slider  ----------*/
/*----------  07.2 Tab horizontal product slider  ----------*/
.horizontal-tab-section {
  overflow: hidden;
}

.horizontal-tab-section .nav-tabs {
  border-bottom: 3px solid #ddd;
}

.horizontal-tab-section .nav-tabs a.nav-link.active {
  background: none;
  border: none;
  color: #f36b63;
}

.horizontal-tab-section .nav-tabs a.nav-link {
  font-weight: 800;
  border: none;
  font-size: 18px;
  color: #777777;
}

@media only screen and (max-width: 767px) {
  .horizontal-tab-section .nav-tabs a.nav-link {
    font-size: 16px;
  }
}

.horizontal-tab-section .nav-tabs a.nav-link:hover {
  background: none;
  border: none;
}

.horizontal-tab-section .horizontal-product-slider .slick-arrow {
  top: -60px;
}

/*----------  07.2 End of Tab horizontal product slider  ----------*/
/*----------  07.3 Two column horizontal product slider  ----------*/
.horizontal-double-row-product-list .single-product {
  margin-right: 10px;
}

.horizontal-double-row-product-list .single-product.slick-active {
  margin-right: 0;
}

.horizontal-double-row-product-list .single-product.slick-current {
  margin-right: 10px;
}

/*----------  07.3 End of Two column horizontal product slider  ----------*/
/*----------  07.4 Vertical product slider  ----------*/
.single-vertical-slider {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-vertical-slider {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .single-vertical-slider {
    margin-bottom: 2rem;
  }
}

.single-vertical-slider h2.vertical-slider-block-title {
  font-size: 15px;
  font-weight: 800;
}

.single-vertical-slider .slick-arrow {
  position: absolute;
  top: -40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  line-height: 20px;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  z-index: 8;
}

.single-vertical-slider .slick-next-btn.slick-arrow {
  left: auto;
  right: 0;
}

.single-vertical-slider .slick-prev-btn.slick-arrow {
  left: auto;
  right: 35px;
}

.single-vertical-slider .slick-arrow:hover {
  background: #f36b63;
  color: #fff;
  border-color: #f36b63;
}

/*----------  07.4 End of Vertical product slider  ----------*/
/*----------  07.5 Vertical auto product slider  ----------*/
/*----------  same as 07.4  ----------*/
/*----------  07.5 End of Vertical auto product slider  ----------*/
/*=============================================
=            09. Product non slider            =
=============================================*/
.single-latest-product .product-image img {
  margin: 0 auto;
}

/*=============================================
=            10. Brand            =
=============================================*/
.brand-logo-slider .slick-slide img {
  margin: 0 auto;
}

/*=====  End of 10. brand  ======*/
/*=============================================
=            11. Subscribe            =
=============================================*/
.newsletter-container {
  padding: 20px 10px;
}
.newsletter-wrapper{
  align-items: center;
  justify-content: space-between;
}
/*----------  Newsletter input box  ----------*/
@media only screen and (max-width: 767px) {
  .newsletter-text {
    margin-bottom: 1rem;
  }
}
.newsletter-text {
  color: #fff;
  margin-right: 20px;
}
.newsletter-text h2 {
  text-transform: uppercase;
  margin-bottom: 0;
  color: #fff;
}

.newsletter-text h2 span {
  display: block;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 400;
}

.newsletter-input {
  width: 65%;
}

.newsletter-input .subscribe-form {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .newsletter-input {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .newsletter-input {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-input .input-group {
    height: 50px;
  }
}

.newsletter-input .input-group .input-group-append {
  width: 100%;
  border: 2px solid #ddd;
}

.newsletter-input .input-group .input-group-append input[type=email] {
  border: none;
  background: none;
  color: #ffffff;
  width: 75%;
  border-right: 2px solid #ddd;
  height: 100%;
  padding: 15px;
}

@media only screen and (max-width: 479px) {
  .newsletter-input .input-group .input-group-append input[type=email] {
    width: 60%;
    padding-left: 10px;
  }
}

.newsletter-input .input-group .input-group-append input[type=email]::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

.newsletter-input .input-group .input-group-append input[type=email]::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

.newsletter-input .input-group .input-group-append input[type=email]:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

.newsletter-input .input-group .input-group-append input[type=email]::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

.newsletter-input .input-group .input-group-append input[type=email]::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

.newsletter-input .input-group .input-group-append button {
  width: 24%;
  background: none;
  border: none;
  color: #ffffff;
  font-weight: 600;
}

.newsletter-input .input-group .input-group-append button:hover {
  color: #f36b63;
}

/*----------  newsletter social icon list  ----------*/
@media only screen and (max-width: 767px) {
  .social-icons ul {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-icons ul {
    text-align: left;
    margin-top: 15px;
  }
}

.social-icons ul li {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-icons ul li:first-child {
    margin-left: 0;
  }
}

.social-icons ul li a {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #cdcdcd;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 479px) {
  .social-icons ul li a {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
  }
}

.social-icons ul li span {
  position: absolute;
  top: 0;
  left: 50%;
  background: #f36b63;
  color: #ffffff;
  padding: 2px 3px;
  width: 70px;
  text-align: center;
  margin-left: -40px;
  text-transform: capitalize;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.social-icons ul li span:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f36b63;
  bottom: -5px;
  left: 50%;
  margin-left: -3px;
  content: "";
}

.social-icons ul li a.facebook-link:hover {
  background: #3c5b9b;
}

.social-icons ul li a.twitter-link:hover {
  background: #56d7ff;
}

.social-icons ul li a.rss-link:hover {
  background: #fd761f;
}

.social-icons ul li a.skype-link:hover {
  background: #00aeef;
}

.social-icons ul li a.dribbble-link:hover {
  background: #f54f91;
}

.social-icons ul li:hover span {
  visibility: visible;
  opacity: 1;
  top: -30px;
}

.mailchimp-alerts {
  color: #fff;
}

/*=====  End of 11. Subscribe  ======*/
/*=============================================
=            12. Footer            =
=============================================*/
/*----------  12.1 Footer top  ----------*/
/*----------  footer description with logo  ----------*/
@media only screen and (max-width: 767px) {
  .footer-description {
    margin-bottom: 1rem;
  }
}

.footer-description .footer-logo {
  margin-bottom: 1rem;
}

.footer-description p {
  padding-right: 4rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-description p {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-description p {
    padding-right: 0;
  }
}

/*----------  footer nav block  ----------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-footer-nav-block {
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .single-footer-nav-block {
    margin-bottom: 1rem;
  }
}

.single-footer-nav-block ul.footer-nav-links li {
  margin-bottom: 10px;
}

.single-footer-nav-block ul.footer-nav-links li a {
  display: inline-block;
  padding-left: 15px;
  background: url("../images/icon-footer.webp") 0 6px no-repeat;
}

.single-footer-nav-block ul.footer-nav-links li a:hover {
  background-position: 0 -40px;
  padding-left: 20px;
}

/*---------- End of 12.1 Footer top  ----------*/
/*----------  12.2 Footer Bottom  ----------*/
/*----------  copyright section  ----------*/
.copyright-section {
  padding: 10px 0;
  border-top: 3px solid #f4f4f4;
}

.copyright-section p {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .copyright-section p {
    margin-bottom: 10px;
  }
}

/*----------  12.2 End of Footer Bottom  ----------*/
/*=====  End of Footer  ======*/
body.full-width {
  background-color: #ffffff;
}

body.full-width .single-featured-service {
  min-height: 200px;
}

body.full-width .hero-item {
  padding-bottom: 100px;
}

body.full-width .hero-item .hero-content p {
  max-width: 60%;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 767px) {
  body.full-width .hero-item .hero-content p {
    max-width: 100%;
  }
}

body.full-width .single-banner-container .single-banner {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}

body.full-width .single-banner-container .single-banner:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

body.full-width .copyright-section {
  padding: 0;
  border: none;
}

body.full-width .copyright-section .copyright-container {
  padding: 10px 0;
  border-top: 3px solid #f4f4f4;
}

body.full-width .copyright-section .copyright-container p {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  body.full-width .copyright-section .copyright-container p {
    margin-bottom: 15px;
  }
}

/*=============================================
=            13. Page common            =
=============================================*/
.page-content .page-title h2 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 30px;
}

/*=====  End of 13. Page common  ======*/
/*=============================================
=            14.about page            =
=============================================*/
@media only screen and (max-width: 767px) {
  .about-single-block {
    margin-bottom: 30px;
  }
}

.about-single-block h2 {
  color: #333;
  margin-bottom: 15px;
}

.about-single-block p.bold-text {
  font-weight: 800;
  color: #333;
}

.about-single-block .featured-points ul li {
  font-weight: 800;
  border-bottom: 1px solid #46a74e;
  color: #46a74e;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
}

.about-single-block .featured-points ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  font-family: fontAwesome;
  color: #46a74e;
}

.about-single-block .about-team-image {
  margin-bottom: 15px;
}

.about-single-block .single-testimonial {
  margin-bottom: 30px;
}

.about-single-block .single-testimonial p {
  border: 1px solid #ddd;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), to(#fefefe));
  background: linear-gradient(to bottom, #fbfbfb 0, #fefefe 100%);
  padding: 10px;
  position: relative;
  margin-bottom: 5px;
}

.about-single-block .single-testimonial p i.fa {
  color: #ddd;
  font-size: 12px;
}

.about-single-block .single-testimonial p:before {
  position: absolute;
  bottom: -10px;
  left: 10px;
  background: url("../images/testimon-after.gif");
  content: "";
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-single-block .single-testimonial p.customer-name {
  border: none;
  background: none;
  font-weight: 800;
  padding-left: 25px;
}

.about-single-block .single-testimonial p.customer-name:before {
  background: none;
}

/*=====  End of 14.about page   ======*/
/*=============================================
=            15. Contact page            =
=============================================*/
.contact-form-container {
  padding: 23px 23px 0 23px;
  margin: 0 0 30px 0;
  background: url(../images/contact-form.webp) repeat-x white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.17) 0 5px 13px;
  position: relative;
  z-index: 1;
}

.contact-form-container:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/form-contact-shadow.webp") center bottom no-repeat;
  background-size: contain;
  content: "";
  z-index: -1;
}

.contact-form-container form label {
  font-weight: 800;
  display: block;
}

.contact-form-container form input,
.contact-form-container form select,
.contact-form-container form textarea {
  width: 100%;
  border: 1px solid #d6d4d4;
  background: #fbfbfb;
  padding: 5px;
  padding-left: 10px;
}

.contact-form-container form button {
  width: auto;
  font-size: 17px;
  line-height: 21px;
  color: white;
  font-weight: bold;
  background: #666666;
  border: 1px solid;
  border-color: #666;
  border-radius: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 10px 10px 10px 14px;
  border: 1px solid;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contact-form-container form button:hover {
  background-color: #f36b63;
}

.contact-form-container form textarea {
  resize: none;
}

.form-group {
  margin-bottom: 1rem;
}

label {
  margin-bottom: 0.5rem;
}

/*=====  End of 15. Contact page  ======*/
/*=============================================
=            15. Single product page            =
=============================================*/
.single-product-page-content {
  margin: 40px 0;
}

.single-product-page-image-gallery a.big-image-popup {
  position: absolute;
  bottom: 20px;
  left: 50%;
  font-size: 20px;
  margin-left: -68px;
  display: block;
  padding: 10px 0;
  text-align: center;
  line-height: 22px;
  color: #333;
  width: 136px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.product-options .single-product-user-action {
  margin-bottom: 1rem;
}

.product-options .single-product-user-action ul li {
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .product-options .single-product-user-action ul li {
    margin-bottom: 5px;
  }
}

.product-options .single-product-user-action ul li a i.fa {
  font-size: 18px;
}

.product-options .single-product-user-action ul li a:hover {
  color: #395562;
}

.product-options .single-product-user-action ul li a:hover i.fa {
  color: #f36b63;
}

.tag-container ul li {
  display: inline-block;
}

.tag-container ul li a {
  display: block;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  text-transform: uppercase;
}

.tag-container ul li a:hover {
  background-color: #f36b63;
  color: #fff;
  border-color: #f36b63;
}

.product-description-tab-container .nav-tabs {
  border-bottom: 0;
}

@media only screen and (max-width: 479px) {
  .product-description-tab-container .nav-tabs a {
    margin-bottom: 10px;
  }
}

.product-description-tab-container .nav-tabs a.nav-link.active {
  background: none;
  border: 1px solid #ddd;
  border-radius: 0;
  color: #979898;
}

.product-description-tab-container .nav-tabs a.nav-link {
  font-weight: 800;
  background-color: #979898;
  border-radius: 0;
  border: 1px solid #ddd;
  margin-right: 10px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .product-description-tab-container .nav-tabs a.nav-link {
    font-size: 16px;
  }
}

.product-description-tab-container .nav-tabs a.nav-link:hover {
  background: #ffffff;
  border: 1px solid #ddd;
  color: #979898;
}

.product-description-tab-container .tab-content .tab-pane {
  padding: 30px 0;
  display: none;
}

.product-description-tab-container .tab-content .tab-pane.active {
  display: block;
}

.product-description-tab-container .tab-content .tab-pane .table-data-sheet {
  width: 100%;
  border-width: 0px 1px 1px;
  border-style: solid solid solid;
  border-color: #d6d4d4 #d6d4d4 #d6d4d4;
  -o-border-image: initial;
  border-image: initial;
  border-top: 0px;
  margin: 0px 0px 20px;
  background: white;
}

.product-description-tab-container .tab-content .tab-pane .table-data-sheet tr {
  border-top: 1px solid #d6d4d4;
}

.product-description-tab-container .tab-content .tab-pane .table-data-sheet tr td {
  padding: 10px 20px 11px;
}

.product-description-tab-container .tab-content .tab-pane .table-data-sheet tr td:first-child {
  width: 30%;
  font-weight: 700;
  color: #333333;
  border-right: 1px solid #d6d4d4;
}

.group-product-form .table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 15px;
  text-align: center;
  width: 100%;
}

.group-product-form .table-content table td {
  padding: 12px 10px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 33.33%;
}

.group-product-form .table-content table td.product-name {
  font-weight: 800;
}

.group-product-form .table-content table td p span {
  display: block;
  margin-top: 10px;
}

.group-product-form .table-content table td.pro-quantity .pro-qty-cart {
  width: 100px;
  height: 35px;
  border: 1px solid #999999;
  border-radius: 0;
  padding: 0 15px;
  display: block;
  margin: auto;
}

.group-product-form .table-content table td.pro-quantity .pro-qty-cart a.qty-btn {
  margin-top: 8px;
  display: inline-block;
}

.group-product-form .table-content table td.pro-quantity .pro-qty-cart .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 31px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #444444;
}

.group-product-form .table-content table td.pro-quantity .pro-qty-cart input {
  width: 28px;
  border: none;
  height: 33px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .group-product-form .table-content table td.pro-quantity .pro-qty-cart {
    margin: 0;
  }
}

/*-- Single Product Ratting --*/
.product-ratting-wrap {
  overflow: hidden;
}

.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: #f36b63;
  background-color: #f36b63;
  color: #ffffff;
}

.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;
}

/*=====  End of 15. Single product page  ======*/
/*=============================================
=            17. Shop page            =
=============================================*/
.shop-page-header {
  margin-bottom: 15px;
}

.shop-page-header h2 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 15px;
}

.shop-page-header p {
  font-weight: 800;
  color: #333;
  margin-bottom: 0;
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .shop-page-header p {
    margin-bottom: 15px;
  }
}

.shop-page-header p span {
  font-weight: 400;
}

.shop-page-header .view-mode-icons a {
  display: inline-block;
  margin-right: 10px;
}

.shop-page-header .view-mode-icons a i.fa {
  font-size: 25px;
}

.shop-page-header .view-mode-icons a span {
  display: block;
  font-size: 10px;
  text-align: center;
}

.shop-page-header .view-mode-icons a.active {
  color: #333;
}

.shop-page-header .view-mode-icons a:hover {
  color: #333;
}

.shop-page-header .product-showing select {
  width: 50px;
  padding: 5px;
  border: 1px solid #ddd;
  margin-right: 10px;
}

.shop-page-header .product-sort p {
  margin-right: 0;
}

.shop-page-header .product-sort select {
  width: 150px;
  padding: 5px;
  border: 1px solid #ddd;
  margin-right: 0;
}

.shop-page-pagination-section {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-page-pagination-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

@media only screen and (max-width: 767px) {
  .shop-page-pagination-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

.search-result {
  width: 20%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-result {
    margin-bottom: 15px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .search-result {
    margin-bottom: 15px;
    width: 100%;
  }
}

.pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pagination-container {
    margin-bottom: 15px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .pagination-container {
    margin-bottom: 15px;
    width: 100%;
  }
}

.pagination-container ul li {
  border: 1px solid #ddd;
  padding: 5px 10px;
  margin-right: 2px;
  text-transform: capitalize;
}

.pagination-container ul li.previous,
.pagination-container ul li.next {
  font-weight: 800;
  font-size: 14px;
  border: none;
  padding: 0;
  margin-top: 5px;
}

.pagination-container ul li.previous i.fa,
.pagination-container ul li.next i.fa {
  font-weight: 800;
  font-size: 16px;
  padding: 0 5px;
}

.pagination-container ul li.previous {
  margin-right: 15px;
}

@media only screen and (max-width: 479px) {
  .pagination-container ul li.previous {
    margin-right: 5px;
  }
}

.pagination-container ul li.next {
  margin-left: 15px;
}

@media only screen and (max-width: 479px) {
  .pagination-container ul li.next {
    margin-right: 5px;
  }
}

.pagination-container ul li.active {
  background-color: #f6f6f6;
}

.pagination-container ul li.active a {
  color: #333;
}

.pagination-container ul li.dots {
  border: none;
}

.pagination-container ul li.disabled a {
  color: #b1b1b1;
}

.pagination-buttons {
  text-align: right;
  width: 32%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pagination-buttons {
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .pagination-buttons {
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
  }
}

.pagination-buttons a {
  width: auto;
}

.pagination-buttons a.show-all-btn {
  color: #333333;
  font-weight: bold;
  border: 1px solid;
  border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
  text-shadow: 1px 1px white;
  font-size: 13px;
  padding: 3px 5px 4px 5px;
  line-height: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), to(#ededed));
  background: linear-gradient(to bottom, #f7f7f7 0, #ededed 100%);
  margin-right: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pagination-buttons a.show-all-btn {
    margin-right: 0;
  }
}

.pagination-buttons a.show-all-btn:hover {
  border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2;
}

.pagination-buttons a.compare-btn {
  font-size: 17px;
  line-height: 21px;
  color: white;
  font-weight: bold;
  background: #666666;
  border: 1px solid;
  border-radius: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  display: inline-block;
  padding: 10px 10px 10px 14px;
  border-color: #fff;
  outline: 2px solid #666666;
}

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

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

.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.five-column [class*=col-xl-five] {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  width: 20%;
  max-width: 20%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-product-wrap.five-column [class*=col-xl-five] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.3333%;
    flex: 1 0 33.3333%;
    width: 33.3333%;
    max-width: 33.3333%;
  }
}

@media only screen and (max-width: 767px) {
  .shop-product-wrap.five-column [class*=col-xl-five] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
  }
}

a.store-btn {
  background: #6f6f6f;
  color: #fff;
  padding: 10px 10px;
  display: inline-block;
  font-weight: 800;
}

a.store-btn:hover {
  background: #333;
}

/*=====  End of 17. Shop page  ======*/
/*=============================================
=            18. Store page            =
=============================================*/
.single-store {
  max-width: 80%;
}

@media only screen and (max-width: 767px) {
  .single-store {
    max-width: 100%;
  }
}

.single-store h3 {
  font-weight: 800;
  margin-bottom: 15px;
}

.single-store p {
  margin-bottom: 5px;
}

/*=====  End of 18. Store page  ======*/
/*=============================================
=            19. Cart page            =
=============================================*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 8px solid #f4f4f4;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 8px solid #fefcef;
  }
}

.cart-table .table thead {
  background-color: #f6f6f6;
}

@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: 10px 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: #f4f4f4;
}

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

.cart-table td.pro-title a:hover {
  color: #f36b63;
}

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

.cart-table td.pro-quantity .pro-qty-cart {
  width: 100px;
  height: 35px;
  border: 1px solid #999999;
  border-radius: 0;
  padding: 0 15px;
  display: block;
  margin: auto;
}

.cart-table td.pro-quantity .pro-qty-cart a.qty-btn {
  margin-top: 8px;
  display: inline-block;
}

.cart-table td.pro-quantity .pro-qty-cart .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-cart input {
  width: 28px;
  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-cart {
    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 #395562;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #202020;
  background-color: #395562;
}

.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%;
  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%;
  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: #ffffff;
  background-color: #666666;
  border-color: #666666;
  width: 140px;
}

.calculate-shipping form input[type=submit]:hover {
  background-color: #f36b63;
  border-color: #f36b63;
}

/*-- 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%;
  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: #ffffff;
  background-color: #666666;
  border-color: #666666;
  width: 140px;
}

.discount-coupon form input[type=submit]:hover {
  background-color: #f36b63;
  border-color: #f36b63;
}

/*-- 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: #f4f4f4;
  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;
  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: #ffffff;
  background-color: #666666;
  border-color: #666666;
}

.cart-summary .cart-summary-button button.checkout-btn:hover {
  background-color: #f36b63;
  border-color: #f36b63;
}

@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;
  }
}

/*=====  End of 19. Cart page  ======*/
/*=============================================
=            21. Checkout page            =
=============================================*/
.account-area {
  /*-- Checkout Title --*/
  /*-- Checkout Form --*/
  /*-- Shipping Form --*/
  /*-- Checkout Cart Total --*/
  /*-- Checkout Payment Method --*/
  /*-- Single Payment Method --*/
  /*-- Place Order --*/
}

.account-area .checkout-title,
.account-area .login-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

.account-area .checkout-form label,
.account-area .login-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
}

.account-area .checkout-form .nice-select,
.account-area .login-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #444444;
  margin-bottom: 15px;
}

.account-area .checkout-form .nice-select::after,
.account-area .login-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #444444;
}

.account-area .checkout-form .nice-select .current,
.account-area .login-form .nice-select .current {
  color: #444444;
  display: block;
  line-height: 23px;
}

.account-area .checkout-form .nice-select .list,
.account-area .login-form .nice-select .list {
  width: 100%;
}

.account-area .checkout-form input,
.account-area .login-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #444444;
  margin-bottom: 15px;
}

.account-area .checkout-form input[type=checkbox],
.account-area .login-form input[type=checkbox] {
  width: auto;
}

.account-area .checkout-form .check-box,
.account-area .login-form .check-box {
  float: left;
  margin-right: 70px;
}

.account-area .checkout-form .check-box:last-child,
.account-area .login-form .check-box:last-child {
  margin-right: 0;
}

.account-area .checkout-form .check-box input[type=checkbox],
.account-area .login-form .check-box input[type=checkbox] {
  display: none;
}

.account-area .checkout-form .check-box input[type=checkbox]+label,
.account-area .login-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;
}

.account-area .checkout-form .check-box input[type=checkbox]+label::before,
.account-area .login-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;
  transition: all 0.3s ease 0s;
}

.account-area .checkout-form .check-box input[type=checkbox]+label::after,
.account-area .login-form .check-box input[type=checkbox]+label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  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;
  transition: all 0.3s ease 0s;
}

.account-area .checkout-form .check-box input[type=checkbox]:checked+label::before,
.account-area .login-form .check-box input[type=checkbox]:checked+label::before {
  border: 2px solid #202020;
}

.account-area .checkout-form .check-box input[type=checkbox]:checked+label::after,
.account-area .login-form .check-box input[type=checkbox]:checked+label::after {
  opacity: 1;
}

.account-area #shipping-form {
  display: none;
}

.account-area .checkout-cart-total {
  background-color: #f4f4f4;
  padding: 45px;
}

@media only screen and (max-width: 479px) {
  .account-area .checkout-cart-total {
    padding: 30px;
  }
}

.account-area .checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
  flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
}

.account-area .checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}

.account-area .checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}

.account-area .checkout-cart-total h4 span {
  float: right;
  display: block;
}

.account-area .checkout-cart-total ul {
  border-bottom: 1px solid #999999;
}

.account-area .checkout-cart-total ul li {
  color: #444444;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}

.account-area .checkout-cart-total ul li span {
  color: #202020;
  float: right;
}

.account-area .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;
}

.account-area .checkout-cart-total p span {
  float: right;
}

.account-area .checkout-payment-method {
  background-color: #f4f4f4;
  padding: 45px;
}

@media only screen and (max-width: 479px) {
  .account-area .checkout-payment-method {
    padding: 30px;
  }
}

.account-area .single-method {
  margin-bottom: 20px;
}

.account-area .single-method:last-child {
  margin-bottom: 0;
}

.account-area .single-method input[type=radio] {
  display: none;
}

.account-area .single-method input[type=radio]+label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #202020;
  margin: 0;
}

.account-area .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;
  transition: all 0.3s ease 0s;
}

.account-area .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;
  transition: all 0.3s ease 0s;
}

.account-area .single-method input[type=radio]:checked+label::before {
  border: 2px solid #202020;
}

.account-area .single-method input[type=radio]:checked+label::after {
  opacity: 1;
}

.account-area .single-method input[type=checkbox] {
  display: none;
}

.account-area .single-method input[type=checkbox]+label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #444444;
  margin: 0;
}

.account-area .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;
  transition: all 0.3s ease 0s;
}

.account-area .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;
  transition: all 0.3s ease 0s;
}

.account-area .single-method input[type=checkbox]:checked+label::before {
  border: 2px solid #202020;
}

.account-area .single-method input[type=checkbox]:checked+label::after {
  opacity: 1;
}

.account-area .single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #444444;
  line-height: 23px;
}

.account-area .place-order {
  margin-top: 40px;
  width: 140px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #666666;
  border-color: #666666;
}

.account-area .place-order:hover {
  background-color: #f36b63;
  border-color: #f36b63;
}

/*=====  End of 21. Checkout page  ======*/
/*=============================================
=            20. Compare page            =
=============================================*/
/*-- Compare Table --*/
.compare-table a.add-to-cart-btn {
  color: #fff;
  background-color: #666666;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.compare-table a.add-to-cart-btn:hover {
  background-color: #f36b63;
}

.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: 130px;
  font-size: 18px;
  font-weight: 600;
  color: #202020;
  margin: 0;
  line-height: 1;
}

.compare-table .table tbody tr td.product-image-title {
  min-width: 290px;
  vertical-align: bottom;
}

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

/*=====  End of 20. Compare page  ======*/
/*=============================================
=            22. Login - Register page            =
=============================================*/
/*-- 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;
  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;
  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;
  transition: all 0.3s ease 0s;
}

.checkout-form .check-box input[type=checkbox]+label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  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;
  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: #f4f4f4;
  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: #f4f4f4;
  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;
  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;
  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;
  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;
  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,
.register-button {
  margin-top: 40px;
  width: 140px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #666666;
  border-color: #666666;
}

.place-order:hover,
.register-button:hover {
  background-color: #f36b63;
  border-color: #f36b63;
}

.login-form {
  border: 1px solid #ddd;
  padding: 30px;
}

/*=====  End of 22. Login - register page  ======*/
/*---------------------------
    23. My account
-----------------------------*/
.myaccount-area .panel.panel-default {
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.myaccount-area .myaccount-wrapper .card,
.myaccount-area .myaccount-wrapper .card-header {
  border-radius: 0;
}

.myaccount-area .myaccount-wrapper .card-header {
  padding: 0;
}

.myaccount-area .myaccount-wrapper .card-header h5 button {
  width: 100%;
  text-align: left;
  color: #333;
  font-weight: 800;
  padding: 10px 20px;
  position: relative;
}

.myaccount-area .myaccount-wrapper .card-header h5 button span {
  position: absolute;
  right: 10px;
}

.myaccount-area .myaccount-wrapper .card-header h5 button span i.fa {
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  display: none;
}

.myaccount-area .myaccount-wrapper .card-header h5 button:hover,
.myaccount-area .myaccount-wrapper .card-header h5 button:focus {
  text-decoration: none;
}

.myaccount-area .myaccount-wrapper .card-header h5 button[aria-expanded=true] span i.fa.fa-chevron-down {
  visibility: visible;
  opacity: 1;
  display: inline;
}

.myaccount-area .myaccount-wrapper .card-header h5 button[aria-expanded=false] span i.fa.fa-chevron-up {
  visibility: visible;
  opacity: 1;
  display: inline;
}

.myaccount-area .billing-information-wrapper,
.myaccount-area .shipping-information-wrapper,
.myaccount-area .shipping-method-wrapper,
.myaccount-area .payment-info-wrapper,
.myaccount-area .order-review-wrapper {
  background-color: #fff;
  padding: 30px 20px;
}

.myaccount-area .account-info-wrapper {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 28px;
  padding-bottom: 30px;
}

.myaccount-area .billing-info {
  margin-bottom: 20px;
}

.myaccount-area .billing-info>label {
  color: #242424;
  font-size: 14px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.myaccount-area .billing-info input,
.myaccount-area .billing-info .billing-select,
.myaccount-area .billing-info select {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #242424;
  height: 40px;
  padding: 0 15px;
  width: 100%;
}

.myaccount-area .billing-btn>button,
.myaccount-area .edit-btn,
.myaccount-area .del-btn {
  color: #fff;
  background-color: #666666;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
  border: none;
}

.myaccount-area .billing-btn>button:hover,
.myaccount-area .edit-btn:hover,
.myaccount-area .del-btn:hover {
  background-color: #f36b63;
}

.myaccount-area .del-btn {
  background-color: #f36b63;
}

.myaccount-area .entries-wrapper {
  border: 1px solid #eaeaea;
  position: relative;
}

.myaccount-area .entries-wrapper:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: #eaeaea;
}

.myaccount-area .entries-wrapper .entries-info {
  padding: 30px 20px;
}

/*---------------------------------------
    24. Blog
-----------------------------------------*/
.blog-section {
  /*-- Banner --*/
  /*-- Pagination --*/
}

.blog-section .banner a {
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-section .banner a::before {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 200%;
  left: -280px;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-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;
}

.blog-section .banner a::after {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 200%;
  left: 180%;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-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;
}

.blog-section .banner a:hover::before {
  left: 180%;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.blog-section .banner a:hover::after {
  left: -280px;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.blog-section .banner a img {
  width: 100%;
}

.blog-section .hero-banner {
  float: right;
  width: 260px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section .hero-banner {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .blog-section .hero-banner {
    width: 100%;
  }
}

.blog-section .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;
}

.blog-section .pagination li {
  margin: 5px;
  color: #a3a3a3;
}

.blog-section .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;
}

.blog-section .pagination li a i {
  display: block;
  line-height: 24px;
}

.blog-section .pagination li.active a {
  border-color: #444444;
  color: #202020;
  font-weight: 700;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: inline-block;
}

.blog-section .pagination li:first-child {
  margin-right: 20px;
}

.blog-section .pagination li:first-child a {
  color: #202020;
  width: 50px;
}

.blog-section .pagination li:first-child a i {
  float: left;
  margin-right: 10px;
}

.blog-section .pagination li:last-child {
  margin-left: 20px;
}

.blog-section .pagination li:last-child a {
  width: 50px;
  color: #202020;
}

.blog-section .pagination li:last-child a i {
  float: right;
  margin-left: 10px;
}

/*-- Blog --*/
.rossi-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;
  transition: all 0.3s ease 0s;
}

.rossi-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);
}

.rossi-blog .image {
  display: block;
}

.rossi-blog .image img {
  width: 100%;
}

.rossi-blog .content {
  padding: 25px 30px 30px;
  overflow: hidden;
}

.rossi-blog .content h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.rossi-blog .content h3 a {
  color: #444444;
}

.rossi-blog .content h3 a:hover {
  color: #f36b63;
}

@media only screen and (max-width: 767px) {
  .rossi-blog .content h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

.rossi-blog .content h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.rossi-blog .content h4 a {
  color: #444444;
}

.rossi-blog .content h4 a:hover {
  color: #202020;
}

.rossi-blog .content ul {
  float: left;
  width: 100%;
}

.rossi-blog .content ul li {
  float: left;
  margin-right: 14px;
  position: relative;
  line-height: 18px;
}

.rossi-blog .content ul li::before {
  position: absolute;
  right: -9px;
  top: 50%;
  width: 4px;
  height: 1px;
  content: "";
  background-color: #7b7b7b;
}

.rossi-blog .content ul li:last-child {
  margin-right: 0;
}

.rossi-blog .content ul li:last-child::before {
  display: none;
}

.rossi-blog .content ul li a {
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #444444;
  line-height: 18px;
}

.rossi-blog .content ul li a:hover {
  color: #202020;
}

.rossi-blog .content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 15px;
  display: block;
  float: left;
  width: 100%;
}

.rossi-blog .content blockquote {
  overflow: hidden;
  margin: 0;
  padding: 50px;
  width: 100%;
}

.rossi-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) {
  .rossi-blog .content blockquote {
    padding: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .rossi-blog .content blockquote {
    padding: 0;
  }
}

/*-- Single Blog --*/
.rossi-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;
  transition: all 0.3s ease 0s;
}

.rossi-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);
}

.rossi-single-blog .image {
  display: block;
}

.rossi-single-blog .image img {
  width: 100%;
}

.rossi-single-blog .content {
  padding: 25px 30px 30px;
  overflow: hidden;
}

.rossi-single-blog .content h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .rossi-single-blog .content h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

.rossi-single-blog .content h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.rossi-single-blog .content ul {
  float: left;
  width: 100%;
}

.rossi-single-blog .content ul li {
  float: left;
  margin-right: 14px;
  position: relative;
  line-height: 18px;
}

.rossi-single-blog .content ul li::before {
  position: absolute;
  right: -9px;
  top: 50%;
  width: 4px;
  height: 1px;
  content: "";
  background-color: #7b7b7b;
}

.rossi-single-blog .content ul li:last-child {
  margin-right: 0;
}

.rossi-single-blog .content ul li:last-child::before {
  display: none;
}

.rossi-single-blog .content ul li a {
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #444444;
  line-height: 18px;
}

.rossi-single-blog .content ul li a:hover {
  color: #202020;
}

.rossi-single-blog .content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 15px;
  display: block;
  float: left;
  width: 100%;
}

.rossi-single-blog .content blockquote {
  overflow: hidden;
  margin: 0;
  padding: 15px 0;
  width: 100%;
}

.rossi-single-blog .content blockquote p {
  font-size: 16px;
  line-height: 25px;
  font-style: italic;
  margin: 0;
  font-weight: 400;
}

.rossi-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;
}

.rossi-single-blog .content .blog-footer .blog-tags {
  margin-top: 14px;
}

.rossi-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;
}

.rossi-single-blog .content .blog-footer .blog-tags a {
  display: inline-block;
  margin-right: 5px;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #444444;
  line-height: 18px;
}

.rossi-single-blog .content .blog-footer .blog-tags a:hover {
  color: #202020;
}

.rossi-single-blog .content .blog-footer .blog-tags a::after {
  content: ",";
}

.rossi-single-blog .content .blog-footer .blog-share {
  margin-top: 14px;
}

.rossi-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;
}

.rossi-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;
  display: inline-block;
}

.rossi-single-blog .content .blog-footer .blog-share a:last-child {
  margin-right: 0;
}

.rossi-single-blog .content .blog-footer .blog-share a i {
  display: block;
  font-size: 11px;
  line-height: 25px;
}

.rossi-single-blog .content .blog-footer .blog-share a:hover {
  border-color: #f36b63;
  background-color: #f36b63;
  color: #ffffff;
}

/*-- 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;
  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: #f36b63;
  background-color: #f36b63;
  color: #ffffff;
}

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

/*---------------------------------------
    25. Blog Sidebar
-----------------------------------------*/
.blog-sidebar {
  background-color: #ffffff;
}

.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: 5px 0;
  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: #f36b63;
}

.blog-sidebar ul li a:hover::before {
  color: #202020;
}

.blog-sidebar ul li a::before {
  position: absolute;
  left: 0;
  top: -5px;
  color: #444444;
  line-height: 29px;
  font-family: Fontawesome;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  content: "";
}

.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: "";
  color: #444444;
}

.blog-sidebar .tags-cloud {
  margin: 0 -5px;
  padding: 20px 0;
  overflow: hidden;
}

.blog-sidebar .tags-cloud a {
  font-size: 14px;
  border: 1px solid #ddd;
  line-height: 23px;
  padding: 5px 10px;
  float: left;
  margin-bottom: 10px;
  margin-right: 5px;
  text-transform: uppercase;
}

.blog-sidebar .tags-cloud a:hover {
  color: #ffffff;
  background-color: #f36b63;
  border-color: #f36b63;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
  padding: 20px 0;
  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: #f36b63;
}

.sidebar-blog .content span {
  display: block;
  font-size: 13px;
  z-index: 18;
  color: #444444;
}

/*=============================================
=            19. FAQ            =
=============================================*/
.faq-area .panel.panel-default {
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}

.faq-area .faq-wrapper .card,
.faq-area .faq-wrapper .card-header {
  border-radius: 0;
}

.faq-area .faq-wrapper .card {
  margin-bottom: 15px;
}

.faq-area .faq-wrapper .card-header {
  padding: 0;
  border-bottom: 0;
  background-color: #e9e9e9;
}

.faq-area .faq-wrapper .card-header h5 button {
  width: 100%;
  text-align: left;
  color: #333;
  font-weight: 500;
  padding: 10px 20px;
  position: relative;
  overflow-wrap: break-word;
  white-space: normal;
}

.faq-area .faq-wrapper .card-header h5 button span {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.faq-area .faq-wrapper .card-header h5 button span i.fa {
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  display: none;
}

.faq-area .faq-wrapper .card-header h5 button:hover,
.faq-area .faq-wrapper .card-header h5 button:focus {
  text-decoration: none;
}

.faq-area .faq-wrapper .card-header h5 button[aria-expanded=true] {
  background-color: #395562;
  color: #ffffff;
  border-radius: 0;
}

.faq-area .faq-wrapper .card-header h5 button[aria-expanded=true] span i.fa.fa-chevron-down {
  visibility: visible;
  opacity: 1;
  display: inline;
}

.faq-area .faq-wrapper .card-header h5 button[aria-expanded=false] span i.fa.fa-chevron-up {
  visibility: visible;
  opacity: 1;
  display: inline;
}

.faq-area .billing-information-wrapper,
.faq-area .shipping-information-wrapper,
.faq-area .shipping-method-wrapper,
.faq-area .payment-info-wrapper,
.faq-area .order-review-wrapper {
  background-color: #fff;
  padding: 30px 20px;
}

.faq-area .account-info-wrapper {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 28px;
  padding-bottom: 30px;
}

.faq-area .billing-info {
  margin-bottom: 20px;
}

.faq-area .billing-info>label {
  color: #242424;
  font-size: 14px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}

.faq-area .billing-info input,
.faq-area .billing-info .billing-select,
.faq-area .billing-info select {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #242424;
  height: 40px;
  padding: 0 15px;
  width: 100%;
}

.faq-area .billing-btn>button,
.faq-area .edit-btn,
.faq-area .del-btn {
  color: #fff;
  background-color: #666666;
  display: inline-block;
  padding: 10px 20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
  border: none;
}

.faq-area .billing-btn>button:hover,
.faq-area .edit-btn:hover,
.faq-area .del-btn:hover {
  background-color: #f36b63;
}

.faq-area .del-btn {
  background-color: #f36b63;
}

.faq-area .entries-wrapper {
  border: 1px solid #eaeaea;
  position: relative;
}

.faq-area .entries-wrapper:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  left: 50%;
  top: 0;
  background-color: #eaeaea;
}

.faq-area .entries-wrapper .entries-info {
  padding: 30px 20px;
}

/*=====  End of 19. FAQ  ======*/