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

    

    Template Name: Caprice - eCommerce HTML Template

    Version: 1.0

    

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

    

    CSS INDEX

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

    1. Template default CSS

    2. Header style

    3. Slider style

    4. Section title style

    5. Product style

    6. Banner style

    7. Video style

    8. Blog style

    9. Subscribe style

    10. Footer style

    11. Instagram style

    12. Service style

    13. Categories style

    14. Brand logo style

    15. Testimonial style

    16. Bookstore style

    17. Others style

    18. About style

    19. Product details style

    20. Breadcrumb style

    22. Shop style

    23. Sidebar style

    24. Cart style

    25. Order tracking style

    26. Login register style

    27. My account style

    28. Checkout style

    29. Coming soon style

    30. Contact style

    31. Faq style

    32. Compare style

    33. landing page style

    

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

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

/*  1. Template default CSS

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

/*-- Google Font --*/

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

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



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #666;

  font-weight: 400;

  margin-top: 0;

  font-family: "Jost", serif; }



p {

  font-size: 14px;

  font-weight: 400;

  line-height: 24px;

  color: #666;

  margin-bottom: 15px;

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



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



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



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

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

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

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

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



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

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

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

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

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

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

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

    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: #214031;

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

  .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, #bb9248 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: #214031; }

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

      font-family: "Jost", serif; }

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

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

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

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

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

    text-transform: capitalize; }

    .main-slider-content-2 h1 span {

      font-size: 80px;

      line-height: 120px;

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

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

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



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

  font-family: "Jost", serif;

  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;

  font-family: "Jost", serif; }

  @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-family: "Jost", serif;

  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;

    font-family: "Jost", serif;

    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;

    font-family: "Jost", serif;

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



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

    font-family: "Jost", serif; }

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

      .breadcrumb-content .breadcrumb-title p {

        line-height: 20px; } }

  .breadcrumb-content .breadcrumb-title h2 {

    font-size: 25px;

    color: #343434;

    margin: 0;

    line-height: 26px;

    text-transform: uppercase;

    letter-spacing: 1px;

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

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



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

    font-family: "Jost", serif; }

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

      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: #214031;

        color: #fff;

        border: 2px solid #214031; }

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

      text-transform: uppercase; }

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

          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: #214031;

        color: #fff;

        border: 1px solid #214031; }

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

          border: 1px solid #214031; }

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

      .sidebar-widget .sidebar-widget-brand ul li a:hover {

        color: #214031; }

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

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

        font-family: "Jost", serif;

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

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

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



@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 {

  font-family: "Jost", serif; }



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

  font-family: "Jost", serif; }

  .section-title-6 h2 > span {

    color: #214031;

    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;

  font-family: "Jost", serif; }

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

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

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

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

        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;

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

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

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

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

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

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

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

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

    font-family: "Jost", serif;

    margin: 0 0 3px; }

  .product-wrap .product-content-3 .product-price-3 span {

    font-size: 18px;

    font-family: "Jost", serif;

    color: #214031; }

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

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

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

          .shop-top-bar .shop-top-bar-right .shop-filter a.active i {

            color: #214031; }

      .shop-top-bar .shop-top-bar-right .shop-filter:hover a {

        color: #214031; }

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

          .shop-top-bar .shop-top-bar-right .shop-short-by ul li.active a {

            color: #fff;

            background-color: #214031; }

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

        .shop-top-bar .shop-top-bar-right .shop-short-by:hover > span i {

          color: #214031; }

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

  .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, #bb9248 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, #bb9248 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 #214031;

    color: #214031;

    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: #214031;

      color: #fff;

      border: 1px solid #214031; }

    .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-family: "Jost", serif;

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

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

    border: 1px solid #214031;

    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: #214031;

          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: #214031;

  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, #bb9248 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: #214031; }

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

      .product-details-content .product-details-meta > span.categories a:hover {

        color: #214031;

        text-decoration: underline; }

    .product-details-content .product-details-meta > span a {

      color: #2f2f2f; }

      .product-details-content .product-details-meta > span a:hover {

        color: #214031;

        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, #bb9248 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: #214031; }

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

    font-family: "Jost", serif; }

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

    font-family: "Jost", serif; }

  .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, #bb9248 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: 70px;

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



.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 p {

  color: #777;

  line-height: 34px;

  font-size: 16px;

  margin-bottom: 30px; }

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

    .about-shiping-content p {

      line-height: 30px;

      font-size: 14px; } }

  .about-shiping-content 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: #214031; }

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

      .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, #bb9248 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: #214031; }

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

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

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

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

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

  @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, #bb9248 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, #bb9248 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: #214031; }

.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, #bb9248 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: #214031;

      border-color: #214031;

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

    border-bottom: 1px dashed #ccc;

    padding-bottom: 10px;

    margin-bottom: 25px;

    font-weight: 600; }

  .myaccount-content .welcome a:hover {

    color: #214031; }

  .myaccount-content .welcome strong {

    font-weight: 600;

    color: #214031; }

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

        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 #214031;

  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: #214031;

          color: #fff;

          border: 1px solid #214031; }

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

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



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



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

    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: #214031;

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

    .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, #bb9248 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: #214031;

      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;

    font-family: "Jost", serif; }

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

    font-family: "Jost", serif; }

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

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

    letter-spacing: 1.5px;

    color: #000000;

    display: flex;

    align-items: center; }

    .blog-area .title-headline h3 .headline:before {

      content: "";

      display: inline-block;

      width: 4em;

      margin: 0;

      margin-right: 25px;

      border-style: solid;

      border-width: 1px 0 0; }

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

      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;

    font-family: "Jost", serif; }

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

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

  .blog-wrap-4 .blog-content-4 p {

    color: #707070;

    line-height: 28px;

    margin: 0 0 25px; }

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

      .blog-wrap-4 .blog-content-4 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;

    font-family: "Jost", serif;

    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;

  font-family: "Jost", serif; }

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

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

    font-family: "Jost", serif; }

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

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

    font-family: "Jost", serif; }

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

  .next-prev-wrap .next-prev-conent > a {

    color: #989898;

    font-size: 12px; }

    .next-prev-wrap .next-prev-conent > a:hover {

      color: #214031; }

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

          font-family: "Jost", serif;

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



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



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

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

          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 {

            content: "";

            display: inline-block;

            width: 4em;

            margin: 0;

            margin-right: 25px;

            border-style: solid;

            border-width: 1px 0 0; }

      .blog-area .main-blog-layout-wrap .blog-wrap-layout .blog-content-layout .blog-layout-cover .blog-meta-layout h1 {

        font-size: 32px;

        line-height: 36px;

        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-family: "Jost", serif;

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



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

    font-family: "Jost", serif;

    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: #294E3D;

            color: #D9A84E; }

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

  .footer-area .widget-area p {

    color: #fff;

    margin-bottom: 15px;

    margin-right: 40px; }

    @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: #294E3D;

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

        .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/pattrean.png);

  background-position: right bottom;

  border-top: 5px solid #D9A84E;

  background-repeat: no-repeat;

  padding-bottom: 60px;

  background-color: #214031;

  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;

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

          letter-spacing: 1.5px;

          color: #ffffff;

          display: flex;

          align-items: center; }

          .philosophy-area .philosophy-cover .philosophy-content h3 .headline:before {

            content: "";

            display: inline-block;

            width: 4em;

            margin: 0;

            border-style: solid;

            border-width: 1px 0 0;

            margin-right: 25px; }

      .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 p {

        color: #ffffff;

        margin-bottom: 30px; }

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

          .philosophy-area .philosophy-cover .philosophy-content p {

            margin-bottom: 20px; } }

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

          .philosophy-area .philosophy-cover .philosophy-content p {

            margin-bottom: 20px; } }

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

          .philosophy-area .philosophy-cover .philosophy-content 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;

    font-family: "Jost", serif;

    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;

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

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

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

    .single-featured-categories .featured-categories-content p {

      color: #214031;

      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;

  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: 60px 0 60px;

  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;

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

      letter-spacing: 1.5px;

      color: #000000;

      display: flex;

      align-items: center; }

      .title-text h3 .headline:before {

        content: "";

        display: inline-block;

        width: 4em;

        margin: 0;

        border-style: solid;

        border-width: 1px 0 0;

        margin-right: 25px; }



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

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

  font-family: "Jost", serif; }

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

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

  font-family: "Jost", serif;

  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;

    font-family: "Jost", serif; }

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

    font-family: "Jost", serif; }

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

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

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

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

          letter-spacing: 1.5px;

          color: #000000;

          display: flex;

          align-items: center; }

          .Light-Shadow .light-shadow-cover .Light-Shadow-text h3 .headline:before {

            content: "";

            display: inline-block;

            width: 4em;

            margin: 0;

            border-style: solid;

            border-width: 1px 0 0;

            margin-right: 25px; }

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

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

      letter-spacing: 1.5px;

      color: #ffffff;

      display: flex;

      align-items: center; }

      .services-item-area .title-headline h3 .headline:before {

        content: "";

        display: inline-block;

        width: 4em;

        margin: 0;

        margin-right: 25px;

        border-style: solid;

        border-width: 1px 0 0; }

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

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

  .services-item-area .services-item p {

    color: #ffffff;

    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;

            font-family: "Jost", serif;

            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;

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

        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 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 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: #214031;

    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 {

      position: absolute;

      top: auto;

      left: 0;

      bottom: 0;

      right: 0;

      z-index: 2;

      padding: 180px 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 p {

        font-size: 25px;

        line-height: 35px;

        color: #000000;

        margin: 40px 0 25px 0;

        font-family: "Jost", serif; }

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

          .about-full-width .about-inner .choose-content 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 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 p {

            font-size: 13px;

            line-height: 15px; } }



/*/ start count stats /*/

.stats {

  font-size: 36px;

  font-weight: 600;

  line-height: 70px;

  font-family: "Jost", serif;

  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 {

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

    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;

    font-family: "Jost", serif; }



/*/ 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: 36px;

    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 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 p {

        margin: 0 0 30px;

        font-size: 16px; } }

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

      .about-us-area .about-us-content p {

        margin: 0 0 30px;

        font-size: 16px; } }

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

      .about-us-area .about-us-content 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;

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



.skill-content h2 {

  font-size: 36px;

  font-weight: 700;

  margin: 0 0 30px;

  position: relative;

  font-family: "Jost", serif; }

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

        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;

        font-family: "Jost", serif;

        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;

  font-family: "Jost", serif; }

  @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: 16px;

  width: auto; }

  .Button-Widget-genesis a, .Button-Widget-genesis .Button-Widget {

    background-image: linear-gradient(135deg, #bb9248 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; }

    .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 {

          content: "";

          display: inline-block;

          width: 4em;

          margin: 0;

          margin-right: 25px;

          border-style: solid;

          border-width: 1px 0 0; }

    .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, #bb9248 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;

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

      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: #214031;

    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 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 p {

        padding: 0px 30px 42px 30px; } }

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

      .faq-accordion .panel-collapse .panel-body p {

        padding: 0px 30px 42px 30px; } }

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

      .faq-accordion .panel-collapse .panel-body 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; } }



/*# sourceMappingURL=style.css.map */