@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Roboto&family=Jost&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap");

/*-- Common Style --*/
*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #666;
}

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

p {
  font-size: 14px;
  font-weight: 100;
  line-height: 24px;
  color: #666;
  margin-bottom: 15px;
}

h1 {
  font-size: 80px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

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

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

a,
button,
img,
input,
span {
  transition: all .3s ease 0s;
}

img {
  width: auto;
  max-width: 100%;
}

*:focus {
  outline: none !important;
}

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

a:hover {
  text-decoration: none;
}

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

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

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

.hidden {
  display: none;
}

.clear {
  clear: both;
}

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

.f-right {
  float: right;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.bg-img {
  background-position: center center;
  background-size: cover;
}

.position-relative {
  position: relative;
}

.border-top-1 {
  border-top: 1px solid #d8d8d8;
}

.border-top-2 {
  border-top: 1px solid #b6b6b6;
}

.border-top-3 {
  border-top: 1px solid #8b8b8b;
}

.border-top-4 {
  border-top: 1px solid #454545;
}

.round-border-1 {
  border: 1px solid #979797;
}

.border-bottom-1 {
  border-bottom: 1px solid #d8d8d8;
}

a:hover {
  color: #D9A84E;
}

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0;
}

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

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

@media only screen and (max-width: 767px) {
  .mt-100 {
    margin-top: 50px;
  }
}

.mt-110 {
  margin-top: 110px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-175 {
  margin-top: 175px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-37 {
  margin-bottom: 37px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-150 {
  margin-bottom: 150px;
}

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-ntv5 {
  margin-left: -5px;
}

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0;
}

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

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .pt-50 {
    padding-top: 40px;
  }
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  .pt-60 {
    padding-top: 30px;
  }
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-85 {
  padding-top: 85px;
}

@media only screen and (max-width: 767px) {
  .pt-85 {
    padding-top: 45px;
  }
}

.pt-80 {
  padding-top: 80px;
}

@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 50px;
  }
}

.pt-95 {
  padding-top: 95px;
}

@media only screen and (max-width: 767px) {
  .pt-95 {
    padding-top: 45px;
  }
}

.pt-90 {
  padding-top: 90px;
}

@media only screen and (max-width: 767px) {
  .pt-90 {
    padding-top: 40px;
  }
}

.pt-100 {
  padding-top: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-100 {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-100 {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pt-100 {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .pt-100 {
    padding-top: 50px;
  }
}

.pt-105 {
  padding-top: 105px;
}

@media only screen and (max-width: 767px) {
  .pt-105 {
    padding-top: 45px;
  }
}

.pt-110 {
  padding-top: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-110 {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-110 {
    padding-top: 50px;
  }
}

.pt-115 {
  padding-top: 115px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-115 {
    padding-top: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-115 {
    padding-top: 45px;
  }
}

.pt-120 {
  padding-top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-120 {
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-120 {
    padding-top: 60px;
  }
}

.pt-125 {
  padding-top: 125px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-125 {
    padding-top: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-125 {
    padding-top: 45px;
  }
}

.pt-128 {
  padding-top: 128px;
}

.pt-130 {
  padding-top: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-130 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 50px;
  }
}

.pt-135 {
  padding-top: 135px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-220 {
  padding-top: 220px;
}

.pt-250 {
  padding-top: 250px;
}

.pt-210 {
  padding-top: 210px;
}

.pt-230 {
  padding-top: 230px;
}

.pt-270 {
  padding-top: 270px;
}

.pt-240 {
  padding-top: 240px;
}

.pt-365 {
  padding-top: 365px;
}

.pt-370 {
  padding-top: 370px;
}

.pt-380 {
  padding-top: 380px;
}

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0;
}

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

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .pb-50 {
    padding-bottom: 30px;
  }
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 40px;
  }
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .pb-90 {
    padding-bottom: 40px;
  }
}

.pb-95 {
  padding-bottom: 95px;
}

@media only screen and (max-width: 767px) {
  .pb-95 {
    padding-bottom: 45px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-100 {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .pb-100 {
    padding-bottom: 50px;
  }
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-110 {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-110 {
    padding-bottom: 40px;
  }
}

.pb-115 {
  padding-bottom: 115px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-115 {
    padding-bottom: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-115 {
    padding-bottom: 45px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-120 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 40px;
  }
}

.pb-125 {
  padding-bottom: 125px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-125 {
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-125 {
    padding-bottom: 45px;
  }
}

.pb-130 {
  padding-bottom: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .pb-130 {
    padding-bottom: 50px;
  }
}

.pb-135 {
  padding-bottom: 135px;
}

@media only screen and (max-width: 767px) {
  .pb-135 {
    padding-bottom: 86px;
  }
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-290 {
  padding-bottom: 290px;
}

/*************************
    Padding left
*************************/
.pl-0 {
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0;
}

.ptb-10 {
  padding: 10px 0;
}

.ptb-20 {
  padding: 20px 0;
}

.ptb-30 {
  padding: 30px 0;
}

.ptb-35 {
  padding: 35px 0;
}

.ptb-32 {
  padding: 32px 0;
}

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

.ptb-50 {
  padding: 50px 0;
}

.ptb-60 {
  padding: 60px 0;
}

.ptb-70 {
  padding: 70px 0;
}

.ptb-80 {
  padding: 80px 0;
}

.ptb-90 {
  padding: 90px 0;
}

.ptb-100 {
  padding: 100px 0;
}

.ptb-110 {
  padding: 110px 0;
}

.ptb-120 {
  padding: 120px 0;
}

.ptb-130 {
  padding: 130px 0;
}

.ptb-140 {
  padding: 140px 0;
}

.ptb-150 {
  padding: 150px 0;
}

.ptb-160 {
  padding: 160px 0;
}

.ptb-170 {
  padding: 170px 0;
}

.ptb-177 {
  padding: 177px 0;
}

.ptb-180 {
  padding: 180px 0;
}

.ptb-190 {
  padding: 190px 0;
}

.ptb-200 {
  padding: 200px 0;
}

.ptb-210 {
  padding: 210px 0;
}

.ptb-220 {
  padding: 220px 0;
}

.ptb-290 {
  padding: 290px 0;
}

.ptb-310 {
  padding: 310px 0;
}

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0;
}

.mtb-10 {
  margin: 10px 0;
}

.mtb-15 {
  margin: 15px 0;
}

.mtb-20 {
  margin: 20px 0;
}

.mtb-30 {
  margin: 30px 0;
}

.mtb-40 {
  margin: 40px 0;
}

.mtb-50 {
  margin: 50px 0;
}

.mtb-60 {
  margin: 60px 0;
}

.mtb-70 {
  margin: 70px 0;
}

.mtb-80 {
  margin: 80px 0;
}

.mtb-90 {
  margin: 90px 0;
}

.mtb-100 {
  margin: 100px 0;
}

.mtb-110 {
  margin: 110px 0;
}

.mtb-120 {
  margin: 120px 0;
}

.mtb-130 {
  margin: 130px 0;
}

.mtb-140 {
  margin: 140px 0;
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-290 {
  margin: 290px 0;
}

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

input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #ffffff;
  width: 100%;
}

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  box-shadow: none;
  font-size: 14px;
  color: #737373;
}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px;
}

input:focus {
  background: #fff;
}

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  color: #737373;
}

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none;
}

.custom-col-5 {
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .custom-col-5 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .custom-col-5 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-col-5 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-col-5.custom-col-md-33 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-5 {
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .custom-col-5.custom-col-xs-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .custom-col-5 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-col-5.custom-col-sm-33 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  color: #D9A84E;
  visibility: visible;
  transition: opacity .3s ease;
  bottom: 0;
  right: 0;
  margin: 0;
  opacity: 1;
  font-size: 12px;
  letter-spacing: .25em;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  -webkit-transform-origin: 100% 0;
  transform: rotate(-90.2deg) translate(164px, -57px);
}

#scrollUp .qodef-back-to-top-text {
  position: relative;
  display: block;
  text-align: center;
  text-transform: uppercase;
  transition: all .25s ease-in;
  font-weight: 600;
}

#scrollUp .qodef-back-to-top-text:hover {
  animation: qodef-btt-animation 1s forwards;
}

#scrollUp .qodef-back-to-top-text:hover:after {
  content: '';
  position: absolute;
  top: 50%;
  left: -24px;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  opacity: 1;
  filter: blur();
  transform: scaleX(1);
  transform-origin: 100% 50%;
  transition: .3s;
}

.home-02 #scrollUp {
  color: #ffffff;
}

.home-03 #scrollUp {
  color: #D9A84E;
}

.height-100vh {
  height: 100vh;
}

.transparent-bar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

/*--
    Background Color
------------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-gray {
  background-color: #ededed;
}

.bg-gray-2 {
  background-color: #f9faff;
}

.bg-gray-3 {
  background-color: #fffdf9;
}

.bg-gray-4 {
  background-color: #f2f7f8;
}

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

.bg-black-2 {
  background-color: #161616;
}

.bg-blue {
  background-color: #1631bd;
}

.bg-red {
  background-color: #810000;
}

.bg-tan {
  background-color: #e8e3d7;
}

.bg-light-green {
  background-color: #e6f6f2;
}

.bg-light-pink {
  background-color: #fcf5f5;
}

.bg-light-apricot {
  background-color: #ffc68b;
}

.bg-light-yellow {
  background-color: #fff6e1;
}

.bg-light-yellow-2 {
  background-color: #fff0cd;
}

.bg-main {
  background: linear-gradient(to top right, #000000, #333333, #666666);
}

.bg-main2 {
  background-color: #D9A84E;
}

.default-overlay {
  position: relative;
}

.default-overlay:before {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 250ms ease-out;
  z-index: 9;
}

@media only screen and (max-width: 767px) {
  .res-white-overly-xs {
    position: relative;
  }

  .res-white-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .5;
    z-index: 9;
  }
}

@media only screen and (max-width: 767px) {
  .res-black-overly-xs {
    position: relative;
  }

  .res-black-overly-xs:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: .5;
    z-index: 9;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .res-white-overly-md {
    position: relative;
  }

  .res-white-overly-md:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    opacity: .5;
    z-index: 1;
  }
}

.padding-55-row-col .row {
  margin-right: -27.5px;
  margin-left: -27.5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-55-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-55-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-55-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-55-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-55-row-col .row div[class^="col-"] {
  padding-left: 27.5px;
  padding-right: 27.5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-55-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-55-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-55-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-55-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-60-row-col .row {
  margin-right: -30px;
  margin-left: -30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-60-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-60-row-col .row div[class^="col-"] {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-60-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-37-row-col .row {
  margin-right: -18.5px;
  margin-left: -18.5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-37-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-37-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-37-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-37-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-37-row-col .row div[class^="col-"] {
  padding-left: 18.5px;
  padding-right: 18.5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-37-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-37-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-37-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-37-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-46-row-col .row {
  margin-right: -23px;
  margin-left: -23px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-46-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-46-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-46-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-46-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-46-row-col .row div[class^="col-"] {
  padding-left: 23px;
  padding-right: 23px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-46-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-46-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-46-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-46-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-20-row-col .row {
  margin-right: -10px;
  margin-left: -10px;
}

@media only screen and (max-width: 767px) {
  .padding-20-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-20-row-col .row div[class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 767px) {
  .padding-20-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-10-row-col .row {
  margin-right: -5px;
  margin-left: -5px;
}

@media only screen and (max-width: 767px) {
  .padding-10-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-10-row-col .row div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 767px) {
  .padding-10-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-52-row-col .row {
  margin-right: -26px;
  margin-left: -26px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-52-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-52-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-52-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-52-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-52-row-col .row div[class^="col-"] {
  padding-left: 26px;
  padding-right: 26px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-52-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-52-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-52-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-52-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.padding-44-row-col .row {
  margin-right: -22px;
  margin-left: -22px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-44-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-44-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-44-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-44-row-col .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.padding-44-row-col .row div[class^="col-"] {
  padding-left: 22px;
  padding-right: 22px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .padding-44-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-44-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-44-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .padding-44-row-col .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.custom-d-flex {
  display: flex;
}

.height-100-percent {
  height: 100%;
}

.width-100-percent {
  width: 100%;
}

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

.section-padding-1 .container-fluid {
  padding: 0 120px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-1 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-2 .container-fluid {
  padding: 0 80px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-2 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-3 .container-fluid {
  padding: 0 200px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-3 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-4 .container-fluid {
  padding: 0 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-4 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-5 .container-fluid {
  padding: 0 145px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-5 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-6 .container-fluid {
  padding: 0 50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-6 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-7 .container-fluid {
  padding: 0 230px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-7 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-8 .container-fluid {
  padding: 0 160px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-8 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.section-padding-9 .container-fluid {
  padding: 0 340px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-9 .container-fluid {
    padding: 0 40px;
  }
}

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

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

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

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

.default-mlr-120 {
  margin: 0 120px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .default-mlr-120 {
    margin: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .default-mlr-120 {
    margin: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .default-mlr-120 {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .default-mlr-120 {
    margin: 0 40px;
  }
}

@media only screen and (max-width: 767px) {
  .default-mlr-120 {
    margin: 0 15px;
  }
}

.btn-style-3 a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-3 a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a {
    font-size: 14px;
  }
}

.btn-style-3 a.font-dec {
  font-size: 12px;
}

.btn-style-3 a.bs3-weight-dec {
  font-weight: 400;
}

.btn-style-3 a.bs3-white-text {
  color: #fff;
}

.btn-style-3 a.bs3-white-text:hover {
  color: #393939;
}

.btn-style-3 a.bs3-black-text {
  color: #ffffff;
  background-color: #D9A84E;
}

.btn-style-3 a.bs3-black-text:hover {
  color: #000000;
}

.btn-style-3 a.bs3-gray-text {
  color: #8b8b8b;
}

.btn-style-3 a.bs3-gray-text:hover {
  color: #fff;
}

.btn-style-3 a.bs3-gray-bg {
  background-color: #e8e8e8;
}

.btn-style-3 a.bs3-white-bg {
  background-color: #fff;
}

.btn-style-3 a.bs3-red-bg {
  background-color: #D9A84E;
}

.btn-style-3 a.bs3-ptb {
  padding: 15px 36px 17px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-3 a.bs3-ptb {
    padding: 15px 40px 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-3 a.bs3-ptb {
    padding: 12px 35px 14px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.bs3-ptb {
    padding: 12px 30px 14px;
  }
}

.btn-style-3 a.bs3-ptb-2 {
  padding: 12px 30px 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-3 a.bs3-ptb-2 {
    padding: 10px 20px 13px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.bs3-ptb-2 {
    padding: 9px 20px 11px;
  }
}

.btn-style-3 a.bs3-ptb-3 {
  padding: 11px 25px 13px;
}

.btn-style-3 a.bs3-ptb-4 {
  padding: 20px 54px 24px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.bs3-ptb-4 {
    padding: 16px 40px 20px;
  }
}

.btn-style-3 a.bs3-ptb-4.hover-text-white:hover {
  color: #fff;
}

.btn-style-3 a.bs3-ptb-5 {
  padding: 21px 64px 21px;
}

@media only screen and (max-width: 767px) {
  .btn-style-3 a.bs3-ptb-5 {
    padding: 15px 40px 15px;
  }
}

.btn-style-3 a.bs3-ptb-5.hover-text-white:hover {
  color: #fff;
}

.btn-style-3 a.bs3-border-2-pixel {
  border: 2px solid #1b1b1b;
  transition: all 0.4s;
}

.btn-style-3 a.bs3-border-2-pixel:hover {
  border: 2px solid #D9A84E;
}

.btn-hover-2 a {
  position: relative;
}

.btn-hover-2 a::after {
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.4s;
}

.btn-hover-2 a.ptb-2-white-hover::after {
  background: #D9A84E;
}

.btn-hover-2 a.ptb-3-black-hover::after {
  background: #1b1b1b;
}

.btn-hover-2 a.ptb-2-theme-hover::after {
  background: #D9A84E;
}

.btn-hover-2 a.ptb-2-yellow-2-hover::after {
  background: #D9A84E;
}

.btn-hover-2 a:hover::after {
  width: 100%;
  opacity: 1;
}

.btn-style-4 a {
  display: inline-block;
  line-height: 1;
  border: 2px solid #1d1d1d;
  color: #1d1d1d;
  font-weight: bold;
}

.btn-style-4.btn-style-4-ptb1 a {
  padding: 14px 26px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-4.btn-style-4-ptb1 a {
    padding: 10px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-4.btn-style-4-ptb1 a {
    padding: 10px 12px;
  }
}

/* img bounce */
@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes bounce-img {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

/* img bounce 2 */
@-webkit-keyframes bounce-img-2 {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }

  50% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

@keyframes bounce-img-2 {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }

  50% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

/* img bounce 3 */
@-webkit-keyframes bounce-img-3 {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes bounce-img-3 {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }

  50% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.jarallax-img {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .res-xs-mt-10 {
    margin-top: 10px;
  }

  .res-xs-mt-30 {
    margin-top: 30px;
  }

  .res-xs-mt-40 {
    margin-top: 40px;
  }
}

/*------- img move 1 -------*/
.move-1 {
  position: absolute;
  top: 5%;
  left: 3%;
  animation: moveOne .3s infinite linear;
}

@-webkit-keyframes moveOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes moveOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

/*-------- 2. Header style ---------*/
.header-small-device {
  display: none;
  padding: 15px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-small-device {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .header-small-device {
    display: block;
  }
}

header.header-area {
  transition: all 0.4s ease-in-out;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  display: block;
  right: 0;
  height: 79px;
}

header.header-area.fixed-header {
  position: fixed;
  background-color: #000;
}

@media only screen and (max-width: 767px) {
  header.header-area {
    height: 70px;
  }
}

@media only screen and (max-width: 320px) {
  header.header-area {
    height: 56px;
  }
}

body:not(.home) .header-area {
  position: relative;
}

body:not(.home) .header-large-device {
  position: relative;
  background-color: #000000;
  padding: 15px 0;
}

.home-03 .header-area .home-bg,
.home-04 .header-area .home-bg,
.home-05 .header-area .home-bg {
  background-color: #D9A84E;
}

.home-02 .header-area.fixed-header,
.home-03 .header-area.fixed-header {
  position: fixed;
}

.header-large-device {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 9;
  padding: 15px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-large-device {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-large-device {
    display: none;
  }
}

.logo a img {
  max-width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .logo-res-lg a img {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mobile-logo-width a img {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-logo-width a img {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .mobile-logo-width a img {
    width: 20%;
  }
}

.header-ptb {
  padding: 25px 0;
}

.header-right-wrap.header-right-flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 1;
}

.header-right-wrap.header-center-flex {
  display: flex;
  justify-content: center;
  line-height: 1;
}

.header-right-wrap.header-right-wrap-mrg {
  margin: 64px 0 49px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-right-wrap.header-right-wrap-mrg {
    margin: 44px 0 29px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap.header-right-wrap-mrg {
    margin: 44px 0 29px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap.header-right-wrap-mrg {
    margin: 34px 0 19px;
  }
}

.header-right-wrap .same-style {
  margin-left: 64px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-right-wrap .same-style {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style {
    margin-left: 24px;
  }
}

@media only screen and (max-width: 320px) {
  .header-right-wrap .same-style {
    margin-left: 8px;
  }
}

.header-right-wrap .same-style:first-child {
  margin-left: 0;
}

.header-right-wrap .same-style a {
  font-size: 16px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .header-right-wrap .same-style a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .header-right-wrap .same-style a {
    font-size: 14px;
  }
}

.header-right-wrap .same-style a i {
  transition: .4s ease-in-out;
}

.header-right-wrap .same-style a:hover {
  color: #D9A84E;
}

.header-right-wrap .same-style a:hover i {
  transform: rotateY(180deg);
}

.header-right-wrap .same-style a span {
  top: -2px;
  right: -1px;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  color: #000000;
  font-size: 10px;
  border-radius: 50%;
  background-color: #D9A84E;
}

@media only screen and (max-width: 320px) {
  .header-right-wrap .same-style a span {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
}

.header-right-wrap .same-style.same-style-mrg-dec {
  margin-left: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .same-style.same-style-mrg-dec {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.same-style-mrg-dec {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .header-right-wrap .same-style.same-style-mrg-dec {
    margin-left: 15px;
  }
}

.header-right-wrap .same-style.same-style-mrg-dec:first-child.menu-right {
  background: #D9A84E;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.header-right-wrap .same-style.same-style-mrg-dec-2 {
  margin-left: 32px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .same-style.same-style-mrg-dec-2 {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap .same-style.same-style-mrg-dec-2 {
    margin-left: 20px;
  }
}

.header-right-wrap .same-style.same-style-mrg-dec-2:first-child {
  margin-left: 0;
}

.header-right-wrap .same-style.same-style-font-dec a {
  font-size: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-right-wrap.hr-mrg-handmade .same-style-mrg-dec {
    margin-left: 13px;
  }

  .header-right-wrap.hr-mrg-handmade .same-style-mrg-dec:first-child {
    margin-left: 0;
  }
}

.header-ptb-2 {
  padding: 63px 0 63px;
}

.free-delivery h4 {
  font-weight: 500;
  font-size: 14px;
  color: #1d1d1d;
  margin: 0;
}

.free-delivery h4 span {
  color: #D9A84E;
}

.free-delivery h4 span.free-delivery-black {
  color: #1d1d1d;
}

.same-style-2 {
  margin-left: 27px;
}

.same-style-2 ul>li {
  position: relative;
}

.same-style-2 ul>li>a {
  font-weight: 500;
  color: #1d1d1d;
  font-size: 12px;
  display: inline-block;
  line-height: 30px;
}

.same-style-2 ul>li>a i {
  font-size: 12px;
  margin-left: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .same-style-2 ul>li>a i {
    margin-left: 0px;
  }
}

.same-style-2 ul>li:hover>a {
  color: #D9A84E;
}

.same-style-2 ul>li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100px;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #262626;
  padding: 27px 0px;
  transform: rotateX(90deg);
  transform-origin: center top 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .same-style-2 ul>li ul {
    right: 0;
    left: auto;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .same-style-2 ul>li ul {
    right: 0;
    left: auto;
    width: 90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .same-style-2 ul>li ul {
    right: 0;
    left: auto;
    width: 90px;
  }
}

.same-style-2 ul>li ul>li {
  display: block;
  line-height: 1;
}

.same-style-2 ul>li ul>li>a {
  display: block;
  color: #ddd;
  padding: 0 25px 20px;
  line-height: 1;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .same-style-2 ul>li ul>li>a {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .same-style-2 ul>li ul>li>a {
    padding: 0 15px 20px;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .same-style-2 ul>li ul>li>a {
    padding: 0 15px 20px;
    text-align: center;
  }
}

.same-style-2 ul>li ul>li>a:hover {
  color: #D9A84E;
}

.same-style-2 ul>li ul>li:last-child a {
  padding: 0 25px 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .same-style-2 ul>li ul>li:last-child a {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .same-style-2 ul>li ul>li:last-child a {
    padding: 0 15px 0px;
    text-align: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .same-style-2 ul>li ul>li:last-child a {
    padding: 0 15px 0px;
    text-align: center;
  }
}

.same-style-2 ul>li:hover ul {
  transform: rotateX(0deg);
  visibility: visible;
}

.hb-negative-mrg {
  margin-bottom: -80px;
  position: relative;
  z-index: 99;
}

.main-menu>nav>ul>li {
  display: inline-block;
  position: relative;
}

.main-menu>nav>ul>li>a {
  display: inline-block;
  font-size: 14px;
  position: relative;

  letter-spacing: 1.5px;
}

.main-menu>nav>ul>li>a:hover:after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
}

.main-menu>nav>ul>li>a:after {
  position: absolute;
  left: auto;
  right: 0;
  margin: auto;
  top: auto;
  bottom: 0;
  width: 0;
  height: 2px;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 0;
}



.main-menu>nav>ul>li>ul {
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 0;
  transition: margin .1s linear .3s, visibility .1s linear .3s, opacity .1s linear .3s;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  z-index: 9999;
}

.main-menu>nav>ul>li>ul.sub-menu-width {
  width: 220px;
}

.main-menu>nav>ul>li>ul.sub-menu-width li {
  display: block;
  padding: 15px 5px 15px 0;
  position: relative;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 25px 0 25px;
}

.main-menu>nav>ul>li>ul.sub-menu-width li:last-child {
  border-bottom: none;
}

.main-menu>nav>ul>li>ul.sub-menu-width li a {
  display: block;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
}

.main-menu>nav>ul>li>ul.sub-menu-width li a i {
  float: right;
  font-size: 12px;
  color: #999;
  font-weight: 600;
  position: relative;
  top: 6px;
}

.main-menu>nav>ul>li>ul.sub-menu-width li a:hover {
  color: #D9A84E;
}

.main-menu>nav>ul>li>ul.sub-menu-width li ul.lavel-menu {
  padding: 36px 0px 40px;
  width: 220px;
  transition: all 250ms ease-out;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  background-color: #262626;
  position: absolute;
  top: -17px;
  left: 100%;
  margin: 0;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.sub-menu-width li ul.lavel-menu {
    width: 180px;
  }
}

.main-menu>nav>ul>li>ul.sub-menu-width li:hover>ul.lavel-menu {
  visibility: visible;
  opacity: 1;
}

.main-menu>nav>ul>li>ul.mega-menu-width1 {
  width: 450px;
}

.main-menu>nav>ul>li>ul.mega-menu-width3 {
  width: 625px;
}

.main-menu>nav>ul>li>ul.mega-menu-width3>li.mega-menu-sub-width33 {
  width: 33.333%;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1 {
  padding: 40px 10px 33px 40px;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li {
  text-align: left;
  padding-right: 30px;
  float: left;
  display: block;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li.mega-menu-sub-width50 {
  width: 50%;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li a.menu-title {
  color: #fff;
  font-size: 14px;
  padding: 0px 0px 12px 0px;
  position: relative;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li a.menu-title:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  bottom: -2px;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li>ul {
  margin: 28px 0 0;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li>ul li {
  display: block;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li>ul li a {
  color: #D0D0D0;
  font-size: 12px;
  display: block;
  padding: 8px 0px;
}

.main-menu>nav>ul>li>ul.mega-menu-style-1>li>ul li a:hover {
  color: #D9A84E;
  text-decoration: underline;
}

.main-menu>nav>ul>li>ul.mega-menu-width2 {
  width: 780px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.mega-menu-width2 {
    width: 780px;
  }
}

.main-menu>nav>ul>li>ul.menu-negative-mrg1 {
  left: -186px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg1 {
    left: -188px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg1 {
    left: -188px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg1 {
    left: -148px;
  }
}

.main-menu>nav>ul>li>ul.menu-negative-mrg2 {
  left: -250px;
}

.main-menu>nav>ul>li>ul.menu-negative-mrg3 {
  left: -504px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg3 {
    left: -430px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg3 {
    left: -390px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg3 {
    left: -335px;
  }
}

.main-menu>nav>ul>li>ul.menu-negative-mrg4 {
  left: -480px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg4 {
    left: -450px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg4 {
    left: -472px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg4 {
    left: -366px;
  }
}

.main-menu>nav>ul>li>ul.menu-negative-mrg5 {
  left: -395px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg5 {
    left: -395px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg5 {
    left: -440px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.menu-negative-mrg5 {
    left: -349px;
  }
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li {
  text-align: left;
  float: left;
  display: block;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li.mega-menu-sub-width20 {
  width: 33.33%;
  margin: 10px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.mega-menu-style-2>li.mega-menu-sub-width20 {
    width: 33.33%;
    margin: 10px 0;
  }
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li.mega-menu-sub-width22 {
  width: 33.33%;
  margin: 10px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.mega-menu-style-2>li.mega-menu-sub-width22 {
    width: 33.33%;
    margin: 10px 0;
  }
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li.mega-menu-sub-width37 {
  width: 37.5%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.mega-menu-style-2>li.mega-menu-sub-width37 {
    width: 33.33%;
  }
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li a.menu-title {
  color: #000000;
  font-size: 14px;
  padding: 15px 0 15px 0;
  margin: 0 25px 0 25px;
  position: relative;
  line-height: 48px;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li a.menu-title:before {
  position: absolute;
  content: "";
  width: 209px;
  height: 2px;
  background: #D9A84E;
  bottom: -2px;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li>ul li {
  display: block;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li>ul li:last-child a {
  border-bottom: none;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li>ul li a {
  color: #000000;
  font-size: 14px;
  display: block;
  padding: 15px 0 15px 0;
  margin: 0 25px 0 25px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li>ul li a:hover {
  color: #D9A84E;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap {
  position: relative;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap.default-overlay::before {
  background-color: #000;
  z-index: 1;
  pointer-events: none;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap a img {
  width: 100%;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap .banner-menu-content {
  position: absolute;
  left: 41px;
  bottom: 35px;
  z-index: 9;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap .banner-menu-content h2 {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0px;
  line-height: 45px;
  transition: all .3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap .banner-menu-content h2 {
    font-size: 35px;
    line-height: 50px;
  }
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap:hover.default-overlay::before {
  background-color: #000;
  opacity: .4;
  z-index: 1;
  pointer-events: none;
}

.main-menu>nav>ul>li>ul.mega-menu-style-2>li .banner-menu-content-wrap:hover .banner-menu-content h2 {
  letter-spacing: 1px;
}

.main-menu>nav>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  margin-top: 22px;
}

.main-menu>nav>ul>li:hover>a::after {
  opacity: 1;
}

.main-menu.menu-text-white>nav>ul>li>a {
  color: #ffffff;
}

.main-menu.menu-text-white>nav>ul>li>a.active,
.main-menu.menu-text-white>nav>ul>li>a:hover {
  color: #ffffff;
}

.main-menu.menu-text-white>nav>ul>li>a::after {
  background-color: #D9A84E;
}


.main-menu.menu-lh-1>nav>ul>li>a {
  line-height: 35px;
}

.main-menu.menu-border-none>nav>ul>li>a::after {
  display: none;
}

.main-menu.main-menu-padding-1>nav>ul>li {
  padding: 0 24px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.main-menu-padding-1>nav>ul>li {
    padding: 0 18px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-padding-1>nav>ul>li {
    padding: 0 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-padding-1>nav>ul>li {
    padding: 0 16px;
  }
}

.main-menu.main-menu-padding-2>nav>ul>li {
  padding: 0 48px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-padding-2>nav>ul>li {
    padding: 0 28px 0 0;
  }
}

.main-menu.main-menu-padding-3>nav>ul>li {
  padding: 0 40px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-menu.main-menu-padding-3>nav>ul>li {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-menu.main-menu-padding-3>nav>ul>li {
    padding: 0 20px;
  }
}

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

.main-menu.main-menu-padding1 {
  padding-left: 25px;
  text-align: left;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu.main-menu-padding1 {
    padding-left: 4px;
  }
}

.category-menu-wrap {
  /*position: relative;*/
  margin: 5px 0 5px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu-wrap {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .category-menu-wrap {
    margin-top: 15px;
  }
}

.category-menu-wrap h3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  color: #fff;
  margin: 0;
  line-height: 52px;
  padding: 0 15px;
}

.category-menu-wrap h3.font-width-inc {
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu-wrap h3 {
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .category-menu-wrap h3 {
    line-height: 50px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .category-menu-wrap h3 {
    line-height: 36px;
    font-size: 16px;
  }
}

.category-menu-wrap h3 a {
  color: #fff;
  text-align: left;
  width: 100%;
  letter-spacing: 1px;
  font-size: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu-wrap h3 a {
    color: #000000;
    font-weight: 600;
  }
}

@media only screen and (max-width: 767px) {
  .category-menu-wrap h3 a {
    color: #000000;
    font-weight: 600;
  }
}

@media only screen and (max-width: 480px) {
  .category-menu-wrap h3 a {
    font-size: 14px;
  }
}

.category-menu-wrap h3 a i {
  font-size: 24px;
  position: relative;
  top: 12px;
  margin-right: 0;
  float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu-wrap h3 a i {
    top: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .category-menu-wrap h3 a i {
    font-size: 20px;
    top: 8px;
  }
}

.category-menu-wrap h3 a:hover {
  color: #D9A84E;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu-wrap h3 a:hover {
    color: #000000;
  }
}

@media only screen and (max-width: 767px) {
  .category-menu-wrap h3 a:hover {
    color: #000000;
  }
}

.clickalbe-sidebar-wrapper-style-1 {
  position: fixed;
  top: 0;
  width: 400px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 400ms ease-out;
  transform: translate(200px, 0);
  background-color: #1D1D1D;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 {
    width: 330px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 {
    width: 290px;
  }
}

.clickalbe-sidebar-wrapper-style-1.clickalbe-sidebar-active-left {
  transform: translateX(-410px);
  left: 0;
}

.clickalbe-sidebar-wrapper-style-1.sidebar-visible {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.clickalbe-sidebar-wrapper-style-1.mobilemenu-visible {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap {
  padding: 170px 70px 20px;
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap {
    padding: 100px 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap {
    padding: 70px 20px 20px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap.clickalbe-sidebar-padding-dec {
  padding: 150px 50px 20px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap.clickalbe-sidebar-padding-dec .sidebar-close {
  left: 50px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close {
  position: absolute;
  top: 80px;
  left: 70px;
  font-size: 26px;
  line-height: 30px;
  transition: all 250ms ease-out;
  color: #BDBDBD;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close {
    left: 30px;
    top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close {
    top: 20px;
    left: 20px;
    font-size: 23px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-close:hover {
  transform: rotate(90deg);
  color: #D9A84E;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .sidebar-content-100-percent {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1 {
  margin-bottom: 20px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li {
  display: block;
  padding-bottom: 40px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li {
    padding-bottom: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li {
    padding-bottom: 22px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li:last-child {
  padding-bottom: 0;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li>a {
  font-size: 18px;
  display: block;
  text-transform: capitalize;
  color: #BDBDBD;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li>a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li>a {
    font-size: 16px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li>a i {
  float: right;
  top: 2px;
  position: relative;
  color: #BDBDBD;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li>a i {
    font-size: 14px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li:hover>a {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li:hover>a {
    color: #D9A84E;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li:hover>a i {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li:hover>a i {
    color: #D9A84E;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul {
  padding: 38px 0 0px 25px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li {
  padding-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li {
    padding-bottom: 18px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li:last-child {
  padding-bottom: 0;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li a {
  color: #BDBDBD;
  font-size: 14px;
  display: block;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li a i {
  float: right;
  top: -1px;
  position: relative;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li:hover>a {
  color: #D9A84E;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .clickable-mainmenu-style1>nav>ul>li ul li:hover>a i {
  color: #D9A84E;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-menu {
  margin: 0 0 25px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-menu nav ul li {
  display: block;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-menu nav ul li a {
  font-size: 15px;
  color: #BDBDBD;
  display: block;
  padding: 0 0 15px;
}

@media only screen and (max-width: 767px) {
  .clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-menu nav ul li a {
    font-size: 15px;
    padding: 0 0 16px;
  }
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-menu nav ul li a:hover {
  color: #D9A84E;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-menu nav ul li:last-child a {
  padding: 0 0 0px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .header-aside-payment img {
  max-width: 100%;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content>p {
  line-height: 1.714286;
  color: #BDBDBD;
  margin: 29px 0 0;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .aside-contact-info {
  margin: 30px 0 30px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .aside-contact-info ul li {
  color: #BDBDBD;
  display: flex;
  margin: 0 0 23px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .aside-contact-info ul li:last-child {
  margin: 0 0 0px;
}

.clickalbe-sidebar-wrapper-style-1 .clickalbe-sidebar-wrap .header-aside-content .aside-contact-info ul li i {
  font-size: 22px;
  margin: 1px 16px 0px 0;
}

.main-wrapper .grid-lines-holder {
  position: fixed;
  top: 0;
  left: 110px;
  width: calc(100% - 220px);
  height: 100%;
  z-index: -1;
}

@media only screen and (max-width: 540px) {
  .main-wrapper .grid-lines-holder {
    position: absolute;
  }
}

.main-wrapper .grid-lines-holder .grid-line {
  display: block;
  float: left;
  height: 100%;
  box-sizing: border-box;
  border-left: 1px solid #eeeeee;
  webkit-box-sizing: border-box;
  width: 20%;
}

.main-wrapper .grid-lines-holder .grid-line:last-child {
  border-right: 1px solid #eeeeee;
}

.main-wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-wrapper.overlay-active .body-overlay {
  opacity: 1;
  visibility: visible;
}

.sidebar-cart-active {
  position: fixed;
  top: 0;
  width: 420px;
  padding: 104px 50px 50px;
  min-height: 100vh;
  bottom: 0;
  z-index: 9999;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-in;
  transform: translate(200px, 0);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  background-color: #fff;
}

.sidebar-cart-active.inside {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active {
    width: 350px;
    padding: 104px 30px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active {
    padding: 50px 15px 50px;
    width: 280px;
  }
}

.sidebar-cart-active .sidebar-cart-all .cart-close {
  position: absolute;
  top: 48px;
  left: 55px;
  font-size: 30px;
  line-height: 30px;
  transition: all 250ms ease-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active .sidebar-cart-all .cart-close {
    left: 30px;
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active .sidebar-cart-all .cart-close {
    top: 20px;
    left: 23px;
    font-size: 23px;
  }
}

.sidebar-cart-active .sidebar-cart-all .cart-close:hover {
  transform: rotate(90deg);
  color: #D9A84E;
}

.sidebar-cart-active .sidebar-cart-all .cart-content>h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 30px;
  color: #393939;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul {
  margin: 0 -30px 0 0;
  padding: 0 30px 0 0;
  max-height: 310px;
  max-height: calc(100vh - 430px);
  overflow: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-cart-active .sidebar-cart-all .cart-content ul {
    max-height: calc(100vh - 365px);
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-cart-active .sidebar-cart-all .cart-content ul {
    max-height: calc(100vh - 360px);
  }
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li {
  display: flex;
  margin-bottom: 25px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img {
  flex: 0 0 75px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-img a img {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title {
  margin-left: 20px;
  margin-top: 2px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title h4 {
  font-size: 14px;
  margin: 0 0 8px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-title span {
  font-size: 14px;
  color: #262626;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete {
  display: flex;
  flex-grow: 100;
  justify-content: flex-end;
}

.sidebar-cart-active .sidebar-cart-all .cart-content ul li .cart-delete a {
  display: block;
  font-weight: 400;
  font-size: 14px;
  height: 20px;
  line-height: 17px;
  overflow: hidden;
  width: 20px;
  text-align: right;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total {
  display: block;
  width: 100%;
  margin: 18px 0 43px;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 {
  font-size: 14px;
  color: #535353;
  margin: 0;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-total h4 span {
  font-size: 18px;
  color: #2F2F2F;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn {
  display: flex;
  width: 100%;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a {
  width: 50%;
  display: inline;
  margin-right: 10px;
  text-align: center;
  line-height: 20px;
  padding: 15px 20px 15px;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 14px;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  transition: all 300ms ease;
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.sidebar-cart-active .sidebar-cart-all .cart-content .cart-checkout-btn a:last-child {
  margin-right: 0;
}

.social-icon-style-2 {
  margin-top: 20px;
}

.social-icon-style-2 a {
  display: inline-block;
  font-size: 12px;
  width: 31px;
  height: 31px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  margin-right: 5px;
  border: 1px solid transparent;
}

.social-icon-style-2 a:last-child {
  margin-right: 0px;
}

.social-icon-style-2 a i {
  line-height: 30px;
  font-size: 12px;
}

.social-icon-style-2 a.facebook {
  background-color: #3b5998;
}

.social-icon-style-2 a.facebook:hover {
  opacity: .9;
  color: #fff;
}

.social-icon-style-2 a.twitter {
  background-color: #1da1f2;
}

.social-icon-style-2 a.twitter:hover {
  opacity: .9;
  color: #fff;
}

.social-icon-style-2 a.instagram {
  background-color: #bc2a8d;
}

.social-icon-style-2 a.instagram:hover {
  opacity: .9;
  color: #fff;
}

.social-icon-style-2 a.pinterest {
  background-color: #b90f16;
}

.social-icon-style-2 a.pinterest:hover {
  opacity: .9;
  color: #fff;
}

.mobile-menu-content-area .mobile-search {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: 27px;
  padding-bottom: 40px;
}

.mobile-menu-content-area .mobile-search form {
  position: relative;
}

.mobile-menu-content-area .mobile-search form input {
  background-color: rgba(255, 255, 255, 0.05);
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
  color: #BDBDBD;
}

.mobile-menu-content-area .mobile-search form button {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.09);
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: #BDBDBD;
  font-size: 15px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .mobile-menu-content-area .mobile-search form button {
    font-size: 16px;
  }
}

.mobile-menu-content-area .mobile-search form button:hover {
  color: #D9A84E;
}

.mobile-menu-content-area .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-menu-content-area .mobile-curr-lang-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  margin-bottom: 31px;
  padding-bottom: 37px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  padding-top: 25px;
  margin-top: 33px;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 15px;
  display: block;
  color: #BDBDBD;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 14px;
  position: relative;
  top: 5px;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #BDBDBD;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: #D9A84E;
}

.mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang {
    margin-bottom: 5px;
  }

  .mobile-menu-content-area .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
    margin-bottom: 0;
  }
}

.header-sidebar-wrap-all {
  padding: 120px 55px 50px;
  width: 375px;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-sidebar-wrap-all {
    padding: 80px 30px 50px;
    width: 275px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-sidebar-wrap-all {
    padding: 80px 30px 50px;
    width: 270px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-sidebar-wrap-all {
    padding: 50px 20px 50px;
    width: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-sidebar-wrap-all {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-sidebar-wrap-all {
    display: none;
  }
}

.header-sidebar-wrap-all .header-sidebar-wrap {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.clickable-mainmenu-style-2 {
  padding: 95px 0 95px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .clickable-mainmenu-style-2 {
    padding: 55px 0 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .clickable-mainmenu-style-2 {
    padding: 55px 0 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu-style-2 {
    padding: 45px 0 45px;
  }
}

.clickable-mainmenu-style-2>nav ul>li {
  padding-bottom: 48px;
  display: block;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .clickable-mainmenu-style-2>nav ul>li {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .clickable-mainmenu-style-2>nav ul>li {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu-style-2>nav ul>li {
    padding-bottom: 20px;
  }
}

.clickable-mainmenu-style-2>nav ul>li:last-child {
  padding-bottom: 0;
}

.clickable-mainmenu-style-2>nav ul>li a {
  display: inline-block;
  font-size: 24px;
  color: #1b1b1b;
  font-weight: bold;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .clickable-mainmenu-style-2>nav ul>li a {
    font-size: 20px;
  }
}

.clickable-mainmenu-style-2>nav ul>li a i {
  margin-left: 5px;
  font-size: 18px;
}

.clickable-mainmenu-style-2>nav ul>li:hover>a {
  color: #D9A84E;
}

.clickable-mainmenu-style-2>nav ul>li ul {
  padding: 18px 0 0px 0px;
}

.clickable-mainmenu-style-2>nav ul>li ul li {
  padding-bottom: 6px;
}

.clickable-mainmenu-style-2>nav ul>li ul li:last-child {
  padding-bottom: 0;
}

.clickable-mainmenu-style-2>nav ul>li ul li a {
  font-size: 16px;
  color: #444;
}

.clickable-mainmenu-style-2>nav ul>li ul li a i {
  position: relative;
  top: 1px;
  font-size: 14px;
}

.clickable-mainmenu-style-2>nav ul>li ul li ul {
  padding: 18px 0 0px 18px;
}

.clickable-mainmenu-style-2>nav ul>li ul li ul li a {
  font-size: 14px;
}

.header-sidebar-footer {
  border-top: 1px solid #a3a3a3;
  border-bottom: 1px solid #a3a3a3;
  padding: 38px 0 35px;
}

.header-sidebar-footer h3 {
  color: #1b1b1b;
  margin: 0;
  font-size: 14px;
}

.header-sidebar-footer .footer-sidebar-widget {
  margin: 15px 0 47px;
}

.header-sidebar-footer .footer-sidebar-widget p {
  font-size: 11px;
  color: #1b1b1b;
  margin: 0 0 3px;
}

.header-sidebar-footer .footer-sidebar-widget p:last-child {
  margin: 0 0 0px;
}

.search-3-area {
  position: relative;
}

.search-3-area .search-toggle {
  z-index: 99;
}

.search-3-area .search-toggle i {
  display: block;
}

.search-3-area .search-toggle i.s-close {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.search-3-area .search-toggle .s-close {
  opacity: 0;
}

.search-3-area .search-toggle.open .s-close {
  opacity: 1;
}

.search-3-area .search-toggle.open .s-open {
  opacity: 0;
}

.search-wrap-3 {
  background-color: transparent;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 340px;
  z-index: -99;
  padding-bottom: 1px;
  margin-right: 10px;
}

.search-wrap-3 form {
  position: relative;
  overflow: hidden;
}

.search-wrap-3 form input {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #393939;
  line-height: 30px;
  padding: 2px 20px;
  width: 100%;
}

.search-wrap-3 form input::-moz-input-placeholder {
  color: #393939;
  opacity: 1;
}

.search-wrap-3 form input::-webkit-input-placeholder {
  color: #393939;
  opacity: 1;
}

.search-wrap-3.open {
  opacity: 1;
  right: 100%;
  visibility: visible;
  z-index: 99;
}

.category-menu {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  background-color: #D9A84E;
  padding: 33px 0 35px;
  box-shadow: 0 0 30px 0.4px rgba(0, 0, 0, 0.1);
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .category-menu {
    left: 50%;
    transform: translateX(-50%);
  }
}

.category-menu nav>ul>li {
  margin-bottom: 10px;
  position: relative;
}

.category-menu nav>ul>li:last-child {
  margin-bottom: 0px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .category-menu nav>ul>li {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .category-menu nav>ul>li {
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-menu nav>ul>li {
    margin-bottom: 6px;
  }
}

.category-menu nav>ul>li>a {
  padding: 5px 20px;
  display: block;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}

.category-menu nav>ul>li>a span {
  float: right;
  font-size: 14px;
  position: relative;
  top: 1px;
}

.category-menu nav>ul>li>a i {
  font-size: 18px;
  margin-right: 5px;
  margin-top: 0;
  position: relative;
  display: inline-block;
  top: 2px;
  color: #D9A84E;
}

.category-menu nav>ul>li .category-menu-dropdown {
  position: absolute;
  left: 100%;
  top: -22px;
  width: 570px;
  background-color: #fff;
  padding: 30px 52px 40px 30px;
  transform: rotateX(90deg);
  transform-origin: center top 0;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  z-index: 99;
  box-shadow: 0 0 30px 0.4px rgba(0, 0, 0, 0.1);
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu {
  display: inline-block;
  width: 50%;
  float: left;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu.ct-menu-mrg-bottom {
  margin-bottom: 40px;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu.ct-menu-mrg-left {
  padding-left: 38px;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu.category-menu-border {
  position: relative;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu h4 {
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu ul li {
  padding: 0 0 9px;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu ul li:last-child {
  padding: 0 0 0px;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu ul li a {
  font-size: 13px;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu ul li a:hover {
  color: #D9A84E;
}

.category-menu nav>ul>li .category-menu-dropdown .single-category-menu>a img {
  width: 100%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .category-menu nav>ul>li .category-menu-dropdown.ct-menu-res-height-1 {
    height: 280px;
    overflow-y: auto;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .category-menu nav>ul>li .category-menu-dropdown.ct-menu-res-height-1 {
    height: 280px;
    overflow-y: auto;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-menu nav>ul>li .category-menu-dropdown.ct-menu-res-height-1 {
    height: 280px;
    overflow-y: auto;
  }
}

.category-menu nav>ul>li>.cr-menu-desktop-none {
  display: none;
  padding: 15px 0 0 60px;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li {
  padding: 0 0 6px;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li:last-child {
  padding: 0 0 0px;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li>a {
  display: block;
  padding: 0 40px 0 0;
  font-size: 11px;
  letter-spacing: 1.82px;
  text-transform: uppercase;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu nav>ul>li>.cr-menu-desktop-none>li>a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
  }
}

@media only screen and (max-width: 767px) {
  .category-menu nav>ul>li>.cr-menu-desktop-none>li>a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
  }
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li>a span {
  top: 4px;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li>a i {
  float: right;
  font-size: 12px;
  top: 7px;
  position: relative;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li ul {
  padding: 10px 0 0;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li ul li {
  padding-bottom: 3px;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li ul li:last-child {
  padding-bottom: 0px;
}

.category-menu nav>ul>li>.cr-menu-desktop-none>li ul li a {
  padding: 0 0px 0 20px;
  font-size: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-menu nav>ul>li>.cr-menu-desktop-none>li ul li a {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 767px) {
  .category-menu nav>ul>li>.cr-menu-desktop-none>li ul li a {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
  }
}

.category-menu nav>ul>li:hover>a,
.category-menu nav>ul>li:hover>a span {
  color: #D9A84E;
}

.category-menu nav>ul>li:hover .category-menu-dropdown {
  transform: rotateX(0deg);
  visibility: visible;
}

.category-menu-2 {
  padding: 24px 0 27px;
}

.category-menu-2 nav ul {
  display: flex;
  justify-content: center;
}

.category-menu-2 nav ul li {
  margin: 0 50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .category-menu-2 nav ul li {
    margin: 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .category-menu-2 nav ul li {
    margin: 0 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .category-menu-2 nav ul li {
    margin: 0 15px;
  }
}

.category-menu-2 nav ul li a {
  font-size: 16px;
  font-weight: 600;
  color: #1b1b1b;
  letter-spacing: .13px;
  display: inline-block;
  position: relative;
}

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

.category-menu-2 nav ul li a::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 37%;
  bottom: -32px;
  width: 20%;
  height: 4px;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  background-color: #D9A84E;
}

.category-menu-2 nav ul li a.active::after {
  width: calc(100%);
  opacity: 1;
}

.category-menu-2 nav ul li:hover>a::after {
  width: calc(100%);
  opacity: 1;
}

.kid-main-menu-wrap {
  margin-bottom: -112px;
  z-index: 999;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .kid-main-menu-wrap {
    margin-bottom: -80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kid-main-menu-wrap {
    margin-bottom: -50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kid-main-menu-wrap {
    margin-bottom: -50px;
  }
}

.kid-main-menu-wrap .kid-menu-bg-img {
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .kid-main-menu-wrap .kid-menu-bg-img {
    height: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kid-main-menu-wrap .kid-menu-bg-img {
    height: 85px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kid-main-menu-wrap .kid-menu-bg-img {
    height: 78px;
  }
}

.kid-main-menu-wrap .kid-menu-bg-img .kid-main-menu {
  padding-top: 30px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .kid-main-menu-wrap .kid-menu-bg-img .kid-main-menu {
    padding-top: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kid-main-menu-wrap .kid-menu-bg-img .kid-main-menu {
    padding-top: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kid-main-menu-wrap .kid-menu-bg-img .kid-main-menu {
    padding-top: 12px;
  }
}

.header-ptb-3 {
  padding: 57px 0 30px;
}

/*-------- 3. Slider style ---------*/
.slider-height-1 {
  height: 810px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-1 {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 500px;
  }
}

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

.slider-height-2 {
  height: 790px;
}

.slider-height-2 .row {
  height: 100%;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-2 {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-2 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 300px;
  }
}

.slider-height-3 {
  height: 910px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-3 {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 400px;
  }
}

.slider-height-4 {
  height: 880px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-4 {
    height: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-4 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-4 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 400px;
  }
}

.slider-height-5 {
  height: 879px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-5 {
    height: 700px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-5 {
    height: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-5 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-5 {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-5 {
    height: 550px;
  }
}

.slider-height-6 {
  height: 1050px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-6 {
    height: 700px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-6 {
    height: 650px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-6 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-6 {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-6 {
    height: 400px;
  }
}

.slider-height-7 {
  height: 890px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-7 {
    height: 650px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-7 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-7 {
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-7 {
    height: 420px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-7 {
    height: 400px;
  }
}

.slider-height-8 {
  height: 878px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-8 {
    height: 650px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-8 {
    height: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-8 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-8 {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-8 {
    height: 550px;
  }
}

.slider-height-9 {
  height: 1093px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-9 {
    height: 777px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-9 {
    height: 777px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-9 {
    height: 600px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-9 {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-9 {
    height: 600px;
    background-position: 70%;
  }
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-pl-1 {
    padding-left: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-pl-1 {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-pl-1 {
    padding-left: 20px;
  }
}

.main-slider-content-1 span {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3.6px;
  color: #1b1b1b;
}

.main-slider-content-1 h1 {
  font-size: 46px;
  font-weight: 600;
  color: #1b1b1b;
  line-height: 62px;
  margin: 3px 0 62px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-slider-content-1 h1 {
    margin: 3px 0 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-slider-content-1 h1 {
    margin: 3px 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-content-1 h1 {
    margin: 3px 0 20px;
    line-height: 43px;
    font-size: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-content-1 h1 {
    margin: 3px 0 25px;
    line-height: 40px;
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-1 h1 {
    font-size: 30px;
    line-height: 35px;
    margin: 3px 0 30px;
  }
}

.slider-btn-1 a {
  display: inline-block;
  font-size: 16px;
  color: #1b1b1b;
  line-height: 1;
  z-index: 2;
}

.slider-btn-1 a.slider-btn-1-bg-white {
  background-color: #fff;
}

.slider-btn-1 a.slider-btn-1-ptb {
  padding: 20px 38px 23px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn-1 a.slider-btn-1-ptb {
    padding: 15px 26px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-btn-1 a.slider-btn-1-ptb {
    padding: 12px 20px 15px;
  }
}

.slider-btn-1 a.slider-btn-1-border-1 {
  border: 2px solid #c8c8c8;
  transition: all .5s ease-in-out 0s;
}

.slider-btn-1 a.slider-btn-1-border-1:hover {
  border: 2px solid #f2c456;
}

.slider-btn-2 a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  z-index: 2;
  font-family: "Rufina", serif;
}

.slider-btn-2 a.slider-btn-2-bg-yellow {
  background-color: #D9A84E;
}

.slider-btn-2 a.slider-btn-2-bg-white {
  background-color: #fff;
}

.slider-btn-2 a.slider-btn-2-text-black {
  color: #1b1b1b;
}

.slider-btn-2 a.slider-btn-2-ptb {
  padding: 22px 58px 24px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn-2 a.slider-btn-2-ptb {
    padding: 18px 40px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-btn-2 a.slider-btn-2-ptb {
    padding: 12px 20px 15px;
  }
}

.slider-btn-2 a.slider-btn-3-ptb {
  padding: 22px 36px 21px;
}

@media only screen and (max-width: 767px) {
  .slider-btn-2 a.slider-btn-3-ptb {
    padding: 16px 20px 15px;
  }
}

.slider-nav-position-1 .owl-nav {
  position: absolute;
  left: 120px;
  bottom: 85px;
  display: flex;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-nav-position-1 .owl-nav {
    bottom: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-nav-position-1 .owl-nav {
    bottom: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-nav-position-1 .owl-nav {
    bottom: 50px;
    left: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-nav-position-1 .owl-nav {
    bottom: 70px;
    left: 41px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-nav-position-1 .owl-nav {
    bottom: 50px;
    left: 10px;
  }
}

.slider-nav-style-1 .owl-nav div {
  margin: 0 10px;
  font-size: 53px;
  color: #191919;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-nav-style-1 .owl-nav div {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-nav-style-1 .owl-nav div {
    font-size: 35px;
  }
}

.slider-nav-style-1 .owl-nav div:hover {
  color: #444;
}

.slider-area .main-slider-content-2 span {
  animation-delay: 1.0s;
  animation-name: fadeInDown;
}

.slider-area .main-slider-content-2 h1,
.slider-area .main-slider-content-2 h2 {
  animation-delay: 1.3s;
  animation-name: fadeInLeft;
}

.slider-area .main-slider-content-2 a {
  animation-delay: 1.6s;
  animation-name: fadeInUp;
}

.slider-area .main-slider-content-2 h1,
.slider-area .main-slider-content-2 h2 {
  animation-delay: 1.3s;
  animation-name: fadeInLeft;
}

.slider-area .main-slider-content-2 span {
  animation-delay: 1.0s;
  animation-name: fadeInDown;
}

.slider-area .main-slider-content-2 a {
  animation-delay: 1.6s;
  animation-name: fadeInUp;
}

.slider-area {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.pt-30 {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.pt-30 {
    padding-top: 0px;
  }
}

.main-slider-content-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: absolute;
  right: 0;
  left: 0;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-content-2 {
    padding-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-content-2 {
    flex: 0 0 100%;
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-2 {
    flex: 0 0 100%;
    padding-top: 0px;
    margin: auto;
  }
}

.main-slider-content-2 h1 {
  text-align: center;
  color: #D9A84E;
  margin: 0 0 30px 0;
  line-height: 44px;
  text-transform: capitalize;
}

@media screen and (min-width: 1024px) {
  .main-slider-content-2 h3 {
    text-align: center;
    color: #fff;
    margin: 0 0 10px 0;
    line-height: 44px;
    text-transform: capitalize;
  }
}

@media screen and (max-width: 1024px) {
  .main-slider-content-2 h3 {
    text-align: center;
    color: #D9A84E;
    margin: 0 0 30px 0;
    line-height: 34px;
    text-transform: capitalize;
  }
}


.main-slider-content-2 h1 span {
  font-size: 80px;
  line-height: 120px;

  padding: 0 20px 0 0;
  border-right: 1px solid #ffffff;
  margin-right: 20px;
}

.main-slider-content-2 h1 span {
  font-size: 34px;
  line-height: 44px;

  padding: 0 20px 0 0;
  border-right: 1px solid #ffffff;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-content-2 h1 span {
    font-size: 50px;
    line-height: 50px;
    padding: 0 15px 0 0;
    margin-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-content-2 h1 span {
    font-size: 42px;
    line-height: 50px;
    padding: 0 15px 0 0;
    margin-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-2 h1 span {
    font-size: 36px;
    line-height: 42px;
    padding: 0 10px 0 0;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 1600px) {
  .main-slider-content-2 h1 {
    margin: 0 0 30px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-content-2 h1 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-content-2 h1 {
    font-size: 42px;
    line-height: 50px;
    margin: 0 0 25px 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-2 h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 20px 0;
  }
}

.main-slider-content-2 .Button-Widget-genesis .Button-Widget {
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

@media only screen and (max-width: 767px) {
  .main-slider-content-2 .Button-Widget-genesis .Button-Widget {
    text-transform: none;
    letter-spacing: 1px;
  }
}

.main-slider-content-2 p {
  font-size: 14px;
  line-height: 30px;
  color: #333333;
  margin: 2px 0 30px;
  width: 50%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-slider-content-2 p {
    width: 90%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-slider-content-2 p {
    width: 90%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-slider-content-2 p {
    width: 95%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-slider-content-2 p {
    width: 95%;
    margin: 2px 0 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-2 p {
    font-size: 14px;
    line-height: 20px;
    margin: 10px auto;
    width: 98%;
  }
}

@media only screen and (max-width: 767px) {
  .main-slider-content-2 p {
    display: none;
  }
}

.slider-nav-position-2 .owl-nav div {
  position: absolute;
  top: 50%;
  transform: 50%;
  left: 20px;
  z-index: 9;
  color: #333333;
  font-size: 35px;
  transition: all .3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.slider-nav-position-2 .owl-nav div:hover {
  color: #D9A84E;
}

.slider-nav-position-2 .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}

.slider-nav-position-2:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.main-hero-content-1 h1 {
  color: #1b1b1b;
  margin: 0 0 55px;
  font-weight: bold;
  font-family: "Rufina", serif;
  font-size: 66px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-1 h1 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-1 h1 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-1 h1 {
    font-size: 45px;
    margin: 0 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-1 h1 {
    font-size: 45px;
    margin: 0 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-1 h1 {
    font-size: 30px;
    margin: 0 0 30px;
  }
}

.main-hero-content-1 .coupoun-version-wrap {
  margin-top: 51px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-1 .coupoun-version-wrap {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-1 .coupoun-version-wrap {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-1 .coupoun-version-wrap {
    margin-top: 30px;
  }
}

.main-hero-content-1 .coupoun-version-wrap a {
  color: #1b1b1b;
  display: inline-block;
  font-size: 18px;
  font-family: "Rufina", serif;
  margin-right: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-1 .coupoun-version-wrap a {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-1 .coupoun-version-wrap a {
    margin-right: 8px;
    font-size: 15px;
  }
}

.main-hero-content-1 .coupoun-version-wrap a:last-child {
  margin-right: 0px;
}

.main-hero-content-1 .coupoun-version-wrap a:hover {
  color: #D9A84E;
}

.hero-book-img-position {
  animation-iteration-count: infinite;
  animation-name: bounce-img;
  position: absolute;
  content: "";
  right: 37%;
  bottom: 32%;
  width: 151px;
  animation-duration: 2.5s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-book-img-position {
    right: 18%;
  }
}

@media only screen and (max-width: 767px) {
  .hero-book-img-position {
    width: 65px;
    right: 15%;
    bottom: 40%;
  }
}

.hero-book-img-position img {
  width: 100%;
}

.main-hero-content-2 .welcome-flower h3 {
  color: #ffffff;
  font-size: 32px;
  margin: 0;
  display: inline-block;

  position: relative;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .main-hero-content-2 .welcome-flower h3 {
    font-size: 21px;
  }
}

.main-hero-content-2 .welcome-flower h3:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 240px;
  background-color: #d8d8d8;
  left: auto;
  right: calc(100% + 55px);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-2 .welcome-flower h3:before {
    width: 180px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-2 .welcome-flower h3:before {
    width: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-2 .welcome-flower h3:before {
    width: 100px;
    right: calc(100% + 30px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-2 .welcome-flower h3:before {
    width: 100px;
    right: calc(100% + 30px);
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-2 .welcome-flower h3:before {
    width: 15px;
    right: calc(100% + 5px);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-hero-content-2 .welcome-flower h3:before {
    width: 80px;
    right: calc(100% + 20px);
  }
}

.main-hero-content-2 .welcome-flower h3:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 240px;
  background-color: #d8d8d8;
  right: auto;
  left: calc(100% + 55px);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-2 .welcome-flower h3:after {
    width: 180px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-2 .welcome-flower h3:after {
    width: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-2 .welcome-flower h3:after {
    width: 100px;
    left: calc(100% + 30px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-2 .welcome-flower h3:after {
    width: 100px;
    left: calc(100% + 30px);
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-2 .welcome-flower h3:after {
    width: 15px;
    left: calc(100% + 5px);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-hero-content-2 .welcome-flower h3:after {
    width: 80px;
    left: calc(100% + 20px);
  }
}

.main-hero-content-2 h1 {
  color: #ffffff;
  font-size: 66px;
  margin: 13px 0 60px;
  font-weight: bold;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-2 h1 {
    font-size: 48px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-2 h1 {
    font-size: 55px;
    margin: 13px 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-2 h1 {
    font-size: 37px;
    margin: 10px 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-2 h1 {
    font-size: 37px;
    margin: 10px 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-2 h1 {
    font-size: 28px;
    margin: 5px 0 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-hero-content-2 h1 {
    font-size: 35px;
  }
}

.slider-btn-4 a {
  color: #1b1b1b;
  font-weight: bold;

  font-size: 16px;
  display: inline-block;
  background-color: #fff;
  padding: 16px 60px 18px;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-btn-4 a {
    padding: 12px 35px 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-btn-4 a {
    padding: 12px 35px 16px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-btn-4 a {
    padding: 10px 30px 12px;
    font-size: 15px;
  }
}

.main-hero-content-3 {
  margin-right: -135px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-3 {
    margin-right: -50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-3 {
    margin-right: 0px;
  }

  .main-hero-content-3.pt-80 {
    padding-top: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-3 {
    margin-right: 0px;
  }

  .main-hero-content-3.pt-80 {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-3 {
    margin-right: 0px;
  }

  .main-hero-content-3.pt-80 {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-3 {
    margin-right: 0px;
  }
}

.main-hero-content-3 .handmade-leaf-img {
  animation-duration: 2.5s;
  animation-name: bounce-img;
  animation-iteration-count: infinite;
}

.main-hero-content-3 .handmade-leaf-img img {
  width: 156px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-3 .handmade-leaf-img img {
    width: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-3 .handmade-leaf-img img {
    width: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-3 .handmade-leaf-img img {
    width: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-3 .handmade-leaf-img img {
    width: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-3 .handmade-leaf-img img {
    width: 80px;
  }
}

.main-hero-content-3 h1 {
  color: #fff;
  font-size: 66px;
  font-weight: bold;

  margin: 6px 0 22px;
  font-style: italic;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-3 h1 {
    margin: 6px 0 12px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-3 h1 {
    margin: 6px 0 12px;
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-3 h1 {
    margin: 6px 0 12px;
    font-size: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-3 h1 {
    margin: 6px 0 12px;
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-3 h1 {
    margin: 25px 0 12px;
    font-size: 27px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-hero-content-3 h1 {
    margin: 30px 0 12px;
    font-size: 34px;
  }
}

.main-hero-content-3 p {
  color: #fff;
  font-size: 18px;
  line-height: 36px;
  margin: 0px auto 43px;
  width: 65%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-3 p {
    margin: 0px auto 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-3 p {
    margin: 0px auto 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-3 p {
    margin: 0px auto 20px;
    width: 70%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-3 p {
    margin: 0px auto 20px;
    width: 72%;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-3 p {
    margin: 0px auto 30px;
    line-height: 30px;
    font-size: 16px;
    width: 92%;
  }
}

.main-hero-content-4 {
  position: relative;
  z-index: 9;
}

.main-hero-content-4 h1 {
  font-size: 130px;
  font-weight: bold;
  color: #fff;
  letter-spacing: .77px;
  margin: 0 0 8px;
  line-height: 1;
  text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.5);
}

.main-hero-content-4 h1 span {
  margin-left: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-4 h1 span {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-4 h1 span {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-4 h1 {
    font-size: 100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-4 h1 {
    font-size: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-4 h1 {
    font-size: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-4 h1 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-4 h1 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .main-hero-content-4 h1 {
    font-size: 45px;
    margin: 0 0 20px;
  }
}

.main-hero-content-5 {
  margin-left: 33px;
  margin-top: 130px;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-5 {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-5 {
    margin-top: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-5 {
    margin-top: 0px;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-5 {
    margin-top: 0px;
    margin-left: 0px;
  }
}

.main-hero-content-5 h1 {
  color: #1b1b1b;
  font-size: 66px;
  line-height: 78px;

  margin: 0 0 62px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-hero-content-5 h1 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-hero-content-5 h1 {
    font-size: 40px;
    line-height: 55px;
    margin: 0 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-hero-content-5 h1 {
    font-size: 38px;
    line-height: 50px;
    margin: 0 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-hero-content-5 h1 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .main-hero-content-5 h1 {
    font-size: 24px;
    line-height: 35px;
    margin: 0 0 20px;
  }
}

.furniture-slider-wrap {
  position: relative;
  padding-left: 525px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .furniture-slider-wrap {
    padding-left: 425px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .furniture-slider-wrap {
    padding-left: 325px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .furniture-slider-wrap {
    padding-left: 225px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .furniture-slider-wrap {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .furniture-slider-wrap {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .furniture-slider-wrap {
    padding-left: 100px;
  }
}

.default-overlay.kids-slider-overlay::before {
  background-color: #000;
  opacity: .1;
}

.pet-single-slider-wrap {
  padding: 0 0 38px 50px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-single-slider-wrap {
    padding: 0 0 20px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-single-slider-wrap {
    padding: 0 0 15px 15px;
  }
}

.pet-single-slider-wrap::before {
  position: absolute;
  content: "";
  left: 50px;
  top: 99px;
  width: 0;
  height: 0;
  z-index: 99;
  border-top: 191px solid #ffc68b;
  border-right: 190px solid transparent;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .pet-single-slider-wrap::before {
    top: 65px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pet-single-slider-wrap::before {
    top: 45px;
    border-top: 150px solid #ffc68b;
    border-right: 150px solid transparent;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pet-single-slider-wrap::before {
    top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pet-single-slider-wrap::before {
    top: 0px;
    left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pet-single-slider-wrap::before {
    top: 0px;
    left: 0px;
    border-top: 100px solid #ffc68b;
    border-right: 100px solid transparent;
  }
}

.single-main-slider-gradient {
  position: relative;
  height: 100%;
  border-radius: 300px 211px 190px 160px;
  background: linear-gradient(to right, #fee8aa, #ffdf24);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-main-slider-gradient {
    border-radius: 100px 130px 150px 130px;
  }
}

@media only screen and (max-width: 767px) {
  .single-main-slider-gradient {
    border-radius: 100px 130px 100px 80px;
  }
}

.single-main-slider-gradient .slider-pet-img {
  position: absolute;
  bottom: -94px;
  right: -50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-main-slider-gradient .slider-pet-img {
    bottom: -70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-main-slider-gradient .slider-pet-img {
    bottom: -65px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-main-slider-gradient .slider-pet-img {
    bottom: -60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-main-slider-gradient .slider-pet-img {
    bottom: 0px;
    right: -40px;
  }
}

@media only screen and (max-width: 767px) {
  .single-main-slider-gradient .slider-pet-img {
    right: auto !important;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-main-slider-gradient .slider-pet-img {
    right: 0 !important;
    left: auto;
    transform: inherit;
    bottom: 115px;
  }
}

.slider-pet-img img {
  width: 983px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-pet-img img {
    width: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-pet-img img {
    width: 600px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-pet-img img {
    width: 480px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-pet-img img {
    width: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-pet-img img {
    width: 120px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-pet-img img {
    width: 200px;
  }
}

.pets-contact-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 99;
  flex-wrap: wrap;
  padding: 65px 80px 0px 75px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .pets-contact-wrap {
    padding: 65px 0px 0px 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pets-contact-wrap {
    padding: 65px 0px 0px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pets-contact-wrap {
    padding: 45px 30px 0px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pets-contact-wrap {
    padding: 25px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .pets-contact-wrap {
    padding: 20px 0px 25px 0px;
    text-align: center;
    display: block;
  }
}

.pet-slider-area {
  overflow: hidden;
}

.pet-slider-area .pets-slider-shape {
  margin-top: -26px;
}

.pet-slider-area .pets-slider-shape img {
  max-width: 100%;
}

.container-bcg {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
  min-height: 100vh;
}

/* Slide 2 */
#single-main-slider-2 h2 {
  position: fixed;
  top: 70%;
}

/* Slide 1 */
#single-main-slider-1 .container-bcg {
  background-image: url("../images/slider/slider-1.jpg");
}

#single-main-slider-2 .container-bcg {
  background-image: url("../images/slider/slider-2.jpg");
}

.home-02 h1,
.home-03 h1 {
  color: #ffffff;
  font-size: 60px;
  line-height: 70px;
}

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

  .home-02 h1,
  .home-03 h1 {
    font-size: 50px;
    line-height: 50px;
  }
}

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

  .home-02 h1,
  .home-03 h1 {
    font-size: 42px;
    line-height: 50px;
  }
}

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

  .home-02 h1,
  .home-03 h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

.home-02 .slider-area .single-main-slider {
  position: relative;
  z-index: 1;
}

.home-02 .slider-area .single-main-slider:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

.home-03 .slider-area {
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .slider-area.pt-30 {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .home-03 .slider-area.pt-30 {
    padding-top: 0px;
  }
}

.home-03 .slider-area .single-main-slider {
  position: relative;
  z-index: 1;
}

.home-03 .main-slider-content-2 {
  align-items: center;
  height: 100%;
  position: relative;
  flex: 0 0 100%;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .main-slider-content-2 {
    padding-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .main-slider-content-2 {
    flex: 0 0 100%;
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .home-03 .main-slider-content-2 {
    flex: 0 0 100%;
    padding-top: 0px;
    margin: auto;
  }
}

.home-03 .main-slider-content-2 h1 {
  color: #D9A84E;
}

.home-03 .slider-nav-style-2 .owl-dots {
  position: absolute;
  bottom: 0;
  z-index: 9;
  text-align: center;
  left: auto;
  right: 15px;
  top: 0;
  margin: auto;
  height: 60px;
}

.home-03 .slider-nav-style-2 .owl-dots .owl-dot {
  display: flex;
}

.home-03 .slider-nav-style-2 .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #D9A84E;
  display: inline-block;
  border-radius: 50%;
  margin: 5px 0px;
}

.home-03 .slider-nav-style-2 .owl-dots .owl-dot.active span {
  background: #D9A84E;
}

/*-------- 20. Breadcrumb style ---------*/
.breadcrumb-ptb-1 {
  padding: 50px 0;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-ptb-1 {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 320px) {
  .breadcrumb-ptb-1 {
    padding: 20px 0;
  }
}

.breadcrumb-ptb-2 {
  padding: 0px 0 23px;
}

.breadcrumb-content {
  position: relative;
  z-index: 2;
}

.breadcrumb-content .breadcrumb-title p {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content .breadcrumb-title p {
    line-height: 20px;
  }
}

.breadcrumb-content .breadcrumb-title h2 {
  font-size: 24px;
  color: #343434;
  margin: 0;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .breadcrumb-title h2 {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-content .breadcrumb-title h2 {
    font-size: 14px;
    line-height: 22px;
  }
}

.breadcrumb-content ul li {
  display: inline-block;
  margin: 0 2px;
  text-transform: capitalize;
  color: #737373;
}

.breadcrumb-content ul li span {
  margin-right: 4px;
  display: inline-block;
  margin: 6px 4px 0 0;
  line-height: 1;
  position: relative;
  top: 1px;
}

.breadcrumb-content ul li a {
  text-transform: capitalize;
  color: #181818;
}

.breadcrumb-content ul li a:hover {
  color: #D9A84E;
}

/*-------- 23. Sidebar style ---------*/
.sidebar-widget {
  display: block;
  overflow: hidden;
  border: 4px double #A0AABA2B;
  padding: 20px;
}

.sidebar-widget h4.pro-sidebar-title {
  font-size: 20px;
  margin: 0;
  color: #1D1D1D;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget h4.pro-sidebar-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget h4.pro-sidebar-title {
    font-size: 20px;
    letter-spacing: 1px;
  }
}

.sidebar-widget h4.pro-sidebar-title2 {
  font-size: 18px;
  margin: 0;
  color: #333333;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 5px;
  border-bottom: 1px solid #262626;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget h4.pro-sidebar-title2 {
    font-size: 20px;
    letter-spacing: 1px;
  }
}

.sidebar-widget .sidebar-widget-categories>ul>li {
  display: block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-widget-categories>ul>li {
    margin-bottom: 10px;
  }
}

.sidebar-widget .sidebar-widget-categories>ul>li:last-child {
  margin-bottom: 0px;
}

.sidebar-widget .sidebar-widget-categories>ul>li>a {
  color: #1D1D1D;
  font-size: 14px;
  padding: 7px 10px;
  font-weight: 600;
  letter-spacing: 1px;
}

.sidebar-widget .sidebar-widget-categories>ul>li>a:hover {
  color: #fff;
  font-size: 14px;
  background-color: #D9A84E;
  padding: 7px 10px;
  font-weight: 600;
  letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-widget-categories>ul>li>a {
    font-size: 14px;
    letter-spacing: 1px;
  }
}

.sidebar-widget .sidebar-widget-categories>ul>li>a span.menu-expand {
  margin-left: 12px;
}

.sidebar-widget .sidebar-widget-categories>ul>li ul {
  margin-top: 20px;
  margin-bottom: 35px;
}

.sidebar-widget .sidebar-widget-categories>ul>li ul li {
  margin-bottom: 11px;
}

.sidebar-widget .sidebar-widget-categories>ul>li ul li:last-child {
  margin-bottom: 0px;
}

.sidebar-widget .sidebar-widget-categories>ul>li ul li a {
  color: #707070;
  font-size: 12px;
  letter-spacing: 1px;
}

.sidebar-widget .sidebar-widget-categories>ul>li ul li a:hover {
  color: #1D1D1D;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-widget-categories.mt-50 {
    margin-top: 20px;
  }
}

.sidebar-widget .price-filter #slider-range {
  background: #eee none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 5px;
  margin-bottom: 12px;
  margin-left: auto;
}

.sidebar-widget .price-filter #slider-range span {
  transition: all .0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #1D1D1D none repeat scroll 0 0;
  border: none;
  transition: all .0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-handle {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 20px;
  margin-left: 0;
  width: 20px;
  border: 1px solid #979797;
  top: -8px;
  cursor: ew-resize;
}

.sidebar-widget .price-filter .price-slider-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-widget .price-filter .price-slider-amount {
    display: block;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget .price-filter .price-slider-amount {
    display: block;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .price-filter .price-slider-amount {
    display: block;
  }
}

.sidebar-widget .price-filter .price-slider-amount .label-input {
  display: flex;
  align-items: center;
}

.sidebar-widget .price-filter .price-slider-amount .label-input span {
  font-size: 14px;
  margin-right: 5px;
  color: #1D1D1D !important;
}

.sidebar-widget .price-filter .price-slider-amount .label-input input {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 400;
  width: 60%;
  height: auto;
  color: #1D1D1D !important;
}

.sidebar-widget .price-filter .price-slider-amount button {
  background-color: transparent;
  padding: 6px 28px;
  border: 2px solid #1D1D1D;
  font-size: 11px;
  font-weight: bold;
  color: #1D1D1D;
  text-transform: uppercase;
  transition: all 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .price-filter .price-slider-amount button {
    padding: 5px 22px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-widget .price-filter .price-slider-amount button {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget .price-filter .price-slider-amount button {
    margin-top: 10px;
  }
}

.sidebar-widget .price-filter .price-slider-amount button:hover {
  background-color: #D9A84E;
  color: #fff;
  border: 2px solid #D9A84E;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .price-filter.mt-60 {
    margin-top: 30px;
  }
}

.sidebar-widget .sidebar-widget-size ul li,
.sidebar-widget .sidebar-widget-tags ul li {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 10px;
}

.sidebar-widget .sidebar-widget-size ul li a,
.sidebar-widget .sidebar-widget-tags ul li a {
  border: 1px solid #D8D8D8;
  padding: 7px 15px;
  display: block;
  transition: all 0.3s;
  color: #1D1D1D;
}

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

  .sidebar-widget .sidebar-widget-size ul li a,
  .sidebar-widget .sidebar-widget-tags ul li a {
    padding: 9px 14px;
  }
}

.sidebar-widget .sidebar-widget-size ul li a.widget-more-content,
.sidebar-widget .sidebar-widget-tags ul li a.widget-more-content {
  border: none;
  color: #C3832D;
  padding: 13px 10px;
}

.sidebar-widget .sidebar-widget-size ul li a.widget-more-content:hover,
.sidebar-widget .sidebar-widget-tags ul li a.widget-more-content:hover {
  background-color: transparent;
  color: #D9A84E;
  border: none;
}

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

  .sidebar-widget .sidebar-widget-size ul li a,
  .sidebar-widget .sidebar-widget-tags ul li a {
    padding: 6px 10px;
  }
}

.sidebar-widget .sidebar-widget-size ul li a:hover,
.sidebar-widget .sidebar-widget-tags ul li a:hover {
  background-color: #D9A84E;
  color: #fff;
  border: 1px solid #D9A84E;
}

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

  .sidebar-widget .sidebar-widget-size.mt-55,
  .sidebar-widget .sidebar-widget-tags.mt-55 {
    margin-top: 25px;
  }
}

.sidebar-widget .sidebar-widget-brand ul li {
  align-items: center;
  position: relative;
  padding: 0px 0 13px;
}

.sidebar-widget .sidebar-widget-brand ul li:last-child {
  padding: 0px 0 0px;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left {
  position: relative;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
  width: auto;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left input:checked~.checkmark {
  background-color: #D9A84E;
  border: 1px solid #D9A84E;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left input:checked~.checkmark::after {
  display: block;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left .checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #979797;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.sidebar-widget .sidebar-widget-brand ul li .sidebar-widget-list-left .checkmark::after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 8px;
  border: solid white;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.sidebar-widget .sidebar-widget-brand ul li a {
  margin-left: 25px;
  display: block;
  color: #1D1D1D;
  letter-spacing: 1px;
}

.sidebar-widget .sidebar-widget-brand ul li a.brand-more {
  color: #C3832D;
}

.sidebar-widget .sidebar-widget-brand ul li a.brand-more:hover {
  color: #D9A84E;
}

.sidebar-widget .sidebar-widget-brand ul li a:hover {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-widget-brand.mt-50 {
    margin-top: 20px;
  }
}

.sidebar-widget .sidebar-widget-color ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sidebar-widget .sidebar-widget-color ul li {
  margin-right: 20px;
  margin-bottom: 16px;
  display: inline-block;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-widget .sidebar-widget-color ul li {
    margin-right: 12px;
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget .sidebar-widget-color ul li {
    margin-right: 13px;
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-color ul li {
    margin-right: 5px;
    margin-bottom: 12px;
  }
}

.sidebar-widget .sidebar-widget-color ul li:last-child {
  margin-right: 0;
}

.sidebar-widget .sidebar-widget-color ul li a {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.sidebar-widget .sidebar-widget-color ul li a.color-more {
  color: #C3832D;
  font-size: 14px;
  width: auto;
  height: auto;
  letter-spacing: 1px;
}

.sidebar-widget .sidebar-widget-color ul li a.color-more:hover {
  color: #D9A84E;
}

.sidebar-widget .sidebar-widget-color ul li a.active::before {
  color: #fff;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  z-index: 9;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.sidebar-widget .sidebar-widget-color ul li a.black {
  background-color: #1D1D1D;
}

.sidebar-widget .sidebar-widget-color ul li a.blue {
  background-color: #6090B6;
}

.sidebar-widget .sidebar-widget-color ul li a.green {
  background-color: #75B660;
}

.sidebar-widget .sidebar-widget-color ul li a.orange {
  background-color: #E79A9A;
}

.sidebar-widget .sidebar-widget-color ul li a.pink {
  background-color: #FF5A9F;
}

.sidebar-widget .sidebar-widget-color ul li a.gray {
  background-color: #D8D8D8;
}

.sidebar-widget .sidebar-widget-color ul li a.white {
  background-color: #f3f3f3;
}

.sidebar-widget .sidebar-widget-color ul li a.yellow {
  background-color: #A59044;
}

.sidebar-widget .sidebar-widget-color ul li a.violet {
  background-color: #714DC6;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .sidebar-widget-color.mt-50 {
    margin-top: 20px;
  }
}

.sidebar-widget .shop-sidebar-banner {
  position: relative;
  overflow: hidden;
}

.sidebar-widget .shop-sidebar-banner a img {
  width: 100%;
  transform: scale(1);
  transition: all .35s ease 0s;
}

.sidebar-widget .shop-sidebar-banner .shop-sidebar-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99;
  padding: 20px 15px;
}

.sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h5 {
    font-size: 25px;
  }
}

.sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
  color: #fff;
  font-size: 100px;
  margin: 0 0 0px;
  letter-spacing: 0;
  line-height: 80px;
  font-weight: 500;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
    font-size: 75px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
    font-size: 75px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
    font-size: 60px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .shop-sidebar-banner .shop-sidebar-content h2 {
    font-size: 90px;
    line-height: 80px;
  }
}

.sidebar-widget .shop-sidebar-banner:hover a img {
  transform: scale(1.1);
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post {
  display: flex;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-img {
  flex: 0 0 100px;
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-img img {
  width: 100%;
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content {
  margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content {
    margin-left: 10px;
  }
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 {
  font-size: 18px;
  color: #2f2f2f;

  margin: 0 0 3px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 {
    font-size: 16px;
  }
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 a {
  color: #2f2f2f;
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content h4 a:hover {
  color: #D9A84E;
}

.sidebar-widget .sidebar-post-wrap .single-sidebar-post .sidebar-post-content span {
  color: #2f2f2f;
  font-size: 12px;
}

.sidebar-widget .sidebar-widget-list-2 ul li {
  color: #1d1d1d;
  padding-bottom: 10px;
}

.sidebar-widget .sidebar-widget-list-2 ul li:last-child {
  padding-bottom: 0px;
}

.sidebar-widget .sidebar-widget-list-2 ul li a {
  color: #1d1d1d;
}

.sidebar-widget .sidebar-widget-list-2 ul li a:hover {
  color: #D9A84E;
}

.sidebar-widget .sidebar-widget-list-2 ul li span {
  float: right;
}

.sidebar-widget .archives-wrap select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #535353;
  font-size: 14px;
  height: 50px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/select.png") no-repeat scroll right 18px center;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget .archives-wrap.mt-40 {
    margin-top: 20px;
  }
}

.sidebar-widget .sidebar-widget-tags-2 ul li {
  display: inline-block;
  margin: 0 0 6px;
}

.sidebar-widget .sidebar-widget-tags-2 ul li a {
  color: #535353;
  border: 1px solid #e5e5e5;
  padding: 0 20px;
  display: inline-block;
}

.sidebar-widget .sidebar-widget-tags-2 ul li a:hover {
  color: #D9A84E;
  text-decoration: underline;
}

.sidebar-widget .blog-sidebar-banner {
  position: relative;
  overflow: hidden;
}

.sidebar-widget .blog-sidebar-banner a {
  display: block;
}

.sidebar-widget .blog-sidebar-banner a img {
  width: 100%;
  transform: scale(1);
  transition: all .5s ease 0s;
}

.sidebar-widget .blog-sidebar-banner .blog-sidebar-content {
  position: absolute;
  left: 30px;
  bottom: 50px;
}

.sidebar-widget .blog-sidebar-banner .blog-sidebar-content h3 {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  margin: 0 0 5px;
}

.sidebar-widget .blog-sidebar-banner .blog-sidebar-content h5 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 0px;
}

.sidebar-widget .blog-sidebar-banner:hover a img {
  transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-widget.mt-60 {
    margin-top: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .sidebar-widget.mb-60 {
    margin-bottom: 35px;
  }

  .sidebar-widget.mb-50 {
    margin-bottom: 25px;
  }

  .sidebar-widget.mb-55 {
    margin-bottom: 30px;
  }

  .sidebar-widget.mb-65 {
    margin-bottom: 40px;
  }

  .sidebar-widget.mt-60 {
    margin-top: 35px;
  }
}

.sidebar-search form {
  position: relative;
}

.sidebar-search form input {
  background-color: transparent;
  color: #262626;
  height: 41px;
  border: 1px solid #cdcdcd;
  padding: 2px 40px 2px 10px;
  font-size: 12px;
}

.sidebar-search form input::-moz-input-placeholder {
  color: #262626;
  opacity: 1;
}

.sidebar-search form input::-webkit-input-placeholder {
  color: #262626;
  opacity: 1;
}

.sidebar-search form .button-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #D9A84E;
  background-color: transparent;
  border: none;
  padding: 5px 20px;
  transition: all .3s ease 0s;
}

.sidebar-search form .button-search:hover {
  color: #D9A84E;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .shop-sidebar-style.mr-50 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-sidebar-style {
    padding-left: 0;
    padding-right: 0;
  }

  .shop-sidebar-style.mr-50 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar-style {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 50px;
  }

  .shop-sidebar-style.mr-50 {
    margin-right: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-sidebar-style {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 50px;
  }

  .shop-sidebar-style.mr-50 {
    margin-right: 0px;
  }
}

/*-------- 4. Section title style ---------*/
.section-title-mrg-left {
  margin-left: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-mrg-left {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-mrg-left {
    margin-left: 0px;
  }

  .section-title-mrg-left.mb-65 {
    margin-bottom: 25px;
  }
}

.section-title-1-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .section-title-1-wrap {
    display: block;
    text-align: center;
  }
}

.section-title-1-wrap .section-title-1-left {
  flex: 0 0 50%;
}

.section-title-1-wrap .section-title-1-right {
  flex: 0 0 50%;
}

.section-title-1-wrap .section-title-1-right p {
  font-size: 18px;
  line-height: 36px;
  margin: 0;
  width: 90%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-1-wrap .section-title-1-right p {
    font-size: 17px;
    line-height: 34px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-1-wrap .section-title-1-right p {
    font-size: 15px;
    line-height: 28px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-1-wrap .section-title-1-right p {
    font-size: 14px;
    line-height: 28px;
    width: 100%;
  }
}

.section-title-1-content span {
  font-weight: 600;
  letter-spacing: 3.6px;
  display: block;
}

.section-title-1-content h2 {
  font-size: 46px;
  margin: 22px 0 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-1-content h2 {
    font-size: 38px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-1-content h2 {
    font-size: 32px;
    margin: 8px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-1-content h2 {
    font-size: 28px;
    margin: 5px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-1-content h2 {
    font-size: 24px;
    margin: 5px 0 15px;
  }
}

.section-title-1-content.section-mrg-dec h2 {
  margin: 12px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-1-content.section-mrg-dec h2 {
    margin: 5px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-1-content.section-mrg-dec h2 {
    margin: 5px 0 0;
  }
}

.section-title-1-content.section-title-ntv-mrg {
  margin-left: -40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-1-content.section-title-ntv-mrg {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-1-content.section-title-ntv-mrg {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-1-content.section-title-ntv-mrg {
    margin-left: 0px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-1-content.section-title-ntv-mrg {
    margin-left: 0px;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-1-content.mb-60 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-1-content.mb-60 {
    margin-bottom: 30px;
  }

  .section-title-1-content.collection-sec-res.mb-60 {
    margin-bottom: 10px;
  }
}

.section-title-3 h2 {
  margin: 0;
  font-size: 32px;
  color: #1b1b1b;
  position: relative;
  font-weight: 500;
  display: inline-block;
  padding: 0 0 19px;
}

@media only screen and (max-width: 767px) {
  .section-title-3 h2 {
    font-size: 22px;
    padding: 0 0 10px;
  }
}

.section-title-3.st-bg-white h2 {
  background-color: #fff;
  padding: 0 77px;
}

@media only screen and (max-width: 767px) {
  .section-title-3.st-bg-white h2 {
    padding: 0 10px;
  }
}

.section-title-3.st-mrg-botton {
  margin-bottom: -19px;
}

@media only screen and (max-width: 767px) {
  .section-title-3.st-mrg-botton {
    margin-bottom: -15px;
  }
}

.section-title-3.st-fredoka h2 {}

.section-title-4 h2 {
  font-weight: bold;
  font-size: 66px;
  color: #1b1b1b;
  margin: 0 0 0px;
  font-family: "Rufina", serif;
  padding: 0 0 30px;
  position: relative;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-title-4 h2 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-4 h2 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-4 h2 {
    font-size: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-4 h2 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-4 h2 {
    font-size: 30px;
    padding: 0 0 15px;
  }
}

.section-title-4 h2:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  height: 1px;
  width: 120px;
  background-color: #ff6e21;
}

.section-title-4 p {
  font-size: 18px;
  color: #1b1b1b;
  margin: 23px auto 0;
  line-height: 34px;
  width: 50%;
  font-family: "Rufina", serif;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-4 p {
    width: 66%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-4 p {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-4 p {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    margin: 15px auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-4.mb-55 {
    margin-bottom: 20px;
  }
}

.section-title-5-wrap {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .section-title-5-wrap {
    display: block;
  }

  .section-title-5-wrap.mb-60 {
    margin-bottom: 30px;
  }
}

.section-title-5 {
  flex: 0 0 50%;
}

.section-title-5 h2 {
  font-weight: bold;
  font-size: 36px;
  color: #1b1b1b;
  margin: 2px 0 0px;
  font-family: "Rufina", serif;
  padding: 0 0 30px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-5 h2 {
    font-size: 30px;
    padding: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-5 h2 {
    font-size: 28px;
    padding: 0 0 20px;
    margin-bottom: 20px;
  }
}

.section-title-5 h2:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 120px;
  background-color: #ff6e21;
}

.section-title-5.section-border-center h2:before {
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .section-title-5.mb-60 {
    margin-bottom: 30px;
  }
}

.section-title-5-right {
  flex: 0 0 50%;
  padding-left: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-5-right {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-5-right {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-5-right {
    padding-left: 0px;
  }
}

.section-title-5-right p {
  color: #333;
  line-height: 36px;
  font-size: 18px;
  font-family: "Rufina", serif;
  width: 87%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-5-right p {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-5-right p {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
  }
}

.section-title-6>span {
  display: block;
  font-weight: 600;
  letter-spacing: 3.57px;
  margin: 0 0 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6>span {
    margin: 0 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6>span {
    margin: 0 0 5px;
  }
}

.section-title-6 h2 {
  font-size: 46px;
  color: #1b1b1b;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 0px;
}

.section-title-6 h2>span {
  color: #D9A84E;
  display: inline-block;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-title-6 h2 {
    font-size: 37px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-6 h2 {
    font-size: 35px;
    line-height: 1;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-6 h2 {
    font-size: 35px;
    line-height: 1;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6 h2 {
    font-size: 38px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6 h2 {
    font-size: 24px;
  }
}

.section-title-6 p {
  font-size: 18px;
  line-height: 36px;
  margin: 21px auto 0;
  width: 68%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-title-6 p {
    width: 75%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-title-6 p {
    width: 73%;
    margin: 10px auto 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-6 p {
    width: 85%;
    font-size: 14px;
    margin: 15px auto 0;
    line-height: 27px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6 p {
    font-size: 16px;
    line-height: 32px;
    margin: 0px auto 0;
    width: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6 p {
    font-size: 14px;
    line-height: 25px;
    margin: 10px auto 0;
    width: 100%;
  }
}

.section-title-6 h4 {
  color: #1b1b1b;
  font-size: 22px;
  font-style: italic;
  margin: 0 0 27px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6 h4 {
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6 h4 {
    margin: 0 0 15px;
  }
}

.section-title-6.st-handmade p {
  width: 60%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6.st-handmade p {
    width: 95%;
    margin: 15px auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6.st-handmade p {
    width: 95%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-6.mb-55 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-6.mb-55 {
    margin-bottom: 27px;
  }

  .section-title-6.mb-60 {
    margin-bottom: 27px;
  }
}

.subscribe-organic-ptb {
  margin: 7px 0 110px;
}

@media only screen and (max-width: 767px) {
  .subscribe-organic-ptb {
    margin: 7px 0 50px;
  }
}

.section-title-12 h2 {
  font-size: 24px;
  color: #D9A84E;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #D8D8D8;
  letter-spacing: 1.5px;
}

@media only screen and (max-width: 767px) {
  .section-title-12 h2 {
    font-size: 18px;
    letter-spacing: 0px;
    padding-bottom: 15px;
  }
}

/*-------- 5. Product style ---------*/
.product-wrap {
  position: relative;
}

.product-wrap:hover img {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transform: scale(1.02);
}

.product-wrap:hover .quickview {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: -15px;
  right: -35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap:hover .quickview {
    top: -20px;
    right: -40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap:hover .quickview {
    top: -20px;
    right: -40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap:hover .quickview {
    top: -20px;
    right: -40px;
  }
}

.product-wrap:hover .btn_wrapper {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  bottom: 10px;
}

.product-wrap .quickview {
  position: absolute;
  right: -72px;
  left: auto;
  background-color: #D9A84E;
  top: -50px;
  bottom: auto;
  padding: 0;
  height: 60px;
  width: 100px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out 0s;
  transition: all .4s ease-in-out 0s;
  text-align: center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.product-wrap .quickview .pro_btn {
  float: left;
  width: 100%;
  height: 100%;
}

.product-wrap .quickview .pro_btn a {
  z-index: 1;
  overflow: hidden;
  position: relative;
  color: #fff;
  height: 100%;
  width: 100%;
  padding: 28px 0 0;
  float: left;
  text-decoration: none;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .quickview .pro_btn a {
    padding: 30px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .quickview .pro_btn a {
    padding: 30px 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .quickview .pro_btn a {
    padding: 30px 0 0;
  }
}

.product-wrap .quickview .pro_btn a:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .2;
  -moz-opacity: .2;
  -khtml-opacity: .2;
  -webkit-opacity: .2;
  position: absolute;
  top: 0;
  width: 0;
  transition: .5s ease-in-out;
}

.product-wrap .quickview .pro_btn a i {
  font-size: 18px;
  line-height: 20px;
  color: #000000;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .quickview .pro_btn a i {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .quickview .pro_btn a i {
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .quickview .pro_btn a i {
    font-size: 16px;
  }
}

.product-wrap .quickview .pro_btn a:hover {
  background: #D9A84E;
}

.product-wrap .quickview .pro_btn a:hover i {
  color: #ffffff;
}

.product-wrap .quickview .pro_btn a:hover:after {
  width: 100%;
}

.product-wrap .product-img {
  position: relative;
  overflow: hidden;
}

.product-wrap .product-img.pro-border-none::after {
  display: none;
}

.product-wrap .product-img.pro-border-2::before {
  border: 4px solid #D9A84E;
  bottom: 10px;
  content: "";
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index: 9;
  border-radius: 20px;
  pointer-events: none;
}

.product-wrap .product-img.pro-border-3 {
  border: 2px solid #f1bfc9;
  border-radius: 20px;
}

.product-wrap .product-img a img {
  width: 100%;
  transition: all .4s ease-in;
}

.product-wrap .product-img>span {
  display: inline-block;
  color: #fff;
  position: absolute;
  letter-spacing: 1.1px;
  z-index: 1;
  left: 10px;
  font-size: 13px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-img>span {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-img>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-img>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 320px) {
  .product-wrap .product-img>span {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

.product-wrap .product-img>span.badge-top-20 {
  top: 10px;
}

.product-wrap .product-img>span.badge-left-20 {
  left: 10px;
}

.product-wrap .product-img>span.badge-black {
  background-color: #1b1b1b;
}

.product-wrap .product-img>span.badge-green {
  background-color: #D9A84E;
}

.product-wrap .product-img>span.badge-theme-color {
  background-color: #D9A84E;
}

.product-wrap .product-img>span.badge-style-2 {
  top: 27px;
  right: 3px;
  padding: 0;
}

.product-wrap .product-img>span.badge-style-2:before {
  position: absolute;
  content: "";
  top: -27px;
  z-index: -1;
  right: -3px;
  width: 0;
  height: 0;
  border-top: 88px solid #ec5555;
  border-left: 88px solid transparent;
}

.product-wrap .product-img .product-action-position-1 {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  transition: all 0.4s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-img .product-action-position-1 {
    bottom: 10px;
  }
}

.product-wrap .product-img .product-action-position-2 {
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-img .product-action-position-2 {
    bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-img .product-action-position-2 {
    bottom: 25px;
  }
}

.product-wrap .product-img .product-action-2 a {
  color: #191919;
  display: inline-block;
  font-size: 20px;
  opacity: 0;
  transform: translateY(15px);
  margin: 0 14px;
  visibility: hidden;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap .product-img .product-action-2 a {
    margin: 0px 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-img .product-action-2 a {
    margin: 0px 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-img .product-action-2 a {
    margin: 0px 8px;
  }
}

.product-wrap .product-img .product-action-2 a:nth-child(1) {
  transition-delay: 150ms;
}

.product-wrap .product-img .product-action-2 a:nth-child(2) {
  transition-delay: 200ms;
}

.product-wrap .product-img .product-action-2 a:nth-child(3) {
  transition-delay: 250ms;
}

.product-wrap .product-img .product-action-2 a:nth-child(4) {
  transition-delay: 300ms;
}

.product-wrap .product-img .product-action-2 a:hover {
  color: #D9A84E;
}

.product-wrap .product-img .product-action-2.pro-action-yellow-2 a:hover {
  color: #D9A84E;
}

.product-wrap .product-img .deal-count {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
  width: 100%;
}

.product-wrap .product-img .deal-count div {
  display: flex;
  justify-content: center;
}

.product-wrap .product-img .deal-count div>span {
  background-color: #262626;
  color: #fff;
  margin: 0 5px;
  padding: 4px 9px 13px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-img .deal-count div>span {
    padding: 4px 6px 13px;
    margin: 0 3px;
  }
}

.product-wrap .product-img .deal-count div>span p {
  color: #fff;
  margin: 0;
  display: block;
  line-height: 1;
}

.product-wrap .product-img .shop-list-quickview {
  position: absolute;
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  overflow: hidden;
  transform: translateY(-50%) translateX(-50%);
}

.product-wrap .product-img .shop-list-quickview a {
  display: inline-block;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0;
  color: #ffffff;
  background-color: #D9A84E;
  transform: scale(1.2);
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index: 99;
}

.product-wrap .product-img .shop-list-quickview a i {
  line-height: 50px;
  transition: all 0.4s ease-in-out 0s;
}

.product-wrap .product-img .shop-list-quickview a:hover {
  background-color: #D9A84E;
  color: #000000;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-img.mb-25 {
    margin-bottom: 12px;
  }
}

.product-wrap .product-content {
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap .product-content {
    padding: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-content {
    padding: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content {
    padding: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content {
    padding: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-content {
    padding: 20px;
  }
}

.product-wrap .product-content h3 {
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content h3 {
    margin-bottom: 5px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-content h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

.product-wrap .product-content h3 .Categories {
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content h3 .Categories {
    letter-spacing: 0px;
  }
}

.product-wrap .product-content h3 .Categories .decorative {
  color: #000000;
  font-size: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content h3 .Categories .decorative {
    font-size: 12px;
  }
}

.product-wrap .product-content h3 .Categories .decorative:hover {
  color: #D9A84E;
}

.product-wrap .product-content h3 .Categories .furniture {
  color: #000000;
  font-size: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content h3 .Categories .furniture {
    font-size: 12px;
  }
}

.product-wrap .product-content h3 .Categories .furniture:before {
  content: ' ';
  display: inline-block;
  margin: -2px 10px 0 10px;
  letter-spacing: inherit;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  line-height: inherit;
  vertical-align: middle;
  background-color: #000000;
}

.product-wrap .product-content h3 .Categories .furniture:hover {
  color: #D9A84E;
}

.product-wrap .product-content .product-rating i {
  color: #f6c443;
}

.product-wrap .product-content>a {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  z-index: 4;
  white-space: nowrap;
  width: 45px;
  height: 45px;
  padding: 0;
  border: 0;
  font-size: 0;
  background: 0 0 !important;
  border-radius: 0;
}

.product-wrap .product-content>a i {
  font-size: 20px;
  color: #ddd;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-wrap .product-content>a i:hover {
  color: #000;
}

.product-wrap .product-content .short-description {
  color: #f8f8f8;
  margin-bottom: 10px;
}

.product-wrap .product-content h4 {
  font-size: 26px;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-content h4 {
    font-size: 20px;
  }
}

.product-wrap .product-content h4 a {
  color: #D9A84E;
}

.product-wrap .product-content .star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  font-size: 11px;
  width: 6.3em;
  font-family: star;
  font-weight: 400;
  margin-bottom: 6px;
  font-size: 13px;
}

.product-wrap .product-content .star-rating i.checked {
  color: #D9A84E;
}

.product-wrap .product-content .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.product-wrap .product-content .star-rating span:before {
  content: "\f005";
  top: 0;
  position: absolute;
  left: 0;
  color: #fc3;
}

.product-wrap .product-content .product-price {
  margin: 10px 0 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content .product-price {
    margin: 8px 0 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content .product-price {
    margin: 8px 0 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-content .product-price {
    margin: 8px 0 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .product-wrap .product-content .product-price {
    margin: 10px 0 0 0;
  }
}

.product-wrap .product-content .product-price span {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #666;
  line-height: 33px;
}

.product-wrap .product-content .product-price span.old-price {
  margin-right: 4px;
}

.product-wrap .product-content .product-price span.old-price:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(130deg);
  background-color: #393939;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content .product-price span {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content .product-price span {
    font-size: 18px;
  }
}

.product-wrap .product-content .product-action a {
  display: inline-block;
  font-size: 16px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 3px;
  color: #000;
  background-color: #D9A84E;
  border-radius: 5px;
  opacity: 1;
  z-index: 99;
  float: right;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap .product-content .product-action a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin: 0 3px;
    float: right;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-content .product-action a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin: 0 2px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content .product-action a {
    width: 30px;
    height: 30px;
    line-height: 32px;
    margin: 0 2px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content .product-action a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content .product-action a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    opacity: 1;
    margin: 0 2px;
  }
}

.product-wrap .product-content .product-action a i {
  line-height: 36px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-wrap .product-content .product-action a i {
    line-height: 32px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-content .product-action a i {
    line-height: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content .product-action a i {
    line-height: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content .product-action a i {
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content .product-action a i {
    line-height: 30px;
  }
}

.product-wrap .product-content .product-action a:hover {
  background: #003246;
  color: #fff;
}

.product-wrap .product-content .product-action.pro-action-col4 a {
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 2px;
}

.product-wrap .product-content .product-action.pro-action-col4 a i {
  line-height: 40px;
}

.product-wrap .product-content-2 h4 {
  font-size: 24px;
  font-weight: bold;
  color: #1b1b1b;
  font-family: "Rufina", serif;
  margin: 0 0 22px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-content-2 h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content-2 h4 {
    font-size: 20px;
    margin: 0 0 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content-2 h4 {
    font-size: 20px;
    margin: 0 0 12px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-2 h4 {
    font-size: 20px;
    margin: 0 0 7px;
  }
}

.product-wrap .product-content-2 h4 a {
  color: #1b1b1b;
}

.product-wrap .product-content-2 h4 a:hover {
  color: #D9A84E;
}

.product-wrap .product-content-2>span {
  display: block;
  margin: 0 0 8px;
}

.product-wrap .product-content-2>span a {
  font-weight: 600;
  color: #1b1b1b;
  font-style: italic;
  display: block;
}

.product-wrap .product-content-2>span a:hover {
  color: #D9A84E;
}

.product-wrap .product-content-2 .product-rating-wrap {
  display: block;
  margin: 17px 0 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-wrap .product-content-2 .product-rating-wrap {
    margin: 10px 0 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-content-2 .product-rating-wrap {
    margin: 10px 0 6px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-2 .product-rating-wrap {
    margin: 7px 0 6px;
  }
}

.product-wrap .product-content-2 .product-rating-wrap .product-rating {
  background-color: #fff;
  display: inline-block;
  padding: 2px;
}

.product-wrap .product-content-2 .product-rating-wrap .product-rating i {
  color: #f6c443;
  font-size: 15px;
}

.product-wrap .product-content-2 .product-price-2 span {
  font-weight: 600;
  color: #D9A84E;
}

.product-wrap .product-content-2 .product-price-2 span.old-price {
  color: #1b1b1b;
  margin-right: 4px;
  position: relative;
}

.product-wrap .product-content-2 .product-price-2 span.old-price::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(130deg);
  background-color: #393939;
}

.product-wrap .product-content-2.pc-2-font-dec h4 {
  font-size: 20px;
  margin: 0 0 13px;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-content-2.pc-2-font-dec h4 {
    margin: 0 0 8px;
  }
}

.product-wrap .product-content-3 h4 {
  font-size: 18px;

  margin: 0 0 3px;
}

.product-wrap .product-content-3 .product-price-3 span {
  font-size: 18px;

  color: #D9A84E;
}

.product-wrap .product-content-3 .product-price-3 span.old-price {
  color: #8b8b8b;
  margin-right: 4px;
  position: relative;
}

.product-wrap .product-content-3 .product-price-3 span.old-price::before {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(130deg);
  background-color: #1b1b1b;
}

.product-wrap .product-img-zoom a img {
  width: 100%;
  transform: scale(1);
  transition: all .5s ease 0s;
}

.product-wrap .product-banner-content {
  position: absolute;
  bottom: 55px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-banner-content {
    bottom: 30px;
  }
}

.product-wrap .product-banner-content span {
  display: block;
  margin: 0 0 6px;
}

.product-wrap .product-banner-content h4 {
  background-color: #c74040;
  color: #ffffff;
  margin: 0;
  line-height: 1;
  font-size: 36px;
  display: inline-block;
  padding: 12px 40px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-banner-content h4 {
    font-size: 25px;
    padding: 10px 35px 8px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-banner-content h4 {
    font-size: 25px;
    padding: 8px 30px 5px;
  }
}

.product-wrap .product-banner-content-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

.product-wrap .product-banner-content-2 .clutch span {
  display: inline-block;
  background-color: #f2c456;
  line-height: 1;
  padding: 9px 12px 14px;
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-banner-content-2 .clutch span {
    font-size: 12px;
  }
}

.product-wrap .product-banner-content-2 h2 {
  color: #ffffff;
  margin: 15px 0 32px;
  line-height: 1;
  font-size: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-wrap .product-banner-content-2 h2 {
    font-size: 60px;
    margin: 15px 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap .product-banner-content-2 h2 {
    font-size: 68px;
    margin: 15px 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap .product-banner-content-2 h2 {
    font-size: 30px;
    margin: 12px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-wrap .product-banner-content-2 h2 {
    font-size: 38px;
    margin: 18px 0 18px;
  }
}

.product-wrap.product-wrap-hover {
  transition: all .3s ease 0s;
}

.product-wrap.product-wrap-hover:hover {
  margin-top: -28px;
}

.product-wrap:hover .product-img-zoom a img {
  transform: scale(1.2);
}

.product-wrap:hover .product-action-position-1 {
  bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-wrap.mb-55 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-wrap.mb-55 {
    margin-bottom: 30px;
  }
}

.product-action {
  bottom: 10px;
}

.product-action .pro_btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.product-action .pro_btn:last-child {
  border-right: none;
}

.product-action .pro_btn a {
  background-color: #D9A84E;
  cursor: pointer;
  float: left;
  width: auto;
  height: 40px;
  text-decoration: none;
  z-index: 1;
  position: relative;
  overflow: hidden;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-action .pro_btn a {
    height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-action .pro_btn a {
    height: 35px;
  }
}

.product-action .pro_btn a:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .2;
  -moz-opacity: .2;
  -khtml-opacity: .2;
  -webkit-opacity: .2;
  position: absolute;
  top: 0;
  width: 0;
  transition: .5s ease-in-out;
}

.product-action .pro_btn a i {
  width: 40px;
  text-align: right;
  height: 40px;
  float: left;
  font-size: 18px;
  line-height: 40px;
  color: #000000;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-action .pro_btn a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-action .pro_btn a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
  }
}

.product-action .pro_btn a span {
  display: inline-block;
  color: #000000;
  padding: 8px 8px;
  vertical-align: top;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-action .pro_btn a span {
    padding: 6px 13px 5px 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-action .pro_btn a span {
    padding: 6px 13px 5px 5px;
  }
}

.product-action .pro_btn a:hover {
  background: #D9A84E;
}

.product-action .pro_btn a:hover i,
.product-action .pro_btn a:hover span {
  color: #ffffff;
}

.product-action .pro_btn a:hover:after {
  width: 100%;
}

.slick-slide .single-flower-best-choice .flower-best-img a img {
  width: 100%;
}

/*-------- 22. Shop style ---------*/
.shop-top-bar {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block;
  }
}

.shop-top-bar .shop-top-bar-left {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left {
    display: flex;
  }
}

.shop-top-bar .shop-top-bar-left .shop-page-list {
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left .shop-page-list {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-left .shop-page-list {
    margin-top: 0px;
  }
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li {
  display: inline-block;
  color: #1d1d1d;
  margin-right: 3px;
  font-size: 14px;
  font-weight: 600;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li:last-child {
  margin-right: 0px;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li.active a {
  color: #262626;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li a {
  color: #1d1d1d;
  font-size: 14px;
}

.shop-top-bar .shop-top-bar-left .shop-page-list ul li a:hover {
  color: #D9A84E;
}

.shop-top-bar .shop-top-bar-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-right {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-right {
    display: flex;
  }
}

.shop-top-bar .shop-top-bar-right .shop-filter {
  line-height: 1;
  position: relative;
  display: inline-block;
}

.shop-top-bar .shop-top-bar-right .shop-filter a {
  color: #1B1B1B;
  display: inline-block;
  border: 1px solid #d8d8d8;
  padding: 14px 20px 14px 20px;
}

.shop-top-bar .shop-top-bar-right .shop-filter a i {
  color: #1B1B1B;
  margin-left: 20px;
}

.shop-top-bar .shop-top-bar-right .shop-filter a.active {
  color: #D9A84E;
}

.shop-top-bar .shop-top-bar-right .shop-filter a.active i {
  color: #D9A84E;
}

.shop-top-bar .shop-top-bar-right .shop-filter:hover a {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-right .shop-filter.ml-25 {
    margin-left: 0;
  }
}

.shop-top-bar .shop-top-bar-right .shop-short-by {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.shop-top-bar .shop-top-bar-right .shop-short-by>span {
  color: #1B1B1B;
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #d8d8d8;
  padding: 14px 20px 14px 20px;
  transition: all .3s ease 0s;
}

.shop-top-bar .shop-top-bar-right .shop-short-by>span i {
  color: #1B1B1B;
  margin-left: 20px;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul {
  right: 0;
  top: 100%;
  position: absolute;
  background-color: #fff;
  padding: 7px;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.2);
  transition: all 250ms ease-out;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-right .shop-short-by ul {
    right: auto;
    left: 0;
  }
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li {
  display: block;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li a {
  padding: 5px 10px;
  white-space: pre;
  display: block;
  font-size: 0.92em;
  color: #777777;
  line-height: 24px;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li a:hover {
  color: #fff;
  background-color: #D9A84E;
}

.shop-top-bar .shop-top-bar-right .shop-short-by ul li.active a {
  color: #fff;
  background-color: #D9A84E;
}

.shop-top-bar .shop-top-bar-right .shop-short-by:hover ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.shop-top-bar .shop-top-bar-right .shop-short-by:hover>span {
  color: #D9A84E;
}

.shop-top-bar .shop-top-bar-right .shop-short-by:hover>span i {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-right .shop-short-by.ml-40 {
    margin-left: 0;
    margin-top: 12px;
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .shop-top-bar-right .shop-short-by.ml-40 {
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.shop-top-bar .shop-top-bar-right .shop-tab a {
  color: #BEBEBE;
  font-size: 22px;
  margin-right: 20px;
}

.shop-top-bar .shop-top-bar-right .shop-tab a:last-child {
  margin-right: 0;
}

.shop-top-bar .shop-top-bar-right .shop-tab a.active {
  color: #191919;
}

.product-filter-wrapper {
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  margin-top: 30px;
  font-size: 12px;
  padding: 48px 40px 18px;
  display: none;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-filter-wrapper {
    padding: 40px 25px 34px;
  }
}

@media only screen and (max-width: 767px) {
  .product-filter-wrapper {
    padding: 40px 25px 34px;
  }
}

.product-filter-wrapper .product-filter h5 {
  font-size: 16px;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: #1B1B1B;
}

@media only screen and (max-width: 767px) {
  .product-filter-wrapper .product-filter h5 {
    margin: 0 0 10px;
  }
}

.product-filter-wrapper .product-filter .price-filter ul li,
.product-filter-wrapper .product-filter .product-size ul li,
.product-filter-wrapper .product-filter .product-color ul li,
.product-filter-wrapper .product-filter .product-brands ul li {
  margin-bottom: 7px;
  display: block;
}

.product-filter-wrapper .product-filter .price-filter ul li:last-child,
.product-filter-wrapper .product-filter .product-size ul li:last-child,
.product-filter-wrapper .product-filter .product-color ul li:last-child,
.product-filter-wrapper .product-filter .product-brands ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-filter .price-filter ul li a,
.product-filter-wrapper .product-filter .product-size ul li a,
.product-filter-wrapper .product-filter .product-color ul li a,
.product-filter-wrapper .product-filter .product-brands ul li a {
  color: #1B1B1B;
  font-size: 16px;
}

.product-filter-wrapper .product-filter .price-filter ul li a:hover,
.product-filter-wrapper .product-filter .product-size ul li a:hover,
.product-filter-wrapper .product-filter .product-color ul li a:hover,
.product-filter-wrapper .product-filter .product-brands ul li a:hover {
  color: #D9A84E;
}

.product-filter-wrapper .product-filter .product-color ul,
.product-filter-wrapper .product-filter .product-size ul,
.product-filter-wrapper .product-filter .product-brands ul {
  width: 100%;
}

.product-filter-wrapper .product-filter .product-color ul li,
.product-filter-wrapper .product-filter .product-size ul li,
.product-filter-wrapper .product-filter .product-brands ul li {
  width: 50%;
  display: inline-block;
  float: left;
}

.shop-list-content h3 {
  font-size: 24px;
  margin: 0 0 10px;
  line-height: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-content h3 {
    margin: 0 0 8px;
    font-size: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-content h3 {
    margin: 0 0 8px;
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-content h3 {
    font-size: 19px;
    margin: 0 0 10px;
    line-height: 28px;
  }
}

.shop-list-content .pro-list-price span {
  font-size: 18px;
}

.shop-list-content .pro-list-price span.old {
  color: #777;
  margin-right: 5px;
}

.shop-list-content .product-rating {
  padding: 2px 0 2px 0;
}

.shop-list-content .product-rating i {
  color: #f6c443;
}

.shop-list-content p {
  line-height: 27px;
  color: #737373;
  margin: 12px 0 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-content p {
    margin: 10px 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-content p {
    margin: 10px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-content p {
    margin: 10px 0 10px;
  }
}

.shop-list-content .product-list-action {
  display: flex;
  align-items: center;
}

.shop-list-content .product-list-action>a {
  display: inline-block;
  font-weight: bold;
  font-size: 22px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #000000;
  transition: all 300ms ease;
}

.shop-list-content .product-list-action>a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.shop-list-content .product-list-action .pro-list-actioncart {
  margin: 0 10px 0;
}

.shop-list-content .product-list-action .pro-list-actioncart a {
  display: inline-block;
  font-size: 16px;
  padding: 17px 45px;
  line-height: 1;
  font-weight: 500;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #000000;
  transition: all 300ms ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-content .product-list-action .pro-list-actioncart a {
    padding: 22px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-content .product-list-action .pro-list-actioncart a {
    padding: 18px 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-content .product-list-action .pro-list-actioncart a {
    padding: 15px 20px;
  }
}

.shop-list-content .product-list-action .pro-list-actioncart a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

@media only screen and (max-width: 767px) {
  .shop-list-content {
    margin-top: 18px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-list-content {
    margin-top: 0px;
  }
}

.shop-list-wrap:hover .shop-list-quickview a {
  transform: scale(1);
  opacity: 1;
}

.shop-list-wrap:hover .product-img::after {
  right: 24px;
  left: 24px;
  top: 24px;
  bottom: 24px;
  opacity: 1;
}

.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 8px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style ul li {
    margin: 0 4px;
  }
}

.pro-pagination-style ul li a {
  border: 1px solid #D9A84E;
  color: #D9A84E;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-weight: 600;
}

.pro-pagination-style ul li a.active,
.pro-pagination-style ul li a:hover {
  background-color: #D9A84E;
  color: #fff;
  border: 1px solid #D9A84E;
}

.pro-pagination-style ul li a i {
  line-height: 38px;
}

.pro-pagination-style ul li:last-child {
  position: relative;
  top: 2px;
}

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-30 {
    margin-top: 0;
  }
}

.shop-collections-img {
  overflow: hidden;
}

.shop-collections-img a {
  display: block;
}

.shop-collections-img a img {
  width: 100%;
  transform: scale(1);
  transition: all .5s ease 0s;
}

.shop-collections-content span {
  font-size: 16px;
  font-weight: 300;
  color: #1D1D1D;
}

.shop-collections-content h2 {
  font-size: 46px;

  font-style: italic;
  color: #1D1D1D;
  margin: 5px 0 22px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-collections-content h2 {
    font-size: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-collections-content h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-collections-content h2 {
    font-size: 28px;
    margin: 5px 0 12px;
  }
}

.shop-collections-content h2 a {
  color: #1D1D1D;
}

.shop-collections-content h2 a:hover {
  color: #D9A84E;
}

.shop-collections-content p {
  font-size: 16px;
  line-height: 34px;
  color: #707070;
  margin: 0 0 31px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-collections-content p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-collections-content p {
    font-size: 15px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}

.shop-collections-content .collections-btn a {
  display: inline-block;
  background-color: #1D1D1D;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding: 20px 35px;
  line-height: 1;
  z-index: 2;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-collections-content.ml-70 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-collections-content.ml-70 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .shop-collections-content {
    margin-top: 10px;
  }

  .shop-collections-content.ml-70 {
    margin-left: 0;
  }
}

.shop-collections-wrap:hover .shop-collections-img a img {
  transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-collections-wrap.mb-90 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-collections-wrap.mb-90 {
    margin-bottom: 50px;
  }
}

.shop-instagram-wrap a {
  display: block;
}

.shop-instagram-wrap a img {
  width: 100%;
}

.toggle-item-active {
  display: none;
}

.instra-btn a {
  text-transform: uppercase;
  font-weight: bold;
  color: #1D1D1D;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #D2D2D2;
  padding: 23px 50px;
  display: inline-block;
}

.instra-btn a:hover {
  background-color: #D9A84E;
  border: 1px solid #D9A84E;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .instra-btn.mt-50 {
    margin-top: 10px;
  }
}

/*-------- 19. Product details style ---------*/
.modal-backdrop.show {
  opacity: .7;
}

.modal-dialog {
  margin: 6% auto 8%;
  max-width: 1250px;
  width: 1250px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .modal-dialog {
    width: 1150px;
    max-width: 1150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-dialog {
    width: 960px;
    max-width: 960px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 35px 0;
  }
}

.modal-dialog .modal-content {
  border-radius: 0;
}

.modal-dialog .modal-content .modal-header {
  border: none;
  padding: 0;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .modal-dialog .modal-content .modal-header {
    right: 0px;
    top: -34px;
  }
}

.modal-dialog .modal-content .modal-header .close {
  color: #000000;
  cursor: pointer;
  opacity: 1;
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: transparent;
  border-radius: 100%;
  font-size: 18px;
  text-shadow: none;
  font-weight: 300;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .modal-dialog .modal-content .modal-header .close {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
  }
}

.modal-dialog .modal-content .modal-header .close:hover {
  color: #D9A84E;
  transform: rotate(90deg);
}

.modal-dialog .modal-content .modal-body {
  padding: 0px;
}

.quickview-content-padding {
  padding: 50px 50px 50px;
  height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quickview-content-padding {
    padding: 15px 35px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quickview-content-padding {
    padding: 20px 35px 35px;
  }
}

@media only screen and (max-width: 767px) {
  .quickview-content-padding {
    padding: 15px 15px 15px;
  }
}

.product-details-content .pro-dec-next-prev {
  text-align: right;
}

.product-details-content .pro-dec-next-prev a {
  font-size: 20px;
  margin-left: 12px;
}

.product-details-content .pro-dec-next-prev a:first-child {
  margin-left: 0;
}

.product-details-content>span {
  color: #D9A84E;
  margin: 0 0 7px;
  text-transform: uppercase;
}

.product-details-content h2 {
  font-size: 24px;
  margin: 0 0 20px;
  color: #D9A84E;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 20px;
  }
}

.product-details-content .pro-dec-info-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 32px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content .pro-dec-info-wrap {
    display: block;
  }

  .product-details-content .pro-dec-info-wrap.pro-dec-info-wrap2 {
    display: flex;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content .pro-dec-info-wrap {
    display: block;
  }

  .product-details-content .pro-dec-info-wrap.pro-dec-info-wrap2 {
    display: flex;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .pro-dec-info-wrap.pro-dec-info-wrap2 {
    display: block;
  }

  .product-details-content .pro-dec-info-wrap.pro-dec-info-wrap3 {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-dec-info-wrap {
    display: block;
  }

  .product-details-content .pro-dec-info-wrap.pro-dec-info-wrap2 {
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-dec-info-wrap {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .pro-dec-info-wrap {
    display: flex;
  }
}

.product-details-content .pro-dec-info-wrap .pro-dec-ratting-wrap {
  display: flex;
}

.product-details-content .pro-dec-info-wrap .pro-dec-ratting-wrap .pro-dec-ratting i {
  color: #d5d6d8;
  font-size: 14px;
  margin-left: 2px;
}

.product-details-content .pro-dec-info-wrap .pro-dec-ratting-wrap .pro-dec-ratting i.yellow {
  color: #f5b223;
}

.product-details-content .pro-dec-info-wrap .pro-dec-ratting-wrap a {
  color: #1D1D1D;
  font-size: 12px;
  margin-left: 10px;
}

.product-details-content .pro-dec-info-wrap .pro-dec-stock ul {
  display: flex;
  flex-wrap: wrap;
}

.product-details-content .pro-dec-info-wrap .pro-dec-stock ul li {
  margin-left: 10px;
  color: #1D1D1D;
  font-size: 12px;
}

.product-details-content .pro-dec-info-wrap .pro-dec-stock ul li.green {
  color: #86BA45;
  font-weight: 600;
}

.product-details-content .pro-dec-info-wrap .pro-dec-stock ul li span {
  font-weight: 600;
}

.product-details-content .pro-dec-info-wrap .pro-dec-stock ul li i {
  margin-right: 3px;
}

.product-details-content .pro-dec-info-wrap .pro-dec-stock ul li:first-child {
  margin-left: 0px;
}

.product-details-content>h3 {
  font-size: 32px;
  margin: 0px 0 10px;
  font-weight: bold;
  color: #262626;
}

.product-details-content .product-details-peragraph p {
  font-size: 14px;
  line-height: 27px;
  color: #737373;
}

.product-details-content .product-details-action-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 45px 0 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 23px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap {
    margin: 20px 0 0px;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart {
  margin: 0 15px 0 15px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart {
    margin: 0 7px 7px 7px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart {
    margin: 0 15px 0 15px;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart a {
  display: inline-block;
  font-size: 16px;
  padding: 17px 80px;
  font-weight: bold;
  line-height: 1;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #000000;
  transition: all 300ms ease;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-details-content .product-details-action-wrap .product-details-cart a {
    padding: 17px 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-details-content .product-details-action-wrap .product-details-cart a {
    padding: 17px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .product-details-action-wrap .product-details-cart a {
    padding: 17px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart a {
    padding: 17px 18px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-cart a {
    padding: 17px 30px;
  }
}

.product-details-content .product-details-action-wrap .product-details-cart a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.product-details-content .product-details-action-wrap .product-details-cart.product-dec-cart-mrg-none {
  margin: 0 15px 0 0px;
}

.product-details-content .product-details-action-wrap .product-details-wishlist a,
.product-details-content .product-details-action-wrap .product-details-compare a {
  display: inline-block;
  font-size: 25px;
  color: #2f2f2f;
}

.product-details-content .product-details-action-wrap .product-details-wishlist a:hover,
.product-details-content .product-details-action-wrap .product-details-compare a:hover {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-wishlist.affiliate-res-xs {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-wishlist.affiliate-res-xs {
    margin-bottom: 0px;
  }
}

.product-details-content .product-details-action-wrap .product-details-compare {
  margin-left: 15px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-compare.affiliate-res-xs {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-action-wrap .product-details-compare.affiliate-res-xs {
    margin-left: 10px;
  }
}

.product-details-content .product-details-action-wrap.pro-dec-action-mrg {
  margin: 16px 0 0px;
}

.product-details-content .product-details-info {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 12px 0 14px;
}

.product-details-content .product-details-info a {
  color: #535353;
  font-size: 14px;
  margin-right: 10px;
}

.product-details-content .product-details-info a:last-child {
  margin-right: 0;
}

.product-details-content .product-details-info a i {
  font-size: 16px;
  padding-right: 8px;
  position: relative;
  top: 3px;
}

.product-details-content .product-details-info a:hover {
  color: #D9A84E;
}

.product-details-content .product-details-meta {
  margin: 25px 0 23px;
}

.product-details-content .product-details-meta>span {
  display: block;
  font-size: 14px;
  margin: 0 0 5px;
  color: #2f2f2f;
}

.product-details-content .product-details-meta>span.categories a {
  color: #D9A84E;
}

.product-details-content .product-details-meta>span.categories a:hover {
  color: #D9A84E;
  text-decoration: underline;
}

.product-details-content .product-details-meta>span a {
  color: #2f2f2f;
}

.product-details-content .product-details-meta>span a:hover {
  color: #D9A84E;
  text-decoration: underline;
}

.product-details-content .product-details-meta>span:last-child {
  margin: 0 0 0px;
}

.product-details-content .product-details-social-wrap {
  display: flex;
  align-items: center;
  margin: 18px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-details-social-wrap {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-content .product-details-social-wrap {
    display: flex;
  }
}

.product-details-content .product-details-social-wrap span {
  color: #262626;
  font-weight: 600;
  margin-right: 10px;
  font-size: 12px;
}

.product-details-content .product-details-social-wrap .product-details-social a {
  border: 1px solid #e1e1e1;
  color: #1d1d1d;
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  margin: 0 7px 0 0;
}

.product-details-content .product-details-social-wrap .product-details-social a:hover {
  color: #fff;
  border: 1px solid transparent;
}

.product-details-content .product-details-social-wrap .product-details-social a:hover.facebook {
  background-color: #3b5999;
}

.product-details-content .product-details-social-wrap .product-details-social a:hover.twitter {
  background-color: #55acee;
}

.product-details-content .product-details-social-wrap .product-details-social a:hover.pinterest {
  background-color: #b90f16;
}

.product-details-content .product-details-social-wrap .product-details-social a:hover.google-plus {
  background-color: #dd4b39;
}

.product-details-quality {
  margin: 9px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-details-quality {
    margin: 0px 0 0;
  }
}

.product-details-quality .cart-plus-minus {
  display: inline-block;
  height: 50px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 86px;
  text-align: center;
  border: 1px solid #D9A84E;
}

.product-details-quality .cart-plus-minus .qtybutton {
  color: #222222;
  cursor: pointer;
  float: inherit;
  font-size: 18px;
  line-height: 50px;
  margin: 0;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 30px;
  background: #f1eee7;
}

.product-details-quality .cart-plus-minus .qtybutton.dec {
  height: 50px;
  top: 0px;
  right: 0;
  font-weight: 400;
  font-size: 22px;
  bottom: 0;
  margin: auto;
}

.product-details-quality .cart-plus-minus .qtybutton.inc {
  height: 50px;
  top: 0px;
  left: 0;
  font-weight: 400;
  font-size: 22px;
  bottom: 0;
  margin: auto;
}

.product-details-quality .cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #222222;
  font-size: 14px;
  height: 50px;
  line-height: 54px;
  margin: 0;
  padding: 0px;
  text-align: center;
  width: 85px;
  font-weight: bold;
}

.product-details-quality.pro-quality-border .cart-plus-minus input {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.product-details-quality.quality-width-cart .cart-plus-minus {
  width: 90px;
  border: none;
}

.product-details-quality.quality-width-cart .cart-plus-minus input {
  width: 90px;
  font-weight: 400;
}

.product-details-quality.quality-width-cart .cart-plus-minus .qtybutton.dec {
  left: 0;
}

.product-details-quality.quality-width-cart .cart-plus-minus .qtybutton.inc {
  right: 0;
}

.quickview-slider-active.owl-carousel>.owl-nav div {
  color: #262626;
  display: inline-block;
  font-size: 24px;
  left: 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  border: 1px solid #e1e2e2;
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
}

.quickview-slider-active.owl-carousel>.owl-nav div.owl-next {
  right: 20px;
  left: auto;
}

.quickview-slider-active.owl-carousel>.owl-nav div:hover {
  color: #D9A84E;
}

.pro-dec-big-img-slider .slick-list {
  border: 1px solid #ddd;
}

.easyzoom-style {
  position: relative;
}

.easyzoom-style a.easyzoom-pop-up {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  font-size: 16px;
  z-index: 999;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #000000;
  transition: all 300ms ease;
}

@media only screen and (max-width: 767px) {
  .easyzoom-style a.easyzoom-pop-up {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
}

.easyzoom-style a.easyzoom-pop-up.video-popup {
  color: #fff;
  font-size: 16px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #262626;
}

.easyzoom-style a.easyzoom-pop-up.img-popup-position {
  bottom: 100px;
}

.easyzoom-style a.easyzoom-pop-up:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.easyzoom-style .easyzoom {
  display: block;
  background: #f5f5f5;
}

.easyzoom-style .easyzoom>a {
  transition: none;
}

.easyzoom-style .easyzoom>a img {
  width: 100%;
  transition: none;
}

.easyzoom-style .easyzoom-popup>a img {
  width: 100%;
}

.product-details-tab {
  display: block;
}

.product-details-tab.product-details-tab2 {
  overflow: inherit;
}

.product-dec-right {
  float: right;
  position: relative;
  width: calc(100% - 160px);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-dec-right {
    width: calc(100% - 120px);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-dec-right {
    width: calc(100% - 120px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-right {
    width: calc(100% - 130px);
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-right {
    width: calc(100% - 100px);
  }
}

.product-dec-left {
  position: relative;
  float: left;
  width: 160px;
  padding-right: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .product-dec-left {
    width: 120px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-dec-left {
    width: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-left {
    width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-left {
    width: 100px;
  }
}

.product-dec-left .product-dec-small {
  margin: 0 0 20px;
  cursor: pointer;
}

.product-dec-left .product-dec-small img {
  width: 100%;
}

.product-dec-left .product-dec-small.slick-active {
  border: 2px solid transparent;
}

.product-dec-left .product-dec-small.slick-active.slick-current {
  border: 2px solid #aaa;
}

.product-dec-left .product-dec-small:last-child {
  margin: 0 0 0px;
}

.product-dec-left span.pro-dec-icon {
  position: absolute;
  top: 100%;
  left: 50%;
  right: auto;
  font-size: 20px;
  cursor: pointer;
  color: #262626;
  z-index: 9;
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .product-dec-left span.pro-dec-icon {
    top: 93%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-dec-left span.pro-dec-icon {
    top: 100%;
  }
}

.product-dec-left span.pro-dec-icon:hover {
  color: #D9A84E;
}

.product-dec-left span.pro-dec-icon.pro-dec-prev {
  margin-left: -30px;
}

.product-dec-left span.pro-dec-icon.pro-dec-next {
  margin-right: -30px;
}

.product-details-wrap {
  display: flex;
  flex-wrap: wrap;
}

.product-details-wrap .pro-dec-content-left {
  flex: 0 0 72%;
  max-width: 72%;
  padding-right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-wrap .pro-dec-content-left {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-wrap .pro-dec-content-left {
    padding-right: 0px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.product-details-wrap .pro-dec-content-right {
  flex: 0 0 28%;
  max-width: 28%;
}

@media only screen and (max-width: 767px) {
  .product-details-wrap .pro-dec-content-right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
  }
}

.pro-dec-banner-wrap {
  position: relative;
  overflow: hidden;
}

.pro-dec-banner-wrap a {
  display: block;
}

.pro-dec-banner-wrap a img {
  width: 100%;
  transition: all .5s ease 0s;
  transform: scale(1);
}

.pro-dec-banner-wrap .pro-dec-banner-content {
  position: absolute;
  left: 20px;
  bottom: 12px;
  z-index: 9;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pro-dec-banner-wrap .pro-dec-banner-content {
    left: 12px;
  }
}

.pro-dec-banner-wrap .pro-dec-banner-content h4 {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 10px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h4 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h4 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h4 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h4 {
    font-size: 20px;
  }
}

.pro-dec-banner-wrap .pro-dec-banner-content h2 {
  color: #fff;
  font-size: 45px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h2 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h2 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h2 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-dec-banner-wrap .pro-dec-banner-content h2 {
    font-size: 35px;
  }
}

.pro-dec-banner-wrap:hover a img {
  width: 100%;
  transform: scale(1.1);
}

.sidebar-subscribe-wrap {
  background-color: #E5F3EF;
  padding: 30px 20px 35px 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-subscribe-wrap {
    padding: 20px 10px 20px 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-subscribe-wrap {
    padding: 20px 10px 20px 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-subscribe-wrap {
    padding: 20px 10px 20px 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-subscribe-wrap {
    padding: 20px 10px 20px 10px;
  }
}

.sidebar-subscribe-wrap .sidebar-subscribe-content i {
  color: #1D1D1D;
  font-size: 30px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content i {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content i {
    font-size: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content i {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content i {
    font-size: 25px;
  }
}

.sidebar-subscribe-wrap .sidebar-subscribe-content h5 {
  font-size: 22px;
  margin: 1px 0 5px;
  color: #1D1D1D;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content h5 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content h5 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content h5 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-subscribe-wrap .sidebar-subscribe-content h5 {
    font-size: 16px;
  }
}

.sidebar-subscribe-wrap .sidebar-subscribe-content p {
  font-size: 14px;
  color: #1D1D1D;
}

.sidebar-subscribe-wrap .sidebar-subscribe-form {
  margin-top: 9px;
}

.sidebar-subscribe-wrap .sidebar-subscribe-form .mc-form>input {
  background-color: transparent;
  border: none;
  color: #777;
  border-bottom: 1px solid #858C8A;
  padding: 2px 0 2px 0;
}

.sidebar-subscribe-wrap .sidebar-subscribe-form .mc-form .mc-news {
  display: none;
}

.sidebar-subscribe-wrap .sidebar-subscribe-form .mc-form .clear {
  margin-top: 12px;
}

.sidebar-subscribe-wrap .sidebar-subscribe-form .mc-form .clear>input {
  border: none;
  font-size: 12px;
  height: 42px;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #000000;
  transition: all 300ms ease;
}

.sidebar-subscribe-wrap .sidebar-subscribe-form .mc-form .clear>input:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.product-dec-slider.slick-vertical .slick-slide,
.product-dec-small-style2.slick-vertical .slick-slide {
  border: 2px solid transparent;
}

.product-dec-slider .slick-slide,
.product-dec-small-style2 .slick-slide {
  border: 2px solid transparent;
}

.product-dec-col-38 {
  flex: 0 0 34%;
  max-width: 34%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-col-38 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-col-38 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.product-dec-col-62 {
  flex: 0 0 66%;
  max-width: 66%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-col-62 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-col-62 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.description-review-topbar {
  margin-bottom: 50px;
  border-bottom: 3px solid #D8D8D8;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-topbar {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-topbar {
    margin-bottom: 20px;
  }
}

.description-review-topbar a {
  font-size: 20px;
  color: #BEBEBE;
  line-height: 1;
  text-transform: uppercase;
  margin-right: 50px;
  letter-spacing: .86px;
  position: relative;
  padding-bottom: 15px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .description-review-topbar a {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .description-review-topbar a {
    font-size: 20px;
    letter-spacing: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .description-review-topbar a {
    font-size: 17px;
    letter-spacing: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-topbar a {
    font-size: 17px;
    letter-spacing: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-topbar a {
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

.description-review-topbar a:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-topbar a:before {
    height: 3px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-topbar a:before {
    height: 2px;
  }
}

.description-review-topbar a:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .description-review-topbar a {
    margin-right: 26px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .description-review-topbar a {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .description-review-topbar a {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-topbar a {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-topbar a {
    margin-right: 10px;
  }
}

.description-review-topbar a.active {
  color: #1D1D1D;
}

.description-review-topbar a.active:before {
  background-color: #1D1D1D;
}

.pro-details-banner {
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-details-banner {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-details-banner {
    margin-bottom: 20px;
  }
}

.pro-details-banner a {
  position: relative;
}

.pro-details-banner a img {
  width: 100%;
  transition: all .5s ease 0s;
  transform: scale(1);
}

.pro-details-banner:hover a img {
  transform: scale(1.1);
}

.product-dec-content {
  padding-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-content {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-content {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-content {
    padding-left: 0px;
  }
}

.product-dec-content p {
  line-height: 32px;
  margin: 0;
  font-size: 18px;
  color: #777;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-content p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-content p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-content p {
    font-size: 15px;
    line-height: 28px;
  }
}

.product-dec-content .product-dec-list-wrap {
  margin: 48px 0 50px;
  display: flex;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-content .product-dec-list-wrap {
    margin: 18px 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-content .product-dec-list-wrap {
    margin: 18px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-content .product-dec-list-wrap {
    margin: 18px 0 10px;
    display: block;
  }
}

.product-dec-content .product-dec-list-wrap .product-dec-list {
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list {
    margin-right: 0px;
  }
}

.product-dec-content .product-dec-list-wrap .product-dec-list:last-child {
  margin-right: 0;
}

.product-dec-content .product-dec-list-wrap .product-dec-list ul {
  list-style-position: inside;
  margin: 0px 0 0px 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list ul {
    margin: 15px 0 30px 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list ul {
    margin: 15px 0 30px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list ul {
    margin: 15px 0 20px 12px;
  }
}

.product-dec-content .product-dec-list-wrap .product-dec-list ul li {
  margin-bottom: 25px;
  list-style: disc;
  line-height: 24px;
  font-size: 18px;
  color: #777;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list ul li {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list ul li {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-content .product-dec-list-wrap .product-dec-list ul li {
    font-size: 15px;
    margin-bottom: 12px;
  }
}

.product-dec-content .product-dec-list-wrap .product-dec-list ul li:last-child {
  margin-bottom: 0;
}

.additional-info ul li {
  margin-bottom: 20px;
  font-size: 18px;
  color: #777;
}

@media only screen and (max-width: 767px) {
  .additional-info ul li {
    font-size: 14px;
  }
}

.additional-info ul li:last-child {
  margin-bottom: 0;
}

.additional-info ul li span {
  width: 215px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .additional-info ul li span {
    width: 70px;
  }
}

.review-wrapper h2 {
  font-size: 30px;
  margin: 0 0 37px;
}

@media only screen and (max-width: 767px) {
  .review-wrapper h2 {
    font-size: 18px;
    margin: 0 0 18px;
  }
}

.single-review {
  margin: 0 0 60px;
  padding: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
}

@media only screen and (max-width: 767px) {
  .single-review {
    padding: 30px;
    display: block;
    margin: 0 0 30px;
  }
}

.single-review .review-img img {
  border-radius: 100%;
}

.single-review .review-content {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content {
    margin-left: 0px;
  }
}

.single-review .review-content .review-top-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content .review-top-wrap {
    display: block;
    margin: 10px 0 10px;
  }
}

.single-review .review-content .review-top-wrap .review-name h5 {
  font-size: 14px;
  margin: 0;
  color: #535353;
}

.single-review .review-content .review-top-wrap .review-name h5 span {
  font-weight: bold;
  font-size: 14px;
  color: #262626;
}

.single-review .review-content .review-top-wrap .review-rating {
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content .review-top-wrap .review-rating {
    margin: 10px 0 0px;
  }
}

.single-review .review-content .review-top-wrap .review-rating i {
  font-size: 14px;
  color: #d5d6d8;
  margin-left: 2px;
}

.single-review .review-content .review-top-wrap .review-rating i.yellow {
  color: #f5b223;
}

.single-review .review-content p {
  font-size: 16px;
  color: #777;
  line-height: 1.714286;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .single-review .review-content p {
    font-size: 15px;
  }
}

.ratting-form-wrapper>span {
  display: block;
  line-height: 1;
}

.ratting-form-wrapper p {
  font-size: 12px;
  margin: 9px 0 0;
  color: #535353;
}

.ratting-form-wrapper p span {
  color: red;
}

.ratting-form-wrapper .ratting-form {
  margin: 30px 0 0;
}

.ratting-form-wrapper .ratting-form .star-box-wrap {
  display: flex;
  margin: 16px 0 29px;
}

.ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star {
  margin-right: 17px;
  display: flex;
}

.ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star a {
  color: #535353;
}

.ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star:hover i {
  color: #f5b223;
}

.ratting-form-wrapper .ratting-form .rating-form-style label {
  margin: 0 0 5px;
  color: #535353;
}

.ratting-form-wrapper .ratting-form .rating-form-style label span {
  color: red;
}

.ratting-form-wrapper .ratting-form .rating-form-style input,
.ratting-form-wrapper .ratting-form .rating-form-style textarea {
  background: transparent;
  border: 1px solid #CDCDCD;
  height: 50px;
  padding: 5px 10px;
}

.ratting-form-wrapper .ratting-form .rating-form-style input:focus,
.ratting-form-wrapper .ratting-form .rating-form-style textarea:focus {
  border: 1px solid #262626;
}

.ratting-form-wrapper .ratting-form .rating-form-style textarea {
  height: 150px;
}

.ratting-form-wrapper .ratting-form .form-submit {
  margin-top: 20px;
}

.ratting-form-wrapper .ratting-form .form-submit input {
  padding: 10px 35px;
  line-height: 30px;
  color: #fff;
  border-width: 0;
  font-weight: 600;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 14px;
  text-transform: uppercase;
  background: #262626;
}

.ratting-form-wrapper .ratting-form .form-submit input:hover {
  background: #D9A84E;
}

.pro-dec-brand-img img {
  width: 140px;
}

@media only screen and (max-width: 767px) {
  .pro-dec-brand-img {
    margin: 0 0 20px;
  }
}

.pro-dec-brand-content p {
  margin: 0;
  color: #777;
  font-size: 18px;
  line-height: 34px;
}

@media only screen and (max-width: 767px) {
  .pro-dec-brand-content p {
    line-height: 30px;
    font-size: 14px;
  }
}

.about-shiping-content div.p {
  color: #777;
  line-height: 34px;
  font-size: 16px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .about-shiping-content div.p {
    line-height: 30px;
    font-size: 14px;
  }
}

.about-shiping-content div.p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .description-review-area.pb-105 {
    padding-bottom: 40px;
  }
}

.product-dec-small-style2 {
  width: 450px;
  margin: 13px auto 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .product-dec-small-style2 {
    width: 400px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-small-style2 {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-small-style2 {
    width: 450px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-small-style2 {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-dec-small-style2 {
    width: 450px;
  }
}

.product-dec-small-style2 .product-dec-small {
  margin: 0 5px 0px 5px;
  cursor: pointer;
  background: #f5f5f5;
}

.product-dec-small-style2 .product-dec-small img {
  width: 100%;
}

.product-dec-small-style2 .product-dec-small.slick-active {
  border: 2px solid transparent;
}

.product-dec-small-style2 .product-dec-small.slick-active.slick-current {
  border: 2px solid #ccc;
}

.product-dec-small-style2 .product-dec-small:last-child {
  margin: 0 0 0px;
}

.product-dec-small-style2 span.pro-dec-icon {
  color: #262626;
  font-size: 20px;
  position: absolute;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 9;
}

.product-dec-small-style2 span.pro-dec-icon:hover {
  color: #D9A84E;
}

.product-dec-small-style2 span.pro-dec-prev {
  left: -5%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-small-style2 span.pro-dec-prev {
    left: -3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-small-style2 span.pro-dec-prev {
    left: -4%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-small-style2 span.pro-dec-prev {
    left: -3%;
  }
}

.product-dec-small-style2 span.pro-dec-next {
  left: auto;
  right: -5%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-dec-small-style2 span.pro-dec-next {
    right: -3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-dec-small-style2 span.pro-dec-next {
    right: -4%;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-small-style2 span.pro-dec-next {
    right: -3%;
  }
}

.pro-details-group {
  margin: 40px 0 0;
}

@media only screen and (max-width: 767px) {
  .pro-details-group {
    margin: 15px 0 0;
  }
}

.pro-details-group .single-group {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.pro-details-group .single-group .pro-dec-title-stock {
  margin: 5px 0 0 25px;
}

.pro-details-group .single-group .pro-dec-title-stock .pro-dec-title h5 {
  font-size: 14px;
  margin: 0 0 3px;
  text-transform: uppercase;
  color: #262626;
}

.pro-details-group .single-group .pro-dec-title-stock .pro-dec-title h5 a {
  color: #262626;
}

.pro-details-group .single-group .pro-dec-title-stock .pro-dec-title h5 a:hover {
  color: #D9A84E;
}

.pro-details-group .single-group .pro-dec-title-stock .pro-dec-price-stock span {
  color: #262626;
  font-size: 14px;
}

.pro-details-group .single-group .pro-dec-title-stock .pro-dec-price-stock span.old-price {
  text-decoration: line-through;
  margin-left: 5px;
}

.affiliate-btn {
  margin: 0 20px 0 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .affiliate-btn {
    margin: 0 20px 5px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .affiliate-btn {
    margin: 0 20px 20px 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .affiliate-btn {
    margin: 0 20px 0 0px;
  }
}

.affiliate-btn a {
  display: inline-block;
  font-size: 14px;
  padding: 15px 40px 20px;
  font-weight: 600;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #000000;
  transition: all 300ms ease;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .affiliate-btn a {
    padding: 20px 26px;
  }
}

@media only screen and (max-width: 767px) {
  .affiliate-btn a {
    padding: 20px 30px;
  }
}

.affiliate-btn a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.configurable-wrap {
  margin: 33px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 27px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .configurable-wrap {
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .configurable-wrap {
    margin: 20px 0 0;
  }
}

.configurable-wrap .configurable-color {
  display: flex;
  align-items: center;
  margin: 0 0px 8px 0;
}

.configurable-wrap .configurable-color>span {
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .configurable-wrap .configurable-color>span {
    margin-right: 10px;
  }
}

.configurable-wrap .configurable-color ul li {
  display: inline-block;
  margin-right: 3px;
}

.configurable-wrap .configurable-color ul li:last-child {
  margin-bottom: 0;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor::before {
  content: attr(title);
  position: absolute;
  bottom: 80%;
  text-indent: 0;
  background: #000;
  padding: 4px 10px 6px;
  line-height: 1;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 50px;
  color: #fff;
  left: 50%;
  white-space: pre;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, 0);
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
  font-size: 12px;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 80%;
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  margin-bottom: 6px;
  margin-left: -4px;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor:hover::before {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor:hover::after {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor.blue {
  background-color: #5097f7;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor.brown {
  background-color: #7a5816;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor.green {
  background-color: #81d742;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor.pink {
  background-color: #ff0c94;
}

.configurable-wrap .configurable-color ul li a .swatch-anchor.violet {
  background-color: #8224e3;
}

.configurable-wrap .configurable-size {
  display: flex;
  align-items: center;
}

.configurable-wrap .configurable-size>span {
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .configurable-wrap .configurable-size>span {
    margin-right: 10px;
  }
}

.configurable-wrap .configurable-size ul li {
  display: inline-block;
  margin-right: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .configurable-wrap .configurable-size ul li {
    margin-right: 5px;
  }
}

.configurable-wrap .configurable-size ul li:last-child {
  margin-bottom: 0;
}

.configurable-wrap .configurable-size ul li a .swatch-anchor {
  font-size: 14px;
  display: inline-block;
  position: relative;
  color: #262626;
}

.configurable-wrap .configurable-size ul li a .swatch-anchor::before {
  content: attr(title);
  position: absolute;
  bottom: 80%;
  text-indent: 0;
  background: #000;
  padding: 4px 10px 6px;
  line-height: 1;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 50px;
  color: #fff;
  left: 50%;
  white-space: pre;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, 0);
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
  font-size: 12px;
}

.configurable-wrap .configurable-size ul li a .swatch-anchor::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 80%;
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  margin-bottom: 6px;
  margin-left: -4px;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
}

.configurable-wrap .configurable-size ul li a .swatch-anchor:hover::before {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.configurable-wrap .configurable-size ul li a .swatch-anchor:hover::after {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.sidebar-active.col-xl-6 {
  padding-left: 15px;
  padding-right: 15px;
}

.sidebar-active.col-xl-6.is-affixed {
  padding-left: 0px;
  padding-right: 0px;
}

.sidebar-active.col-xl-6.is-affixed .inner-wrapper-sticky {
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-dec-res-mrg-top {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-dec-res-mrg-top {
    margin-top: 30px;
  }

  .pro-dec-res-mrg-top2 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .pro-dec-res-mrg-top {
    margin-top: 30px;
  }

  .pro-dec-res-mrg-top2 {
    margin-top: 30px;
  }
}

/*-------- 24. Cart style ---------*/
@media only screen and (max-width: 767px) {
  .cart-main-area.pb-100 {
    padding-bottom: 60px;
  }
}

h3.cart-page-title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.cart-table-content {
  background: #F9F9F9;
}

.cart-table-content table thead>tr th {
  border-top: medium none;
  font-size: 12px;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
  color: #111;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 0 15px;
  background-color: #D9A84E;
}

.cart-table-content table tbody>tr td {
  font-size: 14px;
  padding: 33.5px 0px 33.5px;
}

@media only screen and (max-width: 767px) {
  .cart-table-content table tbody>tr td {
    padding: 33.5px 0px 33.5px;
    text-align: center;
  }
}

.cart-table-content table tbody>tr td.product-remove {
  width: 40px;
}

.cart-table-content table tbody>tr td.product-remove a {
  color: #2f2f2f;
}

.cart-table-content table tbody>tr td.product-remove a:hover {
  color: #D9A84E;
}

.cart-table-content table tbody>tr td.product-img {
  width: 130px;
}

.cart-table-content table tbody>tr td.product-name {
  width: 260px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-table-content table tbody>tr td.product-name {
    width: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-table-content table tbody>tr td.product-name {
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.cart-table-content table tbody>tr td.product-name a {
  font-size: 12px;
  color: #2f2f2f;
}

.cart-table-content table tbody>tr td.product-name a:hover {
  color: #D9A84E;
}

.cart-table-content table tbody>tr td.product-price {
  width: 100px;
}

.cart-table-content table tbody>tr td.product-price span {
  color: #2f2f2f;
  font-size: 14px;
}

.cart-table-content table tbody>tr td.cart-quality {
  width: 187px;
}

.cart-table-content table tbody>tr td.product-total {
  width: 70px;
}

.cart-table-content table tbody>tr td.product-total span {
  font-weight: bold;
  color: #2f2f2f;
  font-size: 14px;
}

.cart-table-content table tbody>tr td.product-wishlist-cart {
  width: 100px;
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a {
  background-color: #D9A84E;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  padding: 7px 8px;
  text-transform: capitalize;
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a:hover {
  background-color: #D9A84E;
  color: #000000;
}

.cart-shiping-update-wrapper {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #CDCDCD;
  padding: 13px 0 0;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper {
    display: block;
  }
}

.cart-shiping-update-wrapper .discount-code {
  position: relative;
  flex: 0 0 50%;
}

.cart-shiping-update-wrapper .discount-code input {
  padding: 0 10px 0 0;
  border: none;
  height: 36px;
  font-size: 12px;
  color: #2f2f2f;
  background-color: transparent;
  border-bottom: 1px solid #D8D8D8;
}

.cart-shiping-update-wrapper .discount-code button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 0;
  background-color: transparent;
  font-weight: bold;
  font-size: 14px;
  color: #2f2f2f;
  transition: all .3s ease 0s;
}

.cart-shiping-update-wrapper .discount-code button:hover {
  color: #D9A84E;
}

.cart-shiping-update-wrapper .cart-clear a {
  display: inline-block;
  margin: 8px 0 0 20px;
  color: #8A8A8A;
}

.cart-shiping-update-wrapper .cart-clear a:first-child {
  margin: 8px 0 0 0px;
}

.cart-shiping-update-wrapper .cart-clear a:hover {
  color: #D9A84E;
}

.cart-shiping-update-wrapper .cart-clear a.update-cart {
  font-weight: bold;
  font-size: 14px;
  color: #2f2f2f;
}

.cart-shiping-update-wrapper .cart-clear a.update-cart:hover {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-clear {
    margin-top: 20px;
  }
}

.grand-total-wrap {
  background: #F9F9F9;
  padding: 35px 30px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-total-wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .grand-total-wrap {
    margin-top: 40px;
  }
}

.grand-total-wrap h4 {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
  color: #262626;
  letter-spacing: 1px;
}

.grand-total-wrap .grand-total-content {
  padding: 48px 0 50px;
}

.grand-total-wrap .grand-total-content>ul>li {
  font-weight: bold;
  padding-bottom: 33px;
  font-size: 14px;
  color: #1D1D1D;
  display: flex;
  justify-content: space-between;
}

.grand-total-wrap .grand-total-content>ul>li:last-child {
  border-top: 1px solid #DBDBDB;
  padding-top: 15px;
  padding-bottom: 0px;
}

.grand-total-wrap .grand-total-content>ul>li>ul>li {
  display: flex;
  font-size: 12px;
  color: #777;
  margin: 0 0 5px;
  font-weight: 400;
}

.grand-total-wrap .grand-total-content>ul>li>ul>li:last-child {
  margin: 0 0 0;
}

.grand-total-wrap .grand-total-content>ul>li>ul>li input {
  width: auto;
  height: auto;
  margin-right: 20px;
}

.grand-total-wrap .grand-total-content>ul>li span {
  float: right;
  font-size: 14px;
  color: #262626;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .grand-total-wrap .grand-total-content>ul>li span {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grand-total-wrap .grand-total-content>ul>li span {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .grand-total-wrap .grand-total-content>ul>li span {
    margin-right: 0px;
  }
}

.grand-total-wrap .grand-btn {
  margin-left: -30px;
  margin-right: -30px;
}

.grand-total-wrap .grand-btn a {
  font-size: 14px;
  padding: 21px 10px 21px;
  text-transform: uppercase;
  font-weight: bold;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #fff;
  transition: all 300ms ease;
}

.grand-total-wrap .grand-btn a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

/*-------- 25. Order tracking style ---------*/
.order-tracking-content p {
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
  width: 86%;
  color: #2f2f2f;
}

.order-tracking-content .order-tracking-form {
  margin: 30px 0 0;
}

.order-tracking-content .order-tracking-form .sin-order-tracking {
  margin: 0 0 36px;
}

.order-tracking-content .order-tracking-form .sin-order-tracking label {
  color: #2f2f2f;
  font-weight: bold;
  margin: 0 0 10px;
}

.order-tracking-content .order-tracking-form .sin-order-tracking input {
  background: transparent;
  border: 1px solid #cecece;
  height: 70px;
  padding: 10px 20px;
  color: #2f2f2f;
  font-size: 14px;
}

.order-tracking-content .order-tracking-form .sin-order-tracking input:focus {
  border: 1px solid #262626;
}

.order-tracking-content .order-tracking-form .order-track-btn {
  text-align: center;
}

.order-tracking-content .order-tracking-form .order-track-btn a {
  display: block;
  font-weight: bold;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  line-height: 1;
  padding: 22px 50px;
  text-transform: capitalize;
  background-size: 200% 200%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #fff;
  transition: all 300ms ease;
}

.order-tracking-content .order-tracking-form .order-track-btn a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

/*-------- 26. Login register style ---------*/
.login-register-wrap h3 {
  font-size: 20px;
  margin: 0;
  color: #1D1D1D;
}

.login-register-wrap h3 i {
  margin-right: 10px;
}

.login-register-wrap h3 a {
  color: #969696;
}

.login-register-wrap h3 a:hover {
  color: #D9A84E;
}

.login-register-wrap .login-register-form {
  margin: 30px 0 0;
}

@media only screen and (max-width: 767px) {
  .login-register-wrap .login-register-form {
    margin: 10px 0 0;
  }
}

.login-register-wrap .login-register-form .sin-login-register {
  margin: 0 0 10px;
}

.login-register-wrap .login-register-form .sin-login-register input {
  background: transparent;
  border: 1px solid #CDCDCD;
  height: 70px;
  padding: 5px 20px;
  color: #777;
}

@media only screen and (max-width: 767px) {
  .login-register-wrap .login-register-form .sin-login-register input {
    height: 50px;
  }
}

.login-register-wrap .login-register-form .sin-login-register input:focus {
  border: 1px solid #262626;
}

.login-register-btn .login {
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin-right: 7px;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  display: inline-block;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #fff;
  transition: all 300ms ease;
}

.login-register-btn button {
  border: none;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  margin-right: 7px;
}

@media only screen and (max-width: 767px) {
  .login-register-btn button {
    margin-bottom: 10px;
  }
}

.login-register-btn button.login {
  padding: 18px 50px;
  background-color: #262626;
}

.login-register-btn button.login-fb {
  padding: 18px 30px;
  background-color: #435DA7;
}

.login-register-btn button:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.remember-lost-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 23px 0 45px;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .remember-lost-wrap {
    display: block;
    margin: 12px 0 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .remember-lost-wrap {
    display: flex;
    margin: 22px 0 25px;
  }
}

.remember-lost-wrap .remember-wrap {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .remember-lost-wrap .remember-wrap {
    display: block;
  }
}

.remember-lost-wrap .remember-wrap input {
  width: 16px;
  height: auto;
}

.remember-lost-wrap .remember-wrap label {
  line-height: 1;
  margin: 0 0 0 10px;
  color: #1D1D1D;
}

.remember-lost-wrap .lost-wrap a {
  line-height: 1;
  color: #D25B5B;
}

.remember-lost-wrap .lost-wrap a:hover {
  text-decoration: underline;
}

.register-form-wrap {
  display: none;
}

/*-------- 27. My account style ---------*/
.myaccount-tab-menu {
  flex-direction: column;
}

.myaccount-tab-menu a {
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
  font-size: 13px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
}

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #ccc;
}

.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #D9A84E;
  border-color: #D9A84E;
  color: #ffffff;
}

.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
}

@media only screen and (max-width: 767px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}

.myaccount-content form {
  margin-top: -20px;
}

.myaccount-content h3 {
  font-size: 44px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 600;
}

.myaccount-content .welcome a:hover {
  color: #D9A84E;
}

.myaccount-content .welcome strong {
  font-weight: 600;
  color: #D9A84E;
}

.myaccount-content fieldset {
  margin-top: 20px;
}

.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.myaccount-content .account-details-form {
  margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}

.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #D9A84E;
  text-transform: uppercase;
  font-weight: 600;
  padding: 9px 25px;
  color: #fff;
  font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item button:hover {
  background-color: #1f2226;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}

.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}

.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #fff;
  border-top: 3px solid #D9A84E;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}

/*-------- Start My Account Page Wrapper --------*/
/*-------- 28. Checkout style ---------*/
.customer-zone>p {
  font-size: 14px;
  position: relative;
  padding: 14px 30px 14px 60px;
  background-color: #eeeff2;
  margin: 0;
  position: relative;
  color: #373737;
}

@media only screen and (max-width: 767px) {
  .customer-zone>p {
    padding: 14px 30px 14px 40px;
  }
}

.customer-zone>p:before {
  content: "\e64d";
  color: #6dde6d;
  display: inline-block;
  position: absolute;
  font-family: 'themify';
  left: 15px;
  top: 15px;
  font-size: 18px;
}

.checkout-login-info {
  margin: 20px 0 0;
  display: none;
}

.checkout-login-info p {
  font-size: 14px;
  margin: 0 0 12px;
}

.checkout-login-info form {
  display: block;
  overflow: hidden;
}

.checkout-login-info form .sin-checkout-login {
  margin-bottom: 30px;
}

.checkout-login-info form .sin-checkout-login label {
  font-size: 14px;
  text-transform: capitalize;
  margin: 0 0 5px;
}

.checkout-login-info form .sin-checkout-login label span {
  color: red;
}

.checkout-login-info form .sin-checkout-login input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
}

.checkout-login-info form .sin-checkout-login input:focus {
  border: 1px solid #343538;
}

.checkout-login-info form .button-remember-wrap {
  display: block;
  overflow: hidden;
}

.checkout-login-info form .button-remember-wrap button {
  border: 1px solid #aaa;
  font-size: 13px;
  padding: 10px 30px 9px;
  display: inline-block;
  float: left;
  margin-right: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.checkout-login-info form .button-remember-wrap button:hover {
  background-color: #D9A84E;
  color: #fff;
  border: 1px solid #D9A84E;
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn {
  display: flex;
  margin: 8px 0 0;
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn input {
  height: 15px;
  margin: 0;
  position: relative;
  top: 5px;
  width: 17px;
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn label {
  font-size: 14px;
  margin: 0 0 0 5px;
}

.checkout-login-info form .lost-password {
  margin: 20px 0 11px;
}

.checkout-login-info form .lost-password a {
  font-size: 14px;
}

.checkout-login-info .checkout-login-social span {
  font-size: 14px;
  margin: 0 0 13px;
  display: block;
}

.checkout-login-info .checkout-login-social ul li {
  display: inline-block;
  margin: 0 14px 0 0;
}

.checkout-login-info .checkout-login-social ul li:last-child {
  margin: 0 0px 0 0;
}

@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li {
    margin: 0 5px 0 0;
  }
}

.checkout-login-info .checkout-login-social ul li a {
  background-color: #f5f5f5;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  float: left;
  font-size: 13px;
  padding: 20px;
  padding: 24px 106px 25px;
  line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 24px 70px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 15px 13px 16px;
  }
}

.checkout-login-info .checkout-login-social ul li a:hover {
  background-color: #D9A84E;
  color: #fff;
}

.checkout-login-info2 {
  display: none;
  margin: 20px 0 0;
}

.checkout-login-info2 ul li {
  display: inline-block;
}

.checkout-login-info2 ul li a {
  color: #8a8a8a;
  font-size: 12px;
}

.checkout-login-info2 ul li a:hover {
  color: #D9A84E;
}

.checkout-login-info3 {
  display: none;
  margin-top: 20px;
}

.checkout-login-info3 form input[type="text"] {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  width: 48%;
  font-size: 14px;
  padding: 0 20px;
}

.checkout-login-info3 form input[type="text"]:focus {
  border: 1px solid #1f2226;
}

.checkout-login-info3 form input[type="submit"] {
  background: #1f2226 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  height: 50px;
  margin-left: 6px;
  padding: 5px 30px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  width: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout-login-info3 form input[type="submit"] {
    padding: 5px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-login-info3 form input[type="submit"] {
    padding: 5px 16px;
  }
}

.checkout-login-info3 form input[type="submit"]:hover {
  background-color: #D9A84E;
}

.billing-info-wrap h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin: 0 0 55px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .billing-info-wrap h3 {
    margin-bottom: 40px;
  }
}

.billing-info-wrap h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -12px;
  background-color: #D9A84E;
  width: 50px;
  height: 2px;
}

.billing-info-wrap .billing-info label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .billing-info label abbr {
  color: red;
}

.billing-info-wrap .billing-info input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 14px;
}

.billing-info-wrap .billing-info input:focus {
  border: 1px solid #343538;
}

.billing-info-wrap .billing-info input.billing-address {
  margin-bottom: 20px;
}

.billing-info-wrap .billing-select label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .billing-select label abbr {
  color: red;
}

.billing-info-wrap .billing-select select {
  border: 1px solid #e6e6e6;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #333;
  font-size: 14px;
  height: 50px;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/select.png") no-repeat scroll right 18px center;
  cursor: pointer;
}

.billing-info-wrap .billing-select select option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  color: #333;
  font-size: 12px;
}

.billing-info-wrap .checkout-account input {
  border: 1px solid #9fa0a2;
  display: inline-block;
  float: left;
  height: 10px;
  width: 10px;
  position: relative;
  top: 6px;
  color: #333;
}

.billing-info-wrap .checkout-account span {
  color: #333;
  font-weight: 400;
  margin: 0 0 0 12px;
  font-size: 14px;
  text-transform: uppercase;
}

.billing-info-wrap .checkout-account-toggle label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .checkout-account-toggle label abbr {
  color: red;
}

.billing-info-wrap .checkout-account-toggle input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  color: #333;
  font-size: 14px;
  padding: 2px 20px;
}

.billing-info-wrap .checkout-account-toggle input:focus {
  border: 1px solid #343538;
}

.billing-info-wrap .different-address {
  display: none;
}

.billing-info-wrap .additional-info-wrap {
  margin: 22px 0 0;
}

.billing-info-wrap .additional-info-wrap label {
  color: #010225;
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}

.billing-info-wrap .additional-info-wrap textarea {
  min-height: 120px;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  padding: 20px;
  color: #333;
  font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .billing-info-wrap.mr-50 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .billing-info-wrap.mr-50 {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .billing-info-wrap.mr-50 {
    margin-right: 0px;
  }
}

.your-order-area {
  padding: 40px 50px 50px;
  border-width: 2px;
  border-style: solid;
  position: relative;
  border-color: rgba(52, 53, 56, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area {
    padding: 40px 25px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .your-order-area {
    padding: 40px 12px 50px;
    margin-top: 30px;
  }
}

.your-order-area h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin: 0 0 45px;
  text-transform: uppercase;
}

.your-order-area h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -12px;
  background-color: #D9A84E;
  width: 50px;
  height: 2px;
}

.your-order-area .your-order-wrap .your-order-info {
  border-bottom: 1px solid #e8e8e8;
}

.your-order-area .your-order-wrap .your-order-info ul li {
  font-size: 14px;
  padding: 0 0 7px;
  text-transform: uppercase;
  font-weight: 500;
}

.your-order-area .your-order-wrap .your-order-info ul li span {
  float: right;
  color: #D9A84E;
}

.your-order-area .your-order-wrap .your-order-info.order-subtotal {
  padding: 15px 0 10px;
}

.your-order-area .your-order-wrap .your-order-info.order-subtotal ul li span {
  font-size: 16px;
}

.your-order-area .your-order-wrap .your-order-info.order-shipping {
  padding: 15px 0 13px;
  display: block;
  overflow: hidden;
}

.your-order-area .your-order-wrap .your-order-info.order-shipping ul li>p {
  float: right;
  font-size: 14px;
  text-align: right;
  color: #333;
  text-transform: capitalize;
}

.your-order-area .your-order-wrap .your-order-info.order-total {
  padding: 15px 0 10px;
}

.your-order-area .your-order-wrap .your-order-info.order-total ul li span {
  font-size: 16px;
}

.your-order-area .your-order-wrap .your-order-middle {
  border-bottom: 1px solid #e8e8e8;
  padding: 24px 0 23px;
}

.your-order-area .your-order-wrap .your-order-middle ul li {
  font-size: 14px;
  margin: 0 0 11px;
}

.your-order-area .your-order-wrap .your-order-middle ul li:last-child {
  margin-bottom: 0;
}

.your-order-area .your-order-wrap .your-order-middle ul li span {
  float: right;
  font-size: 16px;
}

.your-order-area .your-order-wrap .payment-method {
  margin: 17px 0 0;
}

.your-order-area .your-order-wrap .payment-method .sin-payment {
  margin-bottom: 20px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment input {
  width: auto;
  display: inline-block;
  float: left;
  height: auto;
  margin-top: 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0px 0 0 21px;
  display: flex;
  align-items: center;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap .payment-method .sin-payment label {
    display: block;
  }
}

.your-order-area .your-order-wrap .payment-method .sin-payment label img {
  max-width: 140px;
  display: inline-block;
  margin: 0 5px;
}

.your-order-area .your-order-wrap .payment-method .sin-payment label a {
  text-decoration: underline;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
  margin: 6px 0 0;
  display: none;
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
  font-size: 14px;
  margin: 0;
}

.your-order-area .Place-order a {
  cursor: pointer;
  padding: 16px 50px 17px;
  text-transform: uppercase;
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #fff;
  transition: all 300ms ease;
}

.your-order-area .Place-order a:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

@media only screen and (max-width: 767px) {
  .checkout-main-area.pb-70 {
    padding-bottom: 50px;
  }
}

/*-------- 6. Banner style ---------*/
.banner-wrap {
  position: relative;
}

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

.banner-wrap .banner-btn-position {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 230px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-wrap .banner-btn-position {
    right: 150px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-btn-position {
    right: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .banner-btn-position {
    right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-btn-position {
    right: 15px;
  }
}

.btn-style-1 a {
  font-size: 16px;
  color: #1b1b1b;
  display: inline-block;
  background-color: #fff;
  line-height: 1;
  padding: 22px 37px 26px;
  z-index: 2;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-wrap .btn-style-1 a {
    padding: 12px 15px 12px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .btn-style-1 a {
    font-size: 12px;
    padding: 5px 11px 7px;
  }
}

.banner-wrap .banner-img {
  position: relative;
  overflow: hidden;
}

.banner-wrap .banner-img a {
  display: block;
}

.banner-wrap .banner-img a img {
  width: 100%;
  transform: scale(1);
  transition: all 0.3s ease 0s;
}

.banner-wrap .banner-img .banner-badge {
  position: absolute;
  top: 27px;
  right: 70px;
}

.banner-wrap .banner-img .banner-badge span {
  display: inline-block;
  color: #fff;
  background-color: #D9A84E;
  height: 62px;
  width: 62px;
  line-height: 62px;
  text-align: center;
  letter-spacing: 1.11px;
  border-radius: 100%;
}

.banner-wrap .banner-position-1 {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-wrap .banner-position-1 {
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-wrap .banner-position-1 {
    left: 20px;
  }
}

.banner-wrap .banner-position-2 {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 44px;
}

.banner-wrap .banner-content-1 h5 {
  color: #fff;
  margin: 0 0 5px;
}

.banner-wrap .banner-content-1 h2 {
  font-size: 32px;
  margin: 0;
  font-weight: 500;
}

.banner-wrap .banner-content-1 h2.yellow {
  color: #ffe30b;
}

.banner-wrap .banner-content-1 h2.lightblue {
  color: #d4fff8;
}

.banner-wrap .banner-content-1 span {
  color: #ff6e21;
  margin: 0px 0 10px;
  display: block;
  font-weight: 500;
}

.banner-wrap .banner-content-2 h2 {
  font-size: 18px;
  color: #1b1b1b;
  margin: 0;
  font-weight: 500;
}

.banner-wrap .banner-content-2 h2 a {
  color: #1b1b1b;
}

.banner-wrap .banner-content-2 h2 a:hover {
  color: #444;
}

.banner-wrap:hover .banner-img a img {
  transform: scale(1.2);
}

.banner-gradient-area {
  background: radial-gradient(circle, #58259A, #000000);
}

.bg-parallex-image {
  background: transparent url("../images/banner/cms-parallex.jpg") no-repeat fixed center center;
}

.banner-zoom-wrap {
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  margin-right: 50px;
}

@media only screen and (max-width: 767px) {
  .banner-zoom-wrap {
    margin-right: 0px;
  }
}

.banner-zoom-wrap a img {
  display: block;
  transition: all 0.5s ease-out 0s;
  width: 100%;
}

.banner-zoom-wrap a img:last-child {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(1.5);
  visibility: hidden;
}

.banner-zoom-wrap:hover .zoom-img img {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}

.banner-zoom-content {
  margin-right: -33px;
  margin-left: 95px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-zoom-content {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-zoom-content {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-zoom-content {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-zoom-content {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    text-align: center;
  }
}

.banner-zoom-content h2 {
  font-size: 44px;
  font-weight: 600;
  color: #fff;
  line-height: 53px;
  margin: 0 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-zoom-content h2 {
    margin: 0 0 50px;
    font-size: 36px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-zoom-content h2 {
    margin: 0 0 30px;
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-zoom-content h2 {
    margin: 0 0 30px;
    font-size: 27px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-zoom-content h2 {
    margin: 0 0 20px;
    font-size: 23px;
    line-height: 40px;
  }
}

.btn-style-5 a {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  z-index: 9;
}

.btn-style-5 a.bs5-white-text {
  color: #fff;
}

.btn-style-5 a.bs5-ptb-1 {
  padding: 22px 47px 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-style-5 a.bs5-ptb-1 {
    padding: 18px 37px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-style-5 a.bs5-ptb-1 {
    padding: 18px 37px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .btn-style-5 a.bs5-ptb-1 {
    padding: 16px 35px 18px;
  }
}

.banner-bg-content-2 {
  position: relative;
  z-index: 9;
}

.banner-bg-content-2 h2 {
  font-size: 66px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  line-height: 1;
  color: #fff;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-bg-content-2 h2 {
    font-size: 60px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-bg-content-2 h2 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-bg-content-2 h2 {
    font-size: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-bg-content-2 h2 {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-bg-content-2 h2 {
    font-size: 28px;
    line-height: 40px;
  }
}

.banner-bg-content-2 h3 {
  font-size: 46px;
  font-weight: bold;
  font-style: italic;
  margin: 56px 0 26px;
  line-height: 1;
  color: #fff;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .banner-bg-content-2 h3 {
    margin: 40px 0 26px;
    font-size: 40px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-bg-content-2 h3 {
    margin: 40px 0 26px;
    font-size: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-bg-content-2 h3 {
    margin: 40px 0 26px;
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-bg-content-2 h3 {
    margin: 25px 0 26px;
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-bg-content-2 h3 {
    margin: 10px 0 26px;
    font-size: 23px;
  }
}

.default-overlay.hamdmade-bg-overly:before {
  background-color: #1b1b1b;
  opacity: .3;
}

.hamdmade-bg-area {
  padding: 265px 0 275px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .hamdmade-bg-area {
    padding: 165px 0 175px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hamdmade-bg-area {
    padding: 165px 0 175px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hamdmade-bg-area {
    padding: 150px 0 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hamdmade-bg-area {
    padding: 130px 0 140px;
  }
}

@media only screen and (max-width: 767px) {
  .hamdmade-bg-area {
    padding: 80px 0 90px;
  }
}

.banner-offer-wrap {
  padding-left: 525px;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .banner-offer-wrap {
    padding-left: 325px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-offer-wrap {
    padding-left: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-offer-wrap {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-offer-wrap {
    padding-left: 0px;
  }
}

.banner-offer-wrap img {
  width: 100%;
}

.grid-sizer {
  width: 25%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area.pb-85 {
    padding-bottom: 35px;
  }

  .book-banner-bg {
    background-position: 22%;
  }
}

@media only screen and (max-width: 767px) {
  .banner-area.pb-85 {
    padding-bottom: 12px;
  }

  .book-banner-bg {
    background-position: 30%;
  }
}

/*-------- 7. Video style ---------*/
.youtube-video-height {
  height: 610px !important;
  padding: 0 !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .youtube-video-height {
    height: 500px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .youtube-video-height {
    height: 500px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .youtube-video-height {
    height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .youtube-video-height {
    height: 300px !important;
  }
}

.video-wrap {
  position: relative;
}

.video-wrap .video-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  z-index: 9;
}

.video-wrap .video-content h2 {
  font-size: 120px;
  color: #fff;
  font-weight: bold;
  border: 15px solid #fff;
  line-height: 1;
  padding: 53px 50px 53px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-wrap .video-content h2 {
    padding: 40px 50px 40px;
    font-size: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-wrap .video-content h2 {
    padding: 30px 50px 30px;
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .video-wrap .video-content h2 {
    font-size: 40px;
    padding: 25px 30px 24px;
  }
}

.cake-video-ptb {
  padding: 352px 0 352px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cake-video-ptb {
    padding: 200px 0 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cake-video-ptb {
    padding: 220px 0 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cake-video-ptb {
    padding: 200px 0 160px;
  }
}

@media only screen and (max-width: 767px) {
  .cake-video-ptb {
    padding: 130px 0 100px;
  }
}

@-webkit-keyframes border-jump {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
    border-radius: 100%;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
    border-radius: 100%;
  }
}

@keyframes border-jump {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
    border-radius: 100%;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
    border-radius: 100%;
  }
}

/*-------- 8. Blog style ---------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area {
    padding-bottom: 80px;
  }
}

.blog-area .title-headline h3 {
  margin-bottom: 10px;
}

.blog-area .title-headline h3 .headline {
  line-height: 24px;
  font-size: 14px;

  letter-spacing: 1.5px;
  color: #fff;
  display: flex;
  align-items: center;
}

.blog-area .title-headline h3 .headline:before {}

.blog-area .blog-round {
  margin: 0 0 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .blog-round {
    margin: 0 0 40px;
  }

  .blog-area .blog-round:last-child {
    margin: 0 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-area .blog-round {
    margin: 0 0 40px;
  }

  .blog-area .blog-round:last-child {
    margin: 0 0 0;
  }
}

.blog-area .blog-round .blog-wrap .blog-img {
  overflow: hidden;
}

.blog-area .blog-round .blog-wrap .blog-img a img {
  width: 100%;
  transition: .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.blog-area .blog-round .blog-wrap .blog-img .video-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
}

.blog-area .blog-round .blog-wrap .blog-img .video-btn a {
  display: inline-block;
  width: 58px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  background-color: #fff;
  color: #191919;
  border-radius: 100%;
}

.blog-area .blog-round .blog-wrap .blog-img .video-btn a i {
  line-height: 58px;
}

.blog-area .blog-round .blog-wrap .blog-img .video-btn a:hover {
  background-color: #191919;
  color: #fff;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-category>a {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3.57px;
  position: relative;
  padding-left: 32px;
  display: block;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-category>a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1b1b1b;
  width: 22px;
  height: 1px;
}

.blog-area .blog-round .blog-wrap .blog-content h3 {
  font-size: 25px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-weight: 600;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .blog-area .blog-round .blog-wrap .blog-content h3 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-area .blog-round .blog-wrap .blog-content h3 {
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .blog-round .blog-wrap .blog-content h3 {
    font-size: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-area .blog-round .blog-wrap .blog-content h3 {
    font-size: 18px;
  }
}

.blog-area .blog-round .blog-wrap .blog-content .qodef-separator {
  width: 40px;
  border-bottom-width: 1px;
  border-bottom: 1px solid #222;
  margin: 15px 0;
}

.blog-area .blog-round .blog-wrap .blog-content p {
  margin-top: 6px;
  margin-bottom: 25px;
  padding-right: 35px;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-meta {
  margin-top: 40px;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-meta ul {
  margin-bottom: 8px;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-meta ul li {
  font-size: 14px;
  color: #000000;
  display: inline-block;
  margin-right: 2px;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-meta ul li a {
  font-size: 14px;
  color: #000000;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-btn a {
  display: inline-block;
  color: #1b1b1b;
  line-height: 1;
  border-bottom: 1px solid #1b1b1b;
}

.blog-area .blog-round .blog-wrap .blog-content .blog-btn a:hover {
  color: #666;
  border-bottom: 1px solid #666;
}

.blog-area .blog-round .blog-wrap:hover img {
  -webkit-transform: scale(1.05) translateX(3px);
  -ms-transform: scale(1.05) translateX(3px);
  transform: scale(1.05) translateX(3px);
}

.dot-style-1 .owl-dots {
  text-align: center;
  margin-top: 30px;
}

.dot-style-1 .owl-dots .owl-dot {
  background-color: #d8d8d8;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
  transition: all .3s ease 0s;
}

.dot-style-1 .owl-dots .owl-dot.active,
.dot-style-1 .owl-dots .owl-dot:hover {
  background-color: #1b1b1b;
}

.dot-style-1.dot-style-1-white .owl-dots .owl-dot {
  background-color: #fff;
}

.dot-style-1.dot-style-1-white .owl-dots .owl-dot.active,
.dot-style-1.dot-style-1-white .owl-dots .owl-dot:hover {
  background-color: #1b1b1b;
}

.blog-wrap-3 {
  position: relative;
}

.blog-wrap-3 .blog-img-3 {
  position: relative;
  overflow: hidden;
}

.blog-wrap-3 .blog-img-3::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #1b1b1b);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9;
}

.blog-wrap-3 .blog-img-3 a {
  display: block;
}

.blog-wrap-3 .blog-img-3 a img {
  width: 100%;
  transform: scale(1) rotate(0deg);
  transition: all .5s ease 0s;
}

.blog-wrap-3:hover .blog-img-3 a img {
  transform: scale(1.1) rotate(3deg);
}

.blog-more a {
  color: #393939;
}

.blog-more a:hover {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .blog-more.mt-30 {
    margin-top: 10px;
  }
}

.kids-blog-ptb {
  padding: 162px 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .kids-blog-ptb {
    padding: 120px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kids-blog-ptb {
    padding: 100px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-blog-ptb {
    padding: 100px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .kids-blog-ptb {
    padding: 50px 0px;
  }
}

.organic-blog-ptb-1 {
  padding: 233px 0 243px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .organic-blog-ptb-1 {
    padding: 200px 0 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .organic-blog-ptb-1 {
    padding: 100px 0 150px !important;
  }
}

.blog-wrap-4 {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap-4 {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.blog-wrap-4 .blog-img-4 {
  position: relative;
  overflow: hidden;
  margin: 0 0 13px;
}

.blog-wrap-4 .blog-img-4>a {
  display: block;
}

.blog-wrap-4 .blog-img-4>a>img {
  width: 100%;
  transform: scale(1);
  transition: all .5s ease 0s;
}

.blog-wrap-4 .blog-img-4>span {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .96px;
  background-color: #D9A84E;
  display: inline-block;
  line-height: 1;
  padding: 11px 50px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap-4 .blog-img-4>span {
    padding: 11px 20px;
  }
}

.blog-wrap-4 .blog-img-4 .video-btn-4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
}

.blog-wrap-4 .blog-img-4 .video-btn-4 a {
  display: inline-block;
  width: 58px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  background-color: #fff;
  color: #191919;
  border-radius: 100%;
}

.blog-wrap-4 .blog-img-4 .video-btn-4 a i {
  line-height: 58px;
}

.blog-wrap-4 .blog-img-4 .video-btn-4 a:hover {
  background-color: #191919;
  color: #fff;
}

.blog-wrap-4 .blog-content-4 h3 {
  font-size: 32px;
  color: #2f2f2f;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-wrap-4 .blog-content-4 h3 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-wrap-4 .blog-content-4 h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-wrap-4 .blog-content-4 h3 {
    font-size: 20px;
    line-height: 30px;
  }
}

.blog-wrap-4 .blog-content-4 h3 a {
  color: #2f2f2f;
}

.blog-wrap-4 .blog-content-4 h3 a:hover {
  color: #D9A84E;
}

.blog-wrap-4 .blog-content-4 .blog-meta-4 {
  padding: 10px 0 4px;
}

.blog-wrap-4 .blog-content-4 .blog-meta-4 ul li {
  font-size: 12px;
  color: #2f2f2f;
  display: inline-block;
  margin-right: 2px;
}

.blog-wrap-4 .blog-content-4 .blog-meta-4 ul li a {
  font-size: 12px;
  color: #2f2f2f;
}

.blog-wrap-4 .blog-content-4 .blog-meta-4 ul li a:hover {
  color: #D9A84E;
}

.blog-wrap-4 .blog-content-4 div.p {
  color: #707070;
  line-height: 28px;
  margin: 0 0 25px;
}

@media only screen and (max-width: 767px) {
  .blog-wrap-4 .blog-content-4 div.p {
    margin: 0 0 15px;
  }
}

.blog-wrap-4 .blog-content-4 .Button-Widget-genesis a {
  font-weight: bold;
  letter-spacing: 2px;
}

.blog-wrap-4:hover>.blog-img-4>a {
  transform: scale(1.05);
}

.quote-content {
  background-color: #2f2f2f;
  padding: 50px 187px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .quote-content {
    padding: 50px 120px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .quote-content {
    padding: 50px 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quote-content {
    padding: 50px 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote-content {
    padding: 40px 80px;
  }
}

@media only screen and (max-width: 767px) {
  .quote-content {
    padding: 40px 15px;
  }
}

.quote-content h5 {
  font-size: 18px;
  color: #fff;

  margin: 0 0 20px;
  line-height: 28px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .quote-content h5 {
    font-size: 16px;
    margin: 0 0 10px;
  }
}

.quote-content h5 a {
  color: #fff;
}

.quote-content h5 a:hover {
  color: #ffffff;
}

.quote-content .blog-name span {
  font-weight: bold;
  color: #fff;
  display: inline-block;
  position: relative;
}

.quote-content .blog-name span:before {
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  width: 32px;
  height: 2px;
  content: "";
}

.quote-content .blog-name span:after {
  position: absolute;
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  width: 32px;
  height: 2px;
  content: "";
}

.quote-content.quote-content-mrg {
  margin: 40px 0 38px;
}

.main-blog-wrap.main-blog-wrap-mrg-none {
  margin-left: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-blog-wrap {
    margin-left: 0px;
    margin-bottom: 50px;
  }

  .main-blog-wrap.main-blog-wrap-mrg-none {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .main-blog-wrap {
    margin-left: 0px;
    margin-bottom: 50px;
  }

  .main-blog-wrap.main-blog-wrap-mrg-none {
    margin-bottom: 0;
  }
}

.blog-details-content .blog-details-img {
  position: relative;
}

.blog-details-content .blog-details-img img {
  width: 100%;
}

.blog-details-content .blog-details-img>span {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .96px;
  background-color: #1d1d1d;
  display: inline-block;
  line-height: 1;
  padding: 11px 50px;
}

.blog-details-content h3 {
  font-size: 32px;
  color: #2f2f2f;
  margin: 35px 0 0px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 0px;
  }
}

.blog-details-content .blog-meta-5 {
  padding: 10px 0 17px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-meta-5 {
    padding: 10px 0 10px;
  }
}

.blog-details-content .blog-meta-5 ul li {
  font-size: 12px;
  color: #2f2f2f;
  display: inline-block;
  margin-right: 2px;
}

.blog-details-content .blog-meta-5 ul li a {
  font-size: 12px;
  color: #2f2f2f;
}

.blog-details-content .blog-meta-5 ul li a:hover {
  color: #D9A84E;
}

.blog-details-content p {
  color: #707070;
  line-height: 28px;
  margin: 0 0 18px;
}

.blog-details-content .blog-dec-midle-content {
  margin: 38px 0 0;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-dec-midle-content {
    margin: 20px 0 0;
  }
}

.blog-details-content .blog-dec-midle-content img {
  width: 100%;
}

.blog-details-content .blog-dec-midle-content h3 {
  font-size: 32px;
  color: #2f2f2f;
  margin: 35px 0 18px;
}

@media only screen and (max-width: 767px) {
  .blog-details-content .blog-dec-midle-content h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0 0px;
  }
}

.blog-details-content .blog-dec-midle-content p {
  color: #707070;
  line-height: 28px;
  margin: 0 0 18px;
}

.blog-details-tag-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 46px 0 20px;
  flex-wrap: wrap;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
}

@media only screen and (max-width: 767px) {
  .blog-details-tag-social {
    margin: 25px 0 25px;
  }
}

.blog-details-tag-social .blog-details-tag ul {
  display: flex;
}

.blog-details-tag-social .blog-details-tag ul li {
  color: #2f2f2f;
  margin-right: 3px;
}

.blog-details-tag-social .blog-details-tag ul li a {
  color: #2f2f2f;
}

.blog-details-tag-social .blog-details-tag ul li a:hover {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .blog-details-tag-social .blog-details-social {
    margin-top: 10px;
  }
}

.blog-details-tag-social .blog-details-social ul {
  display: flex;
  align-items: center;
}

.blog-details-tag-social .blog-details-social ul li {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .blog-details-tag-social .blog-details-social ul li {
    margin-left: 4px;
  }
}

.blog-details-tag-social .blog-details-social ul li:first-child {
  margin-left: 0;
}

.blog-details-tag-social .blog-details-social ul li a {
  display: inline-block;
  color: #191919;
  font-size: 18px;
}

.blog-details-tag-social .blog-details-social ul li a.facebook:hover {
  color: #3b5999;
}

.blog-details-tag-social .blog-details-social ul li a.twitter:hover {
  color: #55acee;
}

.blog-details-tag-social .blog-details-social ul li a.linkedin:hover {
  color: #0173a9;
}

.blog-details-tag-social .blog-details-social ul li a.pinterest:hover {
  color: #b90f16;
}

.next-prev-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 17px;
  border-bottom: 1px solid #d8d8d8;
}

.next-prev-wrap .next-prev-conent>h4 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 7px;
  color: #1d1d1d;
}

@media only screen and (max-width: 767px) {
  .next-prev-wrap .next-prev-conent>h4 {
    font-size: 14px;
    margin: 0 0 3px;
  }
}

.next-prev-wrap .next-prev-conent>h4 a {
  color: #1d1d1d;
}

.next-prev-wrap .next-prev-conent>h4 a:hover {
  color: #D9A84E;
}

.next-prev-wrap .next-prev-conent>a {
  color: #989898;
  font-size: 12px;
}

.next-prev-wrap .next-prev-conent>a:hover {
  color: #D9A84E;
}

.next-prev-wrap .next-prev-conent.prev-wrap {
  text-align: right;
}

.blog-comments-area {
  margin: 35px 0 50px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area {
    margin: 30px 0 30px;
  }
}

.blog-comments-area h4 {
  font-size: 24px;
  color: #2f2f2f;
  margin: 0 0 35px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area h4 {
    margin: 0 0 20px;
  }
}

.blog-comments-area .blog-comments-wrap {
  border: 1px solid #d1d1d1;
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel {
  padding: 50px 50px 50px;
  border-bottom: 1px solid #d1d1d1;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel {
    padding: 30px 20px 30px;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel:last-child {
  border-bottom: none;
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment {
    flex-wrap: wrap;
  }

  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment.ml-80 {
    margin-left: 0;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-img {
  flex: 0 0 94px;
  margin-right: 57px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-img {
    margin-bottom: 10px;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-img img {
  width: 100%;
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content p {
  font-size: 16px;
  color: #535353;

  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content p {
    margin-bottom: 10px;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply {
    display: flex;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply h5 {
  color: #989898;
  font-size: 14px;
  margin: 0 20px 0 0;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply h5 {
    line-height: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply h5 {
    line-height: 1;
  }
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply a {
  display: inline-block;
  line-height: 1;
  color: #2f2f2f;
}

.blog-comments-area .blog-comments-wrap .single-blog-bundel .single-blog-comment .blog-comment-content .comment-name-reply a:hover {
  color: #D9A84E;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comment-form {
    margin-bottom: 50px;
  }

  .comment-form.mrg-none {
    margin-bottom: 0;
  }
}

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

  .comment-form.mrg-none {
    margin-bottom: 0;
  }
}

.comment-form>h3 {
  font-size: 24px;
  color: #2f2f2f;
  margin: 0 0 7px;
}

.comment-form p {
  font-size: 13px;
  color: #707070;
  margin: 0 0 45px;
}

@media only screen and (max-width: 767px) {
  .comment-form p {
    margin: 0 0 20px;
  }
}

.comment-form form .leave-form {
  margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .comment-form form .leave-form {
    margin: 0 0 15px;
  }
}

.comment-form form .leave-form input {
  background-color: transparent;
  height: 60px;
  color: #2f2f2f;
  border: 1px solid #d1d1d1;
  padding: 2px 20px;
}

@media only screen and (max-width: 767px) {
  .comment-form form .leave-form input {
    height: 50px;
  }
}

.comment-form form .leave-form input:focus {
  border: 1px solid #262626;
}

.comment-form form .leave-form textarea {
  background-color: transparent;
  height: 150px;
  color: #2f2f2f;
  padding: 20px 20px 2px 20px;
  border: 1px solid #d1d1d1;
}

.comment-form form .leave-form textarea:focus {
  border: 1px solid #262626;
}

.comment-form form .text-submit input {
  height: auto;
  border: none;
  display: inline-block;
  padding: 15px 45px;
  font-weight: bold;
  background-color: #ffffff;
  color: #fff;
  width: auto;
  letter-spacing: 1px;
  font-size: 12px;
  text-transform: uppercase;
}

.comment-form form .text-submit input:hover {
  background-color: #D9A84E;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area.pt-105 {
    padding-top: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-area.pb-80 {
    padding-bottom: 13px;
  }

  .blog-area.pb-60 {
    padding-bottom: 50px;
  }

  .blog-details-wrap.ml-20 {
    margin-left: 0;
  }
}

/* ----- blog layout -----*/
@media only screen and (max-width: 540px) {
  .blog-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout {
    display: block;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout:nth-child(even) .blog-content-layout {
  order: 1;
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout:nth-child(even) .blog-image-layout {
  order: 2;
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-image-layout {
  float: left;
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout {
  float: left;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover {
    margin: 30px 0 30px 0;
  }
}

@media only screen and (max-width: 540px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover {
    margin: 30px 0 30px 0;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout {
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 320px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout {
    margin-bottom: 5px;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h2 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h2 {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h2 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h2 {
    margin-bottom: 10px;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h2 .headline {
  line-height: 24px;
  font-size: 14px;

  letter-spacing: 1.5px;
  color: #D9A84E;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h2 .headline:before {}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h1 {
  font-size: 44px;
  line-height: 36px;
  font-weight: 900;
  color: #D9A84E;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 5px;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout ul li {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout ul li {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout ul li {
    margin-top: 0;
  }
}

@media only screen and (max-width: 320px) {
  .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout ul li {
    margin-top: 20px;
  }
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .product-details-social a {
  color: #1d1d1d;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 100%;
  text-align: center;
  font-size: 16px;
  margin: 0 7px 0 0;
  margin-top: 15px;
  background-color: #D9A84E;
}

.blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .product-details-social a:hover {
  color: #fff;
}

.blog-area .main-blog-layout-wrap .onright {
  float: right;
  padding: 15px;
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .main-blog-layout-wrap .onright {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-area .main-blog-layout-wrap .onright {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .blog-area .main-blog-layout-wrap .onright {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 15px 0 15px;
  }
}

.blog-area .main-blog-layout-wrap .onright .pageNext a {
  font-weight: 600;
  letter-spacing: 1.5px;
}

.blog-area .main-blog-layout-wrap .onright .pageNext a i {
  margin-left: 10px;
}

.blog-area .main-blog-layout-wrap .onright .pageNext a:hover {
  color: #D9A84E;
}

.home-02 {
  /*-- Blog --*/
}

.home-02 .blog-area {
  background-color: #151614;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .blog-area {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .blog-area {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .blog-area {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

.home-02 .blog-area .title-text {
  padding: 0;
}

.home-02 .blog-area .title-text h2 {
  text-align: center;
}

.home-02 .blog-area .blog-round-active .blog-wrap {
  padding: 0 15px 0 15px;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-img {
  overflow: hidden;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-img img {
  transition: all .4s ease-in;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-img .post-date-inner {
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 27px;
  background-color: #fff;
  text-align: center;
  padding: 14px 15px 2px;
  z-index: 1;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-img .post-date-inner .post-date-day {
  font-size: 24px;
  color: #000000;

  font-weight: 600;
  line-height: 28px;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-img .post-date-inner .post-date-month {
  color: #000000;
  font-weight: 600;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-content {
  padding: 37px 30px 40px;
  background-color: #fff;
  transition: all .4s ease-in;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-content h3 {
  margin-bottom: 15px;
  color: #000000;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-content p {
  font-size: 16px;
  margin: 10px 0;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-content .button-icon a {
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-content .button-icon a i {
  font-size: 20px;
  line-height: 28px;
  margin: 1px 0 0 5px;
}

.home-02 .blog-area .blog-round-active .blog-wrap .blog-content .button-icon a:hover {
  color: #D9A84E;
}

.home-02 .blog-area .blog-round-active .blog-wrap:hover img {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  transform: scale(1.02);
}

.home-02 .blog-area .blog-round-active .owl-nav {
  top: 0;
  position: absolute;
}

/*-------- 10. Footer style ---------*/
/*-------- Subscribe style ---------*/
@media only screen and (max-width: 767px) {
  footer .pl-30 {
    padding-left: 15px;
  }
}

.subscribe-title {
  margin-left: 36px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .subscribe-title {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-title {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-title {
    margin-left: 0px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-title {
    margin-left: 0px;
    text-align: center;
  }
}

.subscribe-title h3 {
  color: #fff;
  margin: 0;
  font-size: 36px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .subscribe-title h3 {
    font-size: 29px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-title h3 {
    font-size: 30px;
  }
}

.subscribe-form .mc-form {
  position: relative;
}

.subscribe-form .mc-form>input {
  border: none;
  color: #fff;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #858585;
  background-color: transparent;
  height: 42px;
  padding: 2px 100px 2px 0;
}

@media only screen and (max-width: 767px) {
  .subscribe-form .mc-form>input {
    font-size: 14px;
    padding: 2px 80px 2px 0;
  }
}

.subscribe-form .mc-form .mc-news {
  display: none;
}

.subscribe-form .mc-form .clear {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.subscribe-form .mc-form .clear input {
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 0;
  background-color: transparent;
}

@media only screen and (max-width: 767px) {
  .subscribe-form .mc-form .clear input {
    font-size: 14px;
  }
}

.subscribe-form .mc-form .clear input:hover {
  color: #ccc;
}

.subscribe-form.subscribe-mrg-1 {
  margin: 0 34px 0 66px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form.subscribe-mrg-1 {
    margin: 15px 0px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-form.subscribe-mrg-1 {
    margin: 15px 0px 0 0px;
  }
}

.subscribe-pt {
  padding-top: 115px;
}

@media only screen and (max-width: 767px) {
  .subscribe-pt {
    padding-top: 112px;
  }
}

.subscribe-pb {
  padding-bottom: 70px;
}

@media only screen and (max-width: 767px) {
  .subscribe-pb {
    padding-bottom: 50px;
  }
}

.subscribe-title-3 h3 {
  font-size: 36px;
  margin: 0;
  color: #1b1b1b;
  font-family: "Rufina", serif;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .subscribe-title-3 h3 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe-title-3.mb-30 {
    margin-bottom: 10px;
  }
}

.subscribe-form-3 .mc-form-3 {
  position: relative;
}

.subscribe-form-3 .mc-form-3 input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #1b1b1b;
  font-size: 18px;
  color: #1b1b1b;
  padding: 2px 150px 2px 0;
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-3 .mc-form-3 input {
    font-size: 14px;
    padding: 2px 104px 2px 0;
    height: 50px;
  }
}

.subscribe-form-3 .mc-form-3 .mc-news-3 {
  display: none;
}

.subscribe-form-3 .mc-form-3 .clear-3 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.subscribe-form-3 .mc-form-3 .clear-3 input {
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  height: auto;
  color: #1b1b1b;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-3 .mc-form-3 .clear-3 input {
    font-size: 14px;
  }
}

.subscribe-form-3 .mc-form-3 .clear-3 input:hover {
  color: #D9A84E;
}

.subscribe-form-4 .mc-form-4 {
  position: relative;
}

.subscribe-form-4 .mc-form-4 input {
  background-color: transparent;
  border: 2px solid #38866f;
  font-size: 18px;
  color: #515151;
  padding: 2px 150px 2px 28px;
  height: 80px;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-4 .mc-form-4 input {
    font-size: 14px;
    padding: 2px 100px 2px 15px;
    height: 50px;
  }
}

.subscribe-form-4 .mc-form-4 .mc-news-4 {
  display: none;
}

.subscribe-form-4 .mc-form-4 .clear-4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.subscribe-form-4 .mc-form-4 .clear-4 input {
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  height: auto;
  color: #515151;
}

@media only screen and (max-width: 767px) {
  .subscribe-form-4 .mc-form-4 .clear-4 input {
    font-size: 14px;
  }
}

.subscribe-form-4 .mc-form-4 .clear-4 input:hover {
  color: #777;
}

.instagram-border-radious {
  border-radius: 220px;
}

.subscribe-pets-ptb {
  padding: 145px 0 150px;
}

@media only screen and (max-width: 767px) {
  .subscribe-pets-ptb {
    padding: 70px 0 70px;
  }
}

.subscribe-form-5 .subscribe-form-style-5 .mc-form-5 {
  position: relative;
}

.subscribe-form-5 .subscribe-form-style-5 .mc-form-5 input {
  background-color: transparent;
  color: #262626;
  height: 70px;
  border: 1px solid #262626;
  padding: 2px 60px 2px 20px;
}

.subscribe-form-5 .subscribe-form-style-5 .mc-form-5 .mc-news-5 {
  display: none;
}

.subscribe-form-5 .subscribe-form-style-5 .mc-form-5 .clear-5 {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 50px;
  border: none;
  padding: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0) url("../../assets/images/icon-img/mail.png") no-repeat scroll right 18px center;
}

.subscribe-form-5 .subscribe-form-style-5 .mc-form-5 .clear-5 input {
  width: 50px;
  border: none;
  cursor: pointer;
  padding: 2px 5px 2px;
}

@media only screen and (max-width: 767px) {
  .subscribe-area.pt-70 {
    padding-top: 40px;
  }

  .subscribe-area.pb-80 {
    padding-bottom: 50px;
  }
}

/*-------- Footer style ---------*/
.footer-menu nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-menu nav ul li {
  display: inline-block;
  margin: 0 25px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-menu nav ul li {
    margin: 0 12px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-menu nav ul li {
    margin: 0 9px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-menu nav ul li {
    margin: 0 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-menu nav ul li {
    margin: 15px 12px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-menu nav ul li {
    margin: 0px 7px 7px;
  }
}

.footer-menu nav ul li a {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1.83px;
  padding-bottom: 3px;
  font-weight: 600;
}

.footer-menu nav ul li a.active {
  border-bottom: 2px solid #d8d8d8;
}

.footer-menu.color-yellow-2 nav ul li a:hover {
  color: #D9A84E;
}

@media only screen and (max-width: 767px) {
  .footer-menu {
    margin: 21px 0 10px;
  }
}

.social-icon-style li {
  margin: 0 20% 20px 0;
}

.social-icon-style li:last-child {
  margin: 0;
}

@media only screen and (max-width: 540px) {
  .social-icon-style li {
    margin: 0 20% 10px 0;
  }
}

.social-icon-style li a {
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 50%;
  z-index: 1;
  overflow: hidden;
  position: relative;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.social-icon-style li a:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .2;
  -moz-opacity: .2;
  -khtml-opacity: .2;
  -webkit-opacity: .2;
  position: absolute;
  top: 0;
  width: 0;
  border-radius: 25px;
  transition: .5s ease-in-out;
}

.social-icon-style li a:hover {
  color: #ffffff;
}

.social-icon-style li a:hover.facebook {
  background-color: #3b5999;
}

.social-icon-style li a:hover.twitter {
  background-color: #55acee;
}

.social-icon-style li a:hover.pinterest {
  background-color: #b90f16;
}

.social-icon-style li a:hover.instagram {
  background-color: #bc2a8d;
}

.social-icon-style li a:hover:after {
  width: 100%;
}

.social-icon-style li span {
  color: #ffffff;

  display: block;
}

.social-icon-style.social-icon-center {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-icon-style.social-icon-center {
    justify-content: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .social-icon-style.social-icon-center {
    justify-content: center;
  }
}

@media only screen and (max-width: 540px) {
  .social-icon-style.social-icon-center {
    justify-content: center;
  }
}

.social-icon-style.social-icon-right {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-icon-style.social-icon-right {
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .social-icon-style.social-icon-right {
    justify-content: center;
  }
}

.social-icon-style.social-icon-right-2 {
  display: flex;
  justify-content: right;
}

@media only screen and (max-width: 767px) {
  .social-icon-style.social-icon-right-2 {
    justify-content: center;
  }
}

.social-icon-style.social-mrg-dec a {
  margin-left: 9px;
}

.social-icon-style.social-mrg-dec a:first-child {
  margin-left: 0;
}

.social-icon-style.social-mrg-dec-2 a {
  margin-left: 13px;
}

.social-icon-style.social-mrg-dec-2 a:first-child {
  margin-left: 0;
}

.social-icon-style.social-font-dec a {
  font-size: 14px;
}

.social-icon-style.social-icon-white a {
  color: #fff;
}

.copyright.copyright-uppercase p {
  text-transform: uppercase;
}

.copyright.copyright-ptb {
  padding: 8px 0 11px;
}

.copyright.copyright-gray p {
  color: #a2a2a2;
}

.copyright.copyright-gray p a {
  color: #a2a2a2;
}

.copyright.copyright-gray-2 p {
  color: #BDBDBD;
}

.copyright.copyright-gray-2 p a {
  color: #BDBDBD;
}

.copyright.copyright-white p {
  color: #fff;
}

.copyright.copyright-white p a {
  color: #fff;
}

.footer-widget h3.footer-title-2 {
  font-size: 14px;
  color: #ffffff;
  margin: 0 0 19px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 1.43px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget h3.footer-title-2 {
    line-height: 23px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h3.footer-title-2 {
    line-height: 23px;
  }
}

.footer-widget h3.footer-title-3 {
  font-size: 18px;
  color: #fff;
  margin: 0 0 32px;
  line-height: 1;
  font-weight: bold;
  font-family: "Rufina", serif;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget h3.footer-title-3 {
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget h3.footer-title-3 {
    margin: 0 0 15px;
  }
}

.footer-widget .footer-info-list-2 ul li {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #b5b5b5;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-info-list-2 ul li {
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-info-list-2 ul li {
    margin-bottom: 8px;
  }
}

.footer-widget .footer-info-list-2 ul li:last-child {
  margin-bottom: 0px;
}

.footer-widget .footer-info-list-2 ul li a {
  font-size: 14px;
  color: #b5b5b5;
}

.footer-widget .footer-info-list-2 ul li a:hover {
  text-decoration: underline;
}

.footer-widget .footera-about p {
  margin: 0;
  color: #b5b5b5;
  width: 75%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget .footera-about p {
    width: 84%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footera-about p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footera-about p {
    width: 100%;
  }
}

.footer-widget .footera-about-2 p {
  margin: 0;
  color: #1b1b1b;
  width: 83%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget .footera-about-2 p {
    width: 84%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footera-about-2 p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footera-about-2 p {
    width: 100%;
  }
}

.footer-widget .footer-contact-wrap .single-footer-contact {
  display: flex;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-contact-wrap .single-footer-contact {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-contact-wrap .single-footer-contact {
    margin-bottom: 12px;
  }
}

.footer-widget .footer-contact-wrap .single-footer-contact:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon {
  flex: 0 0 30px;
  margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon {
    margin-right: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon {
    margin-right: 12px;
  }
}

.footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon i {
  color: #b5b5b5;
  font-size: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon i {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-icon i {
    font-size: 20px;
  }
}

.footer-widget .footer-contact-wrap .single-footer-contact .footer-contact-text p {
  color: #b5b5b5;
  margin: 0;
}

.footer-widget .footer-contact-wrap .single-footer-contact.fc-green-3 .footer-contact-icon {
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  .footer-widget .footer-contact-wrap .single-footer-contact.fc-green-3 .footer-contact-icon {
    margin-right: 10px;
  }
}

.footer-widget .footer-contact-wrap .single-footer-contact.fc-green-3 .footer-contact-icon:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-contact-wrap .single-footer-contact.fc-green-3 .footer-contact-icon i {
  color: #a4eba5;
}

.footer-widget .footer-contact-wrap .single-footer-contact.fc-green-3 .footer-contact-text p {
  color: #1b1b1b;
}

.footer-widget.footer-mrg-1 {
  margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.footer-mrg-1 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.footer-mrg-1 {
    margin-left: 0px;
  }
}

.footer-widget.footer-mrg-2 {
  margin-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.footer-mrg-2 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.footer-mrg-2 {
    margin-left: 0px;
  }
}

.footer-widget.footer-mrg-3 {
  margin-left: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-widget.footer-mrg-3 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget.footer-mrg-3 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.footer-mrg-3 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.footer-mrg-3 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget.mb-55 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-widget.mb-55 {
    margin-bottom: 30px;
  }
}

.footer-logo-ngtv-mrg {
  margin-top: -52px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-logo-ngtv-mrg {
    margin-top: -60px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-logo-ngtv-mrg {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.footer-payment-right {
  text-align: right;
}

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

.footer-bottom-pb {
  padding: 20px 0 15px 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom-pb {
    padding: 10px 0 20px 0;
    text-align: center;
  }
}

@media only screen and (max-width: 540px) {
  .footer-bottom-pb {
    text-align: center;
    padding: 10px 0 20px 0;
  }
}

.footer-bottom-ptb {
  padding: 13px 0;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-ml-95 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-ml-95 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-ml-95 {
    margin-left: 0px;
    margin-top: 10px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-ml-30 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-ml-30 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-ml-30 {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-ml-30 {
    margin-left: 0px;
    margin-top: 10px;
  }
}

.cake-footer-area {
  position: relative;
}

.cake-footer-area .cake-footer-img1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.cake-footer-area .cake-footer-img1 img {
  width: 322px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cake-footer-area .cake-footer-img1 img {
    width: 222px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cake-footer-area .cake-footer-img1 img {
    width: 222px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cake-footer-area .cake-footer-img1 img {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .cake-footer-area .cake-footer-img1 img {
    width: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cake-footer-area .cake-footer-img1 img {
    width: 100px;
  }
}

.cake-footer-area .cake-footer-img2 {
  position: absolute;
  bottom: 0;
  left: 36%;
  z-index: -1;
}

.cake-footer-area .cake-footer-img2 img {
  width: 267px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cake-footer-area .cake-footer-img2 img {
    width: 180px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cake-footer-area .cake-footer-img2 img {
    width: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cake-footer-area .cake-footer-img2 img {
    width: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .cake-footer-area .cake-footer-img2 img {
    width: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cake-footer-area .cake-footer-img2 img {
    width: 60px;
  }
}

.cake-footer-area .cake-footer-img3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.cake-footer-area .cake-footer-img3 img {
  width: 339px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cake-footer-area .cake-footer-img3 img {
    width: 239px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cake-footer-area .cake-footer-img3 img {
    width: 180px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cake-footer-area .cake-footer-img3 img {
    width: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cake-footer-area .cake-footer-img3 img {
    width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .cake-footer-area .cake-footer-img3 img {
    width: 100px;
  }
}

.footer-area .first-footer-inner {
  display: flex;
  align-items: center;
  padding: 40px 0 15px;
  border-bottom: 1px solid;
}

@media only screen and (max-width: 767px) {
  .footer-area .first-footer-inner {
    display: block;
  }
}

.footer-area .first-footer-inner .newsletter-title {
  padding-bottom: 15px;
  padding-top: 15px;
}

.footer-area .first-footer-inner .newsletter-title .title {
  font-size: 26px;
  margin-bottom: 10px;
  line-height: 30px;
  letter-spacing: 0;
}

.footer-area .first-footer-inner .newsletter-title p {
  color: #fff;
}

.footer-area .first-footer-inner .subscribe-form-2 {
  margin-bottom: 15px;
}

.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 {
  position: relative;
}

.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 input {
  height: 52px;
  border: 1px solid #DDDDDD;
  padding: 16px 20px 15px;
  background-color: transparent;
  background: transparent;
  font-size: 14px;
  width: 100%;
  box-shadow: none;
  color: #fff;
}

.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .mc-news-2 {
  display: none;
}

.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .clear-2 {
  position: absolute;
  right: 0px;
  bottom: 0;
}

.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .clear-2 input {
  border: 0;
  background-color: #D9A84E;
  color: #fff;
  height: 52px;
  text-transform: uppercase;
  padding: 16px 50px 15px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
}

.footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .clear-2 input:hover {
  background-color: #bf9818;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .footer-area .first-footer-inner .subscribe-form-2 .mc-form-2 .clear-2 input {
    padding: 16px 35px 15px;
  }
}

.footer-area .widget-area {
  padding: 40px 15px 20px;
}

@media only screen and (max-width: 767px) {
  .footer-area .widget-area {
    padding: 15px 15px;
  }
}

.footer-area .widget-area .logo {
  margin-bottom: 10px;
  float: left;
  margin-right: 24px;
  text-align: center;
}

.footer-area .widget-area p {
  color: #fff;
  margin-bottom: 15px;
}

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

.footer-area .widget-area .footer-widget .footer-title {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #fff;
}

.footer-area .widget-area .footer-widget .footer-info-list ul {
  column-count: 2;
}

.footer-area .widget-area .footer-widget .footer-info-list ul li {
  color: #fff;
  padding-bottom: 10px;
}

.footer-area .widget-area .footer-widget .footer-info-list ul li a {
  color: #fff;
  margin-left: 5px;
}

.footer-area .widget-area .footer-widget .footer-info-list ul li a:hover {
  color: #D9A84E;
}

.footer-area .widget-area .footer-widget .Phone,
.footer-area .widget-area .footer-widget .Email,
.footer-area .widget-area .footer-widget .Location {
  display: flex;
}

.footer-area .widget-area .footer-widget .Phone .title-box,
.footer-area .widget-area .footer-widget .Email .title-box,
.footer-area .widget-area .footer-widget .Location .title-box {
  padding-left: 15px;
}

.footer-area .widget-area .footer-widget .Phone .title-box .title,
.footer-area .widget-area .footer-widget .Email .title-box .title,
.footer-area .widget-area .footer-widget .Location .title-box .title {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}

.footer-area .widget-area .footer-widget .Phone .title-box p,
.footer-area .widget-area .footer-widget .Email .title-box p,
.footer-area .widget-area .footer-widget .Location .title-box p {
  color: #666;
}

.footer-bottom-area {
  background-color: #131313;
  overflow: hidden;
}

.footer-bottom-area .footer-bottom-home {
  border-top: 1px solid;
}

@media only screen and (max-width: 767px) {
  .footer-bottom-area .footer-bottom-home {
    text-align: left;
  }
}

@media only screen and (max-width: 540px) {
  .footer-bottom-area .footer-bottom-home {
    padding: 0 15px;
  }
}

.footer-bottom-area .footer-bottom-home p {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .footer-bottom-area .footer-bottom-home p {
    margin-top: 5px;
  }
}

.footer-bottom-area .footer-bottom-home p span {
  color: #D9A84E;
}

.footer-bottom-area .footer-bottom-home .ekit-team-social-list {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .footer-bottom-area .footer-bottom-home .ekit-team-social-list {
    margin-top: 10px;
    justify-content: flex-start;
  }
}

.footer-bottom-area .footer-bottom-home .ekit-team-social-list li {
  margin-right: 5px;
}

.footer-bottom-area .footer-bottom-home .ekit-team-social-list li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  width: 36px;
  height: 36px;
  line-height: 36px;
  z-index: 1;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: transparent;
  border: 1px solid;
  transition: all .4s;
}

.footer-bottom-area .footer-bottom-home .ekit-team-social-list li a:hover {
  background-color: #D9A84E;
  border: 1px solid #D9A84E;
  color: #fff;
}

.organic-footer-logo {
  margin: 62px 0 0;
}

@media only screen and (max-width: 767px) {
  .organic-footer-logo {
    margin: 62px 0 45px;
  }
}

.footer-organic-img {
  position: absolute;
  right: 0;
  top: -266px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-organic-img {
    top: -100px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-organic-img {
    top: -80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-organic-img {
    top: -200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-organic-img {
    top: -250px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-organic-img {
    top: -110px;
  }
}

.footer-organic-img img {
  width: 605px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .footer-organic-img img {
    width: 400px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .footer-organic-img img {
    width: 300px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-organic-img img {
    width: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-organic-img img {
    width: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-organic-img img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-logo {
    text-align: left;
  }
}

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

  .footer-logo.f-logo-small-left {
    text-align: left;
  }

  .footer-top.pt-75 {
    padding-top: 50px;
  }

  .footer-top.pt-100 {
    padding-top: 50px;
  }

  .footer-top.pb-40 {
    padding-bottom: 5px;
  }

  .footer-top.pb-35 {
    padding-bottom: 5px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-logo.f-logo-small-left {
    text-align: center;
  }
}

.home-02 .profile-icon ul,
.home-03 .profile-icon ul {
  display: flex;
}

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

  .home-02 .profile-icon ul,
  .home-03 .profile-icon ul {
    align-items: center;
    justify-content: center;
  }
}

.home-02 .profile-icon ul li,
.home-03 .profile-icon ul li {
  margin-right: 5px;
}

.home-02 .profile-icon ul li:last-child,
.home-03 .profile-icon ul li:last-child {
  margin-right: 0;
}

.home-02 .profile-icon ul li a,
.home-03 .profile-icon ul li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  background-color: #D9A84E;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.home-02 .profile-icon ul li a:after,
.home-03 .profile-icon ul li a:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .2;
  -moz-opacity: .2;
  -khtml-opacity: .2;
  -webkit-opacity: .2;
  position: absolute;
  top: 0;
  width: 0;
  border-radius: 25px;
  transition: .5s ease-in-out;
}

.home-02 .profile-icon ul li a i,
.home-03 .profile-icon ul li a i {
  color: #000000;
}

.home-02 .profile-icon ul li a:hover,
.home-03 .profile-icon ul li a:hover {
  background: #D9A84E;
}

.home-02 .profile-icon ul li a:hover i,
.home-03 .profile-icon ul li a:hover i {
  color: #ffffff;
}

.home-02 .profile-icon ul li a:hover:after,
.home-03 .profile-icon ul li a:hover:after {
  width: 100%;
}

.home-02 {
  /*-- Footer --*/
}

.home-02 .footer-area {
  background-image: url(../images/footer/footer.jpg);
  background-size: cover;
}

.home-02 .footer-area .footer-top {
  padding: 50px 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .footer-area .footer-top {
    padding: 60px 0 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .footer-area .footer-top {
    padding: 40px 0 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top {
    padding: 20px 0 30px;
  }
}

@media only screen and (max-width: 320px) {
  .home-02 .footer-area .footer-top {
    padding: 10px 0 30px;
  }
}

.home-02 .footer-area .footer-top .footer-widget {
  text-align: left;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .footer-area .footer-top .footer-widget {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top .footer-widget {
    text-align: center;
    margin-top: 20px;
  }
}

.home-02 .footer-area .footer-top .footer-widget .footer-logo {
  margin: 23px 0 0 0;
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-logo {
    margin: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-logo {
    margin: 0;
    text-align: left;
  }
}

.home-02 .footer-area .footer-top .footer-widget p {
  font-size: 15px;
  color: #8c8b8b;
  margin: 25px 0 20px;
  line-height: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .footer-area .footer-top .footer-widget p {
    margin: 15px 0 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top .footer-widget p {
    margin: 15px 0 10px;
    line-height: 24px;
  }
}

.home-02 .footer-area .footer-top .footer-widget .footer-title {
  margin: 23px 0 25px 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-title {
    margin: 0px 0 15px 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-title {
    margin: 20px 0 15px 0;
  }
}

.home-02 .footer-area .footer-top .footer-widget .footer-instagram {
  display: flex;
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-instagram {
    align-items: center;
    justify-content: center;
  }
}

.home-02 .footer-area .footer-top .footer-widget .footer-instagram .instagram-info {
  margin: 5% 5% 0 0;
}

.home-02 .footer-area .footer-top .footer-widget .footer-instagram .instagram-info:last-child {
  margin: 5% 0% 0 0;
}

.home-02 .footer-area .footer-top .footer-widget .footer-info-list ul li {
  margin: 10px 0;
}

.home-02 .footer-area .footer-top .footer-widget .footer-info-list ul li a {
  color: #8c8b8b;
  line-height: 30px;
}

.home-02 .footer-area .footer-top .footer-widget .footer-info-list ul li a:hover {
  color: #ffffff;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-info-list ul li a {
    line-height: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-top .footer-widget .footer-info-list ul li a {
    line-height: 20px;
  }
}

.home-02 .footer-area .footer-top .footer-widget #mc_embed_signup input {
  background: transparent;
  border: 1px solid #404040;
  border-right: none;
  color: #8c8b8b;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .footer-area .footer-top .footer-widget #mc_embed_signup input {
    padding-left: 2px;
    font-size: 13px;
  }
}

.home-02 .footer-area .footer-top .footer-widget #mc_embed_signup .clear-2 {
  position: absolute;
  right: 15px;
  transform: translateY(-100%);
}

.home-02 .footer-area .footer-top .footer-widget #mc_embed_signup .clear-2 i {
  width: auto;
  height: auto;
  padding: 5px 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 14.5px 23px;
  background-color: #000000;
  box-shadow: none;
}

.home-02 .footer-area .footer-top .footer-widget #mc_embed_signup .clear-2 i:hover {
  background-color: #D9A84E;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .footer-area .footer-top .footer-widget #mc_embed_signup .clear-2 i {
    padding: 14.5px 8px;
  }
}

.home-02 .footer-area .footer-bottom-area {
  background-color: transparent;
  border-top: 1px solid #404040;
}

.home-02 .footer-area .footer-bottom-area .footer-bottom-pb {
  padding: 8px 0 8px 0;
}

.home-02 .footer-area .footer-bottom-area .footer-bottom-pb p {
  color: #ffffff;
  margin: 10px 0;
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-bottom-area .footer-bottom-pb p {
    margin: 0;
  }
}

.home-02 .footer-area .footer-bottom-area .footer-bottom-pb .product-details-social {
  text-align: end;
  margin: 10px 0;
}

@media only screen and (max-width: 540px) {
  .home-02 .footer-area .footer-bottom-area .footer-bottom-pb .product-details-social {
    text-align: center;
    margin: 5px 0;
  }
}

.home-02 .footer-area .footer-bottom-area .footer-bottom-pb .product-details-social a {
  font-size: 16px;
  margin: 0 10px 0 0;
  color: #ffffff;
}

.home-02 .footer-area .footer-bottom-area .footer-bottom-pb .product-details-social a:last-child {
  margin: 0;
}

.home-02 .footer-area .footer-bottom-area .footer-bottom-pb .product-details-social a:hover {
  color: #D9A84E;
}

.home-03 {
  /*--- footer---*/
}

.home-03 .footer-area .footer-top {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .footer-area .footer-top {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-top {
    padding-bottom: 30px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-top {
    padding-bottom: 20px;
    padding-top: 40px;
  }
}

.home-03 .footer-area .footer-top .footer-widget {
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .footer-area .footer-top .footer-widget {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-top .footer-widget {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-top .footer-widget {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.home-03 .footer-area .footer-top .footer-widget .footer-logo {
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-top .footer-widget .footer-logo {
    text-align: left;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-top .footer-widget .footer-logo {
    margin-bottom: 15px;
  }
}

.home-03 .footer-area .footer-top .footer-widget p {
  font-size: 16px;
  line-height: 26px;
  width: 80%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .footer-area .footer-top .footer-widget p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .footer-area .footer-top .footer-widget p {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-top .footer-widget p {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-top .footer-widget p {
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-top .footer-widget p {
    width: 100%;
    text-align: center;
  }
}

.home-03 .footer-area .footer-top .footer-widget .footer-title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 20px;
  line-height: 28px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-top .footer-widget .footer-title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-top .footer-widget .footer-title {
    margin-bottom: 15px;
    text-align: center;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-top .footer-widget .footer-info-list ul {
    text-align: center;
  }
}

.home-03 .footer-area .footer-top .footer-widget .footer-info-list ul li {
  font-size: 16px;
  line-height: 26px;
  margin: 5px 0;
}

.home-03 .footer-area .footer-top .footer-widget .footer-info-list ul li:last-child {
  margin: 5px 0 0;
}

.home-03 .footer-area .footer-top .footer-widget .footer-info-list ul li a {
  color: #666;
}

.home-03 .footer-area .footer-top .footer-widget .footer-info-list ul li a:hover {
  color: #D9A84E;
}

.home-03 .footer-area .footer-top .footer-widget .footer-instagram {
  display: flex;
}

.home-03 .footer-area .footer-top .footer-widget .footer-instagram .instagram-info {
  margin: 5px 10px 5px 0;
}

.home-03 .footer-area .footer-bottom-area {
  background-color: transparent;
  border-top: 1px solid #A0AABA2B;
}

.home-03 .footer-area .footer-bottom-area .footer-bottom-pb {
  padding: 20px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .footer-area .footer-bottom-area .footer-bottom-pb {
    padding: 10px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-bottom-area .footer-bottom-pb {
    padding: 10px 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-bottom-area .footer-bottom-pb {
    padding: 10px 0;
  }
}

.home-03 .footer-area .footer-bottom-area .footer-bottom-pb p {
  padding: 10px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .footer-area .footer-bottom-area .footer-bottom-pb p {
    padding: 5px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .footer-area .footer-bottom-area .footer-bottom-pb p {
    padding: 0;
    text-align: center;
  }
}

.home-04 .footer-area,
.home-05 .footer-area {
  padding-top: 100px;
  padding-bottom: 100px;
}

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

  .home-04 .footer-area,
  .home-05 .footer-area {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

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

  .home-04 .footer-area,
  .home-05 .footer-area {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

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

  .home-04 .footer-area,
  .home-05 .footer-area {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}

.home-04 .footer-area .footer-info p,
.home-05 .footer-area .footer-info p {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0;
}

.home-04 .footer-area .footer-info p span i,
.home-05 .footer-area .footer-info p span i {
  margin-right: 20px;
}

.home-04 .footer-area .footer-info h3,
.home-05 .footer-area .footer-info h3 {
  padding-top: 50px;
  margin-bottom: 50px;
}

.home-04 .footer-area .footer-info h3 .headline,
.home-05 .footer-area .footer-info h3 .headline {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 1.5px;
  color: #D9A84E;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.home-04 .footer-area .footer-info h3 .headline:before,
.home-05 .footer-area .footer-info h3 .headline:before {
  content: "";
  display: inline-block;
  width: 4em;
  margin: 0;
  border-style: solid;
  border-width: 1px 0 0;
  margin-right: 25px;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb,
.home-05 .footer-area .footer-bottom .footer-bottom-pb {
  padding: 0;
}

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

  .home-04 .footer-area .footer-bottom .footer-bottom-pb,
  .home-05 .footer-area .footer-bottom .footer-bottom-pb {
    text-align: left;
  }
}

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

  .home-04 .footer-area .footer-bottom .footer-bottom-pb,
  .home-05 .footer-area .footer-bottom .footer-bottom-pb {
    text-align: left;
  }
}

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

  .home-04 .footer-area .footer-bottom .footer-bottom-pb .Copyright-list,
  .home-05 .footer-area .footer-bottom .footer-bottom-pb .Copyright-list {
    display: flex;
    justify-content: flex-start;
  }
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .Copyright-list span,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .Copyright-list span {
  font-size: 20px;
  line-height: 22px;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list {
  display: flex;
  justify-content: flex-end;
}

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

  .home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list,
  .home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list {
    margin-top: 20px;
    justify-content: flex-start;
  }
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li {
  margin-right: 5px;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a {
  display: inline-block;
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 50%;
  z-index: 1;
  overflow: hidden;
  position: relative;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:after,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: .2;
  -moz-opacity: .2;
  -khtml-opacity: .2;
  -webkit-opacity: .2;
  position: absolute;
  top: 0;
  width: 0;
  border-radius: 25px;
  transition: .5s ease-in-out;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover {
  color: #ffffff;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.facebook,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.facebook {
  background-color: #3b5999;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.twitter,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.twitter {
  background-color: #55acee;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.pinterest,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.pinterest {
  background-color: #b90f16;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.instagram,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover.instagram {
  background-color: #bc2a8d;
}

.home-04 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover:after,
.home-05 .footer-area .footer-bottom .footer-bottom-pb .ekit-team-social-list li a:hover:after {
  width: 100%;
}

/*-------- 12. Service style ---------*/
/*---  philosophy---*/
h2 {
  line-height: 50px;
  letter-spacing: 1px;
  color: #D9A84E;
  margin-bottom: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2 {
    margin-bottom: 40px;
    font-size: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  h2 {
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 38px;
  }
}

.philosophy-area {
  background-image: url(../images/others/Pattrean4.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: 60px;
  overflow: hidden;
}

@media only screen and (max-width: 540px) {
  .philosophy-area {
    padding-bottom: 50px;
  }
}

.philosophy-area .philosophy-cover {
  display: flex;
  padding-top: 100px;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .philosophy-area .philosophy-cover {
    display: block;
    padding-top: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .philosophy-area .philosophy-cover {
    display: block;
    padding-top: 60px;
  }
}

@media only screen and (max-width: 540px) {
  .philosophy-area .philosophy-cover {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.philosophy-area .philosophy-cover .philosophy-content {
  margin-right: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .philosophy-area .philosophy-cover .philosophy-content {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .philosophy-area .philosophy-cover .philosophy-content {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .philosophy-area .philosophy-cover .philosophy-content {
    margin-right: 0;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .philosophy-area .philosophy-cover .philosophy-content {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.philosophy-area .philosophy-cover .philosophy-content h3 {
  margin-bottom: 10px;
}

.philosophy-area .philosophy-cover .philosophy-content h3 .headline {
  line-height: 24px;
  font-size: 14px;

  letter-spacing: 1.5px;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.philosophy-area .philosophy-cover .philosophy-content h3 .headline:before {}

.philosophy-area .philosophy-cover .philosophy-content h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .philosophy-area .philosophy-cover .philosophy-content h2 {
    margin-bottom: 15px;
  }
}

.philosophy-area .philosophy-cover .philosophy-content div.p {
  color: #ffffff;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .philosophy-area .philosophy-cover .philosophy-content div.p {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .philosophy-area .philosophy-cover .philosophy-content div.p {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .philosophy-area .philosophy-cover .philosophy-content div.p {
    margin-bottom: 20px;
  }
}

.philosophy-area .philosophy-cover .philosophy-content .button-icon a {
  color: #D9A84E;
  letter-spacing: 1px;
  font-weight: 500;
}

.philosophy-area .philosophy-cover .philosophy-content .button-icon a i {
  margin-left: 8px;
}

.philosophy-area .philosophy-cover .philosophy-content .button-icon a:hover {
  color: #ffffff;
}

.philosophy-area .philosophy-cover .image-stack {
  display: grid;
  position: relative;
  grid-template-columns: repeat(12, 1fr);
}

.philosophy-area .philosophy-cover .image-stack .image-stack-top {
  grid-row: 1;
  grid-column: 1 / -4;
  padding-top: 12%;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .philosophy-area .philosophy-cover .image-stack .image-stack-top {
    grid-column: 1 / -4;
    padding-top: 11%;
  }
}

.philosophy-area .philosophy-cover .image-stack .image-stack-top img {
  width: 100%;
  display: block;
}

.philosophy-area .philosophy-cover .image-stack .image-stack-bottom {
  grid-column: 2 / -3;
  grid-row: 1;
  z-index: 0;
}

@media only screen and (max-width: 1600px) {
  .philosophy-area .philosophy-cover .image-stack .image-stack-bottom {
    grid-column: 2 / -3;
  }
}

.philosophy-area .philosophy-cover .image-stack .image-stack-bottom img {
  width: 100%;
  display: block;
}

.philosophy-area .philosophy-cover .image-stack .image-stack-bottom-01 {
  grid-column: 5 / -2;
  grid-row: 1;
  padding-top: 46%;
}

@media only screen and (max-width: 1600px) {
  .philosophy-area .philosophy-cover .image-stack .image-stack-bottom-01 {
    grid-column: 4 / 0;
    padding-top: 45%;
  }
}

.philosophy-area section#counter-stats {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.philosophy-area .stats {
  font-size: 42px;
  font-weight: 600;
  line-height: 70px;

  letter-spacing: 5.5px;
  color: #D9A84E;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .philosophy-area .stats {
    font-size: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .philosophy-area .stats {
    font-size: 36px;
    line-height: 58px;
  }
}

@media only screen and (max-width: 767px) {
  .philosophy-area .stats {
    font-size: 32px;
    line-height: 58px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .philosophy-area .stats {
    text-align: center;
    margin-bottom: 10px;
  }

  .philosophy-area .stats:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 540px) {
  .philosophy-area .stats {
    text-align: center;
    margin-bottom: 10px;
  }

  .philosophy-area .stats:last-child {
    margin-bottom: 0;
  }
}

.philosophy-area .stats .count {
  border: none;
}

.philosophy-area .stats h5 {
  letter-spacing: 0;

  color: #ffffff;
  font-size: 14px;
  margin-top: 0;
}

/*--- portfolio-area---*/
.portfolio-area .portfolio-wrap {
  position: relative;
  overflow: hidden;
}

.portfolio-area .portfolio-wrap .portfolio-img {
  overflow: hidden;
}

.portfolio-area .portfolio-wrap .portfolio-img img {
  transition: opacity .3s ease-out, transform .3s ease-out, filter .3s ease-out;
  -moz-transition: opacity .3s ease-out, -moz-transform .3s ease-out, -moz-filter .3s ease-out;
  -o-transition: opacity .3s ease-out, -o-transform .3s ease-out, -o-filter .3s ease-out;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
}

.portfolio-area .portfolio-wrap .portfolio-gallery-wrap,
.portfolio-area .portfolio-wrap .portfolio-gallery {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .6s all ease;
  -o-transition: .6s all ease;
  transition: .6s all ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.portfolio-area .portfolio-wrap .portfolio-gallery-wrap,
.portfolio-area .portfolio-wrap .portfolio-gallery {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  transition: 500ms;
}

.portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg,
.portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  z-index: -1;
  opacity: .7;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  text-align: left;
  padding: 85px 50px;
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
    padding: 50px 50px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
    padding: 40px 25px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
    padding: 40px 25px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg {
    padding: 40px 25px;
  }
}

.portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font,
.portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 25px;
  display: block;
  line-height: 30px;
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 26px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 24px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .title-font,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .title-font {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 24px;
  }
}

.portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption,
.portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
  font-size: 13px;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 6px;
  transform: rotate(270deg) translate(-100%, 0);
  -webkit-transform: rotate(270deg) translate(-100%, 0);
  -moz-transform: rotate(270deg) translate(-100%, 0);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
}

.portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before,
.portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
  content: " ";
  display: inline-block;
  width: 36px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 5px;
  margin-right: 30px;
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
    margin-right: 20px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
    margin-right: 20px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
    margin-right: 20px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption:before,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption:before {
    margin-right: 20px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
    letter-spacing: 5px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
    letter-spacing: 4px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
    letter-spacing: 3px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
    letter-spacing: 4px;
  }
}

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

  .portfolio-area .portfolio-wrap .portfolio-gallery-wrap .portfolio-gallery-bg .portfolio-caption,
  .portfolio-area .portfolio-wrap .portfolio-gallery .portfolio-gallery-bg .portfolio-caption {
    letter-spacing: 3px;
  }
}

.portfolio-area .portfolio-wrap:hover .portfolio-gallery-wrap,
.portfolio-area .portfolio-wrap:hover .portfolio-gallery {
  opacity: 1;
  visibility: visible;
}

.portfolio-area .portfolio-wrap:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.portfolio-area .owl-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  z-index: 9;
  text-align: center;
  left: 0;
  right: 0;
  top: auto;
  margin: auto;
  width: 100px;
  height: 60px;
  background-color: #000;
}

.portfolio-area .owl-nav .owl-prev,
.portfolio-area .owl-nav .owl-next {
  margin: 10px 5px;
}

.portfolio-area .owl-nav .owl-prev i,
.portfolio-area .owl-nav .owl-next i {
  font-size: 42px;
}

.portfolio-area .owl-nav .owl-prev i:hover,
.portfolio-area .owl-nav .owl-next i:hover {
  color: #ffffff;
}

.home-03 {
  /*-- Our Services--*/
  /*-- How We work --*/
}

.home-03 h2 {
  font-size: 32px;
  color: #333333;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 h2 {
    margin-bottom: 10px;
  }
}

.home-03 .our-Services-area {
  background-color: #f1eee7;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .our-Services-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .our-Services-area {
    padding-bottom: 20px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .our-Services-area {
    padding-bottom: 10px;
    padding-top: 40px;
  }
}

.home-03 .our-Services-area .our-Services-cover {
  align-items: center;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .our-Services-area .our-Services-cover {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .our-Services-area .our-Services-cover {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services {
    margin-bottom: 30px;
  }
}

.home-03 .our-Services-area .our-Services-cover .our-Services p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info {
  position: relative;
  overflow: hidden;
  padding: 40px;
  background-color: #ffffff;
  -webkit-transition: all .4s ease;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services-info {
    padding: 20px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services-info {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services-info {
    margin-bottom: 30px;
  }
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  z-index: -1;
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-icon i {
  font-size: 40px;
  margin: 0px 20px 20px 0px;
  color: #D9A84E;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-icon i {
    font-size: 32px;
    margin: 0px 15px 15px 0px;
  }
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text {
  z-index: 1;
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text h4 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #333333;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text h4 {
    font-size: 19px;
  }
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text p {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 26px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .our-Services-area .our-Services-cover .our-Services-info .our-Services-text p {
    font-size: 14px;
    line-height: 24px;
  }
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info:hover img {
  opacity: 1;
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info:hover .our-Services-icon i {
  color: #ffffff;
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info:hover .our-Services-text {
  z-index: 2;
}

.home-03 .our-Services-area .our-Services-cover .our-Services-info:hover .our-Services-text h4,
.home-03 .our-Services-area .our-Services-cover .our-Services-info:hover .our-Services-text p {
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .work-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .work-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .work-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .work-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.home-03 .work-area .work-title p {
  font-size: 16px;
  padding: 0% 25% 0% 25%;
  line-height: 26px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .work-area .work-title p {
    padding: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .work-area .work-title p {
    padding: 0;
    margin-bottom: 15px;
  }
}

.home-03 .work-area .work-cover {
  text-align: center;
}

.home-03 .work-area .work-cover .work-info h2 {
  color: #ffffff;
  font-family: "Lato", Sans-serif;
  font-size: 100px;
  line-height: 110px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .work-area .work-cover .work-info h2 {
    font-size: 80px;
    line-height: 90px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .work-area .work-cover .work-info h2 {
    font-size: 70px;
    line-height: 80px;
  }
}

.home-03 .work-area .work-cover .work-info h3 {
  color: #000000;
  margin: 10px 0 15px;
}

.home-03 .work-area .work-cover .work-info p {
  font-size: 16px;
  padding: 0 15px;
}

/*-------- 13. Categories style ---------*/
.single-featured-categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 2px solid #e0e0e0;
  padding: 15px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-featured-categories {
    padding: 30px 20px 30px 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-featured-categories {
    padding: 30px 15px 30px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-featured-categories {
    padding: 30px 20px 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-featured-categories {
    padding: 30px 15px 30px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-featured-categories {
    padding: 30px 15px 30px 15px;
  }
}

.single-featured-categories .featured-categories-content {
  flex: 0 0 50%;
  padding: 0 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-featured-categories .featured-categories-content {
    flex: 0 0 62%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-featured-categories .featured-categories-content {
    flex: 0 0 70%;
  }
}

@media only screen and (max-width: 767px) {
  .single-featured-categories .featured-categories-content {
    flex: 0 0 60%;
  }
}

.single-featured-categories .featured-categories-content h3 {
  font-weight: 500;
  font-size: 20px;
  color: #1b1b1b;
  margin: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-featured-categories .featured-categories-content h3 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-featured-categories .featured-categories-content h3 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-featured-categories .featured-categories-content h3 {
    font-size: 18px;
  }
}

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

@media only screen and (max-width: 767px) {
  .single-featured-categories .featured-categories-content h3 {
    font-size: 18px;
  }
}

.single-featured-categories .featured-categories-content h3 a {
  color: #1b1b1b;
}

.single-featured-categories .featured-categories-content h3 a:hover {
  color: #D9A84E;
}

.single-featured-categories .featured-categories-content p {
  color: #D9A84E;
  font-weight: 500;
  margin: 8px 0 10px;
}

@media only screen and (max-width: 1600px) {
  .single-featured-categories .featured-categories-content p {
    width: 100%;
  }
}

.single-featured-categories .featured-categories-content .sub-cat {
  margin-bottom: 15px;
}

.single-featured-categories .featured-categories-content .sub-cat li {
  padding-left: 15px;
  margin-bottom: 5px;
  position: relative;
}

.single-featured-categories .featured-categories-content .sub-cat li::before {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
}

.single-featured-categories .featured-categories-img {
  flex: 0 0 50%;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-featured-categories .featured-categories-img {
    flex: 0 0 38%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-featured-categories .featured-categories-img {
    flex: 0 0 30%;
  }
}

@media only screen and (max-width: 767px) {
  .single-featured-categories .featured-categories-img {
    flex: 0 0 40%;
  }
}

.single-featured-categories .featured-categories-img a img {
  width: 100%;
  transition: all .5s ease 0s;
  transform: scale(1);
}

.single-featured-categories:hover .featured-categories-img a img {
  transform: scale(1.1);
}

/*-------- 14. Brand logo style ---------*/
.brand-logo-active .single-brand-logo,
.brand-logo-active-2 .single-brand-logo {
  display: flex;
  align-items: center;
  height: 200px;
  justify-content: center;
  filter: opacity(0.8);
  cursor: pointer;
}

.brand-logo-active .single-brand-logo.bl-grayscale img,
.brand-logo-active-2 .single-brand-logo.bl-grayscale img {
  filter: grayscale(100%);
}

.brand-logo-active .single-brand-logo.bl-grayscale img:hover,
.brand-logo-active-2 .single-brand-logo.bl-grayscale img:hover {
  filter: grayscale(0%);
}

.brand-logo-active .single-brand-logo:hover,
.brand-logo-active-2 .single-brand-logo:hover {
  filter: opacity(1);
}

.brand-logo-active.owl-carousel .owl-item img,
.brand-logo-active-2.owl-carousel .owl-item img,
.testimonial-active.owl-carousel .owl-item img,
.testimonial-active-2.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
  border-radius: 0;
}

.brand-logo-active.owl-carousel .owl-item img,
.brand-logo-active-2.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
  transition: all .3s ease 0s;
  opacity: .25;
}

.brand-logo-active.owl-carousel .owl-item img:hover,
.brand-logo-active-2.owl-carousel .owl-item img:hover {
  transition: all 400ms linear 0s;
  opacity: 1;
}

.brand-logo-ptb {
  padding: 0px 0 0px;
  border-top: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
  .brand-logo-ptb {
    padding: 40px 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-logo-ptb {
    padding: 40px 0 40px;
  }
}

.brand-logo-ptb-about {
  padding: 60px 0 60px;
}

@media only screen and (max-width: 767px) {
  .brand-logo-ptb-about {
    padding: 40px 0 40px;
  }
}

.kids-brand-logo-ptb {
  padding: 108px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kids-brand-logo-ptb {
    padding: 100px 0;
  }
}

@media only screen and (max-width: 767px) {
  .kids-brand-logo-ptb {
    padding: 50px 0;
  }
}

@media only screen and (max-width: 767px) and (max-width: 540px) {
  .brand-logo-area {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .brand-logo-area.pt-70 {
    padding-top: 50px;
  }

  .brand-logo-area.pb-70 {
    padding-bottom: 50px;
  }
}

.home-03 {
  /*-- Brand Slider --*/
}

.home-03 .brand-logo-area {
  padding-bottom: 0;
}

.home-03 .brand-logo-area .brand-logo-ptb {
  border: none;
  padding: 50px 0;
}

@media only screen and (max-width: 767px) {
  .home-03 .brand-logo-area .brand-logo-ptb {
    padding: 20px 0 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .brand-logo-area .brand-logo-ptb {
    padding: 30px 0 30px;
  }
}

/*-------- 15. Testimonial style ---------*/
.title-text {
  padding: 0 15px 0 15px;
}

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

.title-text h3 {
  margin-bottom: 10px;
}

.title-text h3 .headline {
  line-height: 24px;
  font-size: 14px;

  letter-spacing: 1.5px;
  color: #000000;
  display: flex;
  align-items: center;
}

.title-text h3 .headline:before {}

@media only screen and (max-width: 767px) {
  .single-testimonial {
    flex-direction: column;
    padding: 0;
  }
}

.single-testimonial .client-info {
  background: #fff;
  border-top: 5px solid #D9A84E;
  padding: 80px 50px 40px 36px;
  position: relative;
}

.single-testimonial .client-info i {
  position: absolute;
  right: 22px;
  top: 20px;
  color: #D9A84E;
  font-size: 45px;
  line-height: 50px;
}

.single-testimonial .client-info h4 {
  font-size: 14px;
  margin-bottom: 20px;
}

.single-testimonial .testimonial-quote {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .single-testimonial .testimonial-quote {
    justify-content: center;
  }
}

.single-testimonial .testimonial-quote i {
  color: #D9A84E;
  background-color: #ffffff;
  display: inline-block;
  height: 90px;
  width: 90px;
  border-radius: 100%;
  text-align: center;
  line-height: 90px;
  font-size: 40px;
  margin-top: -30px;
}

@media only screen and (max-width: 767px) {
  .single-testimonial .testimonial-quote i {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 30px;
  }
}

.single-testimonial .testimonial-quote .client-img {
  border-radius: 50%;
  overflow: hidden;
  margin-left: -30px;
  margin-top: 50px;
}

.single-testimonial p {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial p {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial p {
    font-size: 16px;
    line-height: 28px;
    width: 75%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial p {
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 25px;
    width: 100%;
    text-align: justify;
  }
}

.client-info span {
  color: #111;
  font-weight: 500;
  font-size: 18px;
}

.single-testimonial-2 {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 12px;
}

.single-testimonial-2 .testimonial-2-inner {
  position: relative;
  float: left;
  width: 100%;
}

.single-testimonial-2 .testimonial-2-inner:before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  content: "";
  width: 2px;
  height: 100%;
}

.single-testimonial-2 .testimonial-2-inner:after {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  content: "";
  width: 2px;
  height: 100%;
}

.single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 {
  position: relative;
  margin-top: -40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 {
    margin-top: -24px;
  }
}

.single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon {
  position: relative;
}

.single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:before {
  position: absolute;
  left: auto;
  right: calc(100% + 100px);
  top: 50%;
  background-color: #fff;
  content: "";
  width: 700%;
  height: 2px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:before {
    right: calc(100% + 50px);
  }
}

.single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:after {
  position: absolute;
  right: auto;
  left: calc(100% + 100px);
  top: 50%;
  background-color: #fff;
  content: "";
  width: 700%;
  height: 2px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon:after {
    left: calc(100% + 50px);
  }
}

.single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon i {
  color: #fff;
  font-size: 82px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon i {
    font-size: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .testimonial-quote-2 .quote-2-icon i {
    font-size: 50px;
  }
}

.single-testimonial-2 .testimonial-2-inner p {
  color: #fff;
  font-size: 66px;
  font-weight: bold;
  font-family: "Rufina", serif;
  margin: 0 0 63px;
  line-height: 107px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-2 .testimonial-2-inner p {
    font-size: 50px;
    margin: 0 0 63px;
    line-height: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-2 .testimonial-2-inner p {
    font-size: 28px;
    margin: 28px 0 40px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner p {
    font-size: 22px;
    line-height: 37px;
    margin: 15px 0 25px;
    padding: 0 20px;
  }
}

.single-testimonial-2 .testimonial-2-inner .client-info-2 {
  margin-bottom: -12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.single-testimonial-2 .testimonial-2-inner .client-info-2 span {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-family: "Rufina", serif;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .client-info-2 span {
    font-size: 16px;
  }
}

.single-testimonial-2 .testimonial-2-inner .client-info-2 span:before {
  position: absolute;
  left: auto;
  right: calc(100% + 100px);
  top: 50%;
  background-color: #fff;
  content: "";
  width: 500%;
  height: 2px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .client-info-2 span:before {
    right: calc(100% + 50px);
  }
}

.single-testimonial-2 .testimonial-2-inner .client-info-2 span:after {
  position: absolute;
  right: auto;
  left: calc(100% + 100px);
  top: 50%;
  background-color: #fff;
  content: "";
  width: 500%;
  height: 2px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .single-testimonial-2 .testimonial-2-inner .client-info-2 span:after {
    left: calc(100% + 50px);
  }
}

.single-testimonial-3 p {
  font-size: 28px;
  line-height: 39px;
  margin: 15px auto 45px;
  width: 63%;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-testimonial-3 p {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-testimonial-3 p {
    font-size: 23px;
    width: 83%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-3 p {
    font-size: 20px;
    width: 85%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-3 p {
    font-size: 20px;
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-3 p {
    font-size: 16px;
    line-height: 30px;
    margin: 15px auto 25px;
    width: 100%;
  }
}

.testimonial3-negative-mt {
  margin-top: -240px;
}

@media only screen and (max-width: 767px) {
  .testimonial3-negative-mt {
    margin-top: -80px;
  }
}

.testimonial3-pt {
  padding-top: 350px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3-pt {
    padding-top: 305px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial3-pt {
    padding-top: 125px;
  }
}

.testimonial-area {
  position: relative;
  overflow: hidden;
  background-color: #ededed;
}

@media only screen and (max-width: 540px) {
  .testimonial-area {
    padding-top: 50px;
  }
}

.testimonial-area .owl-nav {
  position: absolute;
  top: -96px;
  right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-area .owl-nav {
    top: -86px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area .owl-nav {
    top: -66px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area .owl-nav {
    top: -58px;
  }
}

@media only screen and (max-width: 480px) {
  .testimonial-area .owl-nav {
    top: -56px;
  }
}

.testimonial-area .owl-nav .owl-prev,
.testimonial-area .owl-nav .owl-next {
  font-size: 36px;
  color: #999;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  background-color: #fff;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
}

.testimonial-area .owl-nav .owl-prev:hover,
.testimonial-area .owl-nav .owl-next:hover {
  color: #D9A84E;
}

.testimonial-area .owl-nav .owl-prev:last-child,
.testimonial-area .owl-nav .owl-next:last-child {
  margin-right: 15px;
}

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

  .testimonial-area .owl-nav .owl-prev:last-child,
  .testimonial-area .owl-nav .owl-next:last-child {
    margin-right: 0;
  }
}

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

  .testimonial-area .owl-nav .owl-prev,
  .testimonial-area .owl-nav .owl-next {
    font-size: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 15px;
  }
}

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

  .testimonial-area .owl-nav .owl-prev,
  .testimonial-area .owl-nav .owl-next {
    font-size: 26px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-right: 15px;
  }
}

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

  .testimonial-area .owl-nav .owl-prev,
  .testimonial-area .owl-nav .owl-next {
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
  }
}

.handmade-leaf-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  animation-duration: 2.5s;
  animation-name: bounce-img-2;
  animation-iteration-count: infinite;
}

.handmade-leaf-1 img {
  width: 597px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .handmade-leaf-1 img {
    width: 350px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .handmade-leaf-1 img {
    width: 250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .handmade-leaf-1 img {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .handmade-leaf-1 img {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .handmade-leaf-1 img {
    width: 100px;
  }
}

.handmade-leaf-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  animation-duration: 2.5s;
  animation-name: bounce-img-2;
  animation-iteration-count: infinite;
}

.handmade-leaf-2 img {
  width: 486px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .handmade-leaf-2 img {
    width: 380px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .handmade-leaf-2 img {
    width: 280px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .handmade-leaf-2 img {
    width: 230px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .handmade-leaf-2 img {
    width: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .handmade-leaf-2 img {
    width: 100px;
  }
}

.testimonial-border {
  border: 1px solid #979797;
  padding: 0 0 55px;
}

.single-testimonial-4 p {
  font-size: 18px;
  line-height: 36px;
  margin: 9px auto 19px;
  width: 64%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-4 p {
    width: 78%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-4 p {
    width: 73%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-4 p {
    font-size: 14px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-testimonial-4 p {
    font-size: 16px;
    line-height: 34px;
  }
}

.nav-style-4 .owl-nav div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  font-size: 30px;
  transition: all .3s ease 0s;
}

@media only screen and (max-width: 767px) {
  .nav-style-4 .owl-nav div {
    left: 15px;
    font-size: 20px;
  }
}

.nav-style-4 .owl-nav div:hover {
  color: #D9A84E;
}

.nav-style-4 .owl-nav div.owl-next {
  left: auto;
  right: 40px;
}

@media only screen and (max-width: 767px) {
  .nav-style-4 .owl-nav div.owl-next {
    right: 15px;
  }
}

.single-testimonial-5 p {
  font-size: 36px;

  line-height: 49px;
  margin: 27px auto 36px;
  width: 68%;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-testimonial-5 p {
    font-size: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-testimonial-5 p {
    font-size: 30px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-testimonial-5 p {
    font-size: 25px;
    line-height: 40px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .single-testimonial-5 p {
    font-size: 20px;
    line-height: 36px;
    margin: 16px auto 26px;
    width: 100%;
  }
}

.testimonial-5-ptb {
  padding: 148px 0 142px;
}

@media only screen and (max-width: 767px) {
  .testimonial-5-ptb {
    padding: 70px 0 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area.pt-150 {
    padding-top: 100px;
  }

  .testimonial-area.pb-150 {
    padding-bottom: 100px;
  }

  .testimonial-area-2.pt-200 {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial-area.pt-150 {
    padding-top: 70px;
  }

  .testimonial-area.pb-150 {
    padding-bottom: 70px;
  }

  .testimonial-area-2.pt-200 {
    padding-top: 115px;
  }
}

.home-03 {
  /*-- Testimonials--*/
}

.home-03 .testimonials-area {
  overflow: hidden;
}

.home-03 .testimonials-area .testimonials {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .testimonials-area .testimonials {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .testimonials-area .testimonials {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .testimonials-area .testimonials {
    display: block;
  }
}

.home-03 .testimonials-area .testimonials .testimonials-elementor {
  padding: 0% 35% 0% 8%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .testimonials-area .testimonials .testimonials-elementor {
    padding: 60px 30px 0 30px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .testimonials-area .testimonials .testimonials-elementor {
    padding: 50px 30px 0 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .testimonials-area .testimonials .testimonials-elementor {
    padding: 40px 30px 0 30px;
    text-align: center;
  }
}

.home-03 .testimonials-area .testimonials .testimonials-elementor p {
  font-size: 16px;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
  padding-left: 80px;
  padding-top: 10px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding-left: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding-left: 65px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding-left: 55px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding: 20px 0 50px 0;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding: 20px 0 40px 0;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 480px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials {
    padding: 20px 30px 40px 30px;
  }
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info {
  padding: 20px 40px 0px 0px;
  width: 480px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info {
    padding: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info {
    padding: 0;
  }
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info p {
  font-size: 16px;
  line-height: 26px;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info .testimonials-details {
  display: flex;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info .testimonials-details .testimonials-img {
  margin-right: 20px;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info .testimonials-details .testimonials-img img {
  border-radius: 50%;
  height: 70px;
  width: 70px;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info .testimonials-details .testimonials-text h3 {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 26px;
  color: #000000;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info .testimonials-icon {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.home-03 .testimonials-area .testimonials .testimonials-active-1 .single-testimonials .client-info .testimonials-icon i {
  position: absolute;
  font-size: 40px;
  line-height: 45px;
  color: #D9A84E;
}

/*-------- 17. Others style ---------*/
/* home 06 */
.hide {
  display: none;
}

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

#icons {
  display: none;
}

.header-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2rem 4rem;
  z-index: 20;
}

@media only screen and (max-width: 767px) {
  .header-wrapper {
    padding: 2rem 2rem;
  }
}

@media only screen and (max-width: 320px) {
  .header-wrapper {
    padding: 1rem 0.5rem;
  }
}

.header-wrapper .header {
  position: relative;
  display: block;
  width: 100%;
  height: 6rem;
}

.header-wrapper .menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
}

.header-wrapper .menu-wrapper .header-right-wrap.header-right-flex .same-style a {
  color: #000000;
  font-size: 26px;
}

@media only screen and (max-width: 767px) {
  .header-wrapper .menu-wrapper .header-right-wrap.header-right-flex .same-style a {
    font-size: 20px;
  }
}

.header-wrapper .menu-txt {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  text-transform: uppercase;
  cursor: pointer;
  color: #000000;
}

.header-wrapper .logo-wrapper {
  position: absolute;
  top: 0;
  left: 5em;
  transform: translate(-50%, -50%);
}

.header-wrapper .logo {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 3rem;
  line-height: 1;
  font-weight: 600;
}

.header-wrapper .logo span {
  display: block;
}

.number-wrapper {
  position: absolute;
  height: 100%;
  width: 12rem;
  z-index: 10;
}

.number-wrapper .number-count {
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}

.number-wrapper .number {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size: 12rem;
  color: #efefef;
  margin-left: -5rem;
  font-weight: 700;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .number-wrapper .number {
    font-size: 10rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .number-wrapper .number {
    font-size: 8rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .number-wrapper .number {
    font-size: 3rem;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .number-wrapper .number {
    font-size: 2rem;
    margin-left: 0;
  }
}

@media only screen and (max-width: 320px) {
  .number-wrapper .number {
    display: none;
  }
}

.arrows-wrapper {
  position: absolute;
  height: 100%;
  width: 12rem;
  padding: 0 4rem;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .arrows-wrapper {
    width: 8rem;
  }
}

.arrows-wrapper .nav-arrows {
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 320px) {
  .arrows-wrapper .nav-arrows {
    top: 30%;
    transform: translateY(-30%);
  }
}

.arrows-wrapper .nav-up {
  opacity: 0;
}

.arrows-wrapper .nav-up,
.arrows-wrapper .nav-down {
  width: 2rem;
  height: 3rem;
  cursor: pointer;
}

.arrows-wrapper .nav-up svg,
.arrows-wrapper .nav-down svg {
  fill: #666;
  width: 100%;
  max-height: 100%;
  background-color: #ffffff;
}

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

  .arrows-wrapper .nav-up svg,
  .arrows-wrapper .nav-down svg {
    width: 80%;
    max-height: 80%;
  }
}

.arrows-wrapper .nav-up svg:hover,
.arrows-wrapper .nav-down svg:hover {
  fill: #D9A84E;
}

.arrows-wrapper .nav-up {
  transform: rotate(180deg);
}

.arrows-wrapper .nav-line {
  width: 100%;
  height: 0.1rem;
  background: #666;
  margin: 1rem 0;
}

@media only screen and (max-width: 767px) {
  .arrows-wrapper .nav-line {
    margin: 0.5rem 0;
  }
}

.hero-section {
  position: relative;
  background: #ffffff;
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
}

.hero-section .slide {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hero-section .slide:after {
  content: "";
  display: table;
  clear: both;
}

.hero-section .slide:first-child .txt-wrapper span.sub-title {
  opacity: 1;
}

.hero-section .slide:nth-child(odd) .img {
  margin-left: 50%;
  transform: translateY(-100%);
}

.hero-section .slide:nth-child(odd) .txt {
  transform: translateY(100%);
}

.hero-section .slide:nth-child(even) .img {
  transform: translateY(100%);
}

.hero-section .slide:nth-child(even) .txt {
  margin-left: 50%;
  transform: translateY(-100%);
}

.hero-section .slide.active {
  position: absolute;
  z-index: 5;
}

.hero-section .slide.active .img,
.hero-section .slide.active .txt {
  transform: translateY(0);
}

.slider-container {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.slider-container:after {
  content: "";
  display: table;
  clear: both;
}

.slider-container .hero-image {
  position: absolute;
  display: block;
  width: 50%;
  height: 100%;
  transition: transform 0.3s ease;
  transition-delay: 0.15s;
}

.slider-container .hero-image.txt {
  display: table;
  padding: 8rem 14rem;
  background: white;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-container .hero-image.txt {
    padding: 8rem 8rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-container .hero-image.txt {
    padding: 8rem 6rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-container .hero-image.txt {
    padding: 6rem 6rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container .hero-image.txt {
    padding: 6rem 4rem;
  }
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image.txt {
    padding: 4rem 2rem;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image.txt {
    padding: 1rem 0.5rem;
  }
}

.slider-container .hero-image .txt-wrapper {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.slider-container .hero-image .txt-wrapper span.sub-title {
  position: relative;
  text-transform: uppercase;
  display: block;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 50px;
  font-weight: 500;
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-container .hero-image .txt-wrapper span.sub-title {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container .hero-image .txt-wrapper span.sub-title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper span.sub-title {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper span.sub-title {
    font-size: 0.8rem;
  }
}

.slider-container .hero-image .txt-wrapper h2 {
  margin: 0;
  font-size: 4.3rem;
  margin-bottom: 50px;
  line-height: 1;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-container .hero-image .txt-wrapper h2 {
    font-size: 3rem;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container .hero-image .txt-wrapper h2 {
    font-size: 2.3rem;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper h2 {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper h2 {
    font-size: 1rem;
  }
}

.slider-container .hero-image .txt-wrapper h2 span {
  display: block;
}

.slider-container .hero-image .txt-wrapper h3 {
  margin: 0;
  font-size: 2rem;
  margin-bottom: 2rem;
  line-height: 1;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper h3 {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper h3 {
    font-size: 1rem;
  }
}

.slider-container .hero-image .txt-wrapper h3 span {
  color: #ccc;
}

.slider-container .hero-image .txt-wrapper a {
  text-decoration: none;
  color: #AEACAB;
}

.slider-container .hero-image .txt-wrapper .button-home {
  position: relative;
  width: fit-content;
  padding: 1rem 3.5rem;
  color: white;
  text-align: center;
  display: block;
  border-radius: 3rem;
  background: #d02e2e;
  text-transform: uppercase;
  border: none;
  font-size: 1rem;
  margin-top: 3rem;
  font-weight: bold;
  outline: none;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .button-home {
    padding: 0.8rem 2.5rem;
    font-size: 0.9rem;
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper .button-home {
    padding: 0.3rem 1rem;
    font-size: 0.6rem;
  }
}

.slider-container .hero-image .txt-wrapper .button-home:hover {
  background-color: #D9A84E;
}

.slider-container .hero-image .txt-wrapper .phone {
  display: block;
  color: black;
  font-size: 1.9rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container .hero-image .txt-wrapper .phone {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .phone {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 480px) {
  .slider-container .hero-image .txt-wrapper .phone {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper .phone {
    font-size: 0.9rem;
  }
}

.slider-container .hero-image .txt-wrapper .subtitle {
  display: block;
  text-transform: uppercase;
  color: #AEACAB;
  font-weight: bold;
  letter-spacing: 0.3rem;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container .hero-image .txt-wrapper .subtitle {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .subtitle {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.2rem;
    line-height: 18px;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper .subtitle {
    font-size: 0.8rem;
  }
}

.slider-container .hero-image .txt-wrapper p.description {
  margin: 0;
  color: #AEACAB;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-container .hero-image .txt-wrapper p.description {
    font-size: 1rem;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container .hero-image .txt-wrapper p.description {
    font-size: 1rem;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper p.description {
    font-size: 1rem;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper p.description {
    font-size: 0.6rem;
  }
}

.slider-container .hero-image .txt-wrapper a.view-all {
  color: #AEACAB;
}

.slider-container .hero-image .txt-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}

.slider-container .hero-image .txt-wrapper ul li {
  position: relative;
  margin: 1.5rem 0;
  padding: 0;
}

.slider-container .hero-image .txt-wrapper ul li:after {
  content: "";
  display: table;
  clear: both;
}

.slider-container .hero-image .txt-wrapper .date-wrapper {
  width: 20%;
  float: left;
  color: #AEACAB;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .date-wrapper {
    width: 15%;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper .date-wrapper {
    width: 100%;
  }
}

.slider-container .hero-image .txt-wrapper .date-wrapper .date {
  font-size: 1.7rem;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .date-wrapper .date {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 480px) {
  .slider-container .hero-image .txt-wrapper .date-wrapper .date {
    font-size: 1rem;
  }
}

.slider-container .hero-image .txt-wrapper .date-wrapper .month {
  font-size: 1rem;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .date-wrapper .month {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 480px) {
  .slider-container .hero-image .txt-wrapper .date-wrapper .month {
    font-size: 0.6rem;
  }
}

.slider-container .hero-image .txt-wrapper .post-wrapper {
  width: 80%;
  float: left;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .post-wrapper {
    width: 85%;
  }
}

@media only screen and (max-width: 320px) {
  .slider-container .hero-image .txt-wrapper .post-wrapper {
    width: 100%;
  }
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-title {
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .post-wrapper .post-title {
    font-size: 1rem;
    line-height: 1;
  }
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-title a {
  display: block;
  color: black;
  cursor: pointer;
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-title a:hover {
  text-decoration: underline;
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-info {
  display: block;
  color: #AEACAB;
  font-size: 1rem;
}

@media only screen and (max-width: 480px) {
  .slider-container .hero-image .txt-wrapper .post-wrapper .post-info {
    font-size: 0.8rem;
  }
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-info:after {
  content: "";
  display: table;
  clear: both;
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-info ul {
  margin: 0;
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-info li {
  float: left;
  margin: 0 0.5rem;
}

@media only screen and (max-width: 767px) {
  .slider-container .hero-image .txt-wrapper .post-wrapper .post-info li {
    margin: 0 0.3rem;
    font-size: 13px;
  }
}

@media only screen and (max-width: 480px) {
  .slider-container .hero-image .txt-wrapper .post-wrapper .post-info li {
    font-size: 10px;
    margin: 0;
  }
}

.slider-container .hero-image .txt-wrapper .post-wrapper .post-info li:first-child {
  margin-left: 0;
}

.slider-container .hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer {
  position: absolute;
  display: block;
  width: 100%;
  height: 6rem;
  bottom: 0;
  left: 0;
  padding: 2rem 4rem;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding: 2rem 2rem;
  }
}

@media only screen and (max-width: 320px) {
  .footer {
    padding: 1rem 0.5rem;
  }
}

.footer:after {
  content: "";
  display: table;
  clear: both;
}

.social-wrapper,
.language-wrapper {
  position: relative;
}

.social-wrapper ul,
.language-wrapper ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-wrapper li,
.language-wrapper li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem;
}

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

  .social-wrapper li,
  .language-wrapper li {
    font-size: 10px;
    margin: 0 0.3rem;
  }
}

.social-wrapper a,
.language-wrapper a {
  text-decoration: none;
  color: black;
}

.social-wrapper a.language-bg,
.language-wrapper a.language-bg {
  background-color: #ffffff;
  padding: 10px;
}

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

  .social-wrapper a.language-bg,
  .language-wrapper a.language-bg {
    padding: 5px;
  }
}

.social-wrapper {
  float: left;
}

.language-wrapper {
  float: right;
}

/* end home 06 */
.main-sidebar-right {
  margin-left: 375px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .main-sidebar-right {
    margin-left: 275px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .main-sidebar-right {
    margin-left: 270px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-sidebar-right {
    margin-left: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-sidebar-right {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .main-sidebar-right {
    margin-left: 0px;
  }
}

.empty-cart-content img {
  max-width: 100%;
}

.empty-cart-content h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin: 50px 0 41px;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .empty-cart-content h3 {
    font-size: 17px;
    margin: 30px 0 31px;
  }
}

.empty-cart-content .Button-Widget-genesis a .Button-Content {
  font-weight: bold;
  text-transform: uppercase;
}

.error-content {
  margin-top: -120px;
}

@media only screen and (max-width: 767px) {
  .error-content {
    padding: 0 15px;
  }
}

.error-content h1 {
  font-size: 250px;
  color: #D9A84E;
  margin: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .error-content h1 {
    font-size: 220px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-content h1 {
    font-size: 220px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-content h1 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .error-content h1 {
    font-size: 140px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-content h1 {
    font-size: 200px;
  }
}

.error-content h3 {
  font-size: 64px;
  color: #ffffff;
  margin: 0px 0 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .error-content h3 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .error-content h3 {
    font-size: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-content h3 {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .error-content h3 {
    font-size: 25px;
    margin: 10px 0 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error-content h3 {
    font-size: 30px;
    margin: 10px 0 30px;
  }
}

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

@media only screen and (max-width: 767px) {
  .single-store h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

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

.single-store ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-store.mb-50 {
    margin-bottom: 40px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .store-area.pb-70 {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .store-area.pb-70 {
    padding-bottom: 20px;
  }
}

/*--- Intria Studio --*/
.Light-Shadow {
  background-image: url(../images/cms/about-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Light-Shadow {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 540px) {
  .Light-Shadow {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 480px) {
  .Light-Shadow {
    padding-top: 60px;
  }
}

.Light-Shadow .since-text {
  left: 0;
  position: relative;
}

.Light-Shadow .since-text h5 {
  position: absolute;
  left: 0;
  top: 36px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .34px;
  color: #111;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Light-Shadow .since-text h5 {
    top: 0px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 540px) {
  .Light-Shadow .since-text h5 {
    top: 0px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .Light-Shadow .since-text h5 {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Light-Shadow .since-text h5 {
    font-size: 13px;
  }
}

.Light-Shadow .light-shadow-cover {
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Light-Shadow .light-shadow-cover {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Light-Shadow .light-shadow-cover {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .Light-Shadow .light-shadow-cover {
    display: block;
  }
}

.Light-Shadow .light-shadow-cover .Light-Shadow-text {
  padding: 280px 8% 300px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Light-Shadow .light-shadow-cover .Light-Shadow-text {
    padding: 200px 6% 250px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Light-Shadow .light-shadow-cover .Light-Shadow-text {
    padding: 150px 0% 235px 0;
  }
}

@media only screen and (max-width: 767px) {
  .Light-Shadow .light-shadow-cover .Light-Shadow-text {
    padding: 100px 30% 200px 0;
  }
}

@media only screen and (max-width: 480px) {
  .Light-Shadow .light-shadow-cover .Light-Shadow-text {
    padding: 100px 22% 200px 0;
  }
}

.Light-Shadow .light-shadow-cover .Light-Shadow-text h3 {
  margin-bottom: 10px;
}

.Light-Shadow .light-shadow-cover .Light-Shadow-text h3 .headline {
  line-height: 24px;
  font-size: 14px;

  letter-spacing: 1.5px;
  color: #000000;
  display: flex;
  align-items: center;
}

.Light-Shadow .light-shadow-cover .Light-Shadow-text h3 .headline:before {}

.Light-Shadow .light-shadow-cover .Light-Shadow-text h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .Light-Shadow .light-shadow-cover .Light-Shadow-text h2 {
    margin-bottom: 15px;
  }
}

.Light-Shadow .light-shadow-cover .Light-Shadow-text p {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  letter-spacing: 0;
  margin-bottom: 30px;
}

/*---- speciallization area ---*/
.services-item-area {
  background-image: url(../images/others/Pattrean2.jpg);
  padding-top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-item-area {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services-item-area {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .services-item-area {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}

.services-item-area .title-headline h3 {
  margin-bottom: 10px;
}

.services-item-area .title-headline h3 .headline {
  line-height: 24px;
  font-size: 14px;

  letter-spacing: 1.5px;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.services-item-area .title-headline h3 .headline:before {}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services-item-area .services-item {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services-item-area .services-item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .services-item-area .services-item {
    text-align: center;
    margin-bottom: 20px;
  }
}

.services-item-area .services-item h4 {
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-top: 25px;
}

.services-item-area .services-item p {
  color: #ffffff;
  height: 70px;
  letter-spacing: .21px;
  font-family: heebo, sans-serif;
  margin-bottom: 30px;
}

@media only screen and (max-width: 540px) {
  .services-item-area .services-item p {
    text-align: center;
    margin-bottom: 20px;
  }
}

.services-item-area .services-item .button-icon a {
  color: #D9A84E;
  letter-spacing: 1px;
  font-weight: 500;
}

.services-item-area .services-item .button-icon a i {
  margin-left: 8px;
}

.services-item-area .services-item .button-icon a:hover {
  color: #ffffff;
}

/*--- Luxury Town Houses ---*/
.luxury-town-houses .luxury-houses .luxury-houses-area {
  background-image: url(../images/others/pattrean2.jpg);
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area {
    padding: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area {
    padding: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area {
    padding: 20px;
    display: block;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area {
    padding: 20px;
  }
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info {
  float: left;
}

@media only screen and (max-width: 767px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info {
    margin-bottom: 20px;
    text-align: center;
  }
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h2 {
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h2 {
    font-size: 33px;
    line-height: 38px;
  }
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
  color: #ffffff;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
    font-size: 25px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-text h3 {
    font-size: 20px;
    line-height: 25px;
  }
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis {
  font-size: 14px;
  display: inline-block;
  line-height: 16px;
  width: auto;
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a i,
.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget i {
  font-size: 2.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a i,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget i {
    font-size: 2.5em;
    width: 1.8em;
    height: 1.8em;
    line-height: 2;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a i,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget i {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    line-height: 2;
  }
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title,
.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title {
  padding: 15px 30px 15px 0;
  text-align: left;
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle,
.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 11px;
  text-transform: uppercase;
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
    letter-spacing: 0;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
    font-size: 12px;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-content-supertitle,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
    text-transform: none;
  }
}

.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title,
.luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
  font-size: 20px;
  line-height: 1;
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
    font-size: 15px;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
    font-size: 12px;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
    font-size: 12px;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
    font-size: 14px;
  }
}

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

  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis a .service-content-title .service-title,
  .luxury-town-houses .luxury-houses .luxury-houses-area .luxury-houses-info .luxury-houses-services .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
    font-size: 13px;
  }
}

/*--- Latest Projects---*/
.home-02 {
  /*-- Offering--*/
  /*--- Architecture---*/
  /*-- Watch Video --*/
  /*---Delivering area----*/
}

.home-02 h2 {
  letter-spacing: 2px;
  margin-bottom: 50px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 h2 {
    margin-bottom: 40px;
    font-size: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 h2 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 h2 {
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 38px;
  }
}

.home-02 .Latest-Projects-area {
  background-color: #151614;
  background-image: url(../images/projects/bg.png);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Latest-Projects-area {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Latest-Projects-area {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Latest-Projects-area {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}

.home-02 .Latest-Projects-area .owl-nav {
  position: absolute;
  top: -96px;
  right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .Latest-Projects-area .owl-nav {
    top: -86px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Latest-Projects-area .owl-nav {
    top: -74px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Latest-Projects-area .owl-nav {
    top: 0;
    position: relative;
    text-align: center;
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Latest-Projects-area .owl-nav {
    top: 0;
    position: relative;
    text-align: center;
    margin: 20px 0 0;
  }
}

.home-02 .Latest-Projects-area .owl-nav .owl-prev,
.home-02 .Latest-Projects-area .owl-nav .owl-next {
  font-size: 36px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
  background-color: transparent;
}

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

  .home-02 .Latest-Projects-area .owl-nav .owl-prev,
  .home-02 .Latest-Projects-area .owl-nav .owl-next {
    margin-right: 0;
  }
}

.home-02 .Latest-Projects-area .owl-nav .owl-prev:hover,
.home-02 .Latest-Projects-area .owl-nav .owl-next:hover {
  color: #D9A84E;
}

.home-02 .Latest-Projects-area .owl-nav .owl-prev:last-child,
.home-02 .Latest-Projects-area .owl-nav .owl-next:last-child {
  margin-right: 15px;
}

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

  .home-02 .Latest-Projects-area .owl-nav .owl-prev:last-child,
  .home-02 .Latest-Projects-area .owl-nav .owl-next:last-child {
    margin-right: 0;
  }
}

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

  .home-02 .Latest-Projects-area .owl-nav .owl-prev,
  .home-02 .Latest-Projects-area .owl-nav .owl-next {
    font-size: 32px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 15px;
  }
}

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

  .home-02 .Latest-Projects-area .owl-nav .owl-prev,
  .home-02 .Latest-Projects-area .owl-nav .owl-next {
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
  }
}

.home-02 .Latest-Projects-area .title-text {
  padding: 0;
  text-align: center;
}

.home-02 .Latest-Projects-area .title-text span {
  color: #D9A84E;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
}

.home-02 .Latest-Projects-area .single-Latest-Projects {
  display: flex;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects {
    display: block;
  }
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info {
  position: relative;
  z-index: 1;
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.9) 100%);
  opacity: .95;
  text-align: center;
  box-sizing: border-box;
  transition: opacity .25s ease-in-out;
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-img {
  overflow: hidden;
  position: relative;
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
  text-align: center;
  transition: all .4s ease-in;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content {
    padding: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content {
    padding: 40px;
  }
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content span {
  text-transform: uppercase;
  color: #D9A84E;
  font-weight: 600;
  letter-spacing: 2px;
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
  color: #ffffff;
  font-size: 38px;
  line-height: 42px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
    font-size: 34px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
    font-size: 32px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content h2 {
    font-size: 32px;
    margin-bottom: 5px;
  }
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info .projects-content p {
  color: #eee;
}

.home-02 .Latest-Projects-area .single-Latest-Projects .projects-info:hover .projects-content {
  transform: translateY(-15px);
}

.home-02 .Offering-area {
  padding-bottom: 100px;
  padding-top: 100px;
  background-color: #151614;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Offering-area {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .Offering-area {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Offering-area {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}

.home-02 .Offering-area .offering-cover {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Offering-area .offering-cover {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Offering-area .offering-cover {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Offering-area .offering-cover {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Offering-area .offering-cover .offering-info {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .Offering-area .offering-cover .offering-info {
    margin-bottom: 30px;
  }
}

.home-02 .Offering-area .offering-cover .offering-info h2 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .home-02 .Offering-area .offering-cover .offering-info h2 {
    margin-bottom: 15px;
  }
}

.home-02 .Offering-area .offering-cover .offering-info h3 {
  font-size: 22px;
  line-height: 32px;
  font-style: italic;
  color: #ffffff;
  margin: 20px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Offering-area .offering-cover .offering-info h3 {
    margin: 15px 0;
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Offering-area .offering-cover .offering-info h3 {
    margin: 10px 0;
    font-size: 18px;
    line-height: 24px;
  }
}

.home-02 .Offering-area .offering-cover .offering-info p {
  line-height: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Offering-area .offering-cover .offering-info p {
    line-height: 26px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Offering-area .offering-cover .offering-info p {
    line-height: 24px;
  }
}

.home-02 .Architecture-area {
  background-color: #151614;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Architecture-area {
    padding-bottom: 80px;
  }
}

.home-02 .Architecture-area .Architecture-wrap {
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Architecture-area .Architecture-wrap {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Architecture-area .Architecture-wrap {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Architecture-area .Architecture-wrap {
    display: block;
  }
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-img:before {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 50%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-img:after {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 50%;
  content: "";
  left: 15px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 50%;
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-img:hover:after {
  bottom: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all .9s ease-in-out 0s;
  -moz-transition: all .9s ease-in-out 0s;
  -ms-transition: all .9s ease-in-out 0s;
  -o-transition: all .9s ease-in-out 0s;
  transition: all .9s ease-in-out 0s;
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-img:hover:before {
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  right: 0;
  -webkit-transition: all .9s ease-in-out 0s;
  -moz-transition: all .9s ease-in-out 0s;
  -ms-transition: all .9s ease-in-out 0s;
  -o-transition: all .9s ease-in-out 0s;
  transition: all .9s ease-in-out 0s;
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-info {
  padding-right: 7%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info {
    padding-right: 0%;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info {
    padding-right: 0%;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info {
    padding-right: 0%;
    margin-bottom: 30px;
  }
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-info h2 {
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info h2 {
    margin: 0 0 10px;
  }
}

.home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
  padding: 0 0 35px;
  font-size: 18px;
  line-height: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
    padding: 10px 0 25px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
    padding: 10px 0 15px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
    padding: 10px 0 15px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Architecture-area .Architecture-wrap .Architecture-info p {
    padding: 10px 0 15px;
    font-size: 15px;
    line-height: 20px;
  }
}

.home-02 .Architecture-area .feature-slider-active {
  padding: 50px 7.3%;
  width: 70%;
  display: inline-block;
  background-color: #ffffff;
  box-sizing: border-box;
  margin-top: -100px;
  margin-left: 15px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 24px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .Architecture-area .feature-slider-active {
    padding: 40px 6.3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Architecture-area .feature-slider-active {
    padding: 40px 6.3%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Architecture-area .feature-slider-active {
    padding: 40px 6.3%;
    width: 50%;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Architecture-area .feature-slider-active {
    padding: 30px 10.3%;
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 320px) {
  .home-02 .Architecture-area .feature-slider-active {
    padding: 30px 10.3%;
    width: 100%;
    margin-top: -60px;
  }
}

.home-02 .Architecture-area .feature-slider-active .feature-item {
  width: auto;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 320px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item {
    justify-content: center;
  }
}

.home-02 .Architecture-area .feature-slider-active .feature-item .feature-content {
  padding-left: 10px;
}

.home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
  margin-bottom: 0;
  color: #D9A84E;
  letter-spacing: 2px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
    letter-spacing: 1px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
    letter-spacing: 1px;
  }
}

@media only screen and (max-width: 320px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content h2 {
    letter-spacing: 1px;
  }
}

.home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
  font-size: 18px;
  line-height: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 320px) {
  .home-02 .Architecture-area .feature-slider-active .feature-item .feature-content p {
    font-size: 14px;
    line-height: 16px;
  }
}

.home-02 .Architecture-area .feature-slider-active .owl-nav {
  top: 0;
  position: absolute;
}

.home-02 .Watch-Video {
  background-color: #151614;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Watch-Video {
    padding-bottom: 80px;
  }
}

.home-02 .Watch-Video .title-text {
  padding: 0;
  text-align: center;
}

.home-02 .Watch-Video .title-text span {
  color: #D9A84E;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
}

.home-02 .Watch-Video-active .video-inner {
  overflow: hidden;
  position: relative;
}

.home-02 .Watch-Video-active .video-inner .video-img {
  width: 585px;
  transform: scale(1) translateZ(0px);
  z-index: 10;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .Watch-Video-active .video-inner .video-img {
    width: auto;
  }
}

.home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a {
  width: 95px;
  height: 95px;
  line-height: 95px;
  background-color: transparent;
  border: 2px dotted rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 767px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a {
    line-height: 90px;
    width: 90px;
    height: 90px;
  }
}

.home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a i {
  line-height: 95px;
  color: #D9A84E;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a i {
    line-height: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a i {
    line-height: 90px;
  }
}

.home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
  background: #ffffff none repeat scroll 0 0;
  height: 70px;
  width: 70px;
  z-index: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
    width: 70px;
    height: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .Watch-Video-active .video-inner .video-btn-3-yellow a::before {
    width: 70px;
    height: 70px;
  }
}

.home-02 .Watch-Video-active .video-inner .video-btn-3 {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.home-02 .Watch-Video-active .owl-nav {
  top: 0;
  position: absolute;
}

.home-02 .delivering-area {
  background-color: #151614;
}

.home-02 .delivering-area .title-text {
  padding: 0 8% 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .delivering-area .title-text {
    padding: 0 6% 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .delivering-area .title-text {
    padding: 0 5% 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .delivering-area .title-text {
    padding: 0 0% 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .delivering-area .title-text {
    padding: 0 0% 0;
  }
}

.home-02 .delivering-area .title-text h2 {
  text-align: center;
}

.home-02 .delivering-area .comming-soon-content .comming-soon-timer {
  margin: 0 0 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer {
    margin: 0 0 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer {
    margin: 0 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer {
    margin: 0 0 25px;
  }
}

.home-02 .delivering-area .comming-soon-content .comming-soon-timer div {
  justify-content: center;
}

.home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span {
  color: #D9A84E;
  margin: 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span {
    margin: 0 10px;
  }
}

.home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span>span {
  font-size: 32px;

  text-align: center;
  display: block;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span>span {
    font-size: 28px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span>span {
    font-size: 26px;
  }
}

.home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span>p {
  color: #ffffff;
  font-size: 18px;
  margin: 7px 0 0;
  letter-spacing: 1.5px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span>p {
    letter-spacing: 1px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .delivering-area .comming-soon-content .comming-soon-timer div>span>p {
    letter-spacing: 1px;
    font-size: 15px;
  }
}

.home-02 .delivering-area .delivering-cover {
  padding: 0;
  margin-bottom: 25px;
}

.home-02 .delivering-area .delivering-cover:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .delivering-area .delivering-cover {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .delivering-area .delivering-cover {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .delivering-area .delivering-cover {
    margin-bottom: 0;
  }
}

.home-02 .delivering-area .delivering-cover .delivering-info {
  padding: 18px 24px 34px;
  transition: all .4s ease-in;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .delivering-area .delivering-cover .delivering-info {
    padding: 18px 20px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .delivering-area .delivering-cover .delivering-info {
    padding: 15px 15px 25px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .delivering-area .delivering-cover .delivering-info {
    margin-bottom: 20px;
    background-color: #1a1b19;
    box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0);
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .delivering-area .delivering-cover .delivering-info {
    margin-bottom: 20px;
    background-color: #1a1b19;
    box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0);
  }
}

@media only screen and (max-width: 320px) {
  .home-02 .delivering-area .delivering-cover .delivering-info {
    margin-bottom: 20px;
    background-color: #1a1b19;
    box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0);
  }
}

.home-02 .delivering-area .delivering-cover .delivering-info .delivering-img {
  margin-top: 35px;
  margin-bottom: 30px;
}

.home-02 .delivering-area .delivering-cover .delivering-info .delivering-img img {
  margin: 0 auto;
  display: block;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .delivering-area .delivering-cover .delivering-info .delivering-img {
    margin-top: 25px;
    margin-bottom: 20px;
  }
}

.home-02 .delivering-area .delivering-cover .delivering-info .delivering-text {
  text-align: center;
}

.home-02 .delivering-area .delivering-cover .delivering-info .delivering-text h4 {
  color: #ffffff;
  font-size: 24px;
  margin: 20px 0 12px;
}

.home-02 .delivering-area .delivering-cover .delivering-info .delivering-text p {
  margin-bottom: 20px;
  font-size: 16px;
}

.home-02 .delivering-area .delivering-cover .delivering-info:hover {
  transform: translateY(-8px);
  background-color: #1a1b19;
  box-shadow: -4px 3px 33px 3px rgba(255, 255, 255, 0);
}

.home-03 {
  /*--- Innovative ideas---*/
  /*-- Latest projects --*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .innovative-ideas-area {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .innovative-ideas-area {
    padding-bottom: 20px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .innovative-ideas-area {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas {
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .innovative-ideas-area .innovative-ideas {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .innovative-ideas-area .innovative-ideas {
    display: block;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .video-btn-3 {
  position: absolute;
  top: auto;
  left: 0px;
  bottom: 0;
  right: auto;
  padding: 20px;
  z-index: 2;
  background-color: #fff;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .video-btn-3 a {
  font-size: 20px;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .video-btn-3 a::before {
  background: #000000 none repeat scroll 0 0;
  height: 50px;
  width: 50px;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .video-btn-3.video-btn-3-yellow a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #000000;
  border: 1px solid;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .video-btn-3.video-btn-3-yellow a i {
  line-height: 60px;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .video-btn-3.video-btn-3-yellow a:hover {
  background-color: #000000;
  color: #fff;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .innovative-ideas-img:before {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 50%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .innovative-ideas-img:after {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 50%;
  content: "";
  left: 15px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 50%;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .innovative-ideas-img:hover:after {
  bottom: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all .9s ease-in-out 0s;
  -moz-transition: all .9s ease-in-out 0s;
  -ms-transition: all .9s ease-in-out 0s;
  -o-transition: all .9s ease-in-out 0s;
  transition: all .9s ease-in-out 0s;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-info .innovative-ideas-img:hover:before {
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  right: 0;
  -webkit-transition: all .9s ease-in-out 0s;
  -moz-transition: all .9s ease-in-out 0s;
  -ms-transition: all .9s ease-in-out 0s;
  -o-transition: all .9s ease-in-out 0s;
  transition: all .9s ease-in-out 0s;
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
  background-color: #ffffff;
  box-shadow: 2px 2px 12px 5px rgba(0, 0, 0, 0.2);
  margin: 40px 0px 0px -60px;
  padding: 60px 60px 60px 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
    padding: 40px 40px 40px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
    margin: 40px 0px 0px 0px;
    padding: 60px 60px 60px 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
    margin: 40px 0px 0px 0px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor {
    margin: 30px 0px 0px 0px;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;

  color: #D9A84E;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h3 {
    margin-bottom: 15px;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h2 {
  font-size: 42px;
  text-transform: uppercase;
  line-height: 48px;
}

@media only screen and (max-width: 1024px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h2 {
    font-size: 32px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor h2 {
    margin-bottom: 15px;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor div.p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas .innovative-ideas-elementor div.p {
    font-size: 14px;
    line-height: 24px;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
  text-align: center;
  margin-top: 50px;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats {
    margin-top: 15px;
    margin-bottom: 0;
  }
}

.home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats .count {
  font-size: 32px;
  text-align: center;
  font-weight: 400;
  line-height: 40px;
}

.home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats h5 {
  font-size: 16px;
  margin-top: 10px;
  text-transform: none;
  letter-spacing: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .innovative-ideas-area .innovative-ideas #counter-stats .stats h5 {
    font-size: 14px;
  }
}

.home-03 .latest-projects-area {
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .latest-projects-area {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .latest-projects-area {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .latest-projects-area {
    padding-top: 40px;
  }
}

.home-03 .latest-projects-area .section-title h3 {
  color: #ffffff;
  font-family: "Lato", Sans-serif;
  font-size: 100px;
  font-weight: 600;
  letter-spacing: 1px;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
}

@media only screen and (max-width: 540px) {
  .home-03 .latest-projects-area .section-title h3 {
    font-size: 80px;
  }
}

.home-03 .latest-projects-area .section-title h2 {
  margin-top: -75px;
}

@media only screen and (max-width: 540px) {
  .home-03 .latest-projects-area .section-title h2 {
    margin-top: -66px;
  }
}

.home-03 .latest-projects-area .latest-projects-tab-list {
  display: flex;
  justify-content: center;
}

.home-03 .latest-projects-area .latest-projects-tab-list .active {
  background-color: #000;
  color: #fff;
}

.home-03 .latest-projects-area .latest-projects-tab-list a {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px 15px;
  cursor: pointer;
  margin: 0 5px;
}

.home-03 .latest-projects-area .latest-projects-tab-list a:hover {
  background-color: #000;
  color: #fff;
}

@media only screen and (max-width: 540px) {
  .home-03 .latest-projects-area .latest-projects-tab-list a {
    padding: 6px 10px;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .latest-projects-area .latest-projects-tab-list a {
    padding: 6px 8px;
    margin: 0 3px;
  }
}

.home-03 .latest-projects-area .tab-content .projects-wrap {
  position: relative;
  overflow: hidden;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-img img {
  height: 400px;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap,
.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .6s all ease;
  -o-transition: .6s all ease;
  transition: .6s all ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap,
.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  transition: 500ms;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap .projects-gallery-bg,
.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery .projects-gallery-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  z-index: -1;
  opacity: .7;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap .projects-gallery-caption,
.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery .projects-gallery-caption {
  width: 50%;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap .projects-gallery-caption .projects-title,
.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery .projects-gallery-caption .projects-title {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  margin-bottom: 10px;
}

.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap .projects-gallery-caption p,
.home-03 .latest-projects-area .tab-content .projects-wrap .projects-gallery .projects-gallery-caption p {
  text-align: center;
  color: #FFFFFF8C;
}

.home-03 .latest-projects-area .tab-content .projects-wrap:hover .projects-gallery-wrap,
.home-03 .latest-projects-area .tab-content .projects-wrap:hover .projects-gallery {
  opacity: 1;
  visibility: visible;
}

.home-03 .latest-projects-area .tab-content .projects-wrap:hover p {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

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

  .home-04 .porject-text,
  .home-05 .porject-text {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

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

  .home-04 .porject-text,
  .home-05 .porject-text {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

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

  .home-04 .porject-text,
  .home-05 .porject-text {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}

.home-04 {
  /*-----porject gallery---*/
}

.home-04 .porject-text .porject-title h3 {
  margin-bottom: 0;
}

.home-04 .porject-text .porject-title h3 .headline {
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 1.5px;
  color: #D9A84E;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.home-04 .porject-text .porject-title h3 .headline:before {
  content: "";
  display: inline-block;
  width: 4em;
  margin: 0;
  border-style: solid;
  border-width: 1px 0 0;
  margin-right: 25px;
}

.home-04 .porject-text .porject-title h2 {
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #383838;
  letter-spacing: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-04 .porject-text .porject-title h2 {
    font-size: 52px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .home-04 .porject-text .porject-title h2 {
    font-size: 42px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-04 .porject-text .porject-title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .home-04 .porject-text .porject-title {
    margin-bottom: 30px;
  }
}

.home-04 .porject-text .porject-info h3 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 2px;
  margin-bottom: 30px;
  color: #383838;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-04 .porject-text .porject-info h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .home-04 .porject-text .porject-info h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}

.home-04 .porject-text .porject-info p {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-04 .porject-text .porject-info p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .home-04 .porject-text .porject-info p {
    font-size: 14px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-04 .latest-projects-area {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-04 .latest-projects-area {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .home-04 .latest-projects-area {
    padding-bottom: 40px;
  }
}

.home-04 .latest-projects-area .tab-content .projects-wrap {
  position: relative;
  overflow: hidden;
}

.home-04 .latest-projects-area .tab-content .projects-wrap .projects-img img {
  height: 400px;
}

.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap,
.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery {
  opacity: 0;
}

.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap,
.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  transition: 500ms;
}

.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap .projects-gallery-bg,
.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery .projects-gallery-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  z-index: -1;
  opacity: .7;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery-wrap .projects-gallery-caption .projects-title,
.home-04 .latest-projects-area .tab-content .projects-wrap .projects-gallery .projects-gallery-caption .projects-title {
  font-size: 20px;
  color: #000000;
  font-weight: 600;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 0;
}

.home-04 .latest-projects-area .tab-content .projects-wrap:hover .projects-gallery-wrap,
.home-04 .latest-projects-area .tab-content .projects-wrap:hover .projects-gallery {
  opacity: 1;
  visibility: visible;
}

.home-04 .latest-projects-tab-list,
.home-05 .latest-projects-tab-list {
  display: flex;
  justify-content: flex-start;
}

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

  .home-04 .latest-projects-tab-list,
  .home-05 .latest-projects-tab-list {
    margin-bottom: 40px;
  }
}

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

  .home-04 .latest-projects-tab-list,
  .home-05 .latest-projects-tab-list {
    margin-bottom: 30px;
  }
}

.home-04 .latest-projects-tab-list a,
.home-05 .latest-projects-tab-list a {
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 6px;
  margin: 0 12px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}

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

  .home-04 .latest-projects-tab-list a,
  .home-05 .latest-projects-tab-list a {
    letter-spacing: 5px;
    margin: 0 11px;
  }
}

.home-04 .latest-projects-tab-list a:first-child,
.home-05 .latest-projects-tab-list a:first-child {
  margin: 0 12px 0 0;
}

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

  .home-04 .latest-projects-tab-list a:first-child,
  .home-05 .latest-projects-tab-list a:first-child {
    margin: 0;
  }
}

.home-04 .latest-projects-tab-list a:before,
.home-05 .latest-projects-tab-list a:before {
  content: "/";
  width: 0px;
  display: inline-block;
  transform: translateX(14px);
  -webkit-transform: translateX(-14px);
}

.home-04 .latest-projects-tab-list a:after,
.home-05 .latest-projects-tab-list a:after {
  position: absolute;
  left: auto;
  right: 0;
  margin: auto;
  top: auto;
  bottom: 0;
  width: 0;
  height: 1px;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 0;
}

.home-04 .latest-projects-tab-list a:after,
.home-05 .latest-projects-tab-list a:after {
  background-color: #000000;
}

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

  .home-04 .latest-projects-tab-list a,
  .home-05 .latest-projects-tab-list a {
    padding: 6px 10px;
    letter-spacing: 0;
  }
}

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

  .home-04 .latest-projects-tab-list a,
  .home-05 .latest-projects-tab-list a {
    padding: 6px 8px;
    margin: 0 3px;
  }
}

.home-04 .latest-projects-tab-list a:hover:after,
.home-05 .latest-projects-tab-list a:hover:after {
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
}

.home-04 .latest-projects-tab-list a:hover,
.home-05 .latest-projects-tab-list a:hover {
  color: #000000;
}

.home-04 .latest-projects-tab-list a:first-child:before,
.home-05 .latest-projects-tab-list a:first-child:before {
  content: "";
}

.home-04 .latest-projects-tab-list a:nth-child(2):before:first-child,
.home-05 .latest-projects-tab-list a:nth-child(2):before:first-child {
  content: "";
}

.home-05 {
  /*-----porject gallery---*/
}

.home-05 .porject-text .porject-title h2 {
  font-size: 60px;
  line-height: 70px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: #383838;
  letter-spacing: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-05 .porject-text .porject-title h2 {
    font-size: 52px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .home-05 .porject-text .porject-title h2 {
    font-size: 42px;
    line-height: 45px;
  }
}

.home-05 .porject-text .porject-title h3 {
  font-size: 20px;
  letter-spacing: 3px;
  margin-top: 20px;
  margin-bottom: 0;
}

.home-05 .latest-projects-area .latest-projects-tab-list {
  justify-content: center;
}

.home-05 .latest-projects-area .projects-wrap .projects-img {
  position: relative;
  overflow: hidden;
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  padding: 50px 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery {
    padding: 30px 0 0 20px;
  }
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5 {
  float: left;
  width: auto;
  overflow: hidden;
  position: relative;
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #D9A84E;
  transform: translate3d(-100%, 0, 0) translate3d(-1px, 0, 0);
  transition: transform 0.7s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5:after {
  background: #D9A84E;
  left: 0;
  right: auto;
  position: absolute;
  content: "";
  height: 2px;
  width: 50px;
  bottom: 0;
  top: auto;
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5 a {
  text-decoration: none;
  color: #000000;
  font-size: 22px;
  padding: 0 0 6px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 32px;
  text-transform: capitalize;
  transition: all .3s ease-in-out 0s;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  float: left;
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5 a {
    font-size: 18px;
    letter-spacing: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg h5 a {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
  }
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg p {
    font-size: 14px;
  }
}

.home-05 .latest-projects-area .projects-wrap .projects-img .projects-gallery .projects-gallery-bg p span {
  margin: 0 3px;
}

.home-05 .latest-projects-area .projects-wrap:hover .projects-img .projects-gallery .projects-gallery-bg>h5:before {
  transform: translate3d(100%, 0, 0) translate3d(1px, 0, 0);
}

/*-------- 18. About style ---------*/
.video-btn-3 a {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  font-size: 25px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-btn-3 a {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .video-btn-3 a {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

.video-btn-3 a i {
  line-height: 105px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-btn-3 a i {
    line-height: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .video-btn-3 a i {
    line-height: 60px;
  }
}

.video-btn-3 a::before {
  animation: 1500ms ease-out 0s normal none infinite running border-jump;
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100px;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-btn-3 a::before {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .video-btn-3 a::before {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-btn-3 a::before {
    width: 75px;
    height: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .video-btn-3 a::before {
    width: 50px;
    height: 50px;
  }
}

.video-btn-3 a:hover {
  background-color: #191919;
  color: #fff;
}

.video-btn-3.video-btn-3-yellow a {
  width: 110px;
  height: 110px;
  line-height: 110px;
  background-color: transparent;
  border: 1px solid;
}

@media only screen and (max-width: 767px) {
  .video-btn-3.video-btn-3-yellow a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-btn-3.video-btn-3-yellow a {
    line-height: 90px;
    width: 90px;
    height: 90px;
  }
}

.video-btn-3.video-btn-3-yellow a i {
  line-height: 110px;
}

@media only screen and (max-width: 767px) {
  .video-btn-3.video-btn-3-yellow a i {
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-btn-3.video-btn-3-yellow a i {
    line-height: 90px;
  }
}

.video-btn-3.video-btn-3-yellow a:hover {
  background-color: #D9A84E;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area.pt-155 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .about-area.pt-155 {
    padding-top: 20px;
  }
}

.about-us-img img {
  width: 100%;
}

.about-full-width {
  overflow: hidden;
}

.about-full-width .about-inner {
  overflow: hidden;
  position: relative;
}

.about-full-width .about-inner .choose-content {
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 70px 32% 33px 5.5% !important;
}

@media only screen and (max-width: 320px) {
  .about-full-width .about-inner .choose-content {
    padding: 180px 5% 5px 5.5% !important;
  }
}

.about-full-width .about-inner .choose-content .qodef-separator {
  border-bottom: 2px solid #000000;
  margin: 10px 0;
  width: 70px;
}

.about-full-width .about-inner .choose-content div.p {
  font-size: 16px;
  line-height: 35px;
  color: #000000;
  margin: 40px 0 25px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-full-width .about-inner .choose-content div.p {
    font-size: 20px;
    line-height: 25px;
    margin: 25px 0 10px 0;
  }
}

@media only screen and (max-width: 767px) {
  .about-full-width .about-inner .choose-content div.p {
    font-size: 15px;
    line-height: 18px;
    margin: 15px 0 10px 0;
  }
}

@media only screen and (max-width: 320px) {
  .about-full-width .about-inner .choose-content div.p {
    font-size: 13px;
    line-height: 15px;
  }
}

/*/ start count stats /*/
.stats {
  font-size: 36px;
  font-weight: 600;
  line-height: 70px;

  letter-spacing: 5.5px;
  color: #000000;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .stats {
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 20px;
  }

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

.stats h5 {

  color: #000000;
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .stats h5 {
    margin-top: 15px;
  }
}

.stats p {
  letter-spacing: 0;
  margin: 10px auto 0;
  width: 75%;
  color: #555;
}

/*/ end count stats /*/
.about-us-area .about-us-content {
  padding-top: 75px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-area .about-us-content {
    padding-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-area .about-us-content {
    padding-left: 0px;
    margin-bottom: 40px;
    padding-top: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-area .about-us-content {
    padding-top: 0px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .about-us-area .about-us-content {
    padding-top: 0px;
    margin-bottom: 40px;
  }
}

.about-us-area .about-us-content h2 {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #111;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-area .about-us-content h2 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-area .about-us-content h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .about-us-area .about-us-content h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 320px) {
  .about-us-area .about-us-content h2 {
    font-size: 25px;
    line-height: 30px;
  }
}

.about-us-area .about-us-content .qodef-separator-holder {
  padding: 13px 0;
}

.about-us-area .about-us-content .qodef-separator-holder .qodef-separator {
  width: 40px;
  border-bottom-width: 1px;
  border-bottom: 1px solid #222;
  margin: 10px 0;
}

.about-us-area .about-us-content div.p {
  line-height: 26px;
  margin: 0 0 40px;
  font-size: 17px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-area .about-us-content div.p {
    margin: 0 0 30px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 540px) {
  .about-us-area .about-us-content div.p {
    margin: 0 0 30px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .about-us-area .about-us-content div.p {
    font-size: 15px;
  }
}

.about-us-area .about-us-img {
  padding-left: 15px;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-area .about-us-img {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-area .about-us-img {
    padding-left: 0;
  }
}

@media only screen and (max-width: 540px) {
  .about-us-area .about-us-img {
    padding-left: 0;
  }
}

.about-us-area .about-us-img .about-img-1 {
  opacity: 1;
  top: 0;
  margin: 35px 35px 0 0;
}

.about-us-area .about-us-img .about-img-1 img {
  height: auto;
  max-width: 100%;
  width: 720px;
}

.about-us-area .about-us-img .about-img-1 img:hover {
  transform: translateY(-8px);
}

.about-us-area .about-us-img .about-img-1 .about-img-02 img {
  height: 490px;
  max-width: 100%;
  width: 50%;
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
}

.about-us-area .about-us-img .about-img-1 .about-img-02 img:hover {
  transform: translateY(-8px);
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 420px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 420px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 325px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 445px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 325px;
  }
}

@media only screen and (max-width: 540px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 325px;
  }
}

@media only screen and (max-width: 480px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 280px;
  }
}

@media only screen and (max-width: 320px) {
  .about-us-area .about-us-img .about-img-1 .about-img-02 img {
    height: 175px;
  }
}

.about-us-area .about-us-img .wpb-wrapper h6 {
  font-size: 16px;
  color: #222;
  margin: 25px 0 15px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.skill-content h2 {
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 30px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill-content h2 {
    font-size: 30px;
    margin: 0 0 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-content h2 {
    font-size: 30px;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-content h2 {
    font-size: 22px;
    margin: 0 0 10px;
    letter-spacing: 1px;
  }
}

.skill-bar {
  overflow: hidden;
  padding-top: 11px;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .skill-bar {
    margin-top: 10px;
  }
}

.skill-bar .skill-bar-item {
  padding-bottom: 30px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-bar .skill-bar-item {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-bar .skill-bar-item {
    padding-bottom: 20px;
  }
}

.skill-bar .skill-bar-item>span {
  font-size: 15px;
  text-align: center;
  text-transform: capitalize;
  z-index: 2;
}

.skill-bar .skill-bar-item .progress {
  background-color: #EFEFEF;
  border-radius: 0;
  box-shadow: none;
  height: 5px;
  margin-top: 9px;
  overflow: visible;
}

.skill-bar .skill-bar-item .progress .progress-bar {
  background-color: #D9A84E;
  box-shadow: none;
  position: relative;
}

.skill-bar .skill-bar-item .progress .progress-bar span.text-top {
  color: #262626;
  font-size: 15px;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: -32px;
}

.skill-bar .skill-bar-item:nth-child(1) .progress-bar {
  width: 95%;
}

.skill-bar .skill-bar-item:nth-child(2) .progress-bar {
  width: 85%;
}

.skill-bar .skill-bar-item:nth-child(3) .progress-bar {
  width: 80%;
}

.skill-bar .skill-bar-item:nth-child(4) .progress-bar {
  width: 99%;
}

.skill-img {
  margin-left: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill-img {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .skill-img {
    margin-left: 0px;
  }
}

.skill-img img {
  width: 100%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-area .team-title-text {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .team-area .team-title-text {
    margin-bottom: 40px;
  }
}

.team-area .team-title-text h2 {
  font-size: 36px;
  letter-spacing: 2px;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 11px;
  color: #111;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team-area .team-title-text h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .team-area .team-title-text h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 320px) {
  .team-area .team-title-text h2 {
    font-size: 25px;
    line-height: 30px;
  }
}

.team-area .team-title-text .qodef-separator-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.team-area .team-title-text .qodef-separator-holder .qodef-separator {
  width: 40px;
  border-bottom-width: 1px;
  border-bottom: 1px solid #222;
  margin: 10px 0;
}

.team-area .team-title-text p {
  margin-top: 13px;
}

.team-area .team-wrapper .team-img {
  overflow: hidden;
  position: relative;
}

.team-area .team-wrapper .team-img a img {
  width: 100%;
}

.team-area .team-wrapper .team-img .team-action {
  left: 0;
  opacity: 0;
  visibility: hidden;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70%;
  transform: translateY(-50%);
  transition: all 0.6s ease 0s;
  width: 100%;
  z-index: 5;
}

.team-area .team-wrapper .team-img .team-action a {
  color: #fff;
  font-size: 15px;
  transition: all 0.3s ease 0s;
  margin: 7px 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  border-radius: 100%;
}

.team-area .team-wrapper .team-img .team-action a.facebook {
  background-color: #3b5998;
  border: 1px solid #3b5998;
}

.team-area .team-wrapper .team-img .team-action a.facebook:hover {
  background-color: transparent;
  color: #3b5998;
}

.team-area .team-wrapper .team-img .team-action a.twitter {
  background-color: #55acee;
  border: 1px solid #55acee;
}

.team-area .team-wrapper .team-img .team-action a.twitter:hover {
  background-color: transparent;
  color: #55acee;
}

.team-area .team-wrapper .team-img .team-action a.instagram {
  background-color: #c32aa3;
  border: 1px solid #c32aa3;
}

.team-area .team-wrapper .team-img .team-action a.instagram:hover {
  background-color: transparent;
  color: #c32aa3;
}

.team-area .team-wrapper .team-content {
  margin-top: 22px;
}

.team-area .team-wrapper .team-content h4 {
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0 0 5px;
  text-transform: uppercase;
  color: #111;
}

.team-area .team-wrapper .team-content span {
  font-size: 16px;
  margin: 1px 0 0;
}

.team-area .team-wrapper:hover .team-action {
  opacity: 1;
  visibility: visible;
  top: 80%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-area .team-wrapper:hover .team-action {
    top: 80%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-area .team-wrapper:hover .team-action {
    top: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .team-area .team-wrapper:hover .team-action {
    top: 75%;
  }
}

@media only screen and (max-width: 540px) {
  .team-area .team-wrapper:hover .team-action {
    top: 85%;
  }
}

@media only screen and (max-width: 320px) {
  .team-area .team-wrapper:hover .team-action {
    top: 80%;
  }
}

/*----video wrapper----*/
.video-wrapper .video-inner {
  overflow: hidden;
  position: relative;
}

.video-wrapper .video-inner .video-btn-3 {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.video-wrapper .video-services {
  padding-top: 144px !important;
  padding-bottom: 74px !important;
  padding-left: 80px;
  padding-right: 80px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-wrapper .video-services {
    padding-top: 60px !important;
    padding-bottom: 0 !important;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media only screen and (max-width: 540px) {
  .video-wrapper .video-services {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .video-wrapper .video-services {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.video-wrapper .video-services .video-services-cover {
  display: flex;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-wrapper .video-services .video-services-cover {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .video-wrapper .video-services .video-services-cover {
    display: block;
  }
}

.video-wrapper .video-services .video-services-cover .services-item {
  padding-top: 30px;
  margin-bottom: 70px;
  padding-right: 18% !important;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-wrapper .video-services .video-services-cover .services-item {
    padding-right: 3% !important;
    top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-wrapper .video-services .video-services-cover .services-item {
    padding-right: 3% !important;
  }
}

@media only screen and (max-width: 540px) {
  .video-wrapper .video-services .video-services-cover .services-item {
    margin-bottom: 40px;
    padding-right: 0 !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-wrapper .video-services .video-services-cover .services-item {
    margin-bottom: 60px;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 480px) {
  .video-wrapper .video-services .video-services-cover .services-item {
    margin-bottom: 40px;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 320px) {
  .video-wrapper .video-services .video-services-cover .services-item {
    margin-bottom: 40px;
    padding-right: 0 !important;
  }
}

.video-wrapper .video-services .video-services-cover .services-item .back-title {
  position: absolute;
  font-size: 180px;
  font-weight: 700;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
  color: #edf7fa;

  letter-spacing: .1em;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-wrapper .video-services .video-services-cover .services-item .back-title {
    font-size: 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-wrapper .video-services .video-services-cover .services-item .back-title {
    font-size: 140px;
    top: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-wrapper .video-services .video-services-cover .services-item .back-title {
    font-size: 120px;
    top: 15px;
  }
}

@media only screen and (max-width: 540px) {
  .video-wrapper .video-services .video-services-cover .services-item .back-title {
    font-size: 110px;
    top: 20px;
  }
}

.video-wrapper .video-services .video-services-cover .services-item h3 {
  color: #ffffff;
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 21px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.video-wrapper .video-services .video-services-cover .services-item .qodef-separator {
  width: 40px;
  border-bottom-width: 1px;
  border-bottom: 1px solid #ffffff;
}

.video-wrapper .video-services .video-services-cover .services-item p {
  color: #ffffff;
  margin-top: 13px;
}

/*---- port ---*/
.port-area {
  background-image: url(../images/about/port-contact.jpg);
}

.port-area .port-inner {
  padding: 130px 0 130px 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .port-area .port-inner {
    padding: 60px 0 60px 0;
  }
}

@media only screen and (max-width: 540px) {
  .port-area .port-inner {
    padding: 60px 0 60px 0;
  }
}

.port-area .port-inner .port-wrapper {
  float: left;
}

.port-area .port-inner .port-wrapper .port-content .headline {
  letter-spacing: 1.5px;
  color: #ffffff;
}

.port-area .port-inner .port-wrapper .port-content .qodef-separator-holder {
  padding: 8px 0;
}

.port-area .port-inner .port-wrapper .port-content .qodef-separator-holder .qodef-separator {
  width: 70px;
  border-bottom-width: 1px;
  border-bottom: 1px solid #ffffff;
  margin: 10px 0;
}

.port-area .port-inner .port-wrapper .port-content .headline-content {
  font-size: 36px;
  line-height: 45px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .port-area .port-inner .port-wrapper .port-content .headline-content {
    font-size: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .port-area .port-inner .port-wrapper .port-content .headline-content {
    font-size: 30px;
  }
}

@media only screen and (max-width: 320px) {
  .port-area .port-inner .port-wrapper .port-content .headline-content {
    font-size: 25px;
    line-height: 30px;
  }
}

.port-area .port-inner .port-wrapper .port-content .headline-content em {
  font-style: normal;
  font-weight: 400;
}

.port-area .port-inner .port-wrapper .port-content-button {
  text-align: right;
  margin-top: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .port-area .port-inner .port-wrapper .port-content-button {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .port-area .port-inner .port-wrapper .port-content-button {
    margin-top: 50px;
    text-align: left;
  }
}

.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis {
  margin-right: 25px;
}

.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis {
    margin-right: 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis:last-child {
    margin-bottom: 0;
  }
}

.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis a i,
.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis .Button-Widget i {
  font-size: 2.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
}

.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis a .service-content-title,
.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis .Button-Widget .service-content-title {
  padding: 15px 30px 15px 0;
  text-align: left;
}

.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis a .service-content-title .service-content-supertitle,
.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis .Button-Widget .service-content-title .service-content-supertitle {
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 11px;
}

.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis a .service-content-title .service-title,
.port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
  font-size: 25px;
  line-height: 1;
}

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

  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis a .service-content-title .service-title,
  .port-area .port-inner .port-wrapper .port-content-button .Button-Widget-genesis .Button-Widget .service-content-title .service-title {
    font-size: 20px;
  }
}

.home-03 {
  /*---meet our team----*/
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .team-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .team-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .team-area {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .team-area {
    padding-top: 40px;
    padding-bottom: 10px;
  }
}

.home-03 .team-area .team-column {
  align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .team-area .team-column .team-info {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .team-area .team-column .team-info {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .team-area .team-column .team-info {
    margin-bottom: 30px;
  }
}

.home-03 .team-area .team-column .team-info .team-box p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .team-area .team-column .team-info .team-box p {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .team-area .team-column .team-info .team-box p {
    margin-bottom: 20px;
  }
}

.home-03 .team-area .team-column .team-info .team-img {
  position: relative;
  overflow: hidden;
}

.home-03 .team-area .team-column .team-info .team-img:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .4s ease .2s;
  transition: all .4s ease .2s;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  visibility: hidden;
}

.home-03 .team-area .team-column .team-info .team-img:hover:before {
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.home-03 .team-area .team-column .team-info .team-img .hover-area {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  z-index: 2;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.home-03 .team-area .team-column .team-info .team-img .hover-area .profile-icon ul {
  text-align: center;
  align-items: center;
  justify-content: center;
}

.home-03 .team-area .team-column .team-info .team-img .hover-area .profile-icon ul li {
  display: inline-block;
  margin-right: 10px;
}

.home-03 .team-area .team-column .team-info .team-img .hover-area .profile-icon ul li:last-child {
  margin-right: 0;
}

.home-03 .team-area .team-column .team-info .team-img:hover .hover-area {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease .1s;
  transition: all .3s ease .1s;
}

.home-03 .team-area .team-column .team-info .team-text {
  margin-bottom: 0px;
  padding: 20px 40px 20px 40px;
  box-shadow: 2px 2px 12px 5px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}

.home-03 .team-area .team-column .team-info .team-text h4 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
}

.home-03 .team-area .team-column .team-info .team-text p {
  font-size: 16px;
}

.home-03 .team-area .team-column .team-info:hover a {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

/*-------- 29. Coming soon style ---------*/
@media only screen and (max-width: 767px) {
  .comming-soon-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
}

@media only screen and (max-width: 767px) {
  .comming-soon-content {
    padding: 0 15px;
  }
}

.comming-soon-content h1 {
  font-size: 100px;
  color: #D9A84E;
  line-height: 1;
  margin: 0;
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .comming-soon-content h1 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .comming-soon-content h1 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comming-soon-content h1 {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comming-soon-content h1 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .comming-soon-content h1 {
    font-size: 32px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comming-soon-content h1 {
    font-size: 40px;
  }
}

.comming-soon-content .comming-soon-timer {
  margin: 60px 0 36px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comming-soon-content .comming-soon-timer {
    margin: 40px 0 36px;
  }
}

@media only screen and (max-width: 767px) {
  .comming-soon-content .comming-soon-timer {
    margin: 30px 0 30px;
  }
}

.comming-soon-content .comming-soon-timer div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.comming-soon-content .comming-soon-timer div>span {
  color: #ffffff;
  margin: 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comming-soon-content .comming-soon-timer div>span {
    margin: 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comming-soon-content .comming-soon-timer div>span {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comming-soon-content .comming-soon-timer div>span {
    margin: 0 10px;
  }
}

.comming-soon-content .comming-soon-timer div>span>span {
  font-size: 32px;
}

.comming-soon-content .comming-soon-timer div>span>p {
  color: #ffffff;
  font-size: 18px;
  margin: 7px 0 0;
}

.comming-soon-content .comming-soon-timer div>span:first-child {
  margin-left: 0;
}

.Button-Widget-genesis {
  font-size: 14px;
  display: inline-block;
  line-height: 170%;
  width: auto;
}

.Button-Widget-genesis a,
.Button-Widget-genesis .Button-Widget {
  background-color: #D9A84E;
  background-size: 200% 200%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #fff;
  transition: all 300ms ease;
}

.Button-Widget-genesis a:hover,
.Button-Widget-genesis .Button-Widget:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.Button-Widget-genesis a .Button-Content,
.Button-Widget-genesis .Button-Widget .Button-Content {
  padding: 17px 53px;
}

/*-------- 30. Contact style ---------*/
.contact-us-area {
  background-color: #f1eee7;
}

@media only screen and (max-width: 320px) {
  .contact-us-area {
    padding-bottom: 40px;
  }
}

.contact-us-area .contact-form-area {
  padding: 0 25px 0 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-area .contact-form-area {
    margin-bottom: 40px;
    padding: 0 0 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-area .contact-form-area {
    margin-bottom: 40px;
    padding: 0 0 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .contact-us-area .contact-form-area {
    margin-bottom: 40px;
    padding: 0 0 0 0;
  }
}

.contact-us-area .contact-form-area h3 {
  margin-bottom: 10px;
}

.contact-us-area .contact-form-area h3 .headline {
  line-height: 24px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
  color: #000000;
  display: flex;
  align-items: center;
}

.contact-us-area .contact-form-area h3 .headline:before {}

.contact-us-area .contact-form-area input,
.contact-us-area .contact-form-area textarea,
.contact-us-area .contact-form-area select {
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  color: #5d5d5d;
  padding: 2px 23px;
  margin-bottom: 15px;
}

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

  .contact-us-area .contact-form-area input,
  .contact-us-area .contact-form-area textarea,
  .contact-us-area .contact-form-area select {
    height: 50px;
  }
}

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

  .contact-us-area .contact-form-area input,
  .contact-us-area .contact-form-area textarea,
  .contact-us-area .contact-form-area select {
    margin-bottom: 10px;
  }
}

.contact-us-area .contact-form-area input::-webkit-input-placeholder,
.contact-us-area .contact-form-area textarea::-webkit-input-placeholder,
.contact-us-area .contact-form-area select::-webkit-input-placeholder {
  color: #5d5d5d;
  opacity: 1;
}

.contact-us-area .contact-form-area textarea {
  padding: 20px 20px;
  height: 108px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-area .contact-form-area textarea {
    height: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-area .contact-form-area textarea {
    height: 120px;
  }
}

.contact-us-area .contact-form-area select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -10px center;
  background-origin: content-box;
  background-repeat: no-repeat;
  max-width: 100%;
}

.contact-us-area .contact-form-area button.submit {
  border: none;
  width: 100% !important;
  height: 3em;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 40px;
  background-image: linear-gradient(135deg, #D9A84E 0%, rgba(217, 168, 78, 0.83) 25%, #c79d4e 50%, #a68954 75%, #d9a84e 100%);
  background-size: 200% 200%;
  background-repeat: no-repeat;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: flex-start;
  text-align: center;
  color: #ffffff;
  transition: all 300ms ease;
}

.contact-us-area .contact-form-area button.submit:hover {
  background-position: 100% 100%;
  transform: translateY(-5px);
}

.contact-us-area .contact-info-img {
  padding: 0 25px 0 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-area .contact-info-img {
    padding: 0 0 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-us-area .contact-info-img {
    padding: 0 0 0 0;
  }
}

@media only screen and (max-width: 540px) {
  .contact-us-area .contact-info-img {
    padding: 0 0 0 0;
  }
}

.contact-all-info {
  background-color: #f1eee7;
  overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-all-info {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .contact-all-info {
    padding-bottom: 40px;
  }
}

.contact-all-info .contact-info {
  float: left;
  margin-bottom: 60px;
  padding: 0 25px 0 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-all-info .contact-info {
    padding: 0 10px 0 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-all-info .contact-info {
    padding: 0;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .contact-all-info .contact-info {
    padding: 0;
    margin-bottom: 40px;
  }

  .contact-all-info .contact-info:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 320px) {
  .contact-all-info .contact-info {
    padding: 0 15px 0 15px;
    float: none;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-all-info .contact-info .contact-wrap {
    text-align: center;
  }
}

@media only screen and (max-width: 540px) {
  .contact-all-info .contact-info .contact-wrap {
    text-align: center;
  }
}

.contact-all-info .contact-info .contact-wrap .contact-icon i {
  font-size: 48px;
  color: #D9A84E;
  margin-bottom: 10px;
}

.contact-all-info .contact-info .contact-wrap .contact-text h3 {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 24px;

  margin-bottom: 5px;
}

#contact-map {
  height: 300px;
}

.home-02 {
  /*-- contact us --*/
}

.home-02 .contact-us-area {
  background-color: #151614;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .contact-us-area {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .contact-us-area {
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .contact-us-area {
    padding-bottom: 50px;
  }
}

.home-02 .contact-us-area .contact-cover {
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .contact-us-area .contact-cover {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .contact-us-area .contact-cover {
    display: block;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .contact-us-area .contact-cover {
    display: block;
  }
}

.home-02 .contact-us-area .contact-cover .contact-form-area {
  padding: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area {
    margin-bottom: 40px;
  }
}

.home-02 .contact-us-area .contact-cover .contact-form-area p {
  padding: 10px 0 0;
  font-size: 16px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area p {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area p {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area p {
    margin-bottom: 25px;
    font-size: 15px;
  }
}

.home-02 .contact-us-area .contact-cover .contact-form-area input {
  background-color: transparent;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area input {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area input {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .contact-us-area .contact-cover .contact-form-area input {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-02 .contact-us-area .contact-cover .google-map iframe {
    width: 450px;
    height: 450px;
    border: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-02 .contact-us-area .contact-cover .google-map iframe {
    width: 690px;
    height: 450px;
    border: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-02 .contact-us-area .contact-cover .google-map iframe {
    width: 510px;
    height: 450px;
    border: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-02 .contact-us-area .contact-cover .google-map iframe {
    width: 510px;
    height: 450px;
    border: 0;
  }
}

@media only screen and (max-width: 480px) {
  .home-02 .contact-us-area .contact-cover .google-map iframe {
    width: 450px;
    height: 450px;
    border: 0;
  }
}

@media only screen and (max-width: 320px) {
  .home-02 .contact-us-area .contact-cover .google-map iframe {
    width: 290px;
    height: 450px;
    border: 0;
  }
}

.home-03 {
  /*--- contact---*/
}

.home-03 .contact-us-area {
  background-color: #D9A84E;
  margin-top: -80px;
}

@media only screen and (max-width: 1024px) {
  .home-03 .contact-us-area {
    margin-top: -30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .contact-us-area {
    margin-top: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .contact-us-area {
    margin-top: 0;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .contact-us-area {
    margin-top: 0;
  }
}

.home-03 .contact-us-area .contact {
  display: flex;
  align-items: center;
  margin-top: 180px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
  .home-03 .contact-us-area .contact {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-03 .contact-us-area .contact {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .contact-us-area .contact {
    display: block;
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .contact-us-area .contact {
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .contact-us-area .contact {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 320px) {
  .home-03 .contact-us-area .contact {
    margin-bottom: 0;
  }
}

.home-03 .contact-us-area .contact .contact-info {
  padding: 10px 80px 10px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .contact-us-area .contact .contact-info {
    padding: 0 15px 30px 15px;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .contact-us-area .contact .contact-info {
    padding: 0 15px 30px 15px;
    text-align: center;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .contact-us-area .contact .contact-info {
    padding: 0 15px 30px 15px;
    text-align: center;
  }
}

.home-03 .contact-us-area .contact .contact-info h2 {
  color: #ffffff;
}

.home-03 .contact-us-area .contact .contact-info p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  color: #ffffff;
}

.home-03 .contact-us-area .contact .contact-info .contact-text {
  margin-bottom: 20px;
}

.home-03 .contact-us-area .contact .contact-info .contact-text:last-child {
  margin-bottom: 0;
}

.home-03 .contact-us-area .contact .contact-info .contact-text h3 {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 20px;
}

.home-03 .contact-us-area .contact .contact-info .contact-text ul li {
  font-size: 16px;
  padding: 5px 0;
  line-height: 26px;
}

.home-03 .contact-us-area .contact .contact-info .contact-text ul li i {
  color: #D9A84E;
  padding-right: 5px;
}

.home-03 .contact-us-area .contact .contact-info .contact-text ul li a {
  padding-left: 5px;
  color: #ffffff;
}

.home-03 .contact-us-area .contact .contact-info .contact-text ul li a:hover {
  color: #D9A84E;
}

.home-03 .contact-us-area .contact .contact-form-area {
  padding: 60px;
  background-color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-03 .contact-us-area .contact .contact-form-area {
    margin-bottom: 0;
    padding: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-03 .contact-us-area .contact .contact-form-area {
    margin-bottom: 0;
    padding: 40px;
  }
}

@media only screen and (max-width: 540px) {
  .home-03 .contact-us-area .contact .contact-form-area {
    margin-bottom: 0;
    padding: 30px;
  }
}

.home-03 .contact-us-area .contact .contact-form-area #contact-form input {
  height: 52px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 540px) {
  .home-03 .contact-us-area .contact .contact-form-area #contact-form input {
    margin-bottom: 15px;
    height: 45px;
  }
}

.home-03 .contact-us-area .contact .contact-form-area #contact-form textarea {
  height: 150px;
}

@media only screen and (max-width: 540px) {
  .home-03 .contact-us-area .contact .contact-form-area #contact-form textarea {
    height: 100px;
  }
}

/*-------- 31. Faq style ---------*/
.faq-title h2 {
  font-size: 32px;
  margin: 0 0 42px;
  color: #D9A84E;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-title h2 {
    font-size: 25px;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-title h2 {
    font-size: 25px;
    margin: 0 0 20px;
  }
}

.faq-accordion {
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  background-color: #fff;
}

.faq-accordion .panel-heading h4 {
  font-size: 14px;
  margin: 0;
  background-color: #fff;
}

.faq-accordion .panel-heading h4 a {
  letter-spacing: 0.6px;
  color: #000000;
  font-size: 18px;
  display: block;
  position: relative;
  padding: 27px 30px;
}

@media only screen and (max-width: 767px) {
  .faq-accordion .panel-heading h4 a {
    padding: 15px 30px 15px 15px;
    font-size: 16px;
  }
}

.faq-accordion .panel-heading h4 a.collapsed {
  position: relative;
}

.faq-accordion .panel-heading h4 a.collapsed::before {
  position: absolute;
  right: 13px;
  height: 2px;
  background-color: #111111;
  width: 12px;
  top: 50%;
  margin-top: -2px;
  content: "";
  transition: all .3s ease 0s;
}

.faq-accordion .panel-heading h4 a.collapsed::after {
  content: "";
  width: 2px;
  height: 12px;
  position: absolute;
  background-color: #111111;
  top: 49%;
  transform: translateY(-50%);
  right: 18px;
  transition: all .3s ease 0s;
}

.faq-accordion .panel-heading h4 a::before {
  position: absolute;
  right: 13px;
  height: 2px;
  background-color: #343538;
  width: 12px;
  top: 50%;
  margin-top: -2px;
  content: "";
  transition: all .3s ease 0s;
}

.faq-accordion .panel-collapse .panel-body div.p {
  line-height: 24px;
  font-size: 14px;
  margin: 0;
  color: #8a8a8a;
  text-transform: uppercase;
  padding: 0px 60px 42px 30px;
  letter-spacing: 0.6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-accordion .panel-collapse .panel-body div.p {
    padding: 0px 30px 42px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-accordion .panel-collapse .panel-body div.p {
    padding: 0px 30px 42px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-accordion .panel-collapse .panel-body div.p {
    padding: 0px 30px 42px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-faq-wrap.pt-120 {
    padding-top: 70px;
  }

  .single-faq-wrap.pb-100 {
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-faq-wrap .faq-title.mb-60 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-faq-wrap.pt-120 {
    padding-top: 50px;
  }

  .single-faq-wrap.pb-100 {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-faq-wrap .faq-title h2 {
    font-size: 21px;
  }

  .single-faq-wrap .faq-title.mb-60 {
    margin-bottom: 20px;
  }
}


.gsgs01 {
  width: 70px !important
}

.gsgs02 {
  width: 100%;
  text-align: center;
  position: absolute;
  margin-top: 140px;
}

.gsgs03 {
  padding: 200px 0px;
}


.carousel-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.card-item {
  flex: 0 0 33.333%;
  padding: 0 15px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.card-image {
  width: 100%;
  height: 640px;
  object-fit: cover;
  margin-bottom: 20px;
}

.gy01 {
  width: 20px;
}

.card-name {
  font-size: 22px;
  color: #fff;
  margin-bottom: 8px;
  text-align: left;
  padding-left: 10px;
}

.card-title {
  font-size: 14px;
  color: #999;
  margin-bottom: 25px;
  text-align: left;
  padding-left: 10px;
  line-height: 1.5;
}

.btn-know-more {
  display: block;
  width: 140px;
  height: 45px;
  line-height: 45px;
  background-color: #D9A84E;
  color: #fff;
  border: none;
  font-size: 14px;
  cursor: pointer;
  text-transform: capitalize;
  margin-left: 10px;
  transition: background-color 0.3s ease;
}

.btn-know-more:hover {
  background-color: #c09e30;
}

.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  border: none;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.carousel-btn:hover {
  background-color: #333;
}

.btn-prev {
  left: 0;
}

.btn-next {
  right: 0;
}

/* 适配移动端 */
@media (max-width: 768px) {
  .card-item {
    flex: 0 0 100%;
  }

  .carousel-btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  .banner01 {}
}

@media screen and (max-width: 1024px) {
  .banner01 {
    display: none;
  }
}

.gsgs001 {
  width: 140px !important;
}


/* 轮播容器 */
.banner-slider {
  position: relative;
  width: 100%;
  height: 950px;
  overflow: hidden;
  margin: 0 auto;
}

/* 轮播图片包裹层 */
.banner-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  transition: transform 0.8s ease;
}

/* 单张轮播图 */
.banner-item {
  min-width: 100%;
  height: 100%;
  position: relative;
}

.banner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 文字遮罩层 */
.banner-text {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 2;
  max-width: 100%;
}

.banner-text h2 {
  font-size: 70px;
  line-height: 75px;
  margin-bottom: 15px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.banner-text p {
  font-family: 'fangsong';
  font-size: 24px;
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.6;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* 查看更多按钮 */
.banner-btn {
  display: inline-block;
  padding: 12px 30px;
  background: #D9A84E;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-size: 16px;
  transition: background 0.3s;
  border: none;
  cursor: pointer;
}

.banner-btn:hover {
  background: #d1a047;
}

/* 左右切换箭头 */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  cursor: pointer;
  z-index: 3;
  border-radius: 50%;
  user-select: none;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

/* 底部指示器 */
.dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 3;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.dot.active {
  background: #D9A84E;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .banner-slider {
    height: 400px;
  }

  .banner-text {
    left: 10%;
    max-width: 80%;
    top: 60%;
  }

  .banner-text h2 {
    font-size: 28px;
    line-height: 30px;
  }

  .banner-text p {
    font-size: 16px;
  }

  .main-slider-content-2.width90 {
    width: 90%;
  }

  .container .title-headline {
    width: 90%;
    margin: 0 auto;
  }

  .Light-Shadow .light-shadow-cover .Light-Shadow-text {
    padding: 100px 0px 200px 5% !important;
  }

  .first-footer-inner .col-12 {
    width: 90%;
    margin: 0 auto;
  }

  .footer-area .widget-area {
    margin-left: 5%;
  }

  .philosophy-area .philosophy-cover .philosophy-content {
    margin-right: 10px !important;
  }

}

.jkk01 {
  width: 100% !important
}