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



    Template Name: termico - Spa and  Beauty Salon WordPress Theme

    Description: termico - Spa and  Beauty Salon WordPress Theme

    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

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

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


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", serif;
  font-weight: 700;
  color: #000000;
  margin-top: 0px;
  font-style: normal;
}
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;
}
p {
  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  color: #555;
  margin-bottom: 15px;
}
hr {
  border-bottom: 1px solid #000000;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}
label {
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
*::-moz-selection {
  background: #000000;
  color: #ffffff;
  text-shadow: none;
}
::-moz-selection {
  background: #000000;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #000000;
  color: #ffffff;
  text-shadow: none;
}
/*--

    - Input Placeholder

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

.footer-email input::-moz-placeholder {
  color: #000000;
}
.footer-email input::placeholder {
  color: #000000;
}
/*--

    - 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;
}
.Roboto {
  font-family: "Roboto", serif;
}
.opensens {
  font-family: "Open Sans", sans-serif;
}
/*--

    - Background color

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

.white-bg {
  background: #ffffff;
}
.black-bg {
  background: #000000;
}
.theme-bg {
  background: #e8d2b8;
}
.btn-black {
  background: #000000;
}
.pink-bg {
  background: #ec5598;
}
.blue-bg {
  background: #6a1b9a;
}
/*--

    - color

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

.white-color {
  color: #ffffff;
}
.black-color {
  color: #000000;
}
.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: #000000;
  background: transparent;
  font-family: "Rubik", sans-serif;
  line-height: 1;
  text-align: center;
  font-size: 14px;
}
.blue-btn,
.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: #000000;
  background: #e8d2b8;
}
.theme-btn:hover,
.black-btn {
  color: #ffffff;
  background: #000000;
}
.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: #000000;
  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: "Roboto", 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: #000000;
}
/*-- 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: 1500px) {
  .header-area {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .header-area {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area {
    height: auto;
    padding: 6px 30px;
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .header-area {
    height: auto;
    padding: 6px 0;
    padding-top: 16px;
  }
}
@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 {
  display: inline-block;
}
.logo img {
  width: 300px;
}
.header-logo img {
  width: 300px;
}
.logo-top img {
  width: 300px;
}
.main-menu.hp-1 {
  padding-top: 0;
}
.main-menu.style-3 {
  padding-top: 0;
}
.main-menu ul {
  text-align: center;
}
.main-menu.text-right ul {
  text-align: right;
}
@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 0;
  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;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
}
.main-menu ul li ul.sub-menu li ul.sub-menu {
  right: 100%;
  top: 0;
}
.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 30px;
  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;
}
.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: #000000;
  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;
}
.header-info ul {
  list-style: none;
}
.support-text li.opensens {
  color: #000000;
  font-weight: 700;
  font-family: "Roboto", 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: #000000;
}
.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: #000000;
  -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;
}
.breadcrumb-bg {
  padding: 150px 0;
}
.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;
}
.breadcrumb-title {
  color: #ffffff;
  font-size: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .breadcrumb-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-title {
    font-size: 40px;
  }
}
.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);
  z-index: 9999;
}
#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-active .single-slider {
  min-height: 880px;
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .slider-active .single-slider {
    min-height: 770px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-active .single-slider {
    min-height: 660px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-active .single-slider {
    min-height: 700px;
  }
}
@media (max-width: 767px) {
  .slider-active .single-slider {
    min-height: 600px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-active .single-slider.hp-1 {
    min-height: 600px;
  }
}
@media (max-width: 575px) {
  .slider-active .single-slider.hp-1 {
    min-height: 500px;
  }
}
.slider-active .single-slider.style-3 {
  min-height: 960px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-active .single-slider.style-3 {
    min-height: 850px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-active .single-slider.style-3 {
    min-height: 680px;
  }
}
@media (max-width: 767px) {
  .slider-active .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;
  list-style: none;
}
.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: #000000;
}
.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: #000000;
  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: #000000;
  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: #000000;
}
/*----------------------------------------*/

/*  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: 0.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%);
  opacity: 1;
  visibility: visible;
}
.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: #000000;
}
.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 i {
  color: #eac599;
  font-size: 60px;
  line-height: 1;
  line-height: 140px;
}
.feature-icon:hover {
  background: #000000;
}
.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: "Roboto", 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 {
  width: 100%;
  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: #000000;
  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: 170px;
  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 .icon i {
  color: #b69e59;
  font-size: 57px;
  line-height: 1;
}
.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;
  list-style: none;
}
.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;
  list-style: none;
}
.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: #000000;
}
.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;
}
.team-link {
  position: absolute;
  top: 35%;
  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;
}
.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: #000000;
}
.single-team {
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  height: 100%;
  display: flex;
  align-items: center;
}
.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: 15px 30px;
  padding-top: 10px;
}
.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: #000000;
}
.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: #000000;
  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;
  list-style: none;
}
.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;
}
.priceing-box .pricing-list li .fa-check {
  color: #E8D2B8;
}
@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: #000000 !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: #fff4e7;
  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;
  display: inline-block;
}
@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: #555;
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 25px;
  list-style: none;
}
.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: #000000;
  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: 20px;
  padding-bottom: 5px;
  line-height: 1.5;
}
.blog-content h3 a:hover {
  color: #ec5598;
}
.blog-content p {
  padding-right: 0;
}
@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 {
  overflow: hidden;
  margin-top: 24px;
}
.blog-arc img {
  float: left;
}
.meta-date h4 {
}
.meta-date {
  float: left;
}
.meta-date h4 {
  font-size: 18px;
  color: #000000;
  margin: 0;
  line-height: 1;
}
.meta-date h4 span {
  color: #6a6560;
  font-size: 14px;
}
.meta-date > span {
  color: #6a6560;
  font-size: 12px;
}
.meta-date {
  padding-left: 15px;
}
.blog-content {
  overflow: hidden;
  border: 2px solid #f8f8f8;
  padding: 38px;
  padding-top: 35px;
}
.b-cat a {
  background: #e8d2b8;
  text-transform: uppercase;
  padding: 8px 15px;
  line-height: 1;
  color: #000000;
  font-weight: 500;
  letter-spacing: 1px;
}
.b-cat a:hover{
  background:#000000;
  color: #fff; 
}
.blog-image {
  position: relative;
}
.b-cat {
  position: absolute;
  right: 30px;
  bottom: -13px;
}
/* 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;
  padding-top: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .p-50 {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .p-50 {
    padding: 30px;
    padding-top: 25px;
  }
}
.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: #000000;
}
.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;
  font-weight: 500;
  line-height: 1.3;
  color: #000000;
}
.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;
  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-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 Pro";
  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;
  display: inline-block;
}
@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: 13px;
  right: 13px;
  -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: #ec5598;
  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;
}
.appointment-text ul {
  list-style: none;
}
@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-Shedule .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: 100%;
  position: relative;
}
.appointment-content .name::before {
  position: absolute;
  content: '\f007';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  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;
  top: 16px;
}
.appointment-content .name.date::before {
  content: '\f0ce';
}
@media (max-width: 575px) {
  .appointment-content .name::before {
    top: 35px;
  }
}
.appointment-content .name:hover::before {
  color: #ec5598;
}
.appointment-content .email {
  width: 100%;
  position: relative;
}
.appointment-content .email::before {
  position: absolute;
  content: '\f0e0';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  color: #a6a2bd;
  top: 16px;
}
@media (max-width: 575px) {
  .appointment-content .email::before {
    top: 35px;
  }
}
.appointment-content .email:hover::before {
  color: #ec5598;
}
.appointment-content .phone {
  width: 100%;
  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 Pro';
  font-weight: 300;
  top: 16px;
  color: #a6a2bd;
}
.appointment-content .phone:hover::before {
  color: #ec5598;
}
.appointment-content .subject {
  width: 100%;
  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 Pro';
  font-weight: 300;
  top: 16px;
  color: #a6a2bd;
}
.appointment-content .subject::after {
  position: absolute;
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  top: 16px;
  color: #a6a2bd;
  right: 0;
  font-size: 14px;
}
.appointment-content .subject:hover::before {
  color: #ec5598;
}
.appointment-content .subject:hover::after {
  color: #ec5598;
}
.appointment-content .shedule-date {
  width: 100%;
  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 Pro';
  font-weight: 900;
  top: 35px;
  color: #a6a2bd;
}
.appointment-content .shedule-date::after {
  position: absolute;
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
  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: 100%;
  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 Pro';
  font-weight: 300;
  top: 16px;
  color: #a6a2bd;
}
.appointment-content .shedule-time::after {
  position: absolute;
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  top: 17px;
  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 Pro';
  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: 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;
}
.appointment-content form input:hover {
  border-color: #ec5598;
  color: #ffffff;
}
.appointment-content {
  padding-left: 20px;
  transform: translateY(-24px);
}
.appointment-content form input::-moz-placeholder {
  color: #a6a2bd;
  opacity: 1
}
.appointment-content form input::placeholder {
  color: #a6a2bd;
  opacity: 1
}
.appointment-content form select {
  width: 100%;
  padding: 15px 30px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #272241;
  margin-top: 0;
  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%;
  height: 150px;
  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::-moz-placeholder {
  color: #a6a2bd;
  opacity: 1
}
.appointment-content form textarea::placeholder {
  color: #a6a2bd;
  opacity: 1
}
.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: #000000;
  font-family: "Roboto", 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 #000000;
}
.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 #000000;
}
.booking-service .category {
  position: relative;
}
.booking-service .category::before {
  content: '\f044';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 15px;
}
.booking-service .category::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 15px;
}
.booking-service .select-service::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 15px;
}
.booking-service .employee::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}
.booking-service .available::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}
.booking-service .day::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}
.booking-service .from::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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 Pro";
  font-weight: 900;
  color: #b69e59;
  top: 45px;
}
.booking-service .finish::after {
  content: '\f107';
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  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;
  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 iframe {
  min-height: 600px;
  width: 100%;
  border: 0;
}
.contact-form .name {
  position: relative;
  margin-bottom: 40px;
}
.contact-form .name label {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  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 Pro';
  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: #000000;
  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 Pro';
  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: #000000;
  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 Pro';
  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: #000000;
  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 Pro';
  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: #000000;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.contact-form .massage:before {
  position: absolute;
  content: '\f075';
  font-family: 'Font Awesome 5 Pro';
  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-logo img {
  width: 214px;
}
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;
  padding: 0;
}
.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-widget .footer-social-link ul li a:hover {
  background: #e8d2b8;
  color: #000000;
}
@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: #000000;
  padding: 18px 28px;
}
.footer-contact form .footer-email::after {
  position: absolute;
  content: '\f0e0';
  font-family: "Font Awesome 5 Pro";
  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: #000000;
  padding: 18px 28px;
}
.footer-email input::-moz-placeholder {
  color: #000000;
}
.footer-email input::placeholder {
  color: #000000;
}
.footer-massage textarea::-moz-placeholder {
  color: #000000;
}
.footer-massage textarea::placeholder {
  color: #000000;
}
.footer-contact form .footer-massage::after {
  position: absolute;
  content: '\f304';
  font-family: "Font Awesome 5 Pro";
  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 */

/* 18. Contact */
.contact {
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  padding: 60px 23px;
}
.contact-area {
  background-position: center center;
  background-repeat: no-repeat;
}

.contact i {
  background: #fff;
  font-size: 40px;
  height: 100px;
  width: 100px;
  color: #ec5598;
  border-radius: 50%;
  line-height: 80px;
  border: 10px solid #fff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}
.contact h3 {
  font-size: 25px;
  margin-bottom: 15px;
}

.contact p {
  margin: 0;
  padding: 0 50px;
  font-size: 15px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact p {
    padding: 0 0px;
  }
}
.both{
  clear: both;
}

.wpcf7-submit.blue-btn {
  color: #ffffff;
  background: #6a1b9a;
  margin-top: 20px;
  border: 1px solid #6a1b9a;
  padding: 22px 40px;
  width: auto;
}

.wpcf7-submit.blue-btn:hover {
  background: #ec5598;
  border-color: #ec5598;
}

.wpcf7-form-control-wrap {
  display: block;
}

.wpcf7-submit.theme-btn {
  color: #000000;
  background: #e8d2b8;
  margin-top: 20px;
  border: 1px solid #e8d2b8;
  padding: 22px 40px;
  width: auto;
  transition: all 0.3s;
}

.wpcf7-submit.theme-btn:hover {
  color: #fff;
  background: #000000;
  border-color: #000000;
}

.badge.bdevselement-pricing-table-badge--left {
  right: auto;
  left: 0;
}

.wpcf7-form-control-wrap:before {
  transform: translateY(-50%);
  top: 50% !important;
}

.massage.wpcf7-form-control-wrap:before {
  top: 22px !important;
  transform: translateY(0);
}