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

    Template Name: Koncrete - Construction Bootstrap 5 Template
    Version: 1.0

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

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

    01. Theme default CSS
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Feature CSS
    06. Offer CSS
    07. Faq CSS
    08. Compare CSS
    09. Categories CSS
    10. My Account CSS
    11. Newsletter CSS
    12. Login Register CSS
    13. Testimonial CSS
    14. Product CSS
    15. Cart CSS
    16. Checkout CSS
    17. Blog CSS
    18. Comment CSS
    19. Sidebar CSS
    20. Instagram CSS
    21. Contact CSS
    22. Footer CSS
    23. 404 CSS
    24. Modal CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  08. Mixin CSS
/*----------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap");
/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
.site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  font-size: 15px;
  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Rubik", sans-serif;
  color: #666666;
  position: relative;
}
body[data-rtl="rtl"] {
  direction: rtl;
  text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", sans-serif;
  color: #363636;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

h1 {
  font-size: 36px;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

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

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

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

*:focus {
  outline: none !important;
}

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

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

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

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

img {
  max-width: 100%;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.width-78 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 78%;
  flex: 0 0 78%;
  max-width: 78%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .width-78 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .width-78 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .width-78 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .width-78 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.width-22 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .width-22 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .width-22 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .width-22 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  .width-22 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: auto;
  }
}

.width-50 {
  width: 50px !important;
}

.max-width-100 {
  max-width: 100% !important;
  width: auto !important;
}

.mlr-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.sb-border {
  border-bottom: 2px solid #ebebeb;
}

.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section,
.main-wrapper {
  float: left;
  width: 100%;
}

/* Background Image */
.bg-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_image--1 {
  background-image: url(../images/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--2 {
  background-image: url(../images/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--3 {
  background-image: url(../images/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--4 {
  background-image: url(../images/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--5 {
  background-image: url(../images/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--6 {
  background-image: url(../images/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--7 {
  background-image: url(../images/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--8 {
  background-image: url(../images/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--9 {
  background-image: url(../images/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--10 {
  background-image: url(../images/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--11 {
  background-image: url(../images/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--12 {
  background-image: url(../images/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--13 {
  background-image: url(../images/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--14 {
  background-image: url(../images/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--15 {
  background-image: url(../images/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--16 {
  background-image: url(../images/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--17 {
  background-image: url(../images/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--18 {
  background-image: url(../images/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--19 {
  background-image: url(../images/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--20 {
  background-image: url(../images/bg/bg-image-20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--21 {
  background-image: url(../images/bg/bg-image-21.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--22 {
  background-image: url(../images/bg/bg-image-22.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--23 {
  background-image: url(../images/bg/bg-image-23.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--24 {
  background-image: url(../images/bg/bg-image-24.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--25 {
  background-image: url(../images/bg/bg-image-25.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--26 {
  background-image: url(../images/bg/bg-image-26.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--27 {
  background-image: url(../images/bg/bg-image-27.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--28 {
  background-image: url(../images/bg/bg-image-28.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--29 {
  background-image: url(../images/bg/bg-image-29.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--30 {
  background-image: url(../images/bg/bg-image-30.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--31 {
  background-image: url(../images/bg/bg-image-31.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--32 {
  background-image: url(../images/bg/bg-image-32.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--33 {
  background-image: url(../images/bg/bg-image-33.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--34 {
  background-image: url(../images/bg/bg-image-34.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--35 {
  background-image: url(../images/bg/bg-image-35.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--36 {
  background-image: url(../images/bg/bg-image-36.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--37 {
  background-image: url(../images/bg/bg-image-37.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--38 {
  background-image: url(../images/bg/bg-image-38.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--39 {
  background-image: url(../images/bg/bg-image-39.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--40 {
  background-image: url(../images/bg/bg-image-40.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--41 {
  background-image: url(../images/bg/bg-image-41.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--42 {
  background-image: url(../images/bg/bg-image-42.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--43 {
  background-image: url(../images/bg/bg-image-43.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--44 {
  background-image: url(../images/bg/bg-image-44.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--45 {
  background-image: url(../images/bg/bg-image-45.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--46 {
  background-image: url(../images/bg/bg-image-46.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--47 {
  background-image: url(../images/bg/bg-image-47.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--48 {
  background-image: url(../images/bg/bg-image-48.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--49 {
  background-image: url(../images/bg/bg-image-49.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--50 {
  background-image: url(../images/bg/bg-image-50.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--51 {
  background-image: url(../images/bg/bg-image-51.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--52 {
  background-image: url(../images/bg/bg-image-52.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--53 {
  background-image: url(../images/bg/bg-image-53.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--54 {
  background-image: url(../images/bg/bg-image-54.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--55 {
  background-image: url(../images/bg/bg-image-55.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--56 {
  background-image: url(../images/bg/bg-image-56.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--57 {
  background-image: url(../images/bg/bg-image-57.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--58 {
  background-image: url(../images/bg/bg-image-58.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--59 {
  background-image: url(../images/bg/bg-image-59.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--60 {
  background-image: url(../images/bg/bg-image-60.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--61 {
  background-image: url(../images/bg/bg-image-61.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--62 {
  background-image: url(../images/bg/bg-image-62.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--63 {
  background-image: url(../images/bg/bg-image-63.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--64 {
  background-image: url(../images/bg/bg-image-64.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--65 {
  background-image: url(../images/bg/bg-image-65.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--66 {
  background-image: url(../images/bg/bg-image-66.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--67 {
  background-image: url(../images/bg/bg-image-67.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--68 {
  background-image: url(../images/bg/bg-image-68.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--69 {
  background-image: url(../images/bg/bg-image-69.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--70 {
  background-image: url(../images/bg/bg-image-70.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--71 {
  background-image: url(../images/bg/bg-image-71.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--72 {
  background-image: url(../images/bg/bg-image-72.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--73 {
  background-image: url(../images/bg/bg-image-73.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--74 {
  background-image: url(../images/bg/bg-image-74.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--75 {
  background-image: url(../images/bg/bg-image-75.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--76 {
  background-image: url(../images/bg/bg-image-76.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--77 {
  background-image: url(../images/bg/bg-image-77.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--78 {
  background-image: url(../images/bg/bg-image-78.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--79 {
  background-image: url(../images/bg/bg-image-79.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--80 {
  background-image: url(../images/bg/bg-image-80.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--81 {
  background-image: url(../images/bg/bg-image-81.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--82 {
  background-image: url(../images/bg/bg-image-82.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--83 {
  background-image: url(../images/bg/bg-image-83.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--84 {
  background-image: url(../images/bg/bg-image-84.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--85 {
  background-image: url(../images/bg/bg-image-85.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--86 {
  background-image: url(../images/bg/bg-image-86.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--87 {
  background-image: url(../images/bg/bg-image-87.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--88 {
  background-image: url(../images/bg/bg-image-88.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--89 {
  background-image: url(../images/bg/bg-image-89.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--90 {
  background-image: url(../images/bg/bg-image-90.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--91 {
  background-image: url(../images/bg/bg-image-91.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--92 {
  background-image: url(../images/bg/bg-image-92.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--93 {
  background-image: url(../images/bg/bg-image-93.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--94 {
  background-image: url(../images/bg/bg-image-94.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--95 {
  background-image: url(../images/bg/bg-image-95.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--96 {
  background-image: url(../images/bg/bg-image-96.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--97 {
  background-image: url(../images/bg/bg-image-97.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--98 {
  background-image: url(../images/bg/bg-image-98.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--99 {
  background-image: url(../images/bg/bg-image-99.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--100 {
  background-image: url(../images/bg/bg-image-100.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--101 {
  background-image: url(../images/bg/bg-image-101.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--102 {
  background-image: url(../images/bg/bg-image-102.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--103 {
  background-image: url(../images/bg/bg-image-103.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--104 {
  background-image: url(../images/bg/bg-image-104.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--105 {
  background-image: url(../images/bg/bg-image-105.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--106 {
  background-image: url(../images/bg/bg-image-106.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--107 {
  background-image: url(../images/bg/bg-image-107.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--108 {
  background-image: url(../images/bg/bg-image-108.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--109 {
  background-image: url(../images/bg/bg-image-109.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--110 {
  background-image: url(../images/bg/bg-image-110.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--111 {
  background-image: url(../images/bg/bg-image-111.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--112 {
  background-image: url(../images/bg/bg-image-112.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--113 {
  background-image: url(../images/bg/bg-image-113.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--114 {
  background-image: url(../images/bg/bg-image-114.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--115 {
  background-image: url(../images/bg/bg-image-115.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--116 {
  background-image: url(../images/bg/bg-image-116.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--117 {
  background-image: url(../images/bg/bg-image-117.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--118 {
  background-image: url(../images/bg/bg-image-118.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--119 {
  background-image: url(../images/bg/bg-image-119.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--120 {
  background-image: url(../images/bg/bg-image-120.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--121 {
  background-image: url(../images/bg/bg-image-121.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--122 {
  background-image: url(../images/bg/bg-image-122.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--123 {
  background-image: url(../images/bg/bg-image-123.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--124 {
  background-image: url(../images/bg/bg-image-124.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--125 {
  background-image: url(../images/bg/bg-image-125.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--126 {
  background-image: url(../images/bg/bg-image-126.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--127 {
  background-image: url(../images/bg/bg-image-127.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--128 {
  background-image: url(../images/bg/bg-image-128.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--129 {
  background-image: url(../images/bg/bg-image-129.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--130 {
  background-image: url(../images/bg/bg-image-130.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--131 {
  background-image: url(../images/bg/bg-image-131.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--132 {
  background-image: url(../images/bg/bg-image-132.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--133 {
  background-image: url(../images/bg/bg-image-133.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--134 {
  background-image: url(../images/bg/bg-image-134.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--135 {
  background-image: url(../images/bg/bg-image-135.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--136 {
  background-image: url(../images/bg/bg-image-136.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--137 {
  background-image: url(../images/bg/bg-image-137.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--138 {
  background-image: url(../images/bg/bg-image-138.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--139 {
  background-image: url(../images/bg/bg-image-139.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--140 {
  background-image: url(../images/bg/bg-image-140.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }

  .row-five-column > [class*="col-xl-"] {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
}
@media only screen and (max-width: 575px) {
  .container {
    max-width: 450px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    max-width: 380px;
  }
}
.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0 !important;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: var(--bs-gutter-x, 0.9rem);
  padding-left: var(--bs-gutter-x, 0.9rem);
}

.row {
  margin-right: calc(var(--bs-gutter-x) * -0.6);
  margin-left: calc(var(--bs-gutter-x) * -0.6);
}

.row > * {
  position: relative;
  padding-right: calc(var(--bs-gutter-x) * 0.6);
  padding-left: calc(var(--bs-gutter-x) * 0.6);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
}
.modal-header .close span {
  font-size: 24px;
  color: #363636;
}

#scrollUp {
  background: #222;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  bottom: 25px;
  right: 25px;
  color: #fff;
  text-align: center;
  font-size: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#scrollUp:hover {
  background: #5c5215;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--
    - Background Color
------------------------------------------*/
.bg_color--1 {
  background: #ffffff;
}

.bg_color--2 {
  background: #5c5215;
}

.bg_color--3 {
  background: #252531;
}

.bg_color--4 {
  background: #111;
}

.bg_color--5 {
  background: #f5f5f5;
}

.bg_color--6 {
  background: #ecf3ff;
}

.bg_color--7 {
  background: #f6f6f6;
}

.bg_color--8 {
  background: #eee;
}

.bg_color--9 {
  background: #69afed;
}

.bg_color--10 {
  background: #f9f9f9;
}

.bg_color--11 {
  background: #001029;
}

.bg_color--12 {
  background: #fcb72b;
}

.bg_color--13 {
  background: #f8a440;
}

.bg_color--14 {
  background: #f7f1ec;
}

.bg_color--15 {
  background: #f7f7f7;
}

.bg_color--16 {
  background: #f4efff;
}

.bg_color--17 {
  background: #0069ff;
}

.bg_color--18 {
  background: #000;
}

.bg_color--19 {
  background: #ac61ee;
}

.bg_color--20 {
  background: #f55d4e;
}

.bg_color--21 {
  background: #f5f3ef;
}

.bg_color--22 {
  background: #f10;
}

.bg_color--23 {
  background: #fbfbfd;
}

.bg_color--24 {
  background: #68ae4a;
}

.bg_color--25 {
  background: #bc9464;
}

.bg_color--26 {
  background: #7ba100;
}

.bg_color--27 {
  background: #14359e;
}

.bg_color--28 {
  background: #cc327b;
}

.bg_color--29 {
  background: #ffe2d9;
}

.bg_color--30 {
  background: #906032;
}

.bg_color--31 {
  background: #ec5b4b;
}

.bg_color--32 {
  background: #fff3f2;
}

.bg_color--33 {
  background: #c1b538;
}

.bg_color--34 {
  background: #cae0e5;
}

.bg_color--35 {
  background: #126cdc;
}

.bg_color--36 {
  background: #040c33;
}

.bg_color--37 {
  background: #f50809;
}

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

/*-- 
    - Main Wrapper
------------------------------------------*/
/*-- 
    - Section Title
------------------------------------------*/
.section-title {
  position: relative;
}
.section-title h1 {
  font-size: 30px;
  line-height: 36px;
  margin: 0 auto;
  font-weight: 500;
}
@media only screen and (max-width: 479px) {
  .section-title h1 {
    font-size: 24px;
  }
}
.section-title p {
  max-width: 500px;
  margin-top: 15px;
  line-height: 26px;
}
.section-title.text-center {
  text-align: center;
}
.section-title.text-center p {
  margin-left: auto;
  margin-right: auto;
}
.section-title.text-left {
  text-align: left;
  background-position: top left;
}
.section-title.text-left p {
  margin-left: 0;
  margin-right: auto;
}
.section-title.text-right {
  text-align: right;
  background-position: top right;
}
.section-title.text-right p {
  margin-left: auto;
  margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-two {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-two {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-two {
    text-align: center;
  }
}
.section-title-two h3 {
  font-weight: 500;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  color: #363636;
}
@media only screen and (max-width: 767px) {
  .section-title-two h3 {
    font-size: 34px;
  }
}
.section-title-two p {
  max-width: 550px;
  margin: auto;
  line-height: 22px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-two a {
    margin: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-two a {
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-two a {
    margin: auto;
  }
}

.list-product-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-product-section-title h3 {
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
}

/*-- 
    - Button
------------------------------------------*/
a.ht-btn,
button.ht-btn {
  color: #949494;
  width: 160px;
  height: 40px;
  line-height: 36px;
  display: block;
  text-align: center;
  border: 2px solid #4e4e5a;
  border-radius: 3px;
  display: inline-block;
}
a.ht-btn i,
button.ht-btn i {
  font-size: 18px;
}
a.ht-btn.theme-btn,
button.ht-btn.theme-btn {
  background-color: #0038e3;
}
a.ht-btn.block-btn,
button.ht-btn.block-btn {
  display: block;
  max-width: 300px;
  width: 100%;
  height: 55px;
  line-height: 55px;
  color: #363636;
}
a.ht-btn.lg-btn,
button.ht-btn.lg-btn {
  color: #363636;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  max-width: 220px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #5c5215;
  text-transform: none;
  border-radius: 4px;
  border: none;
}
@media only screen and (max-width: 575px) {
  a.ht-btn.lg-btn,
  button.ht-btn.lg-btn {
    max-width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
a.ht-btn.dark-btn,
button.ht-btn.dark-btn {
  background-color: #252531;
  color: #ffffff;
  border: none;
}
a.ht-btn.dark-btn:hover,
button.ht-btn.dark-btn:hover {
  background-color: #5c5215;
  color: #363636;
}
a.ht-btn.white-btn,
button.ht-btn.white-btn {
  border: 2px solid #ffffff;
  color: #ffffff;
  height: 50px;
  line-height: 46px;
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  a.ht-btn.white-btn,
  button.ht-btn.white-btn {
    font-size: 14px;
  }
}
a.ht-btn.black-btn,
button.ht-btn.black-btn {
  border: 2px solid #363636;
  color: #363636;
  height: 50px;
  line-height: 46px;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  a.ht-btn.black-btn,
  button.ht-btn.black-btn {
    font-size: 14px;
  }
}
a.ht-btn.small-btn,
button.ht-btn.small-btn {
  width: 90px;
  font-size: 13px;
  padding: 0 20px;
}
a.ht-btn:hover,
button.ht-btn:hover {
  background: #5c5215;
  color: #ffffff;
  border-color: #5c5215;
}

/*-- 
    - Page Banner Section
------------------------------------------*/
.page-banner-section {
  padding: 170px 0 160px;
  position: relative;
  z-index: 1;
  margin: auto;
  width: 100%;
  float: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .page-banner-section {
    padding: 170px 0 160px;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-banner-section {
    padding: 90px 0 100px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section {
    padding: 80px 0 90px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner-section {
    padding: 70px 0 80px;
    width: 100%;
  }
}

/*-- Page Banner --*/
.page-banner h2 {
  font-size: 80px;
  line-height: 110px;
  font-weight: 400;
  text-transform: inherit;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-banner h2 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner h2 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner h2 {
    font-size: 26px;
    line-height: 26px;
  }
}

/*-- Page Breadcrumb --*/
.page-breadcrumb {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-breadcrumb li {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-family: "Rubik", sans-serif;
  line-height: 25px;
  margin-top: 10px;
  color: #5c5215;
}
@media only screen and (max-width: 575px) {
  .page-breadcrumb li {
    font-size: 13px;
  }
}
.page-breadcrumb li::after {
  content: "/";
  margin: 0 6px;
  color: #ffffff;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: #ffffff;
}
.page-breadcrumb li a:hover {
  color: #5c5215;
}

/* -----------------
    Instafeed css
---------------------*/
/*-- 
    - Page Pagination
------------------------------------------*/
.page-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;
  margin: -5px -10px;
}
.page-pagination li {
  font-size: 16px;
  line-height: 24px;
  font-family: "Rubik", sans-serif;
  color: #363636;
  text-align: center;
  margin: 5px 10px;
}
@media only screen and (max-width: 767px) {
  .page-pagination li {
    margin: 5px 5px;
  }
}
.page-pagination li a {
  color: #363636;
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 50px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-pagination li a i {
  line-height: 24px;
}
@media only screen and (max-width: 575px) {
  .page-pagination li {
    font-size: 14px;
  }
  .page-pagination li a {
    padding: 9px;
    width: 40px;
    height: 40px;
  }
  .page-pagination li a i {
    line-height: 24px;
  }
}
.page-pagination li:hover a {
  color: #5c5215;
  background-color: #363636;
}
.page-pagination li.active a {
  color: #ffffff;
  background-color: #5c5215;
}
.page-pagination li:first-child a {
  color: #363636;
  width: auto;
  padding: 10px 20px;
}
.page-pagination li:first-child a i {
  margin-right: 10px;
  float: left;
}
.page-pagination li:first-child a:hover {
  color: #5c5215;
}
.page-pagination li:last-child a {
  color: #363636;
  width: auto;
  padding: 10px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.page-pagination li:last-child a i {
  margin-left: 10px;
  float: right;
}
.page-pagination li:last-child a:hover {
  color: #5c5215;
}

.grid-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.grid-filter button {
  background-color: transparent;
  color: #363636;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px 10px;
  text-transform: inherit;
  line-height: 1;
  padding-bottom: 5px;
  position: relative;
}
.grid-filter button::before {
  content: "";
  height: 6px;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 4px;
  background-color: #5c5215;
  z-index: -1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.grid-filter button:hover::before,
.grid-filter button.active::before {
  width: 100%;
}
.grid-filter.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grid-filter.center button {
  margin: 0 10px 10px;
}
.grid-filter.left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.grid-filter.left button {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}
.grid-filter.left button:last-child {
  margin-right: 0;
}
.grid-filter.right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.grid-filter.right button {
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 10px;
}
.grid-filter.right button:last-child {
  margin-left: 0;
}

.product-slider,
.product-slider-two,
.blog-slider,
.product-slider-three,
.product-slider-five {
  margin-right: -15px;
  margin-left: -15px;
}
.product-slider .col-lg-12,
.product-slider .col,
.product-slider-two .col-lg-12,
.product-slider-two .col,
.blog-slider .col-lg-12,
.blog-slider .col,
.product-slider-three .col-lg-12,
.product-slider-three .col,
.product-slider-five .col-lg-12,
.product-slider-five .col {
  padding-left: 15px;
  padding-right: 15px;
}

.slick-slider.top-nav .slick-arrow {
  margin-top: -70px;
}
.slick-slider.top-nav .slick-arrow.slick-prev {
  right: 50px;
}
.slick-slider.top-nav .slick-arrow.slick-next {
  right: 0px;
}
.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: #ffffff;
  color: #ffffff;
  padding: 10px;
  width: 45px;
  height: 45px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  text-align: center;
  opacity: 0;
}
.slick-slider .slick-arrow i {
  font-size: 22px;
  line-height: 20px;
  display: block;
  color: #fff;
}
.slick-slider .slick-arrow.slick-prev {
  left: 0;
  margin-left: 40px;
}
.slick-slider .slick-arrow.slick-next {
  right: 0;
  margin-right: 40px;
}
.slick-slider .slick-arrow:hover {
  background-color: #5c5215;
  border-color: #5c5215;
}
.slick-slider:hover .slick-arrow {
  opacity: 1;
}
.slick-slider:hover .slick-arrow.slick-prev {
  margin-left: 20px;
}
.slick-slider:hover .slick-arrow.slick-next {
  margin-right: 20px;
}
.slick-slider .slick-dots {
  width: 100%;
  padding: 0;
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slick-slider .slick-dots li {
  margin: 0 5px;
}
.slick-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: none;
  background-color: #d8d8d8;
  text-indent: -9999px;
  border-radius: 50px;
}
.slick-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
}
.slick-btns .slick-btn {
  width: 45px;
  height: 45px;
  color: #9e9e9e;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  line-height: 42px;
  font-size: 16px;
  margin-right: 5px;
}
.slick-btns .slick-btn:last-child {
  margin-right: 0;
}
.slick-btns .slick-btn:hover {
  background-color: #5c5215;
  border-color: #5c5215;
  color: #ffffff;
}

.gallery-item {
  position: relative;
}
.gallery-item::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #363636;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gallery-item img {
  width: 100%;
}
.gallery-item .plus {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  opacity: 0;
}
.gallery-item .plus::before,
.gallery-item .plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gallery-item .plus::before {
  width: 150px;
  height: 1px;
}
.gallery-item .plus::after {
  width: 1px;
  height: 150px;
}
.gallery-item:hover::before {
  opacity: 0.75;
}
.gallery-item:hover .plus {
  opacity: 1;
}
.gallery-item:hover .plus::before {
  width: 40px;
}
.gallery-item:hover .plus::after {
  height: 40px;
}

blockquote.blockquote {
  background-color: #f1f2f3;
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
blockquote.blockquote::before {
  position: absolute;
  content: url(../images/icons/quote-left.png);
  left: -5px;
  top: -10px;
  z-index: -1;
  opacity: 0.07;
}
blockquote.blockquote p {
  font-size: 18px;
  font-style: italic;
}
blockquote.blockquote .author {
  font-size: 14px;
  display: block;
  line-height: 18px;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
header.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
header.header.is-sticky {
  position: fixed;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  background-color: rgba(37, 37, 49, 0.94);
}
header.header.is-sticky.sticky-white {
  background-color: #ffffff;
}
header.header.is-sticky.fixed {
  position: fixed !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header.header.is-sticky.fixed {
    position: static !important;
  }
}
header.header.is-sticky .header-top {
  display: none;
}

.header-transparent {
  background-color: transparent;
}

.header-static {
  position: static !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-center {
    background-color: #252531;
    position: static !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-white {
    background-color: #ffffff;
  }
}

/*-- Header Top --*/
.header-top {
  padding: 12px 0;
  border-bottom: 1px solid rgba(235, 235, 235, 0.25);
}
.header-top.border-gray {
  border-bottom: 1px solid #ebebeb;
}

/*-- Header Top Links --*/
.header-top-contact {
  text-align: center;
}
.header-top-contact ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #ffffff;
}
.header-top-contact.color-black ul li {
  color: #666666;
}

.header-top-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-top-cart a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-right: 30px;
}
.header-top-cart a:last-child {
  margin-right: 0px;
}
.header-top-cart a img {
  margin-right: 5px;
}

/*-- Header Top Social --*/
/*-- Header Bottom --*/
.header-bottom.menu-right > .container > .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom.menu-right > .container > .row {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .header-bottom.menu-right > .container > .row {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
  }
}
.header-bottom.menu-right > .container > .row > .col {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  position: static;
}
.header-bottom.menu-right > .container > .row > .col:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/*-- Header Logo --*/
@media only screen and (max-width: 479px) {
  .logo {
    width: 120px;
  }
}
.logo a {
  display: inline-block;
}
.logo a img {
  max-width: 120px;
}

/*-- Header Search --*/
/*-- Search Form --*/
.header-search-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-search-form form input {
  width: 180px;
  height: 50px;
  border: none;
  background-color: transparent;
  color: #ffffff;
  line-height: 50px;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .header-search-form form input {
    width: 216px;
  }
}
.header-search-form form input::-webkit-input-placeholder {
  color: #ffffff;
}
.header-search-form form input::-moz-placeholder {
  color: #ffffff;
}
.header-search-form form input:-ms-input-placeholder {
  color: #ffffff;
}
.header-search-form form input::-ms-input-placeholder {
  color: #ffffff;
}
.header-search-form form input::placeholder {
  color: #ffffff;
}
.header-search-form form button {
  background-color: transparent;
  border: 0;
  color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-weight: 500;
}
.header-search-form form button span {
  font-size: 24px;
  line-height: 1;
  display: block;
}
.header-search-form.color-black form input {
  color: #666666;
}
.header-search-form.color-black form input::-webkit-input-placeholder {
  color: #666666;
}
.header-search-form.color-black form input::-moz-placeholder {
  color: #666666;
}
.header-search-form.color-black form input:-ms-input-placeholder {
  color: #666666;
}
.header-search-form.color-black form input::-ms-input-placeholder {
  color: #666666;
}
.header-search-form.color-black form input::placeholder {
  color: #666666;
}
.header-search-form.color-black form button {
  color: #363636;
}

/*-- Header Cart --*/
.header-cart {
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-cart {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .header-cart {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .header-cart {
    margin-right: 40px;
  }
}
.header-cart > a {
  background-color: transparent;
  border: none;
  color: #ffffff;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.header-cart > a > span {
  font-size: 24px;
  line-height: 1px;
}
.header-cart > a .count {
  position: absolute;
  right: -1px;
  top: 3px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  border-radius: 50%;
}
.header-cart:hover .header-cart-dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-cart.color-white > a {
  color: #ffffff;
  border-color: #ffffff;
}
.header-cart.color-black > a {
  color: #363636;
}
.header-cart.color-black > a .count {
  color: #363636;
}
.header-cart.color-black > a:hover {
  color: #5c5215;
}
.header-cart.color-black > a:hover .count {
  color: #5c5215;
}

.header-cart-dropdown {
  position: absolute;
  width: 320px;
  background: #fff;
  right: 15px;
  top: 120%;
  padding: 5px 20px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-cart-dropdown {
    right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-cart-dropdown {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header-cart-dropdown {
    display: none;
  }
}

.cart-img {
  float: left;
  width: 36%;
  margin-right: 20px;
  position: relative;
}

.cart-content {
  float: left;
  width: 56%;
}

ul.cart-items li {
  list-style: none;
  display: block;
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  position: relative;
  text-align: left;
}

.cart-content span {
  color: #222;
  font-weight: 400;
  font-size: 16px;
}
.cart-content span.product-price {
  color: #5c5215;
  font-size: 16px;
}

.product-name {
  color: #222;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  width: 123px;
}

.cart-item-remove a {
  position: absolute;
  color: #222;
  right: 2px;
  top: 18px;
  display: inline-block;
  left: auto;
  font-size: 20px;
}
.cart-item-remove a:hover {
  color: #5c5215;
}

.cart-total {
  overflow: hidden;
  padding: 20px 0;
  text-align: left;
  border-bottom: 1px solid #ededed;
}
.cart-total h5 {
  color: #3e3d43;
  text-transform: inherit;
  font-size: 14px;
  font-weight: 600;
}

.cart-btn {
  padding: 20px;
  background-color: #fff;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -5px;
}
.cart-btn a {
  display: block;
  background-color: #333;
  color: #fff;
  font-size: 16px;
  padding: 10px 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.cart-btn a:first-child {
  margin-bottom: 10px;
}
.cart-btn a:hover {
  background: #5c5215;
  border-color: #5c5215;
  color: #fff;
}

/*-- Header Top Currency Menu --*/
.ht-us-menu > li {
  position: relative;
  margin-left: 15px;
  text-align: center;
}
.ht-us-menu > li > a {
  color: #ffffff;
  display: block;
  font-weight: normal;
  position: relative;
  text-transform: inherit;
  z-index: 10;
  font-size: 22px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.header-cart > a, .ht-us-menu > li > a{
  padding-top: 18px;
}
.header-search-form form{
  margin-bottom: 0px;
}
.ht-us-menu > li > a:hover {
  color: #5c5215;
}
.ht-us-menu > li > a span {
  font-size: 24px;
  line-height: 1;
}
.ht-us-menu > li:hover .ht-dropdown {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.ht-us-menu.color-black li a {
  color: #363636;
}
.ht-us-menu.color-black li a:hover {
  color: #5c5215;
}

.ht-dropdown {
  position: absolute;
  top: 80%;
  right: 0;
  width: 200px;
  background-color: #fff;
  padding: 20px 25px;
  z-index: 101;
  text-align: left;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .ht-dropdown {
    right: auto;
    left: 0;
  }
}
.ht-dropdown li {
  margin-bottom: 10px;
}
.ht-dropdown li:last-child {
  margin-bottom: 0;
}
.ht-dropdown li a {
  display: block;
  font-weight: normal;
  border-top: none;
  height: inherit;
  border-radius: 0;
  text-transform: inherit;
  position: relative;
  z-index: 10;
  font-size: 13px;
}
.ht-dropdown li a:hover {
  color: #5c5215;
}

/*-- Main Menu --*/
.main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.main-menu > ul > li {
  margin-right: 40px;
  position: relative;
}
.main-menu > ul > li:last-child {
  margin-right: 0;
}
.main-menu > ul > li > a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.25px;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  display: block;
  padding: 30px 0;
  position: relative;
  text-transform: inherit;
}
.main-menu > ul > li > a span {
  font-size: 12px;
  margin-left: 5px;
}
.main-menu > ul > li.has-dropdown > a::after {
  content: "";
  font-family: Fontawesome;
  line-height: 30px;
  margin-left: 3px;
}
.main-menu > ul > li.active > a,
.main-menu > ul > li:hover > a {
  color: #5c5215;
}
.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:last-child .sub-menu {
  left: auto;
  right: 0;
}
.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}
.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.main-menu > ul > li:nth-last-child(-n + 3) .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.main-menu > ul > li:nth-last-child(-n + 3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}
.main-menu.color-black ul li a {
  color: #363636;
}
.main-menu.color-black ul li a:hover {
  color: #5c5215;
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 30px;
  padding: 20px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 210px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.sub-menu li {
  margin-bottom: 5px;
  position: relative;
}
.sub-menu li:last-child {
  margin-bottom: 0;
}
.sub-menu li a {
  font-family: "Rubik", sans-serif;
  color: #363636;
  display: block;
  font-size: 13px;
  line-height: 35px;
  font-weight: 400;
  padding: 0 20px;
}
.sub-menu li.has-dropdown > a::after {
  content: "";
  font-family: Fontawesome;
  line-height: 30px;
  float: right;
}
.sub-menu li.active > a {
  color: #5c5215;
}
.sub-menu li .sub-menu {
  left: 100%;
  top: 0;
  margin-left: 0;
}
.sub-menu li:hover > a {
  color: #5c5215;
  padding-left: 25px;
}
.sub-menu li:hover > .sub-menu {
  margin-top: -10px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.sub-menu li .sub-menu {
  left: 100%;
  margin-left: 0;
  top: 0;
}
.sub-menu li .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu li .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Mega Menu --*/
.mega-menu.four-column {
  width: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu.four-column {
    width: 770px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu.four-column {
    width: 770px;
  }
}

.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 30px;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-bottom: 2px solid #5c5215;
  text-align: left;
  z-index: 999;
  width: 800px;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu {
    width: 770px;
    left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu {
    width: 770px;
    left: -160px;
  }
}
.mega-menu.left-0 {
  left: 0;
}
.mega-menu > li {
  width: 25%;
  padding: 0px 13px;
  margin: 34px 0;
  float: left;
  border-left: 1px solid #eeeeee;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li {
    padding: 0 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li {
    padding: 0 5px;
  }
}
.mega-menu > li:first-child {
  border-left: 0;
}
.mega-menu > li > a {
  margin: 0 0 12px 12px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 20px;
  color: #363636;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li > a {
    margin: 0 0 12px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li > a {
    margin: 0 0 12px 20px;
  }
}
.mega-menu > li > ul > li {
  display: block;
}
.mega-menu > li > ul > li > a {
  padding: 0px 12px;
  display: block;
  font-size: 13px;
  line-height: 35px;
  font-weight: 400;
  color: #363636;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mega-menu > li > ul > li > a {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mega-menu > li > ul > li > a {
    padding: 0 20px;
  }
}
.mega-menu > li > ul > li > a:hover {
  color: #5c5215;
}

/* offcanvas mobile menu */
.header-mobile-navigation {
  padding: 20px 0;
}
.header-mobile-navigation .mobile-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.header-mobile-navigation .mobile-navigation ul li {
  margin-left: 20px;
}
.header-mobile-navigation .mobile-navigation ul li:first-child {
  margin-left: 0;
}
.header-mobile-navigation .mobile-navigation ul li a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #363636;
  display: block;
}
.header-mobile-navigation .mobile-navigation .header-cart-icon {
  position: relative;
  display: inline-block;
}
.header-mobile-navigation .mobile-navigation .header-cart-icon a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #363636;
  display: block;
}
.header-mobile-navigation .mobile-navigation .header-cart-icon a span {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: -5px;
  left: 50%;
  width: 18px;
  height: 18px;
  color: #5c5215;
  border-radius: 100%;
}

.offcanvas-widget-area {
  margin-bottom: 35px;
}
@media only screen and (max-width: 479px) {
  .offcanvas-widget-area {
    margin-bottom: 30px;
  }
}

.off-canvas-contact-widget {
  margin-bottom: 20px;
}
.off-canvas-contact-widget .header-contact-info {
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
}
.off-canvas-contact-widget .header-contact-info .header-contact-info-list li {
  display: inline-block;
  margin-right: 25px;
}
.off-canvas-contact-widget .header-contact-info .header-contact-info-list li i {
  font-size: 14px;
  margin-right: 5px;
}
.off-canvas-contact-widget .header-contact-info .header-contact-info-list li a {
  font-weight: 400;
  line-height: 22px;
  color: #363636;
}
.off-canvas-contact-widget
  .header-contact-info
  .header-contact-info-list
  li
  a:hover {
  color: #5c5215;
}
.off-canvas-contact-widget
  .header-contact-info
  .header-contact-info-list
  li:last-child {
  margin-right: 0;
}

.offcanvas-mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  max-width: 100%;
  height: 100vh;
  z-index: 9999;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  padding-left: 60px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.offcanvas-mobile-menu.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.offcanvas-mobile-menu.inactive {
  -webkit-transform: translateX(calc(100% + 60px));
  -ms-transform: translateX(calc(100% + 60px));
  transform: translateX(calc(100% + 60px));
}

.offcanvas-menu-close {
  position: absolute;
  left: 0;
  top: 0;
  background: #343538;
  z-index: 9;
  width: 60px;
  height: 60px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
}
@media only screen and (max-width: 479px) {
  .offcanvas-menu-close {
    width: 50px;
    height: 50px;
    line-height: 55px;
    left: 10px;
    font-size: 25px;
    padding-top: 11px;
  }
}
.offcanvas-menu-close:hover,
.offcanvas-menu-close:focus {
  color: #ffffff;
}
.offcanvas-menu-close i {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.offcanvas-menu-close:hover i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.offcanvas-wrapper {
  overflow: auto;
  height: 100%;
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
}

.offcanvas-mobile-search-area {
  background-color: #e6e6e6;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
  z-index: 9;
  margin-left: 60px;
}
.offcanvas-mobile-search-area input {
  width: 100%;
  font-size: 16px;
  display: block;
  padding: 9px 25px;
  padding-right: 35px;
  color: #222;
  background: #e6e6e6;
  border: none;
}
@media only screen and (max-width: 479px) {
  .offcanvas-mobile-search-area input {
    font-size: 14px;
    padding: 5px 15px;
    padding-right: 35px;
  }
}
.offcanvas-mobile-search-area button {
  background: none;
  border: none;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #aaa;
  padding: 0;
}
.offcanvas-mobile-search-area button i {
  font-size: 18px;
  line-height: 40px;
}

.offcanvas-inner-content {
  padding: 90px 35px 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 479px) {
  .offcanvas-inner-content {
    padding: 70px 25px 0;
  }
}

.offcanvas-navigation {
  margin-bottom: 50px;
}
.offcanvas-navigation > ul > li > a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 10px 0;
  color: #363636;
}
.offcanvas-navigation > ul > li > a:hover {
  color: #5c5215;
}
@media only screen and (max-width: 479px) {
  .offcanvas-navigation > ul > li > a {
    font-size: 14px;
    line-height: 20px;
  }
}
.offcanvas-navigation ul.submenu2 {
  margin-left: 25px;
}
.offcanvas-navigation ul.submenu2 > li > a {
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 0;
}
.offcanvas-navigation ul.submenu2 > li > a:hover {
  color: #5c5215;
}
@media only screen and (max-width: 479px) {
  .offcanvas-navigation ul.submenu2 > li > a {
    font-size: 13px;
    line-height: 18px;
  }
}
.offcanvas-navigation ul li.menu-item-has-children {
  position: relative;
  display: block;
}
.offcanvas-navigation ul li.menu-item-has-children a {
  display: block;
}
.offcanvas-navigation
  ul
  li.menu-item-has-children.active
  > .menu-expand
  i:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.offcanvas-navigation ul li.menu-item-has-children .menu-expand {
  position: absolute;
  right: auto;
  left: 95%;
  top: -5px;
  width: 30px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
}
.offcanvas-navigation ul li.menu-item-has-children .menu-expand i {
  display: block;
  margin-top: 25px;
  border-bottom: 1px solid;
  position: relative;
  width: 10px;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.offcanvas-navigation ul li.menu-item-has-children .menu-expand i:before {
  width: 100%;
  content: "";
  border-bottom: 1px solid;
  display: block;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.off-canvas-widget-social a {
  margin: 0 10px;
  font-size: 14px;
}
.off-canvas-widget-social a:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 479px) {
  .off-canvas-widget-social a {
    margin: 0 10px;
  }
}
.off-canvas-widget-social a:hover {
  color: #5c5215;
}

/* offcanvas settings */
.offcanvas-settings .offcanvas-navigation > ul > li > a {
  font-size: 12px;
  font-weight: 400;
  padding: 5px 0;
}
.offcanvas-settings
  .offcanvas-navigation
  > ul
  > li.menu-item-has-children
  .menu-expand {
  height: 30px;
  top: -15px;
  margin-top: 0;
}
.offcanvas-settings .offcanvas-navigation ul.sub-menu > li > a {
  padding: 5px 0;
}

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: transparent;
  color: #ffffff;
  padding: 10px;
  width: 56px;
  height: 56px;
  border-radius: 0;
  text-align: center;
  opacity: 0;
}
.hero-slider .slick-arrow i {
  font-size: 56px;
  line-height: 56px;
  display: block;
}
.hero-slider .slick-arrow.slick-prev {
  left: 40px;
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
.hero-slider .slick-arrow.slick-next {
  right: 40px;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
.hero-slider .slick-arrow:hover {
  color: #5c5215;
}
.hero-slider:hover .slick-arrow {
  opacity: 1;
  background-color: transparent;
  border-color: transparent;
}
.hero-slider:hover .slick-arrow.slick-prev {
  margin-left: 0;
}
.hero-slider:hover .slick-arrow.slick-next {
  margin-right: 0;
}
.hero-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider .slick-dots {
    bottom: 15px;
  }
}
.hero-slider .slick-dots li {
  margin: 0 5px;
}
.hero-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  background-color: rgba(255, 180, 0, 0.3);
  text-indent: -9999px;
  border-radius: 100%;
}
.hero-slider .slick-dots li.slick-active button {
  border-color: #5c5215;
  background-color: #ffffff;
}

/*-- Hero Item --*/
.hero-item {
  width: 100%;
  height: 100vh;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-item {
    height: 400px;
  }
}
.hero-item.hero-item-two {
  height: 760px;
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-item.hero-item-two {
    height: 570px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-item.hero-item-two {
    height: 465px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item.hero-item-two {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-item.hero-item-two {
    height: 400px;
  }
}

/*-- Hero Content For Background Video --*/
.hero-content {
  text-align: center;
}
.hero-content h1 {
  font-size: 79px;
  line-height: 79px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .hero-content h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-content h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-content h1 {
    font-size: 44px;
  }
}
.hero-content h5 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .hero-content h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-content h5 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-content h5 {
    font-size: 14px;
  }
}
/*-- Hero Content Two For Hero Slider --*/
.hero-content-2.left {
  text-align: left;
}
.hero-content-2.center {
  text-align: center;
}
.hero-content-2.right {
  text-align: right;
}
.hero-content-2.text-black h1 {
  color: #fff;
}
.hero-content-2.text-black h5 {
  color: #fff;
}
.hero-content-2 > * {
  -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-2 h1 {
  font-size: 79px;
  line-height: 79px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2 h1 {
    font-size: 49px;
    line-height: 49px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h1 {
    font-size: 49px;
    line-height: 49px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 h1 {
    font-size: 49px;
    line-height: 49px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-content-2 h1 {
    font-size: 42px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-content-2 h1 {
    font-size: 32px;
    line-height: 32px;
  }
}
.hero-content-2 h5 {
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content-2 h5 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content-2 h5 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content-2 h5 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-content-2 h5 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-content-2 h5 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 30px;
  }
}

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

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
.about-us-image a img {
  width: 100%;
}

.about-us-content {
  margin: 50px auto 0px auto;
  max-width: 950px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-content {
    margin: 35px auto 0px auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-content {
    margin: 35px auto 0px auto;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-content {
    margin: 35px auto 0px auto;
  }
}
.about-us-content h4 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  margin: auto;
  margin-bottom: 35px;
  max-width: 680px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-content h4 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-content h4 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .about-us-content h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.about-us-content p {
  margin-bottom: 35px;
}

.faq-area h3,
.testimonial-area h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .faq-area h3,
  .testimonial-area h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

/*----------------------------------------*/
/*  05. Feature CSS
/*----------------------------------------*/
.single-feature {
  text-align: center;
}
.single-feature.feature-style-two .feature-image {
  margin-bottom: 30px;
}
.single-feature.feature-style-two .feature-content .title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}
.single-feature .feature-icon {
  margin-bottom: 20px;
}
.single-feature .feature-icon span {
  font-size: 48px;
  display: block;
}
.single-feature .feature-content h4 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  margin: 0 0 10px;
}
.single-feature .feature-content p {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.single-feature.list-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left !important;
}
.single-feature.list-mode .feature-icon {
  margin-bottom: 0;
  margin-right: 20px;
}
.single-feature.list-mode .feature-content {
  text-align: left;
}
.single-feature.list-mode .feature-content p {
  line-height: 19px;
}

.single-service .service-img {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .single-service .service-img {
    margin-bottom: 15px;
  }
}
.single-service .service-img img {
  width: 100%;
}
.single-service .service-content .title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

/*---------------------------------------
    06. Offer CSS
-----------------------------------------*/
.offer-content h4 {
  font-size: 35px;
  line-height: 38px;
  font-weight: 500;
  color: #242424;
  margin-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  .offer-content h4 {
    font-size: 28px;
    line-height: 32px;
  }
}
.offer-content h2 {
  font-size: 150px;
  line-height: 150px;
  font-weight: 500;
  color: #cc1414;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .offer-content h2 {
    font-size: 110px;
    line-height: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offer-content h2 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offer-content h2 {
    font-size: 120px;
    line-height: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .offer-content h2 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .offer-content h2 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 575px) {
  .offer-content h2 {
    font-size: 62px;
    line-height: 62px;
  }
}
.offer-content p {
  font-size: 18px;
  line-height: 32px;
  color: #363636;
}
@media only screen and (max-width: 575px) {
  .offer-content p {
    font-size: 16px;
    line-height: 28px;
  }
}

/*----------------------------------------*/
/*  07. Faq CSS
/*----------------------------------------*/
.faq-desc {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-desc {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-desc {
    margin-bottom: 30px;
  }
}
.faq-desc h3 {
  color: #444;
  font-size: 18px;
  font-weight: 700;
}
.faq-desc p {
  color: #666666;
  margin: 0;
}

.faq-accordion .card {
  border-radius: 0;
  margin-bottom: 10px;
}
.faq-accordion .card.actives {
  border: 1px solid #5c5215;
}
.faq-accordion .card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border: 0;
}
.faq-accordion .card-header a {
  display: block;
  padding: 15px 10px 15px 25px;
  cursor: pointer;
}
.faq-accordion .card-header a.collapsed:before {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}
.faq-accordion .card-header a:after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .faq-accordion .card-header a {
    font-size: 14px;
    padding-right: 30px;
  }
}
.faq-accordion .card-header a:hover {
  color: #5c5215 !important;
}

/* Faq Style Two CSS */
.faq-accordion .card-style-two {
  border-radius: 0;
  margin-bottom: 10px;
  background-color: transparent;
  border: 0;
}
.faq-accordion .card-style-two.actives {
  border: 0;
}
.faq-accordion .card-style-two.actives .card-header {
  background-color: #5c5215;
  border-color: #5c5215;
}
.faq-accordion .card-style-two.actives .card-header a {
  color: #ffffff;
}
.faq-accordion .card-style-two .card-header {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: block;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 0;
  text-decoration: none;
  line-height: 1.2;
  position: relative;
  cursor: pointer;
}
.faq-accordion .card-style-two .card-header:hover {
  background-color: #5c5215;
  border-color: #5c5215;
}
.faq-accordion .card-style-two .card-header a {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  font-size: 14px !important;
  line-height: 22px;
  font-weight: 500;
  color: #363636;
}
@media only screen and (max-width: 767px) {
  .faq-accordion .card-style-two .card-header a {
    font-size: 13px;
  }
}
.faq-accordion .card-style-two .card-header a.collapsed::before {
  font-size: 18px;
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 15px;
}
.faq-accordion .card-style-two .card-header a.collapsed::after {
  display: none;
}
.faq-accordion .card-style-two .card-header a:after {
  font-size: 18px;
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  top: 12px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .faq-accordion .card-style-two .card-header a {
    padding: 15px 15px;
    font-size: 13px !important;
  }
}
.faq-accordion .card-style-two .card-header a:hover {
  color: #ffffff;
}
.faq-accordion .card-style-two .card-header a:hover {
  color: #ffffff !important;
}
.faq-accordion .card-body {
  border: 1px solid #ebebeb;
}

/*---------------------------------------
    08. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}
.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}
.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #363636;
  margin: 0;
  line-height: 1;
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  padding-top: 70px;
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  display: block;
}
.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: inherit;
  letter-spacing: 0.5px;
}
.compare-table .table tbody tr td.product-image-title .category:hover {
  color: #5c5215;
}
.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.product-image-title .title:hover {
  color: #5c5215;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-color,
.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: #5c5215;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
  width: 170px;
  padding: 10px 25px 10px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
  background-color: #222;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 26px;
  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;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #5c5215;
}
.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;
}

/*----------------------------------------*/
/*  09. Categories CSS
/*----------------------------------------*/
.categories-action .title {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
.categories-action p {
  font-size: 14px;
  line-height: 22px;
  margin: 17px 0;
  color: #949494;
}

.single-categories-item {
  padding-top: 30px;
  background: #2e2e3b;
  margin-bottom: 0px;
  border: 2px solid #2e2e3b;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.single-categories-item .cate-icon {
  margin-bottom: 35px;
  text-align: center;
}
.single-categories-item .cate-content {
  margin-bottom: 35px;
  text-align: center;
}
.single-categories-item .cate-content a {
  display: block;
  color: #949494;
}
.single-categories-item:hover {
  border: 2px solid #5c5215;
}
.single-categories-item:hover .cate-content a {
  color: #5c5215;
}

.single-categories-banner {
  position: relative;
}
.single-categories-banner .banner-image a {
  display: block;
}
.single-categories-banner .banner-image a img {
  width: 100%;
}
.single-categories-banner .banner-content {
  position: absolute;
  bottom: 10px;
  left: 40px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: left;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-categories-banner .banner-content {
    left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-categories-banner .banner-content {
    left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-categories-banner .banner-content {
    left: 15px;
  }
}
.single-categories-banner .banner-content h5 {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  margin: 0 0 5px 0;
  text-transform: inherit;
  color: #323232;
}
.single-categories-banner .banner-content a {
  color: #808080;
  display: block;
  font-size: 14px;
  line-height: 25px;
}
.single-categories-banner .banner-content a:hover {
  color: #5c5215;
}
.single-categories-banner .banner-content h4 {
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
}
.single-categories-banner .banner-content p {
  font-size: 14px;
  line-height: 25px;
  color: #363636;
}

.offer-banner {
  max-width: 550px;
  width: 100%;
  padding: 125px 0;
  margin: auto;
  margin-bottom: 35px;
  background: url(../images/banner/bkg_img.jpg) no-repeat center center;
}
@media only screen and (max-width: 479px) {
  .offer-banner {
    padding: 80px 0;
  }
}

.offer-banner-content {
  text-align: center;
}
.offer-banner-content p {
  font-size: 14px;
  line-height: 25px;
  color: #363636;
}
.offer-banner-content h4 {
  font-size: 35px;
  line-height: 47px;
  font-weight: 400;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .offer-banner-content h4 {
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .offer-banner-content h4 {
    font-size: 22px;
    line-height: 22px;
  }
}
.offer-banner-content h4::before {
  content: "";
  width: 80px;
  height: 3px;
  background: #5c5215;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.offer-banner-content .f-16 {
  font-size: 16px;
  line-height: 28px;
  color: #363636;
}
.offer-banner-content h2 {
  font-size: 150px;
  line-height: 160px;
  color: #5c5215;
  font-weight: 500;
  margin-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  .offer-banner-content h2 {
    font-size: 100px;
    line-height: 100px;
  }
}

/*---------------------------------------
    10. My Account CSS
-----------------------------------------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff;
}
.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #666666;
  font-weight: 500;
  font-size: 12px;
  display: block;
  padding: 15px 15px 13px;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;
}
.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #5c5215;
  color: #ffffff;
}
.myaccount-tab-menu a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  background-color: #ffffff;
  font-size: 14px;
  border: 1px solid #eeeeee;
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content h3 {
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.myaccount-content .welcome a {
  color: #000000;
}
.myaccount-content .welcome a:hover {
  color: #5c5215;
}
.myaccount-content .welcome strong {
  font-weight: 600;
}
.myaccount-content a.edit-address-btn {
  border-color: #363636;
}
.myaccount-content a.edit-address-btn i {
  padding-right: 5px;
}
.myaccount-content a.edit-address-btn:hover {
  background-color: #5c5215;
  border-color: #5c5215;
}
.myaccount-content button.save-change-btn {
  background: none;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #363636;
  border-color: #363636;
  width: 140px;
  padding: 10px 0;
  border-radius: 3px;
}
.myaccount-content button.save-change-btn:hover {
  background-color: #5c5215;
}

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px;
}
.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
}
.myaccount-table table td,
.myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}
.myaccount-table table td a:hover,
.myaccount-table .table td a:hover {
  color: #ffffff;
}

.saved-message {
  border-top: 3px solid #5c5215;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}
.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 0;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}

/*---------------------------------------
    11. Newsletter CSS
-----------------------------------------*/
.newslatter-content p {
  text-align: left;
  margin-bottom: 5px;
  max-width: 645px;
}
.newslatter-content h3 {
  color: #363636;
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
  text-align: left;
  margin: 0;
  text-transform: inherit;
}
@media only screen and (max-width: 575px) {
  .newslatter-content h3 {
    font-size: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newslatter-form {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .newslatter-form {
    margin-top: 50px;
  }
}
.newslatter-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .newslatter-form form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.newslatter-form form input {
  background: none;
  border: none;
  border-bottom: 2px solid #ebebeb;
  color: #999;
  display: block;
  float: left;
  font-size: 1em;
  height: 55px;
  line-height: 55px;
  max-width: 100%;
  margin-right: 25px;
  padding-right: 20px;
  text-align: left;
  white-space: nowrap;
  width: 415px;
  border-radius: 0;
}
@media only screen and (max-width: 575px) {
  .newslatter-form form input {
    width: 100%;
    margin-bottom: 20px;
  }
}

.newsletter-wrapper {
  text-align: center;
}
.newsletter-wrapper .small-text {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 23px;
}
@media only screen and (max-width: 479px) {
  .newsletter-wrapper .small-text {
    margin-bottom: 10px;
  }
}
.newsletter-wrapper .title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}
@media only screen and (max-width: 479px) {
  .newsletter-wrapper .title {
    font-size: 19px;
    margin-bottom: 10px;
  }
}
.newsletter-wrapper .short-desc {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 23px;
}
@media only screen and (max-width: 479px) {
  .newsletter-wrapper .short-desc {
    margin-bottom: 30px;
  }
}

.newsletter-form {
  position: relative;
  border: 2px solid #ebebeb;
  width: 620px;
  max-width: 100%;
  margin: 0 auto;
}
.newsletter-form input {
  width: 100%;
  border: none;
  padding: 10px 20px;
  padding-right: 200px;
  line-height: 30px;
  height: 55px;
  color: #9d9d9d;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .newsletter-form input {
    height: 40px;
    padding-right: 150px;
  }
}
@media only screen and (max-width: 479px) {
  .newsletter-form input {
    padding-right: 128px;
    font-size: 11px;
  }
}
.newsletter-form button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background: none;
  border: none;
  width: 200px;
  border-left: 2px solid #ebebeb;
  font-size: 13px;
  font-weight: 600;
  color: #363636;
}
@media only screen and (max-width: 767px) {
  .newsletter-form button {
    width: 150px;
  }
}
@media only screen and (max-width: 479px) {
  .newsletter-form button {
    width: 100px;
    font-size: 11px;
  }
}
.newsletter-form button:hover {
  color: #5c5215;
}

.newsletter-form-area input {
  float: none;
  text-align: right;
  font-size: 12px;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  border: none;
  border-bottom: 1px solid #ebebeb;
  color: #999999;
  width: 520px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-form-area input {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-form-area input {
    text-align: left;
  }
}

/*---------------------------------------
    12. Login Register CSS
-----------------------------------------*/
.form-login-title > h2,
.form-register-title > h2 {
  font-size: 30px;
  font-weight: 700;
  text-transform: inherit;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .form-login-title > h2,
  .form-register-title > h2 {
    font-size: 24px;
    line-height: 20px;
  }
}

.login-form,
.register-form {
  padding: 20px;
  border: 1px solid #d3ced2;
  margin: 30px 0;
  text-align: left;
  border-radius: 5px;
}

.form-fild,
.login-submit,
.lost-password,
.register-submit {
  margin-bottom: 10px;
}

.login-submit label {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .login-submit label {
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 10px;
  }
}

.form-fild p {
  margin: 0;
}
.form-fild p span.required {
  color: #f23838;
}
.form-fild input {
  width: 100%;
  padding: 0 15px;
  height: 45px;
  border: 1px solid #dddddd;
  color: #666666;
  border-radius: 5px;
}

.lost-password > a {
  color: #a43d21;
}
.lost-password > a:hover {
  color: #5c5215;
}

/*---------------------------------------
    13. Testimonial CSS
-----------------------------------------*/
.testimonial-wrapper {
  padding: 60px 25px;
}

.single-testimonial-item {
  text-align: center;
}
.single-testimonial-item .testimonial-image {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  overflow: hidden;
  vertical-align: middle;
}
.single-testimonial-item .testimonial-content {
  max-width: 900px;
  margin: 30px auto 30px auto;
}
.single-testimonial-item .testimonial-content .testimonial-text {
  color: #666666;
  font-size: 14px;
  font-style: 400;
  line-height: 2;
}
.single-testimonial-item .testimonial-content img {
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 15px;
}
.single-testimonial-item .testimonial-content .testimonial-author {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #363636;
}

.testimonial-wrapper .slick-dots {
  width: 100%;
  padding: 0;
  margin: 0px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.testimonial-wrapper .slick-dots li {
  margin: 0 5px;
}
.testimonial-wrapper .slick-dots li button {
  display: block;
  padding: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #5c5215;
  background-color: #5c5215;
  text-indent: -9999px;
  border-radius: 100%;
}
.testimonial-wrapper .slick-dots li.slick-active button {
  border-color: #5c5215;
  background-color: #ffffff;
}

/*=====  End of testimonial  ======*/
/*----------------------------------------*/
/*  14. Product CSS
/*----------------------------------------*/
/* ---------- Product Tab Menu ------------ */
.product-tab-menu {
  margin: 45px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-menu {
    margin: 35px 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab-menu {
    margin: 25px 0;
  }
}
.product-tab-menu ul li {
  margin: 0 40px 0 0;
}
@media only screen and (max-width: 767px) {
  .product-tab-menu ul li {
    margin: 0 18px 0 0;
  }
}
.product-tab-menu ul li a {
  font-size: 18px;
  color: #363636;
  text-transform: inherit;
  font-weight: 500;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .product-tab-menu ul li a {
    font-size: 16px;
  }
}
.product-tab-menu ul li a.active {
  color: #5c5215;
}
.product-tab-menu ul li:last-child {
  margin-right: 0;
}

/*-- Product --*/
.single-grid-product {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.single-grid-product .product-label span {
  position: absolute;
  z-index: 9;
  padding: 0;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  width: 50px;
  height: 23px;
  line-height: 23px;
  font-weight: 400;
  border-radius: 3px;
  display: block;
  top: 20px;
  left: 20px;
}
.single-grid-product .product-label span.new {
  background-color: #007a58;
}
.single-grid-product .product-label span.sale {
  background-color: #5c5215;
  left: auto;
  right: 20px;
}
.single-grid-product .product-image {
  position: relative;
  margin-bottom: 20px;
}
.single-grid-product .product-image > a {
  display: block;
  width: 100%;
}
.single-grid-product .product-image > a img {
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.single-grid-product .product-image > a img:nth-child(1) {
  visibility: visible;
  opacity: 1;
}
.single-grid-product .product-image > a img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.single-grid-product .product-image .product-action {
  background-color: #ffffff;
  padding: 0 20px;
  position: absolute;
  width: 100%;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-right: -50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-grid-product .product-image .product-action {
    padding: 5px 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-grid-product .product-image .product-action {
    padding: 5px 8px;
  }
}
.single-grid-product .product-image .product-action .product-btn {
  font-size: 13px;
  font-weight: 500;
  line-height: 46px;
  color: #363636;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-grid-product .product-image .product-action .product-btn {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-grid-product .product-image .product-action .product-btn {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action .product-btn {
    margin-right: 8px;
  }
}
.single-grid-product .product-image .product-action .product-btn:hover {
  color: #5c5215;
}
.single-grid-product .product-image .product-action ul li {
  padding-right: 15px;
}
.single-grid-product .product-image .product-action ul li a {
  font-size: 18px;
  color: #363636;
  line-height: 45px;
}
.single-grid-product .product-image .product-action ul li a:hover {
  color: #5c5215;
}
.single-grid-product .product-image .product-action ul li:last-child {
  padding-right: 0;
}
.single-grid-product .product-category-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-grid-product .product-category-rating .category a {
  font-weight: 400;
  line-height: 12px;
  color: #929292;
}
.single-grid-product .product-category-rating .category a:hover {
  color: #292929;
}
.single-grid-product .product-category-rating .rating {
  float: right;
  margin-top: -3px;
}
.single-grid-product .product-category-rating .rating span {
  font-size: 16px;
  color: #5c5215;
}
.single-grid-product .title {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px;
}
.single-grid-product .title a {
  display: block;
}
.single-grid-product .title a:hover {
  color: #5c5215;
}
.single-grid-product p {
  margin-bottom: 0;
}
.single-grid-product p .main-price {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #929292;
}
.single-grid-product p .main-price.discounted {
  text-decoration: line-through;
}
.single-grid-product p .discounted-price {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-right: 10px;
  color: #5c5215;
}
.single-grid-product:hover .product-image > a img:nth-child(2) {
  visibility: visible;
  opacity: 1;
}
.single-grid-product:hover .product-image .product-action {
  visibility: visible;
  opacity: 1;
  bottom: 0px;
}
.single-grid-product.list-mode {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin-bottom: 20px;
}
.single-grid-product.list-mode .list-mode-image {
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px;
  margin-bottom: 0;
}
.single-grid-product.list-mode .list-mode-content {
  -ms-flex-preferred-size: calc(100% - 100px);
  flex-basis: calc(100% - 100px);
  padding-left: 20px;
}
.single-grid-product.list-mode
  .list-mode-content
  .product-category-rating
  .rating
  i {
  color: #5c5215;
}

/* --- Product Countdown --- */
.countdown-product-slider {
  background-color: #f5f5f5;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .countdown-product-slider {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .countdown-product-slider {
    margin-top: 30px;
  }
}

.single-product-countdown {
  text-align: center;
}
.single-product-countdown .product-image a {
  display: block;
}
.single-product-countdown .product-image a img {
  width: 45%;
  margin: 0 auto;
}
.single-product-countdown .product-content .title {
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  color: #363636;
}
@media only screen and (max-width: 575px) {
  .single-product-countdown .product-content .title {
    font-size: 18px;
    line-height: 24px;
  }
}
.single-product-countdown .product-content p {
  margin-bottom: 0;
}
.single-product-countdown .product-content p .main-price {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #929292;
}
.single-product-countdown .product-content p .main-price.discounted {
  text-decoration: line-through;
}
.single-product-countdown .product-content p .discounted-price {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-right: 10px;
  color: #5c5215;
}

.product-countdown {
  overflow: hidden;
  display: block;
  margin-top: 20px;
}

.single-countdown-box,
.single-countdown-box-1 {
  display: inline-block;
  width: 70px;
  height: 90px;
  border: 2px solid #ebebeb;
  border-radius: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  background: #ffffff;
  text-align: center;
  padding-bottom: 20px;
  margin: 0 15px;
  font-size: 14px;
  color: #333;
  text-transform: inherit;
}
@media only screen and (max-width: 575px) {
  .single-countdown-box,
  .single-countdown-box-1 {
    width: 50px;
    height: 70px;
    margin: 0 5px;
    font-size: 12px;
  }
}

.single-countdown-box > span,
.single-countdown-box-1 > span {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
  color: #323232;
  position: relative;
  display: block;
  padding: 13px 0;
  font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .single-countdown-box > span,
  .single-countdown-box-1 > span {
    font-size: 14px;
  }
}
.single-countdown-box > span::after,
.single-countdown-box-1 > span::after {
  content: "";
  height: 5px;
  width: 60px;
  background: url(../images/icons/line.jpg) no-repeat center center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (max-width: 575px) {
  .single-countdown-box > span::after,
  .single-countdown-box-1 > span::after {
    width: 40px;
  }
}

.single-countdown-box:last-child {
  margin-right: 0;
}

.single-countdown-box:first-child {
  margin-left: 0;
}

/* List Product CSS */
.product-list-item .single-grid-product .product-image {
  margin-bottom: 0;
}

.product-content-shop-list {
  text-align: left;
}
.product-content-shop-list .product-content h3 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 10px;
}
.product-content-shop-list .product-content .price-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.product-content-shop-list .product-content .product-category-rating .rating {
  margin-top: -3px;
}
.product-content-shop-list
  .product-content
  .product-category-rating
  .rating
  span {
  font-size: 15px;
  color: #5c5215;
}
.product-content-shop-list .product-content .product-price {
  margin-bottom: 0;
}
.product-content-shop-list .product-content .product-price .main-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #929292;
}
.product-content-shop-list
  .product-content
  .product-price
  .main-price.discounted {
  text-decoration: line-through;
}
.product-content-shop-list .product-content .product-price .discounted-price {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-right: 10px;
  color: #e33;
}

/* Shop Toolbar CSS */
.shop-topbar-wrapper {
  position: relative;
  padding: 10px 0;
  margin: 0 0 40px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (max-width: 575px) {
  .shop-topbar-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 575px) {
  .grid-list-option {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-list-option ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
  }
}
.grid-list-option ul li {
  margin-right: 12px;
}
.grid-list-option ul li:last-child {
  margin-right: 0;
}
.grid-list-option ul li a {
  font-size: 18px;
  display: block;
  text-align: center;
  color: #363636;
}
.grid-list-option ul li a.active,
.grid-list-option ul li a:hover {
  color: #5c5215;
}
.grid-list-option p {
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  .grid-list-option p {
    margin-left: 8px;
  }
}

@media only screen and (max-width: 575px) {
  .toolbar-short-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
}

.toolbar-shorter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .toolbar-shorter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .toolbar-shorter {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.toolbar-shorter:last-child {
  margin-right: 0;
}
.toolbar-shorter label {
  display: block;
  margin-bottom: 0;
  margin-right: 15px;
  font-size: 14px;
  color: #363636;
  text-transform: inherit;
}
@media only screen and (max-width: 767px) {
  .toolbar-shorter label {
    margin-right: 10px;
    width: 65px;
  }
}

.nice-select.wide {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .nice-select.wide {
    width: 165px;
  }
}

.nice-select.small {
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  margin-right: 10px;
}

/*-- Product Details --*/
.slider-lg-image-1 .lg-image {
  position: relative;
}
.slider-lg-image-1 .lg-image > a {
  width: 100%;
}
.slider-lg-image-1 .lg-image img {
  width: 100%;
}

.slider-thumbs-1 {
  margin-top: 15px;
  overflow: hidden;
}
.slider-thumbs-1 .slick-list {
  margin: 0 -5px;
}
.slider-thumbs-1 .slick-list .slick-slide {
  padding: 0 5px;
}
.slider-thumbs-1 .slick-list .slick-slide > img {
  border: 1px solid transparent;
}
.slider-thumbs-1 .slick-active.slick-current > img {
  border-color: #5c5215;
}

.product-details-thumbs .sm-image {
  cursor: pointer;
}

.product-large-thumb {
  position: relative;
  overflow: hidden;
}

a.popup-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px !important;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #373737;
  color: #fff;
  border-radius: 4px;
  z-index: 9;
}

.product-large-thumb a.popup-img:hover {
  background-color: #5c5215;
  color: #fff;
}

.product-details-content {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content {
    margin-top: 30px;
  }
}

.product-nav {

}
@media only screen and (max-width: 767px) {
  .product-nav {

  }
}
.product-nav > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d1d1d1;
  line-height: 28px;
  text-align: center;
  border-radius: 3px;
  color: #d1d1d1;
  position: relative;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.product-nav > a:hover {
  background: #5c5215;
  border-color: #5c5215;
  color: #fff;
}

.product-details-content.text-center h2 {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-details-content.text-center h2 {
    max-width: 245px;
    font-size: 18px;
    margin: auto;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .product-details-content.text-center h2 {
    max-width: 195px;
    font-size: 17px;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
  }
}
.product-details-content h2 {
  color: #363636;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 10px;
  max-width: 400px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content h2 {
    max-width: 370px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content h2 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .product-details-content h2 {
    font-size: 18px;
    max-width: 300px;
  }
}
@media only screen and (max-width: 479px) {
  .product-details-content h2 {
    font-size: 18px;
    max-width: 175px;
  }
}

.single-product-reviews {
  font-size: 15px;
  margin-bottom: 20px;
}
.single-product-reviews i.active {
  color: #f5c60d;
}

.review-link {
  font-size: 13px;
  color: #363636;
  margin-left: 10px;
  line-height: 30px;
  display: inline-block;
}
.review-link:hover {
  color: #5c5215;
}

.single-product-price {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}
.single-product-price .price.new-price {
  color: #5c5215;
  font-weight: 500;
}
.single-product-price .regular-price {
  text-decoration: line-through;
}

.product-description p {
  line-height: 25px;
  color: #666666;
  margin-bottom: 30px;
}

.single-product-quantity {
  margin-bottom: 35px;
}
.single-product-quantity .product-quantity {
  background: #fff;
  border: 1px solid #ededed;
  float: left;
  margin-right: 15px;
  padding: 0 10px;
  border-radius: 0;
}
.single-product-quantity .product-quantity input {
  background: none;
  border: none;
  color: #363636;
  font-size: 18px;
  font-weight: 400;
  height:43px;
  line-height: 53px;
  padding: 0;
  width: 60px;
}
@media only screen and (max-width: 767px) {
  .single-product-quantity .product-quantity input {
    height: 45px;
    width: 40px;
  }
}
.single-product-quantity .btn {
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .single-product-quantity .btn {
    padding: 8px 15px;
  }
}
.single-product-quantity .btn i {
  font-size: 20px;
  margin-right: 10px;
}

.wishlist-compare-btn {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .wishlist-compare-btn {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .wishlist-compare-btn {
    text-align: left;
  }
}
@media only screen and (max-width: 479px) {
  .wishlist-compare-btn {
    text-align: center;
  }
}
.wishlist-compare-btn a {
  background: none;
  border: 1px solid #ededed;
  color: #363636;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: 45px;
  line-height: 43px;
  text-align: center;
  width: 170px;
  border-radius: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a {
    width: 155px;
  }
}
.wishlist-compare-btn a.wishlist-btn {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wishlist-compare-btn a.wishlist-btn {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.wishlist-compare-btn a.add-compare {
  border-radius: 5px;
}
.wishlist-compare-btn a.wishlist-btn:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: top;
}
.wishlist-compare-btn a:hover {
  background: #5c5215;
  border-color: #5c5215;
  color: #fff;
}
.wishlist-compare-btn a:hover:before {
  -webkit-animation: crFlipX 2s ease-in-out infinite both;
  animation: crFlipX 2s ease-in-out infinite both;
}

.product-meta {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 15px 0;
  width: 100%;
}
.product-meta .posted-in {
  color: #363636;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px;
  text-transform: uppercase;
}
.product-meta .posted-in > a {
  color: #363636;
  font-weight: 400;
  text-transform: none;
}
.product-meta .posted-in > a:hover {
  color: #5c5215;
}

.single-product-sharing {
  margin-bottom: 0;
  padding: 15px 0;
  width: 100%;
}
.single-product-sharing > h3 {
  color: #363636;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 15px;
  text-transform: uppercase;
}
.single-product-sharing ul {
  display: inline-block;
  margin-bottom: 10px;
}
.single-product-sharing ul > li {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  margin-right: 15px;
  position: relative;
}

.single-product-sharing ul li a {
  color: #555555;
  display: block;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}
.single-product-sharing ul li a:hover {
  color: #5c5215;
}

/*Single Product variable css*/
.product-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-variants > .product-variants-item {
  margin: 20px 0;
  display: block;
  margin-top: 0;
}
.product-variants > .product-variants-item:last-child {
  margin-left: 30px;
}

.product-variants-item span.control-label {
  margin-bottom: 6px;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  text-transform: inherit;
}

.product-variants .product-variants-item select {
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
  border: 1px solid #ebebeb;
  height: 40px;
  width: 60px;
  background: #fff;
}

.procuct-color > li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
}
.procuct-color > li:nth-child(2) > a > span.color {
  background: #00eeb3;
}
.procuct-color > li > a > span.color {
  background: #ffa07a;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.procuct-color > li.active > a > span.color,
.procuct-color > li:hover > a > span.color {
  outline: 1px solid #d6b98c;
  outline-offset: 1px;
}

/*single product group css*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .group-cart-table {
    margin-bottom: 20px;
  }
}
.group-cart-table .table {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table .table {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .group-cart-table .table {
    margin-bottom: 15px;
  }
}
.group-cart-table .table td {
  text-align: center;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .group-cart-table .table td {
    min-width: 150px;
  }
}
@media only screen and (max-width: 575px) {
  .group-cart-table .table td {
    min-width: 180px;
  }
}
.group-cart-table .quantity-field label {
  margin-right: 5px;
}
.group-cart-table .quantity-field input {
  width: 50px;
  text-align: center;
  border: 1px solid #ddd;
  height: 45px;
}

/*Single Product Tab Style 2 CSS*/
.single-product-area .slider-thumbs-2 {
  padding: 40px 0px;
}

.product-details-images-2 {
  float: right;
  width: calc(100% - 110px);
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 767px) {
  .product-details-images-2 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2 {
  float: left;
  width: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-thumbs-2 {
    width: 80px;
  }
}

/*Single Product Tab Style 3 CSS*/
.product-details-images-2.tabstyle-3 {
  float: left;
  width: calc(100% - 110px);
  padding-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 767px) {
  .product-details-images-2.tabstyle-3 {
    width: calc(100% - 80px);
  }
}

.product-details-thumbs-2.tabstyle-3 {
  float: right;
  width: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-thumbs-2.tabstyle-3 {
    width: 80px;
  }
}

/*Single Product gallery Style CSS*/
.lg-image.col-50 {
  float: left;
  width: 50%;
  padding: 5px;
}
.lg-image.col-50 a.popup-img {
  bottom: 5px;
  right: 5px;
}

/*Single Product sticky Style CSS*/
.lg-image.sidebar-sticky {
  margin-bottom: 20px;
}
.lg-image.sidebar-sticky:last-child {
  margin-bottom: 0;
}

/*Single Product slider box Style CSS*/
.slider-box {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .slider-box {
    margin-bottom: 0;
  }
}
.slider-box .slick-list {
  margin: 0 -10px;
}
.slider-box .slick-list .slick-slide {
  padding: 0 10px;
}

.slider-box-content .product-description p {
  max-width: 80%;
  margin: auto;
  margin-bottom: 15px;
}
.slider-box-content .product-quantity {
  float: none;
  display: inline-block;
}
.slider-box-content .add-to-link {
  display: inline-block;
}

/*-- Product Details Tab List --*/
.dec-and-review-menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dec-and-review-menu > li {
  list-style: none;
  position: relative;
  z-index: 9;
  display: inline-block;
  margin-right: 50px;
}
@media only screen and (max-width: 575px) {
  .dec-and-review-menu > li {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
    display: block;
    width: 100%;
  }
}
.dec-and-review-menu > li:last-child {
  margin-right: 0;
}
.dec-and-review-menu > li > a {
  display: block;
  font-size: 20px;
  text-transform: inherit;
  font-weight: 500;
}
.dec-and-review-menu > li > a.active,
.dec-and-review-menu > li > a:hover {
  color: #363636;
}

/*-- Product Details Tab Content --*/
.product-review-tab {
  padding: 100px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-review-tab {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-review-tab {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-tab {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-review-tab {
    padding: 50px 0;
  }
}

.product-review-content-tab {
  padding-top: 40px;
  font-size: 14px;
  line-height: 26px;
  width: 100%;
}

.single-product-description p {
  line-height: 22px;
  color: #666666;
}

.review-page-comment h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: inherit;
}
.review-page-comment > ul {
  margin: 0 0 25px;
}
.review-page-comment > ul > li {
  margin: 0 0 20px;
  position: relative;
  list-style: none;
}

.product-comment img {
  width: 60px;
  float: left;
}

.product-comment-content {
  border: 1px solid #ededed;
  border-radius: 3px;
  margin-left: 80px;
  position: relative;
  padding: 15px 15px 0;
}
.product-comment-content:before {
  background: #fff;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  content: "";
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.meta > strong {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 31px;
}
.meta > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 31px;
}

.description p {
  font-size: 13px;
  color: #666666;
  line-height: 28px;
}

.comment-notes {
  margin: 0;
}

.rating i.fa:not(:last-child) {
  color: #f9ba48;
}

.comment-form-comment {
  margin-bottom: 10px;
}
.comment-form-comment textarea {
  border: 1px solid #ededed;
  border-radius: 0;
  height: 125px;
  padding: 10px;
  width: 100%;
  background: #f5f5f5;
}

.review-comment-form-author,
.review-comment-form-email {
  margin-bottom: 10px;
}

.review-comment-form-author input,
.review-comment-form-email input {
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  height: 38px;
  line-height: 38px;
  max-width: 100%;
  width: 300px;
  display: block;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

.review-comment-form-author input:focus,
.review-comment-form-email input:focus,
.comment-form-comment textarea:focus {
  outline: auto;
  outline-color: #5c5215;
}

.form-button {
  border: none !important;
  height: 42px !important;
  line-height: 40px !important;
  background: #5c5215;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  letter-spacing: 0.1em;
  line-height: 38px;
  overflow: hidden;
  padding: 0 30px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: middle;
  border-radius: 5px;
  cursor: pointer;
}
.form-button:hover {
  background: #222;
  color: #fff;
}

/*---------------------------------------
    15. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 2px solid #363636;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 2px solid #363636;
  }
}
.cart-table .table thead {
  background-color: #363636;
}
@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;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 20px;
}
.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail,
.cart-table td.pro-thumbnail {
  max-width: 120px;
  min-width: 100px;
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a,
  .cart-table td.pro-thumbnail a {
    width: 120px;
  }
}
.cart-table th.pro-title,
.cart-table td.pro-title {
  min-width: 200px;
}
.cart-table td.pro-thumbnail a {
  display: block;
  border: 1px solid #eeeeee;
}
.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}
.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #666666;
}
.cart-table td.pro-title a:hover {
  color: #5c5215;
}
.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #666666;
}
.cart-table td.pro-quantity .pro-qty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  border: 1px solid #eeeeee;
}
.cart-table td.pro-quantity .pro-qty .qtybtn {
  height: 42px;
  padding: 0 10px;
  border: none;
  background-color: transparent;
}
.cart-table td.pro-quantity .pro-qty input {
  height: 42px;
  width: 50px;
  text-align: center;
  border-width: 0 1px;
  border-style: solid;
  border-color: #eeeeee;
  color: #666666;
}
.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #666666;
}
.cart-table td.pro-stock span.in-stock {
  font-size: 14px;
  text-transform: inherit;
  color: #30b878;
}
.cart-table td.pro-stock span.out-stock {
  color: #eb3e32;
}
.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #666666;
}
.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: inherit;
  font-weight: 600;
  margin-bottom: 30px;
}
.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 0;
  height: 55px;
  border: 1px solid #999999;
  line-height: 40px;
  padding: 9px 20px;
  color: #666666;
  background-color: transparent;
}
.calculate-shipping form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #666666;
  color: #666666;
  background-color: transparent;
}
.calculate-shipping form input[type="submit"] {
  font-weight: 700;
  color: #363636;
  background-color: #5c5215;
  border-color: #5c5215;
  width: 140px;
}
.calculate-shipping form input[type="submit"]:hover {
  background-color: #363636;
  border-color: #363636;
  color: #5c5215;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: inherit;
  font-weight: 600;
  margin-bottom: 30px;
}
.discount-coupon form input {
  width: 100%;
  height: 55px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 9px 20px;
  color: #666666;
  background-color: transparent;
}
.discount-coupon form input[type="submit"] {
  font-weight: 700;
  color: #363636;
  background-color: #5c5215;
  border-color: #5c5215;
  width: 140px;
}
.discount-coupon form input[type="submit"]:hover {
  background-color: #363636;
  border-color: #363636;
  color: #5c5215;
}

/*-- 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;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
    max-width: 100%;
  }
}
.cart-summary .cart-summary-wrap {
  background-color: #f5f5f5;
  padding: 45px 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .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: inherit;
  font-weight: 600;
  margin-bottom: 30px;
  color: #363636;
}
.cart-summary .cart-summary-wrap p {
  font-weight: 600;
  line-height: 23px;
  color: #363636;
}
.cart-summary .cart-summary-wrap p span {
  float: right;
}
.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #363636;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #363636;
  margin: 0;
}
.cart-summary .cart-summary-wrap h2 span {
  float: right;
}
.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 140px;
  border-radius: 0;
  height: 44px;
  line-height: 24px;
  padding: 9px 20px;
  margin-left: 20px;
  float: right;
}
.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}
.cart-summary .cart-summary-button button.checkout-btn {
  color: #363636;
  background-color: #5c5215;
  border-color: #5c5215;
}
.cart-summary .cart-summary-button button:hover {
  background-color: #5c5215;
  border-color: #5c5215;
  color: #ffffff;
}
@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: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*---------------------------------------
    16. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: inherit;
  font-weight: 600;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: inherit;
}
.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #666666;
  margin-bottom: 15px;
}
.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #666666;
  margin-bottom: 15px;
}
.checkout-form input[type="checkbox"] {
  width: auto;
}
.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}
@media only screen and (max-width: 575px) {
  .checkout-form .check-box {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .checkout-form .check-box {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.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: #363636;
  margin: 0;
}
.checkout-form .check-box input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type="checkbox"] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #363636;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type="checkbox"]:checked + label::before {
  border: 2px solid #363636;
}
.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: #f5f5f5;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}
.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
  flex-basis: 18px;
  line-height: 23px;
  font-weight: 600;
  color: #363636;
}
.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 #363636;
}
.checkout-cart-total ul li {
  color: #363636;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}
.checkout-cart-total ul li span {
  color: #363636;
  float: right;
}
.checkout-cart-total p {
  line-height: 30px;
  font-weight: 600;
  color: #363636;
  padding: 10px 0;
  border-bottom: 1px solid #363636;
  margin: 0;
}
.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #f5f5f5;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .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: #363636;
  margin: 0;
}
.single-method input[type="radio"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #363636;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type="radio"] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #5c5215;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type="radio"]:checked + label::before {
  border: 2px solid #5c5215;
}
.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: #363636;
  margin: 0;
}
.single-method input[type="checkbox"] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #363636;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type="checkbox"] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #5c5215;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type="checkbox"]:checked + label::before {
  border: 2px solid #5c5215;
}
.single-method input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.single-method p {
  display: none;
  margin-top: 8px;
  color: #363636;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  float: left;
}

/*---------------------------------------
    17. Blog CSS
-----------------------------------------*/
/*-- Blog Slider --*/
/*-- Blog --*/
.blog .blog-inner .media,
.blog .blog-inner .tf-element-carousel {
  display: block;
  position: relative;
  overflow: hidden;
}
.blog .blog-inner .media .image,
.blog .blog-inner .tf-element-carousel .image {
  display: block;
}
.blog .blog-inner .media .image img,
.blog .blog-inner .tf-element-carousel .image img {
  width: 100% !important;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.blog .blog-inner .blog-audio iframe {
  width: 100%;
  height: 242px;
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .blog-audio iframe {
    height: 190px;
  }
}
.blog .blog-inner .blog-video iframe {
  width: 100%;
  height: 242px;
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .blog-inner .blog-video iframe {
    height: 190px;
  }
}
.blog .blog-inner .content {
  padding: 20px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog .blog-inner .content {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog .blog-inner .content {
    padding-bottom: 0;
  }
}
.blog .blog-inner .content .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.blog .blog-inner .content .meta li {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: inherit;
}
.blog .blog-inner .content .meta li a {
  color: #5c5215;
  text-transform: lowercase;
}
.blog .blog-inner .content .meta li::after {
  content: "-";
  margin: 0 10px;
}
.blog .blog-inner .content .meta li:last-child::after {
  display: none;
}
.blog .blog-inner .content .meta li .date-time {
  padding-right: 8px;
}
.blog .blog-inner .content .meta li .date-time .date {
  padding: 0 8px;
}
.blog .blog-inner .content .meta li .date-time .separator {
  padding-right: 8px;
}
.blog .blog-inner .content .meta li .date-time .month {
  padding-right: 8px;
}
.blog .blog-inner .content .title {
  font-size: 17px;
  font-weight: 500;
  color: #363636;
  line-height: 23px;
  text-transform: inherit;
  margin-bottom: 12px;
}
.blog .blog-inner .content p {
  padding: 15px 0 18px;
  margin: 0;
  line-height: 23px;
  color: #666666;
}
.blog .blog-inner .content > a {
  color: #363636;
  border-color: #363636;
  font-size: 14px;
  font-weight: 600;
  height: 44px;
  line-height: 40px;
  margin-top: 15px;
  min-width: 117px;
  padding: 0 20px;
}
.blog .blog-inner .content > a:hover {
  border-color: #5c5215;
  background-color: #5c5215;
  color: #ffffff;
}
.blog:hover .blog-inner .media .image img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.blog-list .blog-image {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .blog-list .blog-image {
    margin-bottom: 20px;
  }
}
.blog-list .blog-image a img {
  width: 100%;
}
.blog-list .blog-image .post-category {
  bottom: 10px;
  left: 10px;
  position: absolute;
  z-index: 109;
}
.blog-list .blog-image .post-category a {
  background: #fff;
  color: #242424;
  display: inline-block;
  margin: 0 6px 6px 0;
  padding: 4px 12px;
  border-radius: 4px;
}
.blog-list .blog-image .post-category a:hover {
  background-color: #5c5215;
  color: #ffffff;
}
.blog-list .blog-image .blog-audio iframe {
  width: 100%;
  height: 242px;
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-list .blog-image .blog-audio iframe {
    height: 190px;
  }
}
.blog-list .blog-image .blog-video iframe {
  width: 100%;
  height: 242px;
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-list .blog-image .blog-video iframe {
    height: 190px;
  }
}
.blog-list .blog-content .title {
  font-size: 26px;
  line-height: 35px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-list .blog-content .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-list .blog-content .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-list .blog-content .title {
    font-size: 22px;
  }
}
.blog-list .blog-content .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.blog-list .blog-content .meta li {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-transform: inherit;
}
.blog-list .blog-content .meta li a {
  color: #5c5215;
  text-transform: lowercase;
}
.blog-list .blog-content .meta li::after {
  content: "-";
  margin: 0 10px;
}
.blog-list .blog-content .meta li:last-child::after {
  display: none;
}
.blog-list .blog-content .meta li .date-time {
  padding-right: 8px;
}
.blog-list .blog-content .meta li .date-time .date {
  padding: 0 8px;
}
.blog-list .blog-content .meta li .date-time .separator {
  padding-right: 8px;
}
.blog-list .blog-content .meta li .date-time .month {
  padding-right: 8px;
}
.blog-list .blog-content > a {
  border-color: #363636;
  height: 44px;
  padding: 0 20px;
  min-width: 117px;
  line-height: 40px;
}
.blog-list .blog-content > a:hover {
  border-color: #5c5215;
}

/*-- Blog Details CSS --*/
.blog_area article.blog_single {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 50px;
  padding-bottom: 20px;
  text-align: center;
}

.blog_single header.entry-header {
  margin-bottom: 30px;
}

article.blog_single .post-category {
  color: #5c5215;
  display: block;
  line-height: 25px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
article.blog_single .post-category > a {
  color: #5c5215;
}
article.blog_single .post-category > a:hover {
  color: #363636;
}

.blog_single header h2 {
  margin-bottom: 14px;
}

h2.entry-title {
  color: #444;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
h2.entry-title:before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 8px;
  margin-right: 5px;
  vertical-align: top;
}

.post-author {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

.post-separator {
  color: #8c8c8c;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

.post-date {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

.blog_single .post-thumbnail {
  margin-bottom: 26px;
}
.blog_single .blog-audio,
.blog_single .blog-video {
  margin-bottom: 26px;
}
.blog_single .blog-audio iframe,
.blog_single .blog-video iframe {
  width: 100%;
  height: 500px !important;
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_single .blog-audio iframe,
  .blog_single .blog-video iframe {
    height: 350px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_single .blog-audio iframe,
  .blog_single .blog-video iframe {
    height: 350px !important;
  }
}
@media only screen and (max-width: 767px) {
  .blog_single .blog-audio iframe,
  .blog_single .blog-video iframe {
    height: 250px !important;
  }
}
.blog_single .post-gallery {
  margin-bottom: 26px;
}
.blog_single .post-gallery img {
  width: 100%;
}

.blog_area article.blog_single {
  text-align: center;
}

.post-info .entry-summary > p {
  margin-bottom: 27px;
}

.blog_single .readmore.button {
  background: #434343 none repeat scroll 0 0;
  border-color: #434343;
  color: #fff;
  font-size: 14px;
  text-transform: inherit;
}

.social-sharing .widget-title {
  background: none;
  color: #666666;
  font-size: 12px;
  line-height: 26px;
  margin: 0 20px;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-top: 30px;
  font-weight: 600;
}

.blog-social-icons {
  margin: 10px 0 20px;
}
.blog-social-icons > li {
  list-style: none;
  display: inline-block;
}
.blog-social-icons > li > a {
  background: #f7f7f7;
  border-radius: 100%;
  color: #353535;
  display: block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin-right: 10px;
  text-align: center;
  width: 26px;
}
.blog-social-icons > li > a:hover {
  background-color: #5c5215;
  color: #fff;
}

.blog_area .blog_single.blog-details {
  border-bottom: none;
  margin-bottom: 15px;
}

.entry-summary.blog-post-description > p {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
}
.entry-summary.blog-post-description blockquote {
  background: #f6f6f6;
  border: 1px solid #ededed;
  border-left: 5px solid #5c5215;
  font-size: 15px;
  font-style: italic;
  line-height: 26px;
  margin: 40px 0 40px 40px;
  padding: 30px 45px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .entry-summary.blog-post-description blockquote {
    margin: 20px 0 20px 0px;
    padding: 20px 25px;
  }
}

.single-post-tag {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 0;
  margin: 30px 0;
  text-align: left;
}
.single-post-tag > a {
  font-size: 13px;
  text-transform: uppercase;
}
.single-post-tag > a:hover {
  color: #5c5215;
}

.relatedposts > h3 {
  display: inline-block;
  font-size: 20px;
  margin: 0 0 30px;
  font-weight: 600;
  padding: 0 0 20px;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .relatedposts > h3 {
    margin: 0 0 15px;
    padding: 0 0 10px;
  }
}

.relatedthumb > h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #444;
  text-transform: uppercase;
  margin: 0;
}

.relatedthumb .image {
  margin-bottom: 25px;
}
.relatedthumb .image a {
  display: block;
}
.relatedthumb .image a img {
  width: 100%;
}

.rl-post-date {
  color: #8c8c8c;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  font-style: italic;
}

.comments-area > h3,
.comment-box > h3 {
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.comments-area ol {
  list-style: none;
  padding-left: 0;
}
.comments-area > ol > li > ol {
  margin-left: 30px;
}
.comments-area .commentlist li .single-comment {
  background: #fff;
  border: 1px solid #ededed;
  margin: 0 0 20px;
  padding: 30px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .comments-area .commentlist li .single-comment {
    padding: 15px;
  }
}
.comments-area .commentlist li .comment-avatar {
  float: left;
  margin-right: 20px;
}
.comments-area .commentlist li .comment-info {
  border: none;
  overflow: hidden;
  position: relative;
}
.comments-area .commentlist .comment-info a {
  color: #363636;
  display: block;
  font-weight: 600;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .comments-area .commentlist .comment-info a {
    margin-bottom: 10px;
    display: block;
  }
}
.comments-area .commentlist li .comment-info .reply {
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}
.comments-area .commentlist li .comment-info .reply a {
  background: none;
  border: 1px solid #5c5215;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #5c5215;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  height: 28px;
  line-height: 26px;
  padding: 0 20px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  border-radius: 500px;
}
.comments-area .commentlist li .comment-info .reply a:hover {
  background-color: #5c5215;
  color: #fff;
}
.comments-area .commentlist .comment-info span.date {
  display: block;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 15px;
  line-height: 19px;
}

.comment-info > p {
  margin-bottom: 0;
}

.comment-note {
  line-height: 25px;
  margin-bottom: 10px;
}

.single-input {
  margin-bottom: 20px;
}
.single-input > label {
  line-height: 25px;
}
.single-input > textarea {
  border: none;
  background: #f2f2f2;
  border-radius: 0;
  height: 135px;
  padding: 15px;
  width: 100%;
}
.single-input > input {
  background: #f2f2f2;
  border: none;
  height: 46px;
  padding-left: 15px;
  width: 100%;
}
.single-input > input:focus {
  outline: auto;
  outline-color: #5c5215;
}
.single-input > textarea:focus {
  outline: auto;
  outline-color: #5c5215;
}

/*---------------------------------------
    18. Comment CSS
-----------------------------------------*/
/*-- Comment Wrap --*/
.comment-wrapper h3 {
  margin-bottom: 30px;
}

/*-- Comment Form --*/
.comment-form input {
  width: 100%;
  height: 50px;
  border: 1px solid #eeeeee;
  padding: 5px 20px;
  color: #666666;
}
.comment-form textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #666666;
  resize: none;
}
.comment-form input[type="submit"],
.comment-form button,
.comment-form .submit {
  width: auto;
  height: 50px;
  border: none;
  padding: 5px 30px;
  background-color: #5c5215;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}
.comment-form input[type="submit"]:hover,
.comment-form button:hover,
.comment-form .submit:hover {
  background-color: #363636;
}

/*---------------------------------------
   19. Sidebar CSS
-----------------------------------------*/
/*-- Sidebar --*/
.common-sidebar-widget {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 50px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .common-sidebar-widget {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .common-sidebar-widget {
    margin-bottom: 30px;
  }
}
.common-sidebar-widget.sidebar-two {
  padding: 0;
  background-color: transparent;
}
.common-sidebar-widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

/*-- Sidebar Title --*/
.sidebar-title {
  margin: 0;
  padding: 0 0 10px;
  display: block;
  font-size: 18px;
  color: #363636;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 24px;
}

/*-- Sidebar Search --*/
.sidebar-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e5e6e7;
}
.sidebar-search form input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 40px);
  flex: 1 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  height: 40px;
  border: none;
  background-color: transparent;
  padding: 0 15px;
  color: #666666;
}
.sidebar-search form button {
  max-width: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40px;
  flex: 1 0 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.sidebar-search form button i {
  font-size: 20px;
  line-height: 40px;
}
.sidebar-search form button:hover {
  color: #5c5215;
}

/*-- Sidebar List --*/
.sidebar-list li {
  margin-bottom: 12px;
}
.sidebar-list li:last-child {
  margin-bottom: 0;
}
.sidebar-list li a {
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  color: #363636;
  display: block;
}
.sidebar-list li a img {
  width: 25px;
  margin-right: 15px;
}
.sidebar-list li a i {
  margin-right: 10px;
  font-size: 10px;
}
.sidebar-list li a:hover {
  color: #5c5215;
}

/*-- Sidebar Price --*/
.sidebar-price {
  overflow: hidden;
}
.sidebar-price #price-range {
  position: relative;
  width: 100%;
  height: 5px;
  margin: 7px 0;
  border-radius: 50px;
  background-color: #ccc;
  border: 0;
}
.sidebar-price #price-range .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #5c5215;
}
.sidebar-price #price-range .ui-slider-handle {
  position: absolute;
  top: 50%;
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  border: 0;
}
.sidebar-price .price-amount {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  padding: 0;
  color: #363636;
  border: none;
  background-color: transparent;
  display: block;
}
.sidebar-price button {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 13px;
}

/*-- Sidebar Compare --*/
.compare-products-list {
  overflow: hidden;
}
.compare-products-list ul {
  margin-bottom: 20px;
}
.compare-products-list ul li {
  display: block;
  padding: 10px 0px;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
}

.remove-compare {
  float: right;
  display: inline-block;
  padding-right: 10px;
  float: right;
  display: inline-block;
}

.clear-btn {
  float: left;
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

.compare-btn {
  float: right;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-transform: uppercase;
  font-size: 13px;
}
.compare-btn:hover {
  background-color: #5c5215;
  color: #ffffff;
}

/*-- Sidebar Blog --*/
.sidebar-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}
.sidebar-blog:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-blog .image {
  max-width: 50px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50px;
  flex: 1 0 50px;
  height: 50px;
}
.sidebar-blog .image img {
  width: 100%;
}
.sidebar-blog .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 50px);
  flex: 1 0 calc(100% - 50px);
  padding-left: 15px;
}
.sidebar-blog .content h5 {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.sidebar-blog .content p {
  margin-bottom: 0;
}
.sidebar-blog .content span {
  font-size: 13px;
  display: block;
  line-height: 18px;
}

/*-- Sidebar Tags --*/
.sidebar-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}
.sidebar-tag li {
  padding: 5px;
}
.sidebar-tag li a {
  display: block;
  border: 1px solid #e5e6e7;
  padding: 9px 20px;
  font-size: 13px;
  color: #363636;
}
.sidebar-tag li a:hover {
  background-color: #363636;
  border-color: #363636;
  color: #ffffff;
}

/*-- Sidebar Product --*/
.sidebar-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}
.sidebar-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-product .image {
  max-width: 80px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80px;
  flex: 1 0 80px;
}
.sidebar-product .image img {
  width: 100%;
  border: 1px solid #f1f2f3;
}
.sidebar-product .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(100% - 80px);
  flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}
.sidebar-product .content .title {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sidebar-product .content .price span.old {
  margin-left: 10px;
  color: #666666;
  text-decoration: line-through;
}
.sidebar-product .content .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.sidebar-product .content .ratting i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  color: #5c5215;
}
.sidebar-product .content .ratting i:last-child {
  margin-right: 0;
}

/*----------------------------------------*/
/*  20. Instagram CSS
/*----------------------------------------*/
.instagram-container {
  position: relative;
  overflow: hidden;
}

#Instafeed > li {
  display: block;
  float: left;
  width: 16.66%;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #Instafeed > li {
    width: 50%;
  }
}
#Instafeed > li > a {
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
#Instafeed > li > a:before {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#Instafeed > li > a:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#Instafeed > li > a > img {
  width: 100%;
}

/*---------------------------------------
    21. Contact CSS
-----------------------------------------*/
/*-- Map --*/
.contact-map {
  height: 400px;
  width: 100%;
}

/*-- Contact Information --*/
.contact-information h3 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contact-information h3 {
    font-size: 24px;
  }
}
.contact-information ul {
  color: #363636;
}
.contact-information ul li {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.contact-information ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.contact-information ul li .icon {
  display: inline-block;
}
.contact-information ul li .icon i {
  font-size: 25px;
}
.contact-information ul li .text {
  display: inline-block;
  font-size: 20px;
  line-height: 1.2;
  margin-left: 10px;
  margin-bottom: 15px;
  font-weight: 500;
}
.contact-information ul li .text span,
.contact-information ul li .text a {
  display: block;
  line-height: 24px;
  max-width: 230px;
}

/*-- Contact Form --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-wrap.margin-0 {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form-wrap.margin-0 {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-wrap {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form-wrap {
    margin-top: 40px;
  }
}
.contact-form-wrap h3 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contact-form-wrap h3 {
    font-size: 24px;
  }
}
.contact-form-wrap input {
  width: 100%;
  height: 50px;
  border: 1px solid #dddddd;
  padding: 5px 20px;
  color: #666666;
  border-radius: 5px;
  height: 45px;
}
.contact-form-wrap input:focus {
  border-color: #777777;
  color: #111111;
}
.contact-form-wrap textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #eeeeee;
  padding: 10px 20px;
  color: #666666;
  resize: none;
  border-radius: 5px;
}
.contact-form-wrap textarea:focus {
  border-color: #777777;
  color: #111111;
}
.contact-form-wrap button {
  margin-top: 20px;
}

.form-messege.success {
  color: #1dbc51;
  font-weight: 700;
}

.form-messege.error {
  color: #ff1313;
}

/*----------------------------------------*/
/*  22. Footer CSS
/*----------------------------------------*/
/*-- Footer Widget --*/
.footer-widget .footer-logo {
  margin-bottom: 30px;
  max-width: 120px;

}
.footer-widget .footer-logo a {
  display: block;
}
.footer-widget .footer-logo a img {
  max-width: 100%;
}
.footer-widget .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
  color: #363636;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget .title {
    margin-bottom: 15px;
  }
}
.footer-widget p {
  max-width: 400px;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0;
}
.footer-widget .phone,
.footer-widget .mail {
  font-size: 14px;
  color: #fff;
  margin-right: 5px;
}
.footer-widget .mail {
  margin-right: 0;
}
.footer-widget ul.address li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 12px;
}
.footer-widget ul.address li:last-child {
  margin-bottom: 0;
}
.footer-widget ul.address li i {
  margin-right: 15px;
  line-height: 28px;
  font-size: 18px;
}
.footer-widget ul.address li span {
  overflow: hidden;
}
.footer-widget ul.address li a {
  display: block;
  color: #ffffff;
}
.footer-widget ul.address li a:hover {
  color: #5c5215;
}
.footer-widget > .ft-menu {
  display: inline-block;
}
.footer-widget > .ft-menu > li {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 15px;
}
.footer-widget > .ft-menu > li:last-child {
  margin-bottom: 0;
}
.footer-widget > .ft-menu > li > a {
  text-transform: inherit;
  text-decoration: none;
  display: inherit;
  color: #666666;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.footer-widget > .ft-menu > li > a i {
  margin-right: 5px;
}
.footer-widget > .ft-menu > li > a:hover {
  color: #5c5215;
}

/*-- Footer Social --*/
.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .footer-social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.footer-social a {
  color: #b2b2b2;
  background: none;
  border: 2px solid #ebebeb;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  border-radius: 100%;
  margin: 0 15px 5px 0;
  position: relative;
}
.footer-social a:last-child {
  margin-right: 0;
}
.footer-social a:hover {
  color: #5c5215;
}
.footer-social a i {
  font-size: 18px;
}

/*-- Footer Bottom --*/
.footer-bottom {
  padding: 50px 0;
}

/*-- Copyright --*/
@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center !important;
  }
}
.copyright p {
  line-height: 25px;
  font-size: 14px;
  color: #666666;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright p {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .copyright p {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 575px) {
  .copyright p {
    font-size: 12px;
  }
}
.copyright p a {
  color: #5c5215;
}
.copyright p a:hover {
  color: #5c5215;
}

@media only screen and (max-width: 767px) {
  .footer-nav {
    text-align: center !important;
  }
}
.footer-nav ul li {
  display: inline-block;
  margin: 0 40px 0 0;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .footer-nav ul li {
    margin: 0 25px 0 0;
  }
}
.footer-nav ul li:last-child {
  margin-right: 0;
}
.footer-nav ul li a {
  font-size: 13px;
  line-height: 19px;
}

/*---------------------------------------
    23. 404 CSS
-----------------------------------------*/
.error-text > h1 {
  font-size: 200px;
  color: #5c5215;
  font-weight: 900;
  letter-spacing: 10px;
  line-height: 220px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-text > h1 {
    font-size: 180px;
    line-height: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > h1 {
    font-size: 160px;
    line-height: 160px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .error-text > h1 {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .error-text > h1 {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 15px;
  }
}
.error-text > h2 {
  font-size: 32px;
  line-height: 47px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #363636;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > h2 {
    font-size: 28px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .error-text > h2 {
    font-size: 28px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .error-text > h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.error-text > p {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  margin: 20px auto 30px;
  color: #666666;
  max-width: 700px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text > p {
    font-size: 18px;
    line-height: 24px;
    max-width: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .error-text > p {
    font-size: 18px;
    line-height: 24px;
    max-width: 450px;
  }
}
@media only screen and (max-width: 575px) {
  .error-text > p {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
  }
}

.search-error form {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 500px;
}
@media only screen and (max-width: 575px) {
  .search-error form {
    width: 100%;
  }
}
.search-error input {
  background: none;
  border: 1px solid #e9e9e9;
  color: #363636;
  float: left;
  font-size: 14px;
  height: 50px;
  padding: 0 40px 0 15px;
  width: 100%;
  line-height: 50px;
}
.search-error button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4f4f4f;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
}
.search-error button:hover {
  color: #5c5215;
}

.error-button a {
  background: #5c5215 none repeat scroll 0 0;
  border-radius: 35px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-button a {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .error-button a {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .error-button a {
    margin-bottom: 15px;
  }
}
.error-button a:hover {
  background: #333;
}

/*---------------------------------------
    24. Modal CSS
-----------------------------------------*/
.quick-view-modal-container {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.quick-view-modal-container.show {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}
.quick-view-modal-container .modal-dialog {
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}
.quick-view-modal-container .modal-header {
  border: none;
  padding-bottom: 0;
}
.quick-view-modal-container .modal-header button {
  z-index: 999;
}
.quick-view-modal-container .modal-body {
  padding: 30px 50px 70px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}
@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-body {
    padding: 15px 15px 15px 15px;
  }
}
.quick-view-modal-container .modal-content {
  border-radius: 0;
  max-height: 850px;
  overflow: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

.footer-social a {
  padding-top: 9px;
}

.copyright p a{
  color: #666666;
}

.whafloat {
position: fixed;
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 10px;
    background-color: #23A455;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 25px;
    z-index: 100;
    padding: 12px;
}

.my-float1 {
    margin-top: 15px;
}

.ht-us-menu.color-black li a{
     display: inline;
}

.switcher-flag{
     max-width: 25px;
    padding-top: 11px;
}

@media(max-width: 750px){
 .header-mobile .container{
     max-width: 360px;
 }
}
.hero-item::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #363636;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .35;
}
.page-banner-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #363636;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
}

.search-pc{
 display: block;
}

.search-mobile {
    display: none;
}

.search-pc input, .search-mobile input, .search-pc select, .search-mobile select{
  width: 100%;
}

@media(max-width: 750px){
.header-logo img{
    max-width: 120px;
}
.search-mobile{
    display: block;
}
.search-pc{
 display: none;
}
.select2-container {
        width: 100% !important;
    }

    .product-gal-image{
     min-height: 300px !important;
    }
    .wishlist-compare-btn a{
    width: 100%;
    margin-bottom: 10px;

    }
    .wishlist-compare-btn .add-product {
        width: 78%;
    }
    .product-nav{
     margin-bottom: 15px;
    }
}

.common-sidebar-widget .text-muted{
  color: #5c5215 !important;
}

a.popup-img{
 padding-top: 17px;
}

.cart-summary-button{
      text-align: right;
}

.search-result-item{
    padding: 5px;
    border-bottom: 1px solid #ebebeb;
}

.search-result-list {
    position: absolute;
    right: 2.6rem;
    top: 50%;
    margin-top: 20px;
    align-items: stretch;
    overflow: visible;
    width: 70%;
    min-width: 270px;
    background-color: #fff;
    border: .1rem solid #ebebeb;
    z-index: 10;
    min-height: 230px;
}

.slick-slide{
  height: inherit;
}