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

    Template Name: Kindspa - Spa and  Beauty Salon HTML5 Template
    Description: Kindspa - Spa and  Beauty Salon HTML5 Template
    Author: BasicTheme
    Version: 1.0

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

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

    01. Theme default CSS
    02. Header
    03. Slider
    04. About
    05. Features
    06. Features2
    07. Services
    08. Team
    09. Video
    10. Price
    11. Call TO Action
    12. Blog
    13. Subscribe
    14. Gallery
    15. Appointment
    16. Brand
    17. Counter
    18. Contact
	  19. Footer

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Domine:400,700|Open+Sans:300,400,600,700,800|Rubik:400,500,700,900");

body {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #6a6560;
  font-size: 14px;
  line-height: 26px;
}

.img,
img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

button {
  cursor: pointer;
}

a,
.button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a,
button {
  color: inherit;
  outline: medium none;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Domine", serif;
  font-weight: 700;
  color: #2a2d2c;
  margin-top: 0px;
  font-style: normal;
  text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 46px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  color: #6a6560;
  margin-bottom: 15px;
}

hr {
  border-bottom: 1px solid #2a2d2c;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}

label {
  color: #2a2d2c;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

*::-moz-selection {
  background: #2a2d2c;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #2a2d2c;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #2a2d2c;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
.footer-email input::-moz-placeholder {
  color: #2a2d2c;
}

.footer-email input::placeholder {
  color: #2a2d2c;
}

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

.clear {
  clear: both;
}

.b-left {
  border-left: none;
}

.b-right {
  border-right: none;
}

/*--
    - Font Famaly
-----------------------------------------*/
.rubik {
  font-family: "Rubik", sans-serif;
}

.domine {
  font-family: "Domine", serif;
}

.opensens {
  font-family: "Open Sans", sans-serif;
}

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

.black-bg {
  background: #2a2d2c;
}

.theme-bg {
  background: #e8d2b8;
}

.btn-black {
  background: #2a2d2c;
}

.pink-bg {
  background: #ec5598;
}

.blue-bg {
  background: #6a1b9a;
}

/*--
    - color
-----------------------------------------*/
.white-color {
  color: #ffffff;
}

.black-color {
  color: #2a2d2c;
}

.theme-color {
  color: #e8d2b8;
}

.pink-color {
  color: #ec5598;
}

.blue-color {
  color: #6a1b9a;
}

.brown-color {
  color: #b69e59;
}

/*--------------------------------------
	- Button
----------------------------------------*/
/* Small Heding Title*/
.small-title.hp-1 {
  color: #657583;
}

/* Section Title */
.title-heading.hp-1 {
  color: #0f0c20;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Button Background Style */
.btn,
.border-btn:hover,
.theme-btn,
.black-btn:hover,
.theme-btn:hover,
.black-btn,
.brown-btn,
.grey-btn:hover,
.brown-btn:hover,
.grey-btn,
.border-btn {
  text-transform: uppercase;
  padding: 25px 45px 22px;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 2px;
  color: #2a2d2c;
  background: transparent;
  font-family: "Rubik", sans-serif;
  line-height: 1;
  text-align: center;
  font-size: 14px;
}

.blue-btn,
.pink-btn:hover,
.blue-btn:hover,
.pink-btn {
  padding: 22px 40px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  letter-spacing: 2px;
}

.border-btn:hover,
.theme-btn,
.black-btn:hover {
  color: #2a2d2c;
  background: #e8d2b8;
}

.theme-btn:hover,
.black-btn {
  color: #ffffff;
  background: #2a2d2c;
}

.blue-btn,
.pink-btn:hover {
  color: #ffffff;
  background: #6a1b9a;
}

.blue-btn:hover,
.pink-btn {
  color: #ffffff;
  background: #ec5598;
}

.brown-btn,
.grey-btn:hover {
  color: #ffffff;
  background: #b69e59;
  border-radius: 40px;
  border: 2px solid #b69e59;
}

.brown-btn:hover,
.grey-btn {
  color: #9a9a9a;
  border-radius: 40px;
  border: 2px solid #9a9a9a;
}

.border-btn {
  border: 2px solid #e8d2b8;
  color: #e8d2b8;
}

/* Small Heding Title*/
.small-title,
.slider-content h6 {
  color: #a19d98;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 16px;
}

.title-span {
  color: #2a2d2c;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
  display: inline-block;
  font-family: "Rubik", sans-serif;
}

.title-heading {
  font-size: 55px;
  font-family: "Domine", serif;
  line-height: 60px;
  margin-top: 10px;
  padding-bottom: 2;
}

@media (max-width: 767px) {
  .title-heading {
    font-size: 32px;
    line-height: 1;
  }
}

.title-heading::after {
  position: absolute;
  content: '';
  background: url("../img/border-shape.png") center center/cover;
  width: 82px;
  height: 10px;
  transform: translateX(-50%);
  top: 120px;
  left: 50%;
  display: none;
}

.title-heading.hp-1::after {
  position: absolute;
  content: '';
  background: url("../img/pink-border-shape.png") center center/cover;
  width: 82px;
  height: 10px;
  transform: translateX(-50%);
  top: 100%;
  left: 50%;
  display: none;
}

/*--
    - Overlay
------------------------------------------*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

/*-- Overlay Color --*/
[data-overlay="light"]::before {
  background-color: #ffffff;
}

[data-overlay="dark"]::before {
  background-color: #2a2d2c;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1;
}

[data-opacity="2"]::before {
  opacity: 0.2;
}

[data-opacity="3"]::before {
  opacity: 0.3;
}

[data-opacity="4"]::before {
  opacity: 0.4;
}

[data-opacity="5"]::before {
  opacity: 0.5;
}

[data-opacity="6"]::before {
  opacity: 0.6;
}

[data-opacity="7"]::before {
  opacity: 0.7;
}

[data-opacity="8"]::before {
  opacity: 0.8;
}

[data-opacity="9"]::before {
  opacity: 0.9;
}

/*----------------------------------------*/
/* 02. Header Area
/*----------------------------------------*/
header {
  position: relative;
  z-index: 9999;
}

.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  right: 0;
}

.header-area {
  height: 120px;
  padding: 0 85px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .header-area {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .header-area {
    padding: 0px;
  }
}

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

@media (max-width: 767px) {
  .header-info {
    display: none !important;
  }
}

.logo h1 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.8rem;
  color: #e8d2b8;
  display: inline-block;
  padding-top: 40px;
}

.main-menu.hp-1 {
  padding-top: 0;
}

.main-menu.style-3 {
  padding-top: 0;
}

.main-menu ul {
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-menu ul {
    text-align: right;
  }
}

.main-menu ul li {
  display: inline-block;
  position: relative;
  padding: 34px 0;
}

.main-menu ul li a {
  color: #b1b1b1;
  padding: 15px 23px 10px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .main-menu ul li a {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-menu ul li a {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.main-menu ul li:hover>a {
  color: #e8d2b8;
}

.main-menu ul li ul.sub-menu {
  position: absolute;
  width: 250px;
  background: #ffffff;
  padding: 20px 30px;
  text-align: left;
  top: 110%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.main-menu ul li ul.sub-menu li {
  padding: 0;
  display: block;
}

.main-menu ul li ul.sub-menu li a {
  display: block;
  font-size: 13px;
  padding: 5px 0;
  color: #6a6560;
}

.main-menu ul li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

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

.header-bottom .main-menu ul li {
  padding: 0;
}

.header-btn {
  text-align: right;
  padding-top: 35px;
}

.header-btn a {
  padding: 15px 40px;
  border: 2px solid #e8d2b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.header-btn a i {
  margin-right: 5px;
}

.header-btn a:hover {
  background: #2a2d2c;
  color: #e8d2b8;
  border: 2px solid #e8d2b8;
  padding: 15px 40px;
}

/*----------------------------------------*/
/* Homepage1 Header Area
/*----------------------------------------*/
.header-top {
  padding: 40px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top {
    padding: 25px 0;
    padding-bottom: 25px;
    padding-bottom: 7px;
  }
}

@media (max-width: 767px) {
  .header-top {
    padding: 25px 0;
    padding-bottom: 25px;
    padding-bottom: 7px;
  }
}

.header-info {
  display: flex;
}

.header-support {
  margin-right: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-support {
    margin-right: 25px;
  }
}

.top-icon i {
  color: #ec5598;
  margin-right: 10px;
}

.support-text {
  line-height: 24px;
}

.support-text li.rubik {
  color: #6a6560;
}

.support-text li.opensens {
  color: #2a2d2c;
  font-weight: 700;
  font-family: "Domine", serif;
  font-size: 16px;
}

.header-bottom.hp-1 {
  position: relative;
  z-index: 999;
}

.main-header {
  background: #ec5598;
  padding: 0 20px;
}

.main-menu.hp-1 ul {
  text-align: left;
}

.main-menu.hp-1 ul li a {
  color: #ffffff;
  padding: 32px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-menu.hp-1 ul li a {
    padding: 23px 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu.hp-1 ul li a {
    padding: 25px 6px;
  }
}

.main-menu.hp-1 ul li:hover>a {
  color: #2a2d2c;
}

.main-menu.hp-1 ul li ul.sub-menu li:hover>a:hover {
  background: none;
  color: #ec5598;
}

.search-area {
  padding-right: 10px;
  color: #ffffff;
  padding: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .search-area {
    padding: 23px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-area {
    padding: 25px 6px;
  }
}

.logo-area {
  padding: 40px 0;
}

.menu-area {
  border-top: 2px solid #4e4e4a;
  border-bottom: 2px solid #4e4e4a;
}

.main-menu.style-3 li {
  padding: 15px 0px;
}

.main-menu.style-3 li .sub-menu li {
  padding: 0;
}

.main-menu.style-3 li .sub-menu li a {
  color: #2a2d2c;
  -webkit-transition: all 0.3 ease-out 0s;
  -moz-transition: all 0.3 ease-out 0s;
  -ms-transition: all 0.3 ease-out 0s;
  -o-transition: all 0.3 ease-out 0s;
  transition: all 0.3 ease-out 0s;
}

.main-menu.style-3 li .sub-menu li a:hover {
  color: #b69e59;
}

.main-menu.style-3 li a {
  padding-left: 0;
  padding-right: 40px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main-menu.style-3 li a {
    padding-right: 20px;
  }
}

.main-menu.style-3 li:hover {
  cursor: pointer;
}

.main-menu.style-3 li:hover a {
  color: #b69e59;
}

.main-menu.style-3 ul {
  text-align: left;
}

.header-right {
  padding: 13px 0;
}

.header-right li {
  display: inline-block;
}

.header-right li a {
  color: #ffffff;
  margin-left: 20px;
  padding: 15px 0;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-right li a {
    margin-left: 14px;
  }
}

.header-right li a:hover {
  color: #b69e59;
}

.benner-area {
  position: relative;
}

.banner {
  min-height: 600px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner {
    min-height: 450px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner {
    min-height: 350px;
  }
}

@media (max-width: 767px) {
  .banner {
    min-height: 300px;
  }
}

.banner-content ul li {
  display: inline-block;
  text-transform: uppercase;
  color: #bfaba2;
  letter-spacing: 2px;
  position: relative;
  padding: 0 10px;
  line-height: 1;
}

.banner-content h1 {
  color: #ffffff;
  font-size: 90px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-content h1 {
    font-size: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content h1 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .banner-content h1 {
    font-size: 30px;
  }
}

.banner-content ul li::before {
  content: "";
  height: 10px;
  width: 1px;
  background: #bfaba2;
  top: 1px;
  left: -3px;
  position: absolute;
}

.banner-content ul li:first-child:before {
  display: none;
}

.banner-content ul {
  margin-bottom: 20px;
}

.get-in-btn a {
  padding-top: 18px;
  padding-bottom: 18px;
}

/* search modal */
#search-modal {
  background-color: rgba(23, 26, 33, 0.95);
}

#search-modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  outline: 0;
}

#search-modal .modal-dialog .modal-content {
  background: 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

#search-modal .modal-dialog .modal-content form {
  width: 555px;
  position: relative;
}

#search-modal .modal-dialog .modal-content form input {
  width: 100%;
  font-size: 36px;
  border: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0.1);
  background: 0 0;
  color: #fff;
  padding-bottom: 12px;
  padding-right: 40px;
}

#search-modal .modal-dialog .modal-content form input::-moz-placeholder {
  font-size: 35px;
}

#search-modal .modal-dialog .modal-content form input::placeholder {
  font-size: 35px;
}

#search-modal .modal-dialog .modal-content form button {
  position: absolute;
  right: 0;
  margin-bottom: 3px;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.5);
  background: 0 0;
  border: none;
  cursor: pointer;
  top: 11px;
}

/*----------------------------------------*/
/* 03. Slider Area
/*----------------------------------------*/
.slider-area {
  position: relative;
  padding: 0 85px;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .slider-area {
    padding: 0 15px;
  }
}

.slider-area.hp-1 {
  padding: 0;
}

.slider-area.style-3 {
  padding: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-area {
    padding: 0 30px;
  }

  .slider-area.hp-1 {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area {
    padding: 0 30px;
  }

  .slider-area.hp-1 {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .slider-area {
    padding: 0px;
  }

  .slider-area.hp-1 {
    padding: 0;
  }
}


.slider-area {
  position: relative;
  height: 100vh; /* Ou ajuste conforme necessário */
}

.single-slider {
  
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat; 
  min-height: 500px;
  width: 100%; 
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .single-slider {
    min-height: 770px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-slider {
    min-height: 660px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider {
    min-height: 700px;
  }
}

@media (max-width: 767px) {
  .single-slider {
    min-height: 600px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider.hp-1 {
    min-height: 600px;
  }
}

@media (max-width: 575px) {
  .single-slider.hp-1 {
    min-height: 500px;
  }
}

.single-slider.style-3 {
  min-height: 960px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-slider.style-3 {
    min-height: 850;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider.style-3 {
    min-height: 680px;
  }
}

@media (max-width: 767px) {
  .single-slider.style-3 {
    min-height: 600px;
  }
}

.slider-content h6 {
  color: #bfaba2;
}

.slider-content h1 {
  font-size: 110px;
  color: #ffffff;
  line-height: 1.091;
  margin-top: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-content h1 {
    font-size: 76px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content h1 {
    font-size: 80px;
  }
}

@media (max-width: 767px) {
  .slider-content h1 {
    font-size: 36px;
    margin-top: 20px;
  }
}

.slider-btn a {
  margin-right: 25px;
  margin-top: 18px;
}

@media (max-width: 575px) {
  .slider-btn a {
    margin-right: 10px;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-btn.hp-1 a {
    margin-right: 15px;
  }
}

@media (max-width: 575px) {
  .slider-btn.hp-1 a {
    margin-right: 0;
  }
}

.scroll a {
  position: absolute;
  bottom: 100px;
  left: -40px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  color: #858988;
  text-transform: uppercase;
  letter-spacing: 20px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .scroll a {
    color: #ffffff;
    opacity: .7;
    left: -25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .scroll a {
    left: -65px;
  }
}

.header-social {
  position: absolute;
  bottom: 0;
  padding-right: 45px;
  padding-bottom: 50px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  right: 0;
  text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .header-social {
    padding-right: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-social {
    padding-right: 15px;
  }
}

.header-social ul li {
  text-transform: uppercase;
  line-height: 2.143;
  margin-bottom: 5px;
}

.header-social ul li a {
  color: #646c69;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .header-social ul li a {
    color: #ffffff;
    opacity: .7;
  }
}

.header-social ul li a:hover {
  color: #ffffff;
}

.slider-area.hp-1 {
  position: relative;
  margin-top: -45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area.hp-1 {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .slider-area.hp-1 {
    margin-top: 0;
  }
}

.slider-content.hp-1 h6 {
  color: #ec5598;
}

.slider-content.hp-1 h1 {
  color: #2a2d2c;
}

.slider-content.style-3 {
  margin-top: 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content.style-3 {
    margin-top: 70px;
  }
}

@media (max-width: 767px) {
  .slider-content.style-3 {
    margin-top: 70px;
  }
}

.single-slider.style-3 h6 {
  color: #b69e59;
}

.slider-active .slick-dots {
  text-align: center;
  bottom: 30px;
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 12;
}

.slider-active .slick-dots li {
  display: inline-block;
  margin: 0 4px;
}

.slider-active .slick-dots li button {
  background: no-repeat;
  border: 0;
  height: 10px;
  width: 13px;
  text-indent: -9999px;
  transition: .3s;
  padding: 0;
  border: 2px solid #cccccc;
  height: 13px;
  border-radius: 50%;
}

.slider-active .slick-dots li.slick-active button {
  border-color: #292929;
}

.slider-white .slick-dots li.slick-active button {
  border-color: #fff;
  background: #fff;
}

.slider-active button.slick-arrow {
  position: absolute;
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
  background: none;
  border: 0;
  font-size: 16px;
  padding: 0;
  color: #2a2d2c;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  line-height: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-active button.slick-arrow {
    left: 30px;
  }
}

.slider-3 button.slick-arrow {
  color: #2a2d2c;
  background: #fff1f0;
}

.slider-active button.slick-next {
  left: auto;
  right: 90px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-active button.slick-next {
    right: 30px;
  }
}

.slider-active:hover button.slick-prev {
  left: 105px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-active:hover button.slick-prev {
    left: 25px;
  }
}

.slider-active:hover button.slick-next {
  right: 105px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-active:hover button.slick-next {
    right: 25px;
  }
}

.slider-active:hover button {
  opacity: 1;
  visibility: visible;
}

.slider-active button:hover {
  background: #e8d2b8;
  color: #2a2d2c;
}

/*----------------------------------------*/
/*  04. About
/*----------------------------------------*/
.about-border {
  border: 20px solid #e8d2b8;
  padding: 75px 78px 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-border {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .about-border {
    padding: 20px;
    border: 3px solid #e8d2b8;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-heading {
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .about-heading {
    padding-left: 15px;
  }
}

.about-heading h2 {
  padding-top: 20px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-heading h2 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  .about-heading h2 {
    font-size: 30px;
  }
}

.about-text {
  margin-left: 30px;
  padding-right: 0px;
}

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

@media (max-width: 767px) {
  .about-text {
    margin-left: 0;
    margin-top: 15px;
  }
}

.about-text a {
  margin-top: 20px;
}

.about-area.hp-1 {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .about-area.hp-1 {
    background-position: 48% 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-area.hp-1 {
    background-position: 60% 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area.hp-1 {
    background-position: right center !important;
  }
}

@media (max-width: 767px) {
  .about-area.hp-1 {
    background-position: right center !important;
  }
}

.about-init {
  padding: 0 37px 0 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-init {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .about-init {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .about-init .media {
    display: block;
  }
}

.about-init h1 {
  text-transform: unset;
}

@media (max-width: 767px) {
  .about-init h1 {
    font-size: 40px;
  }
}

.about-init p {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .about-init p {
    margin-top: 20px;
  }
}

.about-init .about-image img {
  width: 170px;
  height: 130px;
}

@media (max-width: 767px) {
  .about-init .about-image img {
    width: 100%;
    height: 100%;
  }
}

.about-image {
  position: relative;
}

.about-image::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #0f0c20;
  opacity: .5;
}

.about-image i {
  position: absolute;
  color: #ffffff;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.about-btn.hp-1 {
  margin-top: 15px;
}

.about-btn.hp-1 a {
  margin-right: 15px;
}

@media (max-width: 767px) {
  .about-btn.hp-1 a {
    margin-bottom: 10px;
    margin-right: 5px;
  }
}

.spape {
  position: absolute;
}

.sp1 {
  right: 8%;
  top: -60px;
}

.sp2 {
  right: 8%;
  bottom: 12%;
}

.about-img img {
  max-width: inherit;
  margin-left: -15px;
  margin-top: -10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-img img {
    max-width: 100%;
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img img {
    max-width: 100%;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .about-img img {
    max-width: 100%;
    margin: 0;
  }
}

/*----------------------------------------*/
/*  05. Features
/*----------------------------------------*/
.features-area.about {
  position: relative;
  top: 420px;
}

.feature-item {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.feature-item:hover .feature-icon {
  background: #2a2d2c;
}

.feature-icon {
  width: 140px;
  height: 140px;
  line-height: 135px;
  margin: auto;
  background: #ffffff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.feature-icon:hover {
  background: #2a2d2c;
}

.feature-content h3 {
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .feature-content h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-content h3 {
    padding: 0 25px;
  }
}

@media (max-width: 575px) {
  .feature-content h3 {
    padding: 0;
  }
}

.feature-content p {
  padding: 0 30px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .feature-content p {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-content p {
    padding: 0 20px;
  }
}

@media (max-width: 575px) {
  .feature-content p {
    padding: 0;
  }
}

.features-wrapper {
  border: 2px solid #d8dbff;
  padding: 55px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .features-wrapper {
    padding: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-wrapper {
    padding: 20px;
  }
}

@media (max-width: 575px) {
  .features-wrapper {
    padding: 30px;
  }
}

.features-wrapper .icon {
  margin-bottom: 35px;
}

.features-wrapper h4 {
  line-height: 1;
  padding-bottom: 10px;
}

.features-wrapper h4 a {
  font-size: 24px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  color: #0f0c20;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .features-wrapper h4 a {
    font-size: 20px;
  }
}

.features-wrapper h4 a:hover {
  color: #ec5598;
}

.features-wrapper p {
  color: #657583;
  margin-bottom: 18px;
}

.features-wrapper a {
  color: #657583;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.features-wrapper a:hover {
  color: #ec5598;
}

.features-wrapper:hover {
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.features-items .icon {
  width: 120px;
  height: 120px;
  background: #b69e59;
  border-radius: 50%;
  text-align: center;
  line-height: 160px;
  display: inline-block;
  margin-bottom: 0;
}

.features-items .icon i {
  color: #ffffff;
  font-size: 60px;
}

.features-items h4 {
  font-size: 20px;
  color: #ffffff;
  padding-top: 25px;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.features-items p {
  color: #ffffff;
  margin-right: 15px;
}

/*----------------------------------------*/
/*  06. Features2
/*----------------------------------------*/
.features2-area {
  background-position: center left;
  background-size: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .features2-area {
    background-position: center left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features2-area {
    background-position: center left;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features2-area {
    background-position: center left;
  }
}

@media (max-width: 575px) {
  .features2-area {
    background-position: center left;
  }
}

.features2-content span {
  margin-bottom: 25px;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features2-content span {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .features2-content span {
    margin-bottom: 15px;
  }
}

.features2-content h2 {
  margin-bottom: 25px;
  padding-right: 20px;
  font-size: 46px;
  font-family: "Domine", serif;
  line-height: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .features2-content h2 {
    padding-right: 0;
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features2-content h2 {
    padding-right: 0;
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .features2-content h2 {
    padding-right: 0;
    font-size: 35px;
    line-height: 46px;
  }
}

.features2-content p {
  padding-right: 81px;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .features2-content p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features2-content p {
    padding-right: 0px;
  }
}

@media (max-width: 575px) {
  .features2-content p {
    padding-right: 0px;
  }
}

.features2-content a {
  margin-top: 20px;
}

/*----------------------------------------*/
/*  07. Services
/*----------------------------------------*/
.service-item {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.service-item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.service-item:hover .service-content {
  top: 50%;
  transform: translateY(-50%);
}

.service-item:hover .service-content h4 {
  margin-bottom: 30px;
}

.service-item:hover:before {
  background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
}

.service-img img {
  width: 100%;
}

.service-title {
  position: relative;
}

.service-title span {
  color: #a19d98;
}

.service-title h1 {
  margin-bottom: 15px;
}

.service-content {
  position: absolute;
  top: 85%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
  .service-content {
    top: 90%;
  }
}

@media (max-width: 575px) {
  .service-content {
    top: 88%;
  }
}

.service-content h4 {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  margin-bottom: 30px;
  font-family: "Rubik", sans-serif;
}

.service-content p {
  color: #ffffff;
  padding: 0 30px;
  padding-bottom: 5px;
}

.service-content a {
  background: #e8d2b8;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.service-content a:hover {
  background: #2a2d2c;
  color: #ffffff;
}

.service-tabs {
  padding-right: 50px;
  padding-left: 50px;
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(133, 133, 133, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-tabs {
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-tabs {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .service-tabs {
    padding-right: 0;
    padding-left: 0;
  }
}

.service-list {
  width: 178px;
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-list {
    width: 155px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-list {
    width: 115px;
  }
}

@media (max-width: 767px) {
  .service-list {
    width: 135px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-list {
    width: 125px;
  }
}

.service-list a {
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 40px 0 30px;
  border-bottom: 4px solid #f8f8f8;
  font-weight: 500;
  position: relative;
}

.service-list a.active {
  background: #fafafa;
  color: #222222;
}

.service-list .icon {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.service-list a::before {
  content: '';
  width: 0;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 100%;
  background: #b69e59;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.service-list a.active::before,
.service-list a:hover::before {
  width: 100%;
  left: 0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.tab-img img {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-img {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .tab-img {
    padding-bottom: 20px;
  }
}

.service-caption {
  padding-left: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-caption {
    padding-left: 0;
    padding: 20px;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .service-caption {
    padding-left: 0;
    padding: 20px;
    padding-top: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-caption {
    padding-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-caption h1 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-caption h1 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .service-caption h1 {
    font-size: 32px;
  }
}

.service-caption .service-pricing span {
  color: #b69e59;
  font-weight: 500;
}

.service-caption .service-pricing del {
  color: #d0d0d0;
  font-weight: 500;
  margin-left: 15px;
}

.service-caption p {
  margin-top: 25px;
  margin-right: 10px;
}

.service-caption a {
  margin-top: 15px;
}

.service-arch-content {
  position: relative;
}

.service-arch-content .service-icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #e8d2b8;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 25px;
  margin-top: -35px;
}

.service-arch-content h4 {
  font-size: 26px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.service-arch-content h4:hover {
  color: #e8d2b8;
}

.service-arch-content p {
  padding: 0 30px;
  margin-top: 20px;
}

.service-arch-content ul li {
  display: inline-block;
}

.service-arch-content ul li a {
  font-weight: 500;
  margin-right: 5px;
  color: #adaaa7;
}

.service-arch-content ul li a.brown-color {
  color: #ba9870;
}

.service-price-inner {
  background: #ffffff;
}

.service-price-inner .pricing-amount {
  padding: 45px 0 35px;
  background: #e8d2b8;
}

.service-price-inner .pricing-amount h6 {
  color: #a39e98;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

.service-price-inner .pricing-amount h2 {
  font-size: 40px;
}

.service-price-inner .pricing-amount h2 sub {
  font-size: 14px;
  color: #847d76;
  text-transform: lowercase;
}

.service-price-inner .pricing-content {
  padding-top: 43px;
  padding-bottom: 50px;
}

.service-price-inner .pricing-content ul li {
  color: #a39e98;
  margin-bottom: 15px;
}

.service-price-inner .pricing-content a {
  margin-top: 20px;
}

.service-details-content h2 {
  padding-top: 17px;
  padding-bottom: 20px;
  padding-right: 70px;
}

.service-details-content p {
  padding-bottom: 10px;
  padding-right: 60px;
}

.service-details-categories {
  padding: 65px 55px;
  border: 8px solid #f9f9f9;
}

@media (max-width: 767px) {
  .service-details-categories {
    padding: 40px 30px;
  }
}

.service-details-categories h4 {
  font-size: 34px;
  padding-bottom: 25px;
}

.service-details-categories ul li {
  padding-bottom: 25px;
}

.service-details-categories ul li span {
  font-weight: 500;
  display: inline-block;
  width: 120px;
  text-transform: uppercase;
}

.details-img img {
  width: 100%;
}

/*----------------------------------------*/
/*  08. Team
/*----------------------------------------*/
.team-area {
  background: #393b3a;
}

.team-area .section-title h1 {
  color: #ffffff;
  margin-bottom: 0;
}

.team-area.style-3 {
  background: #ffffff;
}

.team-area.style-3 h1 {
  color: #2a2d2c;
}

.team-wrapper {
  position: relative;
}

.team-wrapper .team-img img {
  width: 100%;
}

.team-wrapper:hover .team-link {
  opacity: 1;
  visibility: visible;
}

.team-wrapper:hover .team-text {
  background: #e8d2b8;
}

.team-wrapper:hover .team-text h4 {
  color: #393b3a;
}

.team-wrapper:hover .team-text span {
  color: #8c918e;
}

.team-img {
  position: relative;
}

.team-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #393b3a;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.team-wrapper:hover .team-img::before {
  opacity: 0.5;
  border-radius: 50%;
  
}
.social-media-area {
  background-color: #f9f9f9; /* Cor de fundo opcional */
}

.social-icon {
  font-size: 4em; /* Tamanho dos ícones */
  color: #333; /* Cor dos ícones */
  margin-top: 5rem;
  margin: 1rem 25px; /* Espaçamento entre os ícones */
  transition: color 0.3s;
}

.social-icon:hover {
  color: #f8b263; /* Cor ao passar o mouse */
}
.team-link {
  font-size: 20px;
  position: absolute;
  top: 55%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-link {
    width: 100%;
    text-align: center;
  }
}

.team-link ul li {
  display: inline-block;
}

.team-link ul li a {
  color: #ffffff;
  margin-right: 10px;
}

.about-area .about-border {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Alinha tudo no centro horizontalmente */
}

.about-area .row {
  width: 100%;
  /* Faz com que a linha utilize toda a largura disponível */
  justify-content: center;
  /* Centraliza o conteúdo das linhas */
}

.about-text {
  text-align: center;
  /* Centraliza o texto dentro da about-text */
}

.team-text {
  position: relative;
  padding: 25px;
  background: #414141;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.team-text h4 {
  font-size: 20px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-text h4 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-text h4 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .team-text h4 {
    font-size: 18px;
  }
}

.team-text span {
  color: #e8d2b8;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: "Rubik", sans-serif;
}

.team-join a {
  margin-top: 10px;
}

.team-area.hp-1 {
  background: #ffffff;
}

.team-area.hp-1 h1 {
  color: #2a2d2c;
}

.single-team {
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  height: 100%;
}

.team-img img {
  width: 100%;
}

.team-img.style-1 {
  position: relative;
}

.team-img.style-1::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #fff transparent transparent;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-img.style-1::before {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-img.style-1::before {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-box {
    margin-bottom: 30px;
  }
}

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

@media (max-width: 767px) {
  .team-box {
    margin-bottom: 30px;
  }
}

.style-2 {
  position: relative;
}

.style-2::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .style-2::before {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .style-2::before {
    display: none;
  }
}

.single-content {
  padding: 30px 20px 15px 30px;
}

.single-content span {
  color: #ec5598;
  text-transform: uppercase;
  padding-bottom: 15px;
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
}

.single-content p {
  margin-bottom: 20px;
}

.single-content .team-social li {
  display: inline-block;
}

.single-content .team-social li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e4e7ff;
  color: #657583;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.single-content .team-social li a:hover {
  background: #6a1b9a;
  color: #ffffff;
}

.team-area .title-heading.hp-1::after {
  top: 63%;
}

/*----------------------------------------*/
/*  09. Video
/*----------------------------------------*/
.video-area {
  position: relative;
}

.video-area .title-heading {
  margin-bottom: 0;
}

.video-area .title-heading::after {
  background: url("../img/black-border-shape.png") center center/cover;
}

.video-active .owl-nav div {
  position: absolute;
  top: 50%;
  left: -95px;
  color: #d8d8d8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: translateY(140%);
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .video-active .owl-nav div {
    left: -60px;
  }
}

.video-active .owl-nav div i {
  font-size: 60px;
  line-height: 0;
}

.video-active .owl-nav div.owl-next {
  left: auto;
  right: -95px;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .video-active .owl-nav div.owl-next {
    right: -60px;
  }
}

.video-active .owl-nav div:hover {
  color: #2a2d2c;
}

.video-area-01 {
  padding-bottom: 250px;
}

@media (max-width: 767px) {
  .video-area-01 {
    padding-bottom: 70px;
  }
}

.video-slider-area {
  margin-top: -250px;
}

@media (max-width: 767px) {
  .video-slider-area {
    margin-top: -70px;
  }
}

.single-video {
  position: relative;
}

.play-icon a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  line-height: 140px;
  background: #ffffff;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.play-icon a:hover {
  background: #2a2d2c;
  color: #ffffff;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .play-icon a {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

@media (max-width: 575px) {
  .play-icon a {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

.video-intro {
  background: #f6f7f8;
}

.video-intro span {
  color: #ec5598;
  margin-bottom: 20px;
  display: block;
}

.video-intro h1 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .video-intro h1 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .video-intro h1 {
    font-size: 40px;
  }
}

.intro-content p {
  padding-right: 110px;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .intro-content p {
    padding-right: 0;
  }
}

.intro-content ul li {
  clear: both;
}

.intro-content ul li i {
  width: 30px;
  height: 30px;
  background: #ffffff;
  text-align: center;
  line-height: 30px;
  color: #ec5598;
  box-shadow: 0px 16px 32px 0px rgba(236, 85, 152, 0.3);
  border-radius: 50%;
  margin-bottom: 20px;
  margin-right: 18px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 12px;
  float: left;
}

.intro-content ul li:hover i {
  background: #ec5598;
  color: #ffffff;
}

.intro-content a {
  margin-top: 20px;
}

.intro-content ul li span {
  color: #6a6560;
  display: block;
  overflow: hidden;
}

.video-area span.style-3 {
  color: #ffffff;
}

.video-area h1.style-3 {
  color: #ffffff;
}

.intro-img {
  position: relative;
}

.intro-img img {
  width: 100%;
}

.intro-img a {
  position: absolute;
  background: #ffffff;
  height: 120px;
  width: 120px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  border-radius: 50%;
  line-height: 120px;
  color: #ec5598;
  transform: translateY(-50%);
}

.intro-img a:hover {
  background: #ec5598;
  color: #ffffff;
}

/*----------------------------------------*/
/*  10. Price
/*----------------------------------------*/
.price-area {
  position: relative;
}

.price-area.offers {
  top: 0;
  background: #fafaff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .price-area {
    top: 140px;
  }
}

@media (max-width: 767px) {
  .price-area {
    top: 0;
  }
}

.priceing-box {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  padding: 80px 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .priceing-box {
    padding: 80px 15px;
  }
}

@media (max-width: 767px) {
  .priceing-box {
    padding: 80px 15px;
  }
}

.priceing-box h6 {
  color: #c2c2c2;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 25px;
}

.priceing-box p {
  margin-bottom: 45px;
}

.priceing-box a {
  color: #2a2d2c !important;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .priceing-box a {
    padding: 20px 30px;
  }

  .priceing-box a:hover {
    padding: 20px 30px;
  }
}

@media (max-width: 575px) {
  .priceing-box a {
    padding: 25px 30px;
  }

  .priceing-box a:hover {
    padding: 25px 30px;
  }
}

.price {
  margin-bottom: 35px;
}

.price h3 {
  font-size: 50px;
}

.price h3 sub {
  font-size: 14px;
  color: #bdbdbd;
  text-transform: lowercase;
}

.price-icon {
  width: 200px;
  height: 200px;
  line-height: 200px;
  background: #a86e028e;
  margin: 0 auto;
  margin-bottom: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.plan-pricing .title-heading::after {
  left: 35px;
}

.pricing-tabs {
  background: #f6f7f8;
  padding: 10px;
  border-radius: 40px;
}

@media (max-width: 767px) {
  .pricing-tabs {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
}

.pricing-item {
  padding: 25px 55px;
  display: inline-block;
  line-height: 1;
  border-radius: 40px;
  text-transform: uppercase;
  font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-item {
    padding: 20px 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-item {
    padding: 20px 40px;
  }
}

@media (max-width: 767px) {
  .pricing-item {
    padding: 10px 5px;
    background: none;
  }
}

.pricing-item.active {
  padding: 25px 60px;
  background: #ec5598;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-item.active {
    padding: 20px 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-item.active {
    padding: 20px 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing-item.active {
    padding: 20px 40px;
  }
}

@media (max-width: 767px) {
  .pricing-item.active {
    padding: 10px 5px;
    background: none;
    color: #ec5598;
  }
}

.single-item {
  padding: 75px;
  border: 2px solid #d8dbff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-item {
    padding: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-item {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .single-item {
    padding: 70px 10px;
  }
}

.single-item.b-left {
  border-left: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-item.b-left {
    border: 2px solid #d8dbff;
  }
}

@media (max-width: 575px) {
  .single-item.b-left {
    border: 2px solid #d8dbff;
  }
}

.single-item.b-right {
  border-right: none;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-item.b-right {
    border: 2px solid #d8dbff;
  }
}

@media (max-width: 575px) {
  .single-item.b-right {
    border: 2px solid #d8dbff;
  }
}

.single-item h5 {
  font-size: 14px;
  color: #ec5598;
  text-transform: uppercase;
  margin-bottom: 13px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
}

.single-item h1 {
  font-size: 70px;
  margin-bottom: 10px;
}

.single-item h1 sub {
  color: #657583;
  font-size: 14px;
}

.single-item a {
  padding: 23px 60px;
  margin-top: 15px;
}

.single-item a:hover {
  padding: 23px 60px;
}

.single-item:hover {
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  border: 2px solid transparent;
}

.pricing-icon {
  margin-bottom: 30px;
}

.pricing-list li {
  color: #657583;
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 25px;
}

.pricing-list li .fa-check {
  color: #ec5598;
  margin-right: 5px;
}

.pricing-list li.times {
  color: #aab8c4;
}

.pricing-list li .fa-times {
  margin-right: 5px;
}

.pricing-plan {
  position: relative;
}

.badge {
  position: absolute;
  padding: 15px 20px;
  padding-right: 40px;
  background: #fff000;
  line-height: 1;
  border-radius: 0;
  color: #2a2d2c;
  text-transform: uppercase;
  letter-spacing: 2px;
  top: 0;
  transform: rotate(90deg);
  right: 0;
}

@media (max-width: 767px) {
  .badge {
    top: 30px;
    right: -27px;
  }
}

.badge::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #ffffff transparent transparent;
  top: 0;
  right: 0;
}

.offer-item {
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(217, 217, 217, 0.3);
}

.offer-item .image img {
  width: 100%;
}

.offer-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.offer-content span {
  color: #8c918e;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}

.offer-content h4 {
  font-size: 24px;
  margin-top: 6px;
  margin-bottom: 10px;
}

.offer-content ul {
  display: inline-block;
  margin-right: 5px;
}

.offer-content li {
  list-style: none;
  display: inline-block;
  color: #e8d2b8;
  font-weight: 500;
}

.price-fix {
  position: relative;
  top: 0;
}

/*----------------------------------------*/
/*  11. Call TO Action
/*----------------------------------------*/
.cta-area {
  position: relative;
}

.cta-area.style-3 {
  top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area {
    top: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-area {
    top: 0;
    min-height: 600px;
  }
}

@media (max-width: 767px) {
  .cta-area {
    top: 0;
  }
}

.cta-content {
  padding: 250px 0;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-content {
    padding: 150px 0;
  }
}

@media (max-width: 575px) {
  .cta-content {
    padding: 150px 0;
  }
}

.cta-section span {
  color: #d9d9d9;
  margin-bottom: 30px;
  display: inline-block;
}

@media (max-width: 767px) {
  .cta-section span {
    margin-bottom: 20px;
  }
}

.cta-section h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 70px;
}

@media (max-width: 767px) {
  .cta-section h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

.cta-btn {
  margin-top: 40px;
}

.cta-btn a {
  margin: 0 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-btn a {
    display: block;
    margin-bottom: 10px;
  }

  .cta-btn a:hover {
    display: block;
  }
}

@media (max-width: 575px) {
  .cta-btn a {
    display: block;
    margin-bottom: 10px;
  }

  .cta-btn a:hover {
    display: block;
  }
}

/*----------------------------------------*/
/*  12. Blog
/*----------------------------------------*/
.blog-area {
  position: relative;
}

.blog-area.hp-1 {
  top: 0;
}

.blog-area.style-3 {
  top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area {
    top: 0;
  }
}

@media (max-width: 767px) {
  .blog-area {
    top: 0;
  }
}

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

.blog-content h3 {
  font-size: 24px;
  line-height: 36px;
  padding-bottom: 5px;
}

.blog-content h3 a:hover.hp-1 {
  color: #ec5598;
}

.blog-content p {
  padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-content p {
    padding-right: 0;
  }
}

@media (max-width: 575px) {
  .blog-content p {
    padding-right: 0;
  }
}

.blog-content hr {
  border: 1px solid #d7d7d7;
  margin-top: 25px;
  margin-bottom: 15px;
}

.blog-arc a {
  margin-right: 30px;
  font-size: 14px;
  color: #6a6560;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 5px;
  display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-arc a {
    margin-right: 15px;
  }
}

@media (max-width: 767px) {
  .blog-arc a {
    margin-right: 12px;
  }
}

.blog-arc a i {
  margin-right: 5px;
}

.blog-arc a:hover {
  color: #ec5598;
}

/* 19. Blog */
.latest-news {
  position: relative;
}

.news__thumb img {
  width: 100%;
}

.postbox__thumb img {
  width: 100%;
}

.blog-inner-img img {
  width: 100%;
}

.news-meta span {
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #747691;
  margin-right: 15px;
  font-size: 13px;
}

.news-meta span a {
  color: #747691;
}

.news-meta span a:hover {
  color: #e8d2b8;
}

.news__caption h2 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.4;
}

.news__caption h2 a:hover {
  color: #e8d2b8;
}

.news-link {
  font-size: 12px;
  color: #e4ecf3;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.news-link:hover {
  color: #ffffff;
}

.news-link i {
  transition: .3s;
  display: inline-block;
}

.news-link:hover i {
  transform: translateX(3px);
}

.news__thumb-2 img {
  width: 100%;
}

.news__caption-2 {
  padding: 33px;
}

.news__caption-2 h2 {
  font-size: 20px;
  margin-bottom: 15px;
}

.news__caption-2 h2 a:hover {
  color: #e8d2b8;
}

.news__caption-2 p {
  margin-bottom: 0;
}

.news-meta span {
  text-transform: uppercase;
  margin-right: 25px;
  font-size: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-meta span {
    margin-right: 10px;
  }
}

.news-meta span a {
  color: #e8d2b8;
  letter-spacing: 2px;
  font-weight: 500;
}

.postbox__thumb {
  position: relative;
}

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

.post-meta span {
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6f7172;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .post-meta span {
    margin-right: 10px;
  }
}

.post-meta span a:hover {
  color: #e8d2b8;
}

.post-meta span i {
  color: #ec5598;
  margin-right: 2px;
}

.post-meta span a {
  color: #6f7172;
}

.postbox__text {
  background: #faf9ff;
}

.p-50 {
  padding: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .p-50 {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .p-50 {
    padding: 30px;
  }
}

.p-30 {
  padding: 30px;
}

.post-meta {
  margin-bottom: 20px;
}

.blog-title {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 20px;
}

.blog-title a:hover {
  color: #e8d2b8;
}

.read-more {
  letter-spacing: 2px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}

.read-more {
  color: #2a2d2c;
}

.read-more:hover {
  color: #e8d2b8;
}

.read-more i {
  transition: .3s;
  display: inline-block;
}

.blog-title-sm {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.postbox__gallery .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  border: none;
  background: none;
  padding: 0;
  z-index: 9;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background: #ffffff;
  width: 60px;
  height: 60px;
  color: #6f7172;
  border-radius: 50%;
  font-size: 14px;
}

.postbox__gallery .slick-arrow:hover {
  background: #e8d2b8;
  color: #ffffff;
}

.postbox__gallery .slick-arrow.slick-next {
  right: 30px;
  left: auto;
}

.postbox__video {
  position: relative;
}

.video-btn {
  position: absolute;
  background: #ffffff;
  height: 120px;
  width: 120px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  border-radius: 50%;
  line-height: 120px;
  color: #e8d2b8;
  transform: translateY(-50%);
}

.video-btn:hover {
  background: #e8d2b8;
  color: #ffffff;
}

.post-text blockquote {
  background: #062a4d;
  padding: 50px;
  position: relative;
  padding-left: 120px;
}

@media (max-width: 767px) {
  .post-text blockquote {
    padding: 30px;
  }
}

.post-text blockquote p {
  font-size: 26px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.3;
}

.post-text blockquote::before {
  content: "\f10d";
  left: 50px;
  top: 50px;
  position: absolute;
  color: #758799;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 41px;
}

@media (max-width: 767px) {
  .post-text blockquote::before {
    position: static;
  }
}

.post-text blockquote footer {
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
}

.widget {
  padding: 30px;
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  border-top: 4px solid #e8d2b8;
}

.b-0 {
  border: 0;
}

.search-form {
  position: relative;
}

.search-form input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #f5f5f5;
  padding: 0 20px;
}

.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #062a4d;
  padding: 0 25px;
  color: #ffffff;
  line-height: 60px;
  border: 0;
}

.search-form button:hover {
  background: #e8d2b8;
}

.widget-title {
  font-size: 21px;
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
}

.animate-border::after {
  position: absolute;
  content: "";
  width: 35px;
  height: 3px;
  left: 0;
  bottom: 0;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  -webkit-animation: animborder 2s linear infinite;
  animation: animborder 2s linear infinite;
}

.animate-border.border-white::after {
  border-color: #ffffff;
}

.animate-border.border-white::after {
  border-color: #ffffff;
}

.about-me img {
  margin-bottom: 25px;
  border-radius: 50%;
}

.about-me h4 {
  font-size: 18px;
  letter-spacing: 1px;
}

.widget-social-icon a {
  display: inline-block;
  margin: 0 8px;
  color: #666;
}

.widget-social-icon a:hover {
  color: #e8d2b8;
}

.banner-widget img {
  max-width: 100%;
}

.widget .recent-posts>li:first-child {
  border: 0;
  padding-top: 0;
}

.widget .recent-posts li:last-child {
  padding-bottom: 0;
}

.widget .recent-posts>li {
  border-top: 1px solid #eaedff;
  padding: 20px 0;
  overflow: hidden;
}

.widget-posts-image {
  float: left;
}

.widget-posts-image img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 15px;
}

.widget-posts-body {
  overflow: hidden;
}

.widget-posts-title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.3;
}

.widget-posts-title a:hover {
  color: #e8d2b8;
}

.widget-posts-meta {
  font-size: 12px;
}

ul.cat li {
  border-top: 1px solid #eaedff;
  padding: 15px 0;
  overflow: hidden;
}

ul.cat li:first-child {
  border-top: 0;
  padding-top: 0;
}

ul.cat li:last-child {
  padding-bottom: 0;
}

ul.cat li a {
  display: block;
  color: #647589;
}

ul.cat li a:hover {
  color: #e8d2b8;
}

.social-profile a {
  height: 50px;
  width: 50px;
  text-align: center;
  background: #062a4d;
  line-height: 50px;
  margin-right: 2px;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 5px;
}

.social-profile a:hover {
  background: #e8d2b8;
}

#Instafeed {
  margin: 0 -5px;
  overflow: hidden;
}

#Instafeed li {
  width: 33.33%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}

#Instafeed li img {
  width: 100%;
}

.tag a {
  display: inline-block;
  line-height: 1;
  padding: 12px 18px;
  background: #f5f5f5;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #5f5b5b;
  border-radius: 2px;
}

.tag a:hover {
  background: #e8d2b8;
}

.bg-none {
  background: none;
}

.blog-post-tag span {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 17px;
  font-family: "Poppins", sans-serif;
  color: #062a4d;
}

.blog-post-tag a {
  color: #646974;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid #eaedff;
  padding: 12px 24px;
  margin-right: 10px;
  transition: .3s;
  border-radius: 5px;
  margin-bottom: 10px;
}

.blog-post-tag a:hover {
  color: #fff;
  background: #e8d2b8;
  border-color: #e8d2b8;
}

.blog-post-tag a:last-child {
  margin-right: 0;
}

.blog-share-icon span {
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #062a4d;
  display: block;
  margin-bottom: 17px;
}

.blog-share-icon a {
  color: #6f7172;
  font-size: 18px;
  transition: .3s;
  margin-right: 22px;
}

.blog-share-icon a:hover {
  color: #e8d2b8;
}

.blog-share-icon a:last-child {
  margin-right: 0;
}

.blog-details-border {
  border-top: 1px solid #eaedff;
  border-bottom: 1px solid #eaedff;
  padding-top: 33px;
  padding-bottom: 23px;
  margin-bottom: 42px;
}

.author {
  background: #f5f5f5;
  padding: 0 60px 44px 60px;
}

@media (max-width: 767px) {
  .author {
    padding: 0 30px 44px 30px;
  }
}

.author-img {
  margin-bottom: 35px;
}

.author-img img {
  margin-top: -60px;
}

.author-text h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.author-text p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 28px;
}

.author-icon {
  margin-top: 6px;
  margin-bottom: 25px;
}

.author-icon a {
  font-size: 14px;
  color: #9498b6;
  margin: 0 5px;
  transition: .3s;
}

.author-icon a:hover {
  color: #e8d2b8;
}

.post-comments {
  border-bottom: 1px solid #eaedff;
  margin-bottom: 42px;
  padding-bottom: 46px;
}

.blog-coment-title h2 {
  font-size: 26px;
  margin-bottom: 0;
}

.comments-avatar {
  float: left;
}

@media (max-width: 767px) {
  .comments-avatar {
    float: none;
  }
}

.comments-avatar img {
  width: 100px;
  margin-right: 20px;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.latest-comments li:last-child .comments-box {
  border-bottom: 0;
  padding-bottom: 0;
}

.latest-comments li.children {
  margin-left: 100px;
}

@media (max-width: 767px) {
  .latest-comments li.children {
    margin-left: 0;
  }
}

.comments-box {
  border-top: 1px solid #eaedff;
  padding: 30px 0;
}

.comments-text {
  overflow: hidden;
  padding-top: 4px;
}

@media (max-width: 767px) {
  .comments-text {
    margin-top: 15px;
  }
}

.comments-text p {
  margin-bottom: 0;
  margin-top: 8px;
}

.avatar-name h5 {
  font-size: 18px;
  margin-bottom: 7px;
}

.avatar-name span {
  color: #ec5598;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.avatar-name {
  margin-bottom: 3px;
  overflow: hidden;
  position: relative;
}

.reply {
  color: #6f7172;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  transition: .3s;
  line-height: 1;
  margin-top: 4px;
  position: absolute;
  right: 0;
  top: 0;
}

.reply:hover {
  color: #e8d2b8;
}

.reply i {
  margin-right: 5px;
}

.post-comments-title {
  margin-bottom: 39px;
}

.post-comments-title h2 {
  font-size: 26px;
  color: #140a20;
  margin-bottom: 0;
}

.conatct-post-form {
  background: #f5f5f5;
  padding: 50px;
}

@media (max-width: 767px) {
  .conatct-post-form {
    padding: 20px;
  }
}

.conatct-post-form input {
  border: none;
  height: 60px;
  margin-bottom: 20px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
  color: #a7a7c1;
}

.conatct-post-form textarea {
  border: none;
  height: 150px;
  margin-bottom: 20px;
  padding: 30px;
  width: 100%;
  color: #a7a7c1;
  font-size: 14px;
}

#contacts-form input::-moz-placeholder {
  color: #a7a7c1;
  font-size: 14px;
}

#contacts-form input::placeholder {
  color: #a7a7c1;
  font-size: 14px;
}

#contacts-form textarea::-moz-placeholder {
  color: #a7a7c1;
  font-size: 14px;
}

#contacts-form textarea::placeholder {
  color: #a7a7c1;
  font-size: 14px;
}

.contact-icon {
  position: relative;
}

.contact-icon::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  right: 30px;
  color: #e8d2b8;
  top: 18px;
}

.conatct-post-form .contact-icon::before {
  display: none;
}

.contacts-message::after {
  content: "\f303";
}

.contacts-name::after {
  content: "\f007";
}

.contacts-email::after {
  content: "\f0e0";
}

.contacts-website::after {
  content: "\f0ac";
}

.navigation-border {
  border-top: 2px solid #f7f7f7;
  overflow: hidden;
}

.navigation-border {
  border-top: 2px solid #f7f7f7;
  overflow: hidden;
}

.bakix-navigation span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.bakix-navigation span a:hover {
  color: #e8d2b8;
}

.bakix-navigation h4 {
  font-size: 24px;
  margin: 0;
}

.bakix-navigation h4 a:hover {
  color: #e8d2b8;
}

.basic-pagination ul {
  display: block;
}

.basic-pagination ul li {
  display: inline-block;
  margin: 0 5px;
}

@media (max-width: 767px) {
  .basic-pagination ul li {
    margin-bottom: 10px;
  }
}

.basic-pagination ul li a {
  height: 70px;
  width: 70px;
  background: #ffffff;
  color: #9990b8;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50%;
  line-height: 70px;
  margin: 0px;
  display: inline-block;
  text-align: center;
}

.basic-pagination ul li a:hover,
.basic-pagination ul li.active a {
  background: #e8d2b8;
  color: #ffffff;
}

.basic-pagination-2 ul li a {
  background: transparent;
  color: #9990b8;
  border: 2px solid #eaebec;
  height: 60px;
  width: 60px;
  line-height: 56px;
}

.basic-pagination-2 ul li a:hover,
.basic-pagination-2 ul li.active a {
  background: #e8d2b8;
  color: #ffffff;
  border-color: #e8d2b8;
}

/*----------------------------------------*/
/*  13. Subscribe
/*----------------------------------------*/
.subscribe-area {
  position: relative;
  background: url("../img/subscribe-bg.png") no-repeat center center/cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-area {
    top: 0;
  }
}

@media (max-width: 767px) {
  .subscribe-area {
    top: 0;
  }
}

.subscribe-content h1 {
  line-height: 70px;
  padding: 0 50px;
  padding-top: 20px;
}

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

@media (max-width: 767px) {
  .subscribe-content h1 {
    font-size: 35px;
    line-height: 35px;
    padding: 0;
    padding-top: 20px;
  }
}

.subscribe-form {
  position: relative;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .subscribe-form {
    margin-top: 30px;
  }
}

.subscribe-form input {
  width: 795px;
  background: #ffffff;
  border: none;
  color: #a5a9a8;
  padding: 30px 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form input {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .subscribe-form input {
    width: 100%;
    padding: 20px 30px;
  }
}

.subscribe-form button {
  position: absolute;
  border: none;
  top: 10px;
  right: 198px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .subscribe-form button {
    right: 77px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-form button {
    right: 12px;
  }
}

@media (max-width: 767px) {
  .subscribe-form button {
    position: unset;
    margin-top: 10px;
  }
}

.subscribe-fix {
  position: relative;
  top: 0;
}

/*----------------------------------------*/
/*  14. Gallery
/*----------------------------------------*/
.gallery-wrapper {
  position: relative;
}

.gallery-wrapper:hover .gallery-image::before {
  opacity: .8;
}

.gallery-wrapper:hover .view-icon {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.gallery-image {
  margin-bottom: 30px;
  position: relative;
}

.gallery-image::before {
  background: #e770004f;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.view-icon {
  text-align: center;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  -webkit-transition: .3s;
  transition: .3s;
  left: 0;
  position: absolute;
  right: 0;
}

.view-icon a {
  color: #fff;
  display: inline-block;
  font-size: 20px;
}

.grid-wrapper::before {
  background: #b69e59;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.grid-wrapper:hover:before {
  opacity: .9;
}

.grid-wrapper:hover .view-icon {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}



/*----------------------------------------*/
/*  15. Appointment
/*----------------------------------------*/
.appointment-area.hp-1 {
  background: url("../img/appointment-bg-01.png") center center/cover;
}

.appointment-area.style-3 {
  background: #ffffff;
}

.appointment-intro.hp-1 h6 {
  color: #ec5598;
  margin-bottom: 25px;
}

.appointment-intro.hp-1 h2 {
  font-size: 46px;
  line-height: 56px;
  color: #ffffff;
  text-transform: unset;
  margin-bottom: 25px;
}

.appointment-Shedule {
  position: relative;
}

.appointment-img {
  position: relative;
}

.appointment-img::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #ec5598;
  opacity: 0.9;
  z-index: 1;
}

.appointment-text {
  position: absolute;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  text-align: center;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appointment-text {
    padding-top: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appointment-text {
    padding-top: 15px;
  }
}

@media (max-width: 575px) {
  .appointment-text {
    padding-top: 15px;
  }
}

.appointment-text h4 {
  color: #ffffff;
  font-size: 24px;
}

.appointment-text hr {
  width: 60px;
  height: 2px;
  background: #ec9ec4;
  border: none;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 22px;
}

.appointment-text ul li.sunday {
  color: #fff;
  font-weight: 400;
}

@media (max-width: 767px) {
  .appointment-content {
    padding-top: 25px;
  }
}

.appointment-content .name {
  width: 48%;
  margin-right: 4%;
  position: relative;
}

@media (max-width: 575px) {
  .appointment-content .name {
    width: 100%;
    margin-right: 0;
  }
}

.appointment-content .name::before {
  position: absolute;
  content: '\f007';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #a6a2bd;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
  .appointment-content .name::before {
    top: 35px;
  }
}

.appointment-content .name:hover::before {
  color: #ec5598;
}

.appointment-content .email {
  width: 48%;
  position: relative;
}

@media (max-width: 575px) {
  .appointment-content .email {
    width: 100%;
    margin-right: 0;
  }
}

.appointment-content .email::before {
  position: absolute;
  content: '\f0e0';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #a6a2bd;
}

@media (max-width: 575px) {
  .appointment-content .email::before {
    top: 35px;
  }
}

.appointment-content .email:hover::before {
  color: #ec5598;
}

.appointment-content .phone {
  width: 48%;
  margin-right: 4%;
  position: relative;
}

@media (max-width: 575px) {
  .appointment-content .phone {
    width: 100%;
    margin-right: 0;
  }
}

.appointment-content .phone::before {
  position: absolute;
  content: '\f095';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 35px;
  color: #a6a2bd;
}

.appointment-content .phone:hover::before {
  color: #ec5598;
}

.appointment-content .subject {
  width: 48%;
  position: relative;
}

@media (max-width: 575px) {
  .appointment-content .subject {
    width: 100%;
    margin-right: 0;
  }
}

.appointment-content .subject::before {
  position: absolute;
  content: '\f044';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 37px;
  color: #a6a2bd;
}

.appointment-content .subject::after {
  position: absolute;
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 41px;
  color: #a6a2bd;
  right: 0;
}

.appointment-content .subject:hover::before {
  color: #ec5598;
}

.appointment-content .subject:hover::after {
  color: #ec5598;
}

.appointment-content .shedule-date {
  width: 48%;
  margin-right: 4%;
  position: relative;
}

@media (max-width: 575px) {
  .appointment-content .shedule-date {
    width: 100%;
    margin-right: 0;
  }
}

.appointment-content .shedule-date::before {
  position: absolute;
  content: '\f073';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 35px;
  color: #a6a2bd;
}

.appointment-content .shedule-date::after {
  position: absolute;
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 35px;
  color: #a6a2bd;
  right: 0;
}

.appointment-content .shedule-date:hover::before {
  color: #ec5598;
}

.appointment-content .shedule-date:hover::after {
  color: #ec5598;
}

.appointment-content .shedule-time {
  width: 48%;
  position: relative;
}

@media (max-width: 575px) {
  .appointment-content .shedule-time {
    width: 100%;
    margin-right: 0;
  }
}

.appointment-content .shedule-time::before {
  position: absolute;
  content: '\f017';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 35px;
  color: #a6a2bd;
}

.appointment-content .shedule-time::after {
  position: absolute;
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 35px;
  color: #a6a2bd;
  right: 0;
}

.appointment-content .shedule-time:hover::before {
  color: #ec5598;
}

.appointment-content .shedule-time:hover::after {
  color: #ec5598;
}

.appointment-content .massage {
  position: relative;
}

.appointment-content .massage::before {
  position: absolute;
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 30px;
  color: #a6a2bd;
  left: 0;
}

.appointment-content .massage:hover::before {
  color: #ec5598;
}

.appointment-content form input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 2px solid #272241;
  color: #a6a2bd;
  padding: 15px 30px;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.appointment-content form input[type="text"] {
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 575px) {
  .appointment-content form input[type="text"] {
    padding: 15px 30px;
    margin-top: 20px;
  }
}

.appointment-content form input[type="email"] {
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 575px) {
  .appointment-content form input[type="email"] {
    padding: 15px 30px;
    margin-top: 20px;
  }
}

.appointment-content form input:hover {
  border-color: #ec5598;
  color: #ffffff;
}

.appointment-content form select {
  width: 100%;
  padding: 20px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #272241;
  margin-top: 17px;
  color: #a6a2bd;
  appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
  .appointment-content form select {
    padding: 20px 30px;
  }
}

.appointment-content form select:hover {
  border-color: #ec5598;
  color: #ffffff;
}

.appointment-content form textarea {
  width: 100%;
  margin-top: 15px;
  border: none;
  border-bottom: 2px solid #272241;
  color: #a6a2bd;
  background: transparent;
  padding: 15px 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.appointment-content form textarea:hover {
  border-color: #ec5598;
  color: #ffffff;
}

.appointment-content form button {
  border: none;
  cursor: pointer;
  margin-top: 30px;
}

.booking ul {
  position: relative;
}

.booking ul::before {
  bottom: 32px;
  position: absolute;
  content: " ";
  width: 100%;
  height: 4px;
  background-color: #f8f8f8;
}

.booking ul li a {
  width: 70px;
  height: 70px;
  line-height: 50px;
  text-align: center;
  border: 4px solid #f8f8f8;
  border-radius: 50%;
  display: inline-block;
  color: #2a2d2c;
  font-family: "Domine", serif;
  font-weight: 700;
  position: relative;
  background: #ffffff;
  z-index: 1;
}

.booking ul li a.active {
  border: 4px solid #b69e59;
  color: #b69e59;
}

.booking-service h4 {
  font-size: 24px;
  padding-top: 20px;
}

.booking-service select {
  padding: 17px 30px;
  width: 100%;
  appearance: none;
  border: none;
  border-bottom: 2px solid #eaeaea;
  color: #7f7f7f;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.booking-service select:hover {
  border-bottom: 2px solid #2a2d2c;
}

.booking-service input {
  padding: 17px 30px;
  width: 100%;
  border: none;
  border-bottom: 2px solid #eaeaea;
  background: #ffffff;
  color: #7f7f7f;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.booking-service input:hover {
  border-bottom: 2px solid #2a2d2c;
}

.booking-service .category {
  position: relative;
}

.booking-service .category::before {
  content: '\f044';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 15px;
}

.booking-service .category::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 15px;
  right: 0;
}

.booking-service .select-service {
  position: relative;
}

.booking-service .select-service::before {
  content: '\f044';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 15px;
}

.booking-service .select-service::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 15px;
  right: 0;
}

.booking-service .employee {
  position: relative;
}

.booking-service .employee::before {
  content: '\f007';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 15px;
}

.booking-service .employee::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 15px;
  right: 0;
}

.booking-service .available {
  position: relative;
}

.booking-service .available::before {
  content: '\f017';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}

.booking-service .available::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 45px;
  right: 0;
}

.booking-service .day {
  position: relative;
}

.booking-service .day::before {
  content: '\f133';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}

.booking-service .day::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 45px;
  right: 0;
}

.booking-service .from {
  position: relative;
}

.booking-service .from::before {
  content: '\f017';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}

.booking-service .from::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 45px;
  right: 0;
}

.booking-service .finish {
  position: relative;
}

.booking-service .finish::before {
  content: '\f133';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}

.booking-service .finish::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #7f7f7f;
  top: 45px;
  right: 0;
}

.appointment-area.style-3 .title-heading::after {
  top: 185px;
}

.grid-wrapper {
  position: relative;
}

.grid-item {
  position: relative;
}

.grid-item::before {
  background: #b69e59;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.view-icon {
  text-align: center;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  -webkit-transition: .3s;
  transition: .3s;
  left: 0;
  position: absolute;
  right: 0;
}

.appoinment-box-2 {
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(223, 217, 255, 0.4);
  margin-top: -241px;
}

.calculate-content input {
  height: 60px;
  padding-left: 38px;
  width: 100%;
  border: 2px solid #d3e2f0;
  position: relative;
}

.calculate-content textarea {
  width: 100%;
  resize: none;
  border: 2px solid #d3e2f0;
  padding-top: 28px;
  padding-left: 40px;
  color: #647589;
  height: 120px;
}

.appoinment-box-content {
  padding: 70px 38px 40px 70px;
}

.calculate-content {
  padding: 60px;
}

@media (max-width: 767px) {
  .calculate-content {
    padding: 20px;
  }
}

.appointment-form-3 textarea {
  width: 100%;
  resize: none;
  border: 2px solid #d3e2f0;
  padding-top: 28px;
  padding-left: 40px;
  color: #647589;
  height: 120px;
}

.appointment-area-3 .calculate-box .nice-select {
  border: 2px solid #d3e2f0;
}

.appointment-area-3 .calculate-form input {
  border: 2px solid #d3e2f0;
}

.appointment-form-2 input {
  width: 100%;
}

.appointment-form-2 input {
  width: 100%;
  border: 0;
  padding: 0;
}

.appointment-form-2 input::placeholder {
  font-size: 24px;
  color: #223645;
  font-weight: 600;
  font-family: poppins;
}

.appoint-ment-icon {
  margin-right: 40px;
}

.appointment-form-2 label {
  font-size: 12px;
  text-transform: uppercase;
  color: #aab6bf;
  font-weight: 500;
  margin-bottom: 14px;
}

.appoinment-form-box {
  padding-bottom: 27px;
  border-bottom: 1px solid #eae5ff;
}

.appoinment-form-box-option {
  padding-bottom: 8px;
}

.nice-select.postform::after {
  border-bottom: 3px solid #223645;
  border-right: 3px solid #223645;
  content: '';
  display: block;
  height: 8px;
  margin-top: -23px;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 8px;
}

/*----------------------------------------*/
/*  16. Brand
/*----------------------------------------*/
.brand-area {
  min-height: 885px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-area {
    min-height: 650px;
  }
}

.brand-area span {
  color: #ec5598;
  margin-bottom: 20px;
  display: block;
}

.brand-area h1 {
  margin-bottom: 65px;
  padding-right: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .brand-area h1 {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-area h1 {
    padding-right: 0;
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .brand-area h1 {
    padding-right: 0;
    font-size: 40px;
  }
}

.owl-carousel .owl-item .single-image img {
  width: auto;
}

/*----------------------------------------*/
/*  17. Counter
/*----------------------------------------*/
.counter {
  position: relative;
  background: #b69e59;
  height: 100%;
  min-height: 500px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter {
    padding: 10px;
  }
}

.counter.active .counter-img {
  opacity: 1;
}

.counter-img {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.icon {
  margin-bottom: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .icon {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .icon {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-content .icon img {
    width: 80px;
  }
}

.counter-content {
  padding: 30px 75px;
  padding-top: 30px;
  padding-top: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .counter-content {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .counter-content {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-content {
    padding: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .counter-content {
    padding: 35px 25px;
  }
}

.counter-content h3 {
  color: #ffffff;
  margin-bottom: 26px;
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .counter-content h3 {
    margin-bottom: 20px;
  }
}

.counter-content p {
  color: #ffffff;
  margin: 0;
}

/*----------------------------------------*/
/*  18. Contact
/*----------------------------------------*/
.single-address {
  border: 2px solid #eaedff;
  padding: 50px 30px;
  padding-bottom: 22px;
}

.single-address span {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  color: #959f9c;
  display: block;
  padding-bottom: 10px;
}

.single-address img {
  margin-bottom: 20px;
}

.address-info h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

.address-info p {
  font-size: 16px;
  color: #6a6560;
  margin-bottom: 4px;
}

.address-info {
  margin-bottom: 30px;
}

.contact-area {
  background: #F4F9FC;
}

.contact-map {
  min-height: 600px;
}

.contact-form .name {
  position: relative;
  margin-bottom: 40px;
}

.contact-form .name label {
  font-size: 16px;
  font-weight: 500;
  color: #2a2d2c;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.contact-form .name label span {
  color: #b69e59;
}

.contact-form .name:before {
  position: absolute;
  content: '\f007';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  color: #b69e59;
  top: 63px;
  left: 50px;
}

.contact-form .email {
  position: relative;
  margin-bottom: 40px;
}

.contact-form .email label {
  font-size: 16px;
  font-weight: 500;
  color: #2a2d2c;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.contact-form .email label span {
  color: #b69e59;
}

.contact-form .email:before {
  position: absolute;
  content: '\f0e0';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  color: #b69e59;
  top: 63px;
  left: 50px;
}

.contact-form .phone {
  position: relative;
  margin-bottom: 40px;
}

.contact-form .phone label {
  font-size: 16px;
  font-weight: 500;
  color: #2a2d2c;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.contact-form .phone label span {
  color: #b69e59;
}

.contact-form .phone:before {
  position: absolute;
  content: '\f095';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #b69e59;
  top: 63px;
  left: 50px;
}

.contact-form .service {
  position: relative;
  margin-bottom: 40px;
}

.contact-form .service label {
  font-size: 16px;
  font-weight: 500;
  color: #2a2d2c;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.contact-form .service label span {
  color: #b69e59;
}

.contact-form .service:before {
  position: absolute;
  content: '\f044';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  color: #b69e59;
  top: 63px;
  left: 50px;
}

.contact-form .massage {
  position: relative;
  margin-bottom: 40px;
}

.contact-form .massage label {
  font-size: 16px;
  font-weight: 500;
  color: #2a2d2c;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

.contact-form .massage:before {
  position: absolute;
  content: '\f075';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  color: #b69e59;
  top: 63px;
  left: 50px;
}

.contact-form input {
  width: 100%;
  padding: 20px 95px;
  background: #ffffff;
  border: none;
}

.contact-form textarea {
  width: 100%;
  padding: 20px 95px;
  background: #ffffff;
  border: none;
}

/*----------------------------------------*/
/*  19. Footer
/*----------------------------------------*/
footer {
  position: relative;
}

footer.hp-1 {
  top: 0;
}

footer.offers {
  top: 0;
}

footer.style-3 {
  top: 0;
  background: #222222;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  footer {
    top: 0;
  }
}

@media (max-width: 767px) {
  footer {
    top: 0;
  }
}

.footer-logo {
  margin-bottom: 40px;
}

.footer-widget p {
  color: #cacaca;
  margin-bottom: 35px;
  padding-right: 55px;
}

.footer-widget p.hp-1 {
  padding-right: 0;
}

@media (max-width: 767px) {
  .footer-widget p {
    padding-right: 0;
  }
}

.footer-widget.style-3 p {
  text-align: center;
}

.footer-social-link li {
  display: inline-block;
}

.footer-social-link li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #363a39;
  color: #ffffff;
  margin-right: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.footer-social-link li a:hover {
  background: #e8d2b8;
  color: #2a2d2c;
}

@media (max-width: 767px) {
  .footer-widget {
    margin-top: 25px;
    padding-left: 0;
  }
}

.footer-widget h2 {
  font-size: 24px;
  color: #ffffff;
  margin-top: 5px;
  padding-bottom: 30px;
}

.footer-menu {
  padding-right: 70px;
}

.footer-menu li {
  padding-bottom: 19px;
  float: left;
  width: 50%;
}

.footer-menu li a {
  color: #cacaca;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.footer-menu li a:hover {
  color: #e8d2b8;
}

.footer-contact form .footer-email {
  position: relative;
}

.footer-contact form .footer-email input {
  width: 100%;
  background: #ffffff;
  border: none;
  margin-bottom: 15px;
  color: #a19d98;
  padding: 18px 28px;
}

.footer-contact form .footer-email::after {
  position: absolute;
  content: '\f0e0';
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  right: 30px;
  top: 17px;
}

.footer-contact form .footer-massage {
  position: relative;
}

.footer-contact form .footer-massage textarea {
  width: 100%;
  background: #ffffff;
  border: none;
  color: #a19d98;
  padding: 18px 28px;
}

.footer-contact form .footer-massage::after {
  position: absolute;
  content: '\f304';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 30px;
  top: 17px;
}

.footer-contact form button {
  border: 2px solid #e8d2b8;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-top: 25px;
  cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-contact form button {
    padding: 20px 25px;
  }

  .footer-contact form button:hover {
    padding: 20px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-contact form button {
    padding: 20px 25px;
  }

  .footer-contact form button:hover {
    padding: 20px 25px;
  }
}

.footer-bottom.style-3 {
  background: #1b1b1b;
}

.copyright h6 {
  margin-bottom: 0;
}

.copyright.style-3 h6 {
  color: #d9d9d9;
}

.footer-top {
  background: #0f0c20;
  border-bottom: 2px solid #16132c;
}

.footer-top p {
  color: #a6a2bd;
}

.footer-subscribe {
  margin-bottom: 30px;
}

.footer-subscribe input {
  width: 100%;
  padding: 20px 30px;
}

.footer-subscribe button {
  position: absolute;
  right: 15px;
  padding: 21px 25px;
  border: none;
  background: #ec5598;
  color: #ffffff;
  cursor: pointer;
}

.feeds {
  display: flex;
  margin-bottom: 15px;
}

.feeds-icon {
  color: #ec5598;
  margin-right: 20px;
  padding-top: 5px;
}

.feeds-content a {
  font-size: 14px;
  color: #a6a2bd;
}

.feeds-content h4 a {
  color: #ffffff;
}

.news-feeds h5 {
  text-transform: lowercase;
  color: #a6a2bd;
}

.news-feeds span {
  color: #757a99;
}

.footer-copyright {
  background: #0f0c20;
}

@media (max-width: 767px) {
  .copyright.style-1 {
    text-align: center;
  }
}

.copyright.style-1 span {
  font-size: 18px;
  color: #ffffff;
}

@media (max-width: 767px) {
  .footer-social-link.style-1 {
    text-align: center !important;
    margin-top: 20px;
  }
}

.footer-social-link.style-1 a {
  background: #151128;
}

.footer-social-link.style-1 a:hover {
  background: #ec5598;
  color: #ffffff;
}

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