/* styles.css */#floating-buttons {    position: fixed;    bottom: 20px;    left: 20px;    z-index: 9999;}.whatsapp-btn, .call-btn {    display: block;    width: 50px;    height: 50px;    background-color: #25d366; /* WhatsApp green color */    border-radius: 50%;    margin-bottom: 10px;    overflow: hidden;    transition: transform 0.3s ease;}.whatsapp-btn img, .call-btn img {    width: 100%;    height: auto;}.call-btn {    background-color: #007bff; /* Call button color */}.whatsapp-btn:hover, .call-btn:hover {    transform: scale(1.1);}/*  01. Theme default CSS/*----------------------------------------*/@import url("https://fonts.googleapis.com/css?family=Domine:400,700|Open+Sans:300,400,600,700,800|Rubik:400,500,700,900");body {  font-family: 'Rubik', sans-serif;  font-weight: 400;  font-style: normal;  color: #6a6560;  font-size: 14px;  line-height: 26px; }.contact-info {    display: flex;    flex-direction: column;    justify-content: space-between;    height: 100%;}.twitter-feeds {    margin-bottom: 15px;}.img, img {  max-width: 100%;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }.f-left {  float: left; }.f-right {  float: right; }.fix {  overflow: hidden; }button {  cursor: pointer; }a,.button {  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }a:focus,.button:focus {  text-decoration: none;  outline: none; }a:focus,a:hover {  color: inherit;  text-decoration: none; }a,button {  color: inherit;  outline: medium none;  transition: .3s;  -webkit-transition: .3s;  -moz-transition: .3s;  -ms-transition: .3s;  -o-transition: .3s; }button:focus, input:focus, input:focus, textarea, textarea:focus {  outline: 0; }.uppercase {  text-transform: uppercase; }.capitalize {  text-transform: capitalize; }h1,h2,h3,h4,h5,h6 {  font-family: "Domine", serif;  font-weight: 700;  color: #2a2d2c;  margin-top: 0px;  font-style: normal;  text-transform: capitalize; }h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {  color: inherit; }h1 {  font-size: 60px; }h2 {  font-size: 46px; }h3 {  font-size: 28px; }h4 {  font-size: 22px; }h5 {  font-size: 18px; }h6 {  font-size: 16px; }ul {  margin: 0px;  padding: 0px; }li {  list-style: none; }p {  font-size: 14px;  font-weight: normal;  line-height: 26px;  color: #6a6560;  margin-bottom: 15px; }hr {  border-bottom: 1px solid #2a2d2c;  border-top: 0 none;  margin: 30px 0;  padding: 0; }label {  color: #2a2d2c;  cursor: pointer;  font-size: 14px;  font-weight: 400; }*::-moz-selection {  background: #2a2d2c;  color: #ffffff;  text-shadow: none; }::-moz-selection {  background: #2a2d2c;  color: #ffffff;  text-shadow: none; }::selection {  background: #2a2d2c;  color: #ffffff;  text-shadow: none; }/*--    - Input Placeholder-----------------------------------------*/.footer-email input::-moz-placeholder {  color: #2a2d2c; }.footer-email input::placeholder {  color: #2a2d2c; }/*--    - Common Classes-----------------------------------------*/.fix {  overflow: hidden; }.clear {  clear: both; }.b-left {  border-left: none; }.b-right {  border-right: none; }/*--    - Font Famaly-----------------------------------------*/.rubik {  font-family: "Rubik", sans-serif; }.domine {  font-family: "Domine", serif; }.opensens {  font-family: "Open Sans", sans-serif; }/*--    - Background color-----------------------------------------*/.white-bg {  background: #ffffff; }.black-bg {  background: #2a2d2c; }.theme-bg {  background: #e8d2b8; }.btn-black {  background: #2a2d2c; }.pink-bg {  background: #e61616; }.blue-bg {  background: #6a1b9a; }/*--    - color-----------------------------------------*/.white-color {  color: #ffffff; }.black-color {  color: #2a2d2c; }.theme-color {  color: #e8d2b8; }.pink-color {  color: #e61616; }.blue-color {  color: #6a1b9a; }.brown-color {  color: #b69e59; }/*--------------------------------------	- Button----------------------------------------*//* Small Heding Title*/.small-title.hp-1 {  color: #657583; }/* Section Title */.title-heading.hp-1 {  color: #0f0c20; }/*--    - Margin & Padding-----------------------------------------*//*-- Margin Top --*/.mt-5 {  margin-top: 5px; }.mt-10 {  margin-top: 10px; }.mt-15 {  margin-top: 15px; }.mt-20 {  margin-top: 20px; }.mt-25 {  margin-top: 25px; }.mt-30 {  margin-top: 30px; }.mt-35 {  margin-top: 35px; }.mt-40 {  margin-top: 40px; }.mt-45 {  margin-top: 45px; }.mt-50 {  margin-top: 50px; }.mt-55 {  margin-top: 55px; }.mt-60 {  margin-top: 60px; }.mt-65 {  margin-top: 65px; }.mt-70 {  margin-top: 70px; }.mt-75 {  margin-top: 75px; }.mt-80 {  margin-top: 80px; }.mt-85 {  margin-top: 85px; }.mt-90 {  margin-top: 90px; }.mt-95 {  margin-top: 95px; }.mt-100 {  margin-top: 100px; }.mt-105 {  margin-top: 105px; }.mt-110 {  margin-top: 110px; }.mt-115 {  margin-top: 115px; }.mt-120 {  margin-top: 120px; }.mt-125 {  margin-top: 125px; }.mt-130 {  margin-top: 130px; }.mt-135 {  margin-top: 135px; }.mt-140 {  margin-top: 140px; }.mt-145 {  margin-top: 145px; }.mt-150 {  margin-top: 150px; }.mt-155 {  margin-top: 155px; }.mt-160 {  margin-top: 160px; }.mt-165 {  margin-top: 165px; }.mt-170 {  margin-top: 170px; }.mt-175 {  margin-top: 175px; }.mt-180 {  margin-top: 180px; }.mt-185 {  margin-top: 185px; }.mt-190 {  margin-top: 190px; }.mt-195 {  margin-top: 195px; }.mt-200 {  margin-top: 200px; }/*-- Margin Bottom --*/.mb-5 {  margin-bottom: 5px; }.mb-10 {  margin-bottom: 10px; }.mb-15 {  margin-bottom: 15px; }.mb-20 {  margin-bottom: 20px; }.mb-25 {  margin-bottom: 25px; }.mb-30 {  margin-bottom: 30px; }.mb-35 {  margin-bottom: 35px; }.mb-40 {  margin-bottom: 40px; }.mb-45 {  margin-bottom: 45px; }.mb-50 {  margin-bottom: 50px; }.mb-55 {  margin-bottom: 55px; }.mb-60 {  margin-bottom: 60px; }.mb-65 {  margin-bottom: 65px; }.mb-70 {  margin-bottom: 70px; }.mb-75 {  margin-bottom: 75px; }.mb-80 {  margin-bottom: 80px; }.mb-85 {  margin-bottom: 85px; }.mb-90 {  margin-bottom: 90px; }.mb-95 {  margin-bottom: 95px; }.mb-100 {  margin-bottom: 100px; }.mb-105 {  margin-bottom: 105px; }.mb-110 {  margin-bottom: 110px; }.mb-115 {  margin-bottom: 115px; }.mb-120 {  margin-bottom: 120px; }.mb-125 {  margin-bottom: 125px; }.mb-130 {  margin-bottom: 130px; }.mb-135 {  margin-bottom: 135px; }.mb-140 {  margin-bottom: 140px; }.mb-145 {  margin-bottom: 145px; }.mb-150 {  margin-bottom: 150px; }.mb-155 {  margin-bottom: 155px; }.mb-160 {  margin-bottom: 160px; }.mb-165 {  margin-bottom: 165px; }.mb-170 {  margin-bottom: 170px; }.mb-175 {  margin-bottom: 175px; }.mb-180 {  margin-bottom: 180px; }.mb-185 {  margin-bottom: 185px; }.mb-190 {  margin-bottom: 190px; }.mb-195 {  margin-bottom: 195px; }.mb-200 {  margin-bottom: 200px; }/*-- Margin Left --*/.ml-5 {  margin-left: 5px; }.ml-10 {  margin-left: 10px; }.ml-15 {  margin-left: 15px; }.ml-20 {  margin-left: 20px; }.ml-25 {  margin-left: 25px; }.ml-30 {  margin-left: 30px; }.ml-35 {  margin-left: 35px; }.ml-40 {  margin-left: 40px; }.ml-45 {  margin-left: 45px; }.ml-50 {  margin-left: 50px; }.ml-55 {  margin-left: 55px; }.ml-60 {  margin-left: 60px; }.ml-65 {  margin-left: 65px; }.ml-70 {  margin-left: 70px; }.ml-75 {  margin-left: 75px; }.ml-80 {  margin-left: 80px; }.ml-85 {  margin-left: 85px; }.ml-90 {  margin-left: 90px; }.ml-95 {  margin-left: 95px; }.ml-100 {  margin-left: 100px; }.ml-105 {  margin-left: 105px; }.ml-110 {  margin-left: 110px; }.ml-115 {  margin-left: 115px; }.ml-120 {  margin-left: 120px; }.ml-125 {  margin-left: 125px; }.ml-130 {  margin-left: 130px; }.ml-135 {  margin-left: 135px; }.ml-140 {  margin-left: 140px; }.ml-145 {  margin-left: 145px; }.ml-150 {  margin-left: 150px; }.ml-155 {  margin-left: 155px; }.ml-160 {  margin-left: 160px; }.ml-165 {  margin-left: 165px; }.ml-170 {  margin-left: 170px; }.ml-175 {  margin-left: 175px; }.ml-180 {  margin-left: 180px; }.ml-185 {  margin-left: 185px; }.ml-190 {  margin-left: 190px; }.ml-195 {  margin-left: 195px; }.ml-200 {  margin-left: 200px; }/*-- Margin Right --*/.mr-5 {  margin-right: 5px; }.mr-10 {  margin-right: 10px; }.mr-15 {  margin-right: 15px; }.mr-20 {  margin-right: 20px; }.mr-25 {  margin-right: 25px; }.mr-30 {  margin-right: 30px; }.mr-35 {  margin-right: 35px; }.mr-40 {  margin-right: 40px; }.mr-45 {  margin-right: 45px; }.mr-50 {  margin-right: 50px; }.mr-55 {  margin-right: 55px; }.mr-60 {  margin-right: 60px; }.mr-65 {  margin-right: 65px; }.mr-70 {  margin-right: 70px; }.mr-75 {  margin-right: 75px; }.mr-80 {  margin-right: 80px; }.mr-85 {  margin-right: 85px; }.mr-90 {  margin-right: 90px; }.mr-95 {  margin-right: 95px; }.mr-100 {  margin-right: 100px; }.mr-105 {  margin-right: 105px; }.mr-110 {  margin-right: 110px; }.mr-115 {  margin-right: 115px; }.mr-120 {  margin-right: 120px; }.mr-125 {  margin-right: 125px; }.mr-130 {  margin-right: 130px; }.mr-135 {  margin-right: 135px; }.mr-140 {  margin-right: 140px; }.mr-145 {  margin-right: 145px; }.mr-150 {  margin-right: 150px; }.mr-155 {  margin-right: 155px; }.mr-160 {  margin-right: 160px; }.mr-165 {  margin-right: 165px; }.mr-170 {  margin-right: 170px; }.mr-175 {  margin-right: 175px; }.mr-180 {  margin-right: 180px; }.mr-185 {  margin-right: 185px; }.mr-190 {  margin-right: 190px; }.mr-195 {  margin-right: 195px; }.mr-200 {  margin-right: 200px; }/*-- Padding Top --*/.pt-5 {  padding-top: 5px; }.pt-10 {  padding-top: 10px; }.pt-15 {  padding-top: 15px; }.pt-20 {  padding-top: 20px; }.pt-25 {  padding-top: 25px; }.pt-30 {  padding-top: 30px; }.pt-35 {  padding-top: 35px; }.pt-40 {  padding-top: 40px; }.pt-45 {  padding-top: 45px; }.pt-50 {  padding-top: 50px; }.pt-55 {  padding-top: 55px; }.pt-60 {  padding-top: 60px; }.pt-65 {  padding-top: 65px; }.pt-70 {  padding-top: 70px; }.pt-75 {  padding-top: 75px; }.pt-80 {  padding-top: 80px; }.pt-85 {  padding-top: 85px; }.pt-90 {  padding-top: 90px; }.pt-95 {  padding-top: 95px; }.pt-100 {  padding-top: 100px; }.pt-105 {  padding-top: 105px; }.pt-110 {  padding-top: 110px; }.pt-115 {  padding-top: 115px; }.pt-120 {  padding-top: 120px; }.pt-125 {  padding-top: 125px; }.pt-130 {  padding-top: 130px; }.pt-135 {  padding-top: 135px; }.pt-140 {  padding-top: 140px; }.pt-145 {  padding-top: 145px; }.pt-150 {  padding-top: 150px; }.pt-155 {  padding-top: 155px; }.pt-160 {  padding-top: 160px; }.pt-165 {  padding-top: 165px; }.pt-170 {  padding-top: 170px; }.pt-175 {  padding-top: 175px; }.pt-180 {  padding-top: 180px; }.pt-185 {  padding-top: 185px; }.pt-190 {  padding-top: 190px; }.pt-195 {  padding-top: 195px; }.pt-200 {  padding-top: 200px; }/*-- Padding Bottom --*/.pb-5 {  padding-bottom: 5px; }.pb-10 {  padding-bottom: 10px; }.pb-15 {  padding-bottom: 15px; }.pb-20 {  padding-bottom: 20px; }.pb-25 {  padding-bottom: 25px; }.pb-30 {  padding-bottom: 30px; }.pb-35 {  padding-bottom: 35px; }.pb-40 {  padding-bottom: 40px; }.pb-45 {  padding-bottom: 45px; }.pb-50 {  padding-bottom: 50px; }.pb-55 {  padding-bottom: 55px; }.pb-60 {  padding-bottom: 60px; }.pb-65 {  padding-bottom: 65px; }.pb-70 {  padding-bottom: 70px; }.pb-75 {  padding-bottom: 75px; }.pb-80 {  padding-bottom: 80px; }.pb-85 {  padding-bottom: 85px; }.pb-90 {  padding-bottom: 90px; }.pb-95 {  padding-bottom: 95px; }.pb-100 {  padding-bottom: 100px; }.pb-105 {  padding-bottom: 105px; }.pb-110 {  padding-bottom: 110px; }.pb-115 {  padding-bottom: 115px; }.pb-120 {  padding-bottom: 120px; }.pb-125 {  padding-bottom: 125px; }.pb-130 {  padding-bottom: 130px; }.pb-135 {  padding-bottom: 135px; }.pb-140 {  padding-bottom: 140px; }.pb-145 {  padding-bottom: 145px; }.pb-150 {  padding-bottom: 150px; }.pb-155 {  padding-bottom: 155px; }.pb-160 {  padding-bottom: 160px; }.pb-165 {  padding-bottom: 165px; }.pb-170 {  padding-bottom: 170px; }.pb-175 {  padding-bottom: 175px; }.pb-180 {  padding-bottom: 180px; }.pb-185 {  padding-bottom: 185px; }.pb-190 {  padding-bottom: 190px; }.pb-195 {  padding-bottom: 195px; }.pb-200 {  padding-bottom: 200px; }/*-- Padding Left --*/.pl-5 {  padding-left: 5px; }.pl-10 {  padding-left: 10px; }.pl-15 {  padding-left: 15px; }.pl-20 {  padding-left: 20px; }.pl-25 {  padding-left: 25px; }.pl-30 {  padding-left: 30px; }.pl-35 {  padding-left: 35px; }.pl-40 {  padding-left: 40px; }.pl-45 {  padding-left: 45px; }.pl-50 {  padding-left: 50px; }.pl-55 {  padding-left: 55px; }.pl-60 {  padding-left: 60px; }.pl-65 {  padding-left: 65px; }.pl-70 {  padding-left: 70px; }.pl-75 {  padding-left: 75px; }.pl-80 {  padding-left: 80px; }.pl-85 {  padding-left: 85px; }.pl-90 {  padding-left: 90px; }.pl-95 {  padding-left: 95px; }.pl-100 {  padding-left: 100px; }.pl-105 {  padding-left: 105px; }.pl-110 {  padding-left: 110px; }.pl-115 {  padding-left: 115px; }.pl-120 {  padding-left: 120px; }.pl-125 {  padding-left: 125px; }.pl-130 {  padding-left: 130px; }.pl-135 {  padding-left: 135px; }.pl-140 {  padding-left: 140px; }.pl-145 {  padding-left: 145px; }.pl-150 {  padding-left: 150px; }.pl-155 {  padding-left: 155px; }.pl-160 {  padding-left: 160px; }.pl-165 {  padding-left: 165px; }.pl-170 {  padding-left: 170px; }.pl-175 {  padding-left: 175px; }.pl-180 {  padding-left: 180px; }.pl-185 {  padding-left: 185px; }.pl-190 {  padding-left: 190px; }.pl-195 {  padding-left: 195px; }.pl-200 {  padding-left: 200px; }/*-- Padding Right --*/.pr-5 {  padding-right: 5px; }.pr-10 {  padding-right: 10px; }.pr-15 {  padding-right: 15px; }.pr-20 {  padding-right: 20px; }.pr-25 {  padding-right: 25px; }.pr-30 {  padding-right: 30px; }.pr-35 {  padding-right: 35px; }.pr-40 {  padding-right: 40px; }.pr-45 {  padding-right: 45px; }.pr-50 {  padding-right: 50px; }.pr-55 {  padding-right: 55px; }.pr-60 {  padding-right: 60px; }.pr-65 {  padding-right: 65px; }.pr-70 {  padding-right: 70px; }.pr-75 {  padding-right: 75px; }.pr-80 {  padding-right: 80px; }.pr-85 {  padding-right: 85px; }.pr-90 {  padding-right: 90px; }.pr-95 {  padding-right: 95px; }.pr-100 {  padding-right: 100px; }.pr-105 {  padding-right: 105px; }.pr-110 {  padding-right: 110px; }.pr-115 {  padding-right: 115px; }.pr-120 {  padding-right: 120px; }.pr-125 {  padding-right: 125px; }.pr-130 {  padding-right: 130px; }.pr-135 {  padding-right: 135px; }.pr-140 {  padding-right: 140px; }.pr-145 {  padding-right: 145px; }.pr-150 {  padding-right: 150px; }.pr-155 {  padding-right: 155px; }.pr-160 {  padding-right: 160px; }.pr-165 {  padding-right: 165px; }.pr-170 {  padding-right: 170px; }.pr-175 {  padding-right: 175px; }.pr-180 {  padding-right: 180px; }.pr-185 {  padding-right: 185px; }.pr-190 {  padding-right: 190px; }.pr-195 {  padding-right: 195px; }.pr-200 {  padding-right: 200px; }/* Button Background Style */.btn, .border-btn:hover, .theme-btn, .black-btn:hover, .theme-btn:hover, .black-btn, .brown-btn, .grey-btn:hover, .brown-btn:hover, .grey-btn, .border-btn {  text-transform: uppercase;  padding: 25px 45px 22px;  display: inline-block;  font-weight: 500;  letter-spacing: 2px;  color: #2a2d2c;  background: transparent;  font-family: "Rubik", sans-serif;  line-height: 1;  text-align: center;  font-size: 14px; }.blue-btn, .pink-btn:hover, .blue-btn:hover, .pink-btn {  padding: 22px 40px;  display: inline-block;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  line-height: 1;  text-transform: uppercase;  font-weight: 500;  font-family: "Rubik", sans-serif;  font-size: 14px;  border-radius: 30px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;  -o-border-radius: 30px;  letter-spacing: 2px; }.border-btn:hover, .theme-btn, .black-btn:hover {  color: #2a2d2c;  background: #e8d2b8; }.theme-btn:hover, .black-btn {  color: #ffffff;  background: #2a2d2c; }.blue-btn, .pink-btn:hover {  color: #ffffff;  background: #6a1b9a; }.blue-btn:hover, .pink-btn {  color: #ffffff;  background: #e61616; }.brown-btn, .grey-btn:hover {  color: #ffffff;  background: #b69e59;  border-radius: 40px;  border: 2px solid #b69e59; }.brown-btn:hover, .grey-btn {  color: #9a9a9a;  border-radius: 40px;  border: 2px solid #9a9a9a; }.border-btn {  border: 2px solid #e8d2b8;  color: #e8d2b8; }/* Small Heding Title*/.small-title, .slider-content h6 {  color: #a19d98;  text-transform: uppercase;  letter-spacing: 2px;  font-family: "Rubik", sans-serif;  font-weight: 500;  font-size: 16px; }.title-span {  color: #2a2d2c;  font-weight: 500;  text-transform: uppercase;  letter-spacing: 2px;  margin-bottom: 10px;  display: inline-block;  font-family: "Rubik", sans-serif; }.title-heading {  font-size: 55px;  font-family: "Domine", serif;  line-height: 60px;  margin-top: 10px;  padding-bottom: 2; }  @media (max-width: 767px) {    .title-heading {      font-size: 32px;      line-height: 1; } }.title-heading::after {  position: absolute;  content: '';  background: url("../img/border-shape.png") center center/cover;  width: 82px;  height: 10px;  transform: translateX(-50%);  top: 120px;  left: 50%;  display: none; }.title-heading.hp-1::after {  position: absolute;  content: '';  background: url("../img/pink-border-shape.png") center center/cover;  width: 82px;  height: 10px;  transform: translateX(-50%);  top: 100%;  left: 50%;  display: none; }/*--    - Overlay------------------------------------------*/[data-overlay] {  position: relative;  background-size: cover;  background-repeat: no-repeat;  background-position: center center; }  [data-overlay]::before {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    content: ""; }/*-- Overlay Color --*/[data-overlay="light"]::before {  background-color: #ffffff; }[data-overlay="dark"]::before {  background-color: #2a2d2c; }/*-- Overlay Opacity --*/[data-opacity="1"]::before {  opacity: 0.1; }[data-opacity="2"]::before {  opacity: 0.2; }[data-opacity="3"]::before {  opacity: 0.3; }[data-opacity="4"]::before {  opacity: 0.4; }[data-opacity="5"]::before {  opacity: 0.5; }[data-opacity="6"]::before {  opacity: 0.6; }[data-opacity="7"]::before {  opacity: 0.7; }[data-opacity="8"]::before {  opacity: 0.8; }[data-opacity="9"]::before {  opacity: 0.9; }/*----------------------------------------*//* 02. Header Area/*----------------------------------------*/header {  position: relative;  z-index: 9999; }.header-transparent {  position: absolute;  top: 0;  left: 0;  z-index: 99;  right: 0; }.header-area {  height: 120px;  padding: 0 85px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .header-area {      padding: 0 30px; } }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .header-area {      padding: 0 15px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .header-area {      padding: 0 30px; } }  @media (max-width: 767px) {    .header-area {      padding: 0px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .header-info {    display: none !important; } }@media (max-width: 767px) {  .header-info {    display: none !important; } }.logo {  display: inline-block;  padding-top: 40px; }.main-menu.hp-1 {  padding-top: 0; }.main-menu.style-3 {  padding-top: 0; }.main-menu ul {  text-align: center; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .main-menu ul {      text-align: right; } }  .main-menu ul li {    display: inline-block;    position: relative;    padding: 34px 0; }    .main-menu ul li a {      color: #b1b1b1;      padding: 15px 23px 10px;      text-transform: uppercase;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s;      font-family: "Rubik", sans-serif;      font-weight: 500;      letter-spacing: 2px;      position: relative;      display: inline-block; }      @media only screen and (min-width: 1200px) and (max-width: 1450px) {        .main-menu ul li a {          padding-right: 10px;          padding-left: 10px; } }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .main-menu ul li a {          padding-right: 15px;          padding-left: 15px; } }    .main-menu ul li:hover > a {      color: #e8d2b8; }    .main-menu ul li ul.sub-menu {      position: absolute;      width: 250px;      background: #ffffff;      padding: 20px 30px;      text-align: left;      top: 110%;      opacity: 0;      visibility: hidden;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s; }      .main-menu ul li ul.sub-menu li {        padding: 0;        display: block; }        .main-menu ul li ul.sub-menu li a {          display: block;          font-size: 13px;          padding: 5px 0;          color: #6a6560; }    .main-menu ul li:hover .sub-menu {      opacity: 1;      visibility: visible;      top: 100%; }.main-menu ul li ul.sub-menu li:hover > a {  color: #b69e59; }.header-bottom .main-menu ul li {  padding: 0; }.header-btn {  text-align: right;  padding-top: 35px; }  .header-btn a {    padding: 15px 40px;    border: 2px solid #e8d2b8;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    .header-btn a i {      margin-right: 5px; }    .header-btn a:hover {      background: #2a2d2c;      color: #e8d2b8;      border: 2px solid #e8d2b8;      padding: 15px 40px; }/*----------------------------------------*//* Homepage1 Header Area/*----------------------------------------*/.header-top {  padding: 40px 0; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .header-top {      padding: 25px 0;      padding-bottom: 25px;      padding-bottom: 7px; } }  @media (max-width: 767px) {    .header-top {      padding: 25px 0;      padding-bottom: 25px;      padding-bottom: 7px; } }.header-info {  display: flex; }.header-support {  margin-right: 40px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .header-support {      margin-right: 25px; } }.top-icon i {  color: #e61616;  margin-right: 10px; }.support-text {  line-height: 24px; }  .support-text li.rubik {    color: #6a6560; }  .support-text li.opensens {    color: #2a2d2c;    font-weight: 700;    font-family: "Domine", serif;    font-size: 16px; }.header-bottom.hp-1 {  position: relative;  z-index: 999; }.main-header {  background: #e61616;  padding: 0 20px; }.main-menu.hp-1 ul {  text-align: left; }  .main-menu.hp-1 ul li a {    color: #ffffff;    padding: 32px 20px;    display: inline-block;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .main-menu.hp-1 ul li a {        padding: 23px 10px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .main-menu.hp-1 ul li a {        padding: 25px 6px; } }  .main-menu.hp-1 ul li:hover > a {    color: #2a2d2c; }.main-menu.hp-1 ul li ul.sub-menu li:hover > a:hover {  background: none;  color: #e61616; }.search-area {  padding-right: 10px;  color: #ffffff;  padding: 32px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .search-area {      padding: 23px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .search-area {      padding: 25px 6px; } }.logo-area {  padding: 40px 0; }.menu-area {  border-top: 2px solid #4e4e4a;  border-bottom: 2px solid #4e4e4a; }.main-menu.style-3 li {  padding: 15px 0px; }  .main-menu.style-3 li .sub-menu li {    padding: 0; }    .main-menu.style-3 li .sub-menu li a {      color: #2a2d2c;      -webkit-transition: all 0.3 ease-out 0s;      -moz-transition: all 0.3 ease-out 0s;      -ms-transition: all 0.3 ease-out 0s;      -o-transition: all 0.3 ease-out 0s;      transition: all 0.3 ease-out 0s; }      .main-menu.style-3 li .sub-menu li a:hover {        color: #b69e59; }  .main-menu.style-3 li a {    padding-left: 0;    padding-right: 40px;    color: #ffffff; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .main-menu.style-3 li a {        padding-right: 20px; } }  .main-menu.style-3 li:hover {    cursor: pointer; }    .main-menu.style-3 li:hover a {      color: #b69e59; }.main-menu.style-3 ul {  text-align: left; }.header-right {  padding: 13px 0; }  .header-right li {    display: inline-block; }    .header-right li a {      color: #ffffff;      margin-left: 20px;      padding: 15px 0;      display: block; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .header-right li a {          margin-left: 14px; } }      .header-right li a:hover {        color: #b69e59; }.benner-area {  position: relative; }.banner {  min-height: 600px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .banner {      min-height: 450px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .banner {      min-height: 350px; } }  @media (max-width: 767px) {    .banner {      min-height: 300px; } }.banner-content ul li {  display: inline-block;  text-transform: uppercase;  color: #222222;  letter-spacing: 2px;  position: relative;  padding: 0 10px;  line-height: 1; }.banner-content h1 {  color: #222222;  font-size: 90px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .banner-content h1 {      font-size: 50px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .banner-content h1 {      font-size: 40px; } }  @media (max-width: 767px) {    .banner-content h1 {      font-size: 30px; } }.banner-content ul li::before {  content: "";  height: 10px;  width: 1px;  background: #222222;  top: 1px;  left: -3px;  position: absolute; }.banner-content ul li:first-child:before {  display: none; }.banner-content ul {  margin-bottom: 20px; }.get-in-btn a {  padding-top: 18px;  padding-bottom: 18px; }/* search modal */#search-modal {  background-color: rgba(23, 26, 33, 0.95); }#search-modal .modal-dialog {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  border: none;  outline: 0; }#search-modal .modal-dialog .modal-content {  background: 0 0;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;  border: none; }#search-modal .modal-dialog .modal-content form {  width: 555px;  position: relative; }#search-modal .modal-dialog .modal-content form input {  width: 100%;  font-size: 36px;  border: none;  border-bottom: 3px solid rgba(255, 255, 255, 0.1);  background: 0 0;  color: #fff;  padding-bottom: 12px;  padding-right: 40px; }#search-modal .modal-dialog .modal-content form input::-moz-placeholder {  font-size: 35px; }#search-modal .modal-dialog .modal-content form input::placeholder {  font-size: 35px; }#search-modal .modal-dialog .modal-content form button {  position: absolute;  right: 0;  margin-bottom: 3px;  font-size: 30px;  color: rgba(255, 255, 255, 0.5);  background: 0 0;  border: none;  cursor: pointer;  top: 11px; }/*----------------------------------------*//* 03. Slider Area/*----------------------------------------*/.slider-area {  position: relative;  padding: 0 85px; }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .slider-area {      padding: 0 15px; } }  .slider-area.hp-1 {    padding: 0; }  .slider-area.style-3 {    padding: 0; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .slider-area {      padding: 0 30px; }      .slider-area.hp-1 {        padding: 0; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-area {      padding: 0 30px; }      .slider-area.hp-1 {        padding: 0; } }  @media (max-width: 767px) {    .slider-area {      padding: 0px; }      .slider-area.hp-1 {        padding: 0; } }.single-slider {  min-height: 880px; }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .single-slider {      min-height: 770px; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .single-slider {      min-height: 660px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .single-slider {      min-height: 700px; } }  @media (max-width: 767px) {    .single-slider {      min-height: 600px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .single-slider.hp-1 {      min-height: 600px; } }  @media (max-width: 575px) {    .single-slider.hp-1 {      min-height: 500px; } }  .single-slider.style-3 {    min-height: 960px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .single-slider.style-3 {        min-height: 850; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .single-slider.style-3 {        min-height: 680px; } }    @media (max-width: 767px) {      .single-slider.style-3 {        min-height: 600px; } }.slider-content h6 {  color: #bfaba2; }.slider-content h1 {  font-size: 110px;  color: #ffffff;  line-height: 1.091;  margin-top: 28px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .slider-content h1 {      font-size: 76px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-content h1 {      font-size: 80px; } }  @media (max-width: 767px) {    .slider-content h1 {      font-size: 36px;      margin-top: 20px; } }.slider-btn a {  margin-right: 25px;  margin-top: 18px; }  @media (max-width: 575px) {    .slider-btn a {      margin-right: 10px;      margin-top: 10px; } }@media only screen and (min-width: 576px) and (max-width: 767px) {  .slider-btn.hp-1 a {    margin-right: 15px; } }@media (max-width: 575px) {  .slider-btn.hp-1 a {    margin-right: 0; } }.scroll a {  position: absolute;  bottom: 100px;  left: -40px;  font-family: "Rubik", sans-serif;  font-weight: 500;  color: #858988;  text-transform: uppercase;  letter-spacing: 20px;  transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg); }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .scroll a {      color: #ffffff;      opacity: .7;      left: -25px; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .scroll a {      left: -65px; } }.header-social {  position: absolute;  bottom: 0;  padding-right: 45px;  padding-bottom: 50px;  font-family: "Rubik", sans-serif;  font-weight: 500;  right: 0;  text-align: center; }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .header-social {      padding-right: 55px; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .header-social {      padding-right: 15px; } }  .header-social ul li {    text-transform: uppercase;    line-height: 2.143;    margin-bottom: 5px; }    .header-social ul li a {      color: #646c69;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s; }      @media only screen and (min-width: 1200px) and (max-width: 1450px) {        .header-social ul li a {          color: #ffffff;          opacity: .7; } }      .header-social ul li a:hover {        color: #ffffff; }.slider-area.hp-1 {  position: relative;  margin-top: -45px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-area.hp-1 {      margin-top: 0; } }  @media (max-width: 767px) {    .slider-area.hp-1 {      margin-top: 0; } }.slider-content.hp-1 h6 {  color: #e61616; }.slider-content.hp-1 h1 {  color: #2a2d2c; }.slider-content.style-3 {  margin-top: 200px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .slider-content.style-3 {      margin-top: 70px; } }  @media (max-width: 767px) {    .slider-content.style-3 {      margin-top: 70px; } }.single-slider.style-3 h6 {  color: #b69e59; }.slider-active .slick-dots {  text-align: center;  bottom: 30px;  z-index: 99;  position: absolute;  left: 0;  right: 0;  z-index: 12; }.slider-active .slick-dots li {  display: inline-block;  margin: 0 4px; }.slider-active .slick-dots li button {  background: no-repeat;  border: 0;  height: 10px;  width: 13px;  text-indent: -9999px;  transition: .3s;  padding: 0;  border: 2px solid #cccccc;  height: 13px;  border-radius: 50%; }.slider-active .slick-dots li.slick-active button {  border-color: #292929; }.slider-white .slick-dots li.slick-active button {  border-color: #fff;  background: #fff; }.slider-active button.slick-arrow {  position: absolute;  top: 50%;  left: 90px;  transform: translateY(-50%);  background: none;  border: 0;  font-size: 16px;  padding: 0;  color: #2a2d2c;  z-index: 2;  opacity: 0;  visibility: hidden;  height: 80px;  width: 80px;  border-radius: 50%;  cursor: pointer;  background: #ffffff;  line-height: 80px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .slider-active button.slick-arrow {      left: 30px; } }.slider-3 button.slick-arrow {  color: #2a2d2c;  background: #fff1f0; }.slider-active button.slick-next {  left: auto;  right: 90px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .slider-active button.slick-next {      right: 30px; } }.slider-active:hover button.slick-prev {  left: 105px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .slider-active:hover button.slick-prev {      left: 25px; } }.slider-active:hover button.slick-next {  right: 105px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .slider-active:hover button.slick-next {      right: 25px; } }.slider-active:hover button {  opacity: 1;  visibility: visible; }.slider-active button:hover {  background: #e8d2b8;  color: #2a2d2c; }/*----------------------------------------*//*  04. About/*----------------------------------------*/.about-border {  border: 20px solid #e8d2b8;  padding: 75px 78px 65px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .about-border {      padding: 30px; } }  @media (max-width: 767px) {    .about-border {      padding: 20px;      border: 3px solid #e8d2b8; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .about-heading {    padding-left: 15px; } }@media (max-width: 767px) {  .about-heading {    padding-left: 15px; } }.about-heading h2 {  padding-top: 20px; }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .about-heading h2 {      font-size: 30px; } }  @media (max-width: 575px) {    .about-heading h2 {      font-size: 30px; } }.about-text {  margin-left: 30px;  padding-right: 0px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .about-text {      margin-left: 0;      margin-top: 15px; } }  @media (max-width: 767px) {    .about-text {      margin-left: 0;      margin-top: 15px; } }  .about-text a {    margin-top: 20px; }.about-area.hp-1 {  position: relative;  z-index: 1; }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .about-area.hp-1 {      background-position: 48% 0; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .about-area.hp-1 {      background-position: 60% 0; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .about-area.hp-1 {      background-position: right center !important; } }  @media (max-width: 767px) {    .about-area.hp-1 {      background-position: right center !important; } }.about-init {  padding: 0 37px 0 30px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .about-init {      padding-right: 0; } }  @media (max-width: 767px) {    .about-init {      padding: 0; } }  @media (max-width: 767px) {    .about-init .media {      display: block; } }  .about-init h1 {    text-transform: unset; }    @media (max-width: 767px) {      .about-init h1 {        font-size: 40px; } }  .about-init p {    margin-bottom: 25px; }    @media (max-width: 767px) {      .about-init p {        margin-top: 20px; } }  .about-init .about-image img {    width: 170px;    height: 130px; }    @media (max-width: 767px) {      .about-init .about-image img {        width: 100%;        height: 100%; } }.about-image {  position: relative; }  .about-image::before {    position: absolute;    content: '';    width: 100%;    height: 100%;    background: #0f0c20;    opacity: .5; }  .about-image i {    position: absolute;    color: #ffffff;    cursor: pointer;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%); }.about-btn.hp-1 {  margin-top: 15px; }  .about-btn.hp-1 a {    margin-right: 15px; }    @media (max-width: 767px) {      .about-btn.hp-1 a {        margin-bottom: 10px;        margin-right: 5px; } }.spape {  position: absolute; }.sp1 {  right: 8%;  top: -60px; }.sp2 {  right: 8%;  bottom: 12%; }.about-img img {  max-width: inherit;  margin-left: -15px;  margin-top: -10px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .about-img img {      max-width: 100%;      margin: 0; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .about-img img {      max-width: 100%;      margin: 0; } }  @media (max-width: 767px) {    .about-img img {      max-width: 100%;      margin: 0; } }/*----------------------------------------*//*  05. Features/*----------------------------------------*/.features-area.about {  position: relative;  top: 420px; }.feature-item {  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .feature-item:hover .feature-icon {    background: #2a2d2c; }.feature-icon {  width: 140px;  height: 140px;  line-height: 135px;  margin: auto;  background: #ffffff;  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04);  margin-bottom: 30px;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -ms-border-radius: 50%;  -o-border-radius: 50%;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .feature-icon:hover {    background: #2a2d2c; }.feature-content h3 {  margin: 0 auto;  margin-bottom: 15px;  padding: 0 40px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .feature-content h3 {      font-size: 22px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .feature-content h3 {      padding: 0 25px; } }  @media (max-width: 575px) {    .feature-content h3 {      padding: 0; } }.feature-content p {  padding: 0 30px;  margin: 0; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .feature-content p {      padding: 0 15px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .feature-content p {      padding: 0 20px; } }  @media (max-width: 575px) {    .feature-content p {      padding: 0; } }.features-wrapper {  border: 2px solid #d8dbff;  padding: 55px;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .features-wrapper {      padding: 30px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .features-wrapper {      padding: 20px; } }  @media (max-width: 575px) {    .features-wrapper {      padding: 30px; } }  .features-wrapper .icon {    margin-bottom: 35px; }  .features-wrapper h4 {    line-height: 1;    padding-bottom: 10px; }    .features-wrapper h4 a {      font-size: 24px;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s;      color: #0f0c20; }      @media only screen and (min-width: 992px) and (max-width: 1200px) {        .features-wrapper h4 a {          font-size: 20px; } }      .features-wrapper h4 a:hover {        color: #e61616; }  .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: #e61616; }  .features-wrapper:hover {    background-color: white;    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);    border-color: transparent; }.features-items .icon {  width: 120px;  height: 120px;  background: #b69e59;  border-radius: 50%;  text-align: center;  line-height: 160px;  display: inline-block;  margin-bottom: 0; }  .features-items .icon i {    color: #ffffff;    font-size: 60px; }.features-items h4 {  font-size: 20px;  color: #ffffff;  padding-top: 25px;  padding-bottom: 15px;  margin-bottom: 0; }.features-items p {  color: #ffffff;  margin-right: 15px; }/*----------------------------------------*//*  06. Features2/*----------------------------------------*/.features2-area {  background-position: center left;  background-size: cover; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .features2-area {      background-position: center left; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .features2-area {      background-position: center left; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .features2-area {      background-position: center left; } }  @media (max-width: 575px) {    .features2-area {      background-position: center left; } }.features2-content span {  margin-bottom: 25px;  display: block; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .features2-content span {      margin-bottom: 15px; } }  @media (max-width: 767px) {    .features2-content span {      margin-bottom: 15px; } }.features2-content h2 {  margin-bottom: 25px;  padding-right: 20px;  font-size: 46px;  font-family: "Domine", serif;  line-height: 60px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .features2-content h2 {      padding-right: 0;      font-size: 40px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .features2-content h2 {      padding-right: 0;      font-size: 40px; } }  @media (max-width: 767px) {    .features2-content h2 {      padding-right: 0;      font-size: 35px;      line-height: 46px; } }.features2-content p {  padding-right: 81px; }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .features2-content p {      padding-right: 0; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .features2-content p {      padding-right: 0px; } }  @media (max-width: 575px) {    .features2-content p {      padding-right: 0px; } }.features2-content a {  margin-top: 20px; }/*----------------------------------------*//*  07. Services/*----------------------------------------*/.service-item {  position: relative;  overflow: hidden;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .service-item:before {    content: '';    position: absolute;    width: 100%;    height: 100%;    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }  .service-item:hover .service-content {    top: 50%;    transform: translateY(-50%); }    .service-item:hover .service-content h4 {      margin-bottom: 30px; }  .service-item:hover:before {    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); }.service-img img {  width: 100%; }.service-title {  position: relative; }  .service-title span {    color: #a19d98; }  .service-title h1 {    margin-bottom: 15px; }.service-content {  position: absolute;  top: 85%;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  @media (max-width: 767px) {    .service-content {      top: 90%; } }  @media (max-width: 575px) {    .service-content {      top: 88%; } }  .service-content h4 {    color: #ffffff;    text-transform: uppercase;    letter-spacing: 2px;    font-size: 14px;    margin: 0;    font-weight: 500;    margin-bottom: 30px;    font-family: "Rubik", sans-serif; }  .service-content p {    color: #ffffff;    padding: 0 30px;    padding-bottom: 5px; }  .service-content a {    background: #e8d2b8;    width: 40px;    height: 40px;    line-height: 40px;    display: inline-block;    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%; }    .service-content a:hover {      background: #2a2d2c;      color: #ffffff; }.service-tabs {  padding-right: 50px;  padding-left: 50px;  background-color: white;  box-shadow: 0px 16px 32px 0px rgba(133, 133, 133, 0.1); }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .service-tabs {      padding-right: 0;      padding-left: 0; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .service-tabs {      padding-right: 0;      padding-left: 0; } }  @media (max-width: 767px) {    .service-tabs {      padding-right: 0;      padding-left: 0; } }.service-list {  width: 178px;  text-align: center; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .service-list {      width: 155px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .service-list {      width: 115px; } }  @media (max-width: 767px) {    .service-list {      width: 135px; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .service-list {      width: 125px; } }  .service-list a {    text-transform: uppercase;    text-align: center;    display: block;    padding: 40px 0 30px;    border-bottom: 4px solid #f8f8f8;    font-weight: 500;    position: relative; }    .service-list a.active {      background: #fafafa;      color: #222222; }  .service-list .icon {    display: block;    text-align: center;    margin-bottom: 15px; }.service-list a::before {  content: '';  width: 0;  height: 4px;  position: absolute;  bottom: -4px;  left: 100%;  background: #b69e59;  -webkit-transition: all 0.3s ease;  transition: all 0.3s ease; }.service-list a.active::before, .service-list a:hover::before {  width: 100%;  left: 0;  -webkit-transition: width 0.3s ease;  transition: width 0.3s ease; }.tab-img img {  width: 100%; }@media only screen and (min-width: 768px) and (max-width: 991px) {  .tab-img {    padding-bottom: 20px; } }@media (max-width: 767px) {  .tab-img {    padding-bottom: 20px; } }.service-caption {  padding-left: 30px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .service-caption {      padding-left: 0;      padding: 20px;      padding-top: 0; } }  @media (max-width: 767px) {    .service-caption {      padding-left: 0;      padding: 20px;      padding-top: 0; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .service-caption {      padding-left: 0; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .service-caption h1 {      font-size: 40px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .service-caption h1 {      font-size: 40px; } }  @media (max-width: 767px) {    .service-caption h1 {      font-size: 32px; } }  .service-caption .service-pricing span {    color: #b69e59;    font-weight: 500; }  .service-caption .service-pricing del {    color: #d0d0d0;    font-weight: 500;    margin-left: 15px; }  .service-caption p {    margin-top: 25px;    margin-right: 10px; }  .service-caption a {    margin-top: 15px; }.service-arch-content {  position: relative; }  .service-arch-content .service-icon {    width: 70px;    height: 70px;    line-height: 70px;    background: #e8d2b8;    border-radius: 50%;    margin: auto;    margin-bottom: 25px;    margin-top: -35px; }  .service-arch-content h4 {    font-size: 26px;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    .service-arch-content h4:hover {      color: #e8d2b8; }  .service-arch-content p {    padding: 0 30px;    margin-top: 20px; }  .service-arch-content ul li {    display: inline-block; }    .service-arch-content ul li a {      font-weight: 500;      margin-right: 5px;      color: #adaaa7; }.service-arch-content ul li a.brown-color {  color: #ba9870; }.service-price-inner {  background: #ffffff; }  .service-price-inner .pricing-amount {    padding: 45px 0 35px;    background: #e8d2b8; }    .service-price-inner .pricing-amount h6 {      color: #a39e98;      text-transform: uppercase;      letter-spacing: 2px;      margin-bottom: 30px; }    .service-price-inner .pricing-amount h2 {      font-size: 40px; }      .service-price-inner .pricing-amount h2 sub {        font-size: 14px;        color: #847d76;        text-transform: lowercase; }  .service-price-inner .pricing-content {    padding-top: 43px;    padding-bottom: 50px; }    .service-price-inner .pricing-content ul li {      color: #a39e98;      margin-bottom: 15px; }    .service-price-inner .pricing-content a {      margin-top: 20px; }.service-details-content h2 {  padding-top: 17px;  padding-bottom: 20px;  padding-right: 70px; }.service-details-content p {  padding-bottom: 10px;  padding-right: 60px; }.service-details-categories {  padding: 65px 55px;  border: 8px solid #f9f9f9; }  @media (max-width: 767px) {    .service-details-categories {      padding: 40px 30px; } }  .service-details-categories h4 {    font-size: 34px;    padding-bottom: 25px; }  .service-details-categories ul li {    padding-bottom: 25px; }    .service-details-categories ul li span {      font-weight: 500;      display: inline-block;      width: 120px;      text-transform: uppercase; }.details-img img {  width: 100%; }/*----------------------------------------*//*  08. Team/*----------------------------------------*/.team-area {  background: #393b3a; }  .team-area .section-title h1 {    color: #ffffff;    margin-bottom: 0; }  .team-area.style-3 {    background: #ffffff; }    .team-area.style-3 h1 {      color: #2a2d2c; }.team-wrapper {  position: relative; }  .team-wrapper .team-img img {    width: 100%; }  .team-wrapper:hover .team-link {    opacity: 1;    visibility: visible; }  .team-wrapper:hover .team-text {    background: #e8d2b8; }    .team-wrapper:hover .team-text h4 {      color: #393b3a; }    .team-wrapper:hover .team-text span {      color: #8c918e; }.team-img {  position: relative; }.team-img::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #393b3a;  opacity: 0;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }.team-wrapper:hover .team-img::before {  opacity: 0.5; }.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: #2a2d2c; }.single-team {  background-color: white;  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);  height: 100%; }.team-img img {  width: 100%; }.team-img.style-1 {  position: relative; }  .team-img.style-1::before {    position: absolute;    content: '';    width: 0;    height: 0;    border-style: solid;    border-width: 15px 20px 15px 0;    border-color: transparent #fff transparent transparent;    right: 0;    top: 50%;    transform: translateY(-50%); }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .team-img.style-1::before {        display: none; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .team-img.style-1::before {        display: none; } }@media only screen and (min-width: 992px) and (max-width: 1200px) {  .team-box {    margin-bottom: 30px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .team-box {    margin-bottom: 30px; } }@media (max-width: 767px) {  .team-box {    margin-bottom: 30px; } }.style-2 {  position: relative; }.style-2::before {  position: absolute;  content: '';  width: 0;  height: 0;  border-style: solid;  border-width: 15px 0 15px 20px;  border-color: transparent transparent transparent #fff;  left: 0;  top: 50%;  transform: translateY(-50%); }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .style-2::before {      display: none; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .style-2::before {      display: none; } }.single-content {  padding: 30px 20px 15px 30px; }  .single-content span {    color: #e61616;    text-transform: uppercase;    padding-bottom: 15px;    display: block;    font-size: 12px;    font-weight: 500;    letter-spacing: 2px; }  .single-content p {    margin-bottom: 20px; }  .single-content .team-social li {    display: inline-block; }    .single-content .team-social li a {      display: inline-block;      width: 40px;      height: 40px;      line-height: 40px;      text-align: center;      background: #e4e7ff;      color: #657583;      margin-right: 5px;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s;      border-radius: 50%;      -webkit-border-radius: 50%;      -moz-border-radius: 50%;      -ms-border-radius: 50%;      -o-border-radius: 50%; }      .single-content .team-social li a:hover {        background: #6a1b9a;        color: #ffffff; }.team-area .title-heading.hp-1::after {  top: 63%; }/*----------------------------------------*//*  09. Video/*----------------------------------------*/.video-area {  position: relative; }  .video-area .title-heading {    margin-bottom: 0; }    .video-area .title-heading::after {      background: url("../img/black-border-shape.png") center center/cover; }.video-active .owl-nav div {  position: absolute;  top: 50%;  left: -95px;  color: #d8d8d8;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  transform: translateY(140%); }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .video-active .owl-nav div {      left: -60px; } }  .video-active .owl-nav div i {    font-size: 60px;    line-height: 0; }  .video-active .owl-nav div.owl-next {    left: auto;    right: -95px; }    @media only screen and (min-width: 1200px) and (max-width: 1450px) {      .video-active .owl-nav div.owl-next {        right: -60px; } }  .video-active .owl-nav div:hover {    color: #2a2d2c; }.video-area-01 {  padding-bottom: 250px; }  @media (max-width: 767px) {    .video-area-01 {      padding-bottom: 70px; } }.video-slider-area {  margin-top: -250px; }  @media (max-width: 767px) {    .video-slider-area {      margin-top: -70px; } }.single-video {  position: relative; }.play-icon a {  position: absolute;  top: 50%;  left: 50%;  width: 140px;  height: 140px;  line-height: 140px;  background: #ffffff;  text-align: center;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -ms-border-radius: 50%;  -o-border-radius: 50%;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%); }  .play-icon a:hover {    background: #2a2d2c;    color: #ffffff; }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .play-icon a {      width: 70px;      height: 70px;      line-height: 70px; } }  @media (max-width: 575px) {    .play-icon a {      width: 70px;      height: 70px;      line-height: 70px; } }.video-intro {  background: #f6f7f8; }  .video-intro span {    color: #e61616;    margin-bottom: 20px;    display: block; }  .video-intro h1 {    margin-bottom: 20px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .video-intro h1 {        font-size: 40px; } }    @media (max-width: 767px) {      .video-intro h1 {        font-size: 40px; } }.intro-content p {  padding-right: 110px;  margin-bottom: 25px; }  @media (max-width: 767px) {    .intro-content p {      padding-right: 0; } }.intro-content ul li {  clear: both; }  .intro-content ul li i {    width: 30px;    height: 30px;    background: #ffffff;    text-align: center;    line-height: 30px;    color: #e61616;    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: #e61616;    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: #e61616;  transform: translateY(-50%); }.intro-img a:hover {  background: #e61616;  color: #ffffff; }/*----------------------------------------*//*  10. Price/*----------------------------------------*/.price-area {  position: relative; }  .price-area.offers {    top: 0;    background: #fafaff; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .price-area {      top: 140px; } }  @media (max-width: 767px) {    .price-area {      top: 0; } }.priceing-box {  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);  box-sizing: border-box;  padding: 80px 60px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .priceing-box {      padding: 80px 15px; } }  @media (max-width: 767px) {    .priceing-box {      padding: 80px 15px; } }  .priceing-box h6 {    color: #c2c2c2;    font-weight: 500;    font-family: "Rubik", sans-serif;    text-transform: uppercase;    letter-spacing: 2px;    padding-bottom: 25px; }  .priceing-box p {    margin-bottom: 45px; }  .priceing-box a {    color: #2a2d2c !important; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .priceing-box a {        padding: 20px 30px; }        .priceing-box a:hover {          padding: 20px 30px; } }    @media (max-width: 575px) {      .priceing-box a {        padding: 25px 30px; }        .priceing-box a:hover {          padding: 25px 30px; } }.price {  margin-bottom: 35px; }  .price h3 {    font-size: 50px; }    .price h3 sub {      font-size: 14px;      color: #bdbdbd;      text-transform: lowercase; }.price-icon {  width: 200px;  height: 200px;  line-height: 200px;  background: #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; }  @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: #e61616;  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: #e61616; } }.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: #e61616;    text-transform: uppercase;    margin-bottom: 13px;    font-family: "Rubik", sans-serif;    font-weight: 500;    letter-spacing: 2px; }  .single-item h1 {    font-size: 70px;    margin-bottom: 10px; }    .single-item h1 sub {      color: #657583;      font-size: 14px; }  .single-item a {    padding: 23px 60px;    margin-top: 15px; }    .single-item a:hover {      padding: 23px 60px; }  .single-item:hover {    background-color: white;    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);    border: 2px solid transparent; }.pricing-icon {  margin-bottom: 30px; }.pricing-list li {  color: #657583;  text-transform: capitalize;  line-height: 1;  margin-bottom: 25px; }  .pricing-list li .fa-check {    color: #e61616;    margin-right: 5px; }  .pricing-list li.times {    color: #aab8c4; }  .pricing-list li .fa-times {    margin-right: 5px; }.pricing-plan {  position: relative; }.badge {  position: absolute;  padding: 15px 20px;  padding-right: 40px;  background: #fff000;  line-height: 1;  border-radius: 0;  color: #2a2d2c;  text-transform: uppercase;  letter-spacing: 2px;  top: 0;  transform: rotate(90deg);  right: 0; }  @media (max-width: 767px) {    .badge {      top: 30px;      right: -27px; } }  .badge::before {    position: absolute;    content: '';    width: 0;    height: 0;    border-style: solid;    border-width: 20px 20px 20px 0;    border-color: transparent #ffffff transparent transparent;    top: 0;    right: 0; }.offer-item {  background-color: white;  box-shadow: 0px 8px 16px 0px rgba(217, 217, 217, 0.3); }  .offer-item .image img {    width: 100%; }.offer-content {  padding-top: 30px;  padding-bottom: 30px; }  .offer-content span {    color: #8c918e;    font-size: 12px;    text-transform: uppercase;    font-weight: 500; }  .offer-content h4 {    font-size: 24px;    margin-top: 6px;    margin-bottom: 10px; }  .offer-content ul {    display: inline-block;    margin-right: 5px; }  .offer-content li {    list-style: none;    display: inline-block;    color: #e8d2b8;    font-weight: 500; }.price-fix {  position: relative;  top: 0; }/*----------------------------------------*//*  11. Call TO Action/*----------------------------------------*/.cta-area {  position: relative; }  .cta-area.style-3 {    top: 0; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .cta-area {      top: 0; } }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .cta-area {      top: 0;      min-height: 600px; } }  @media (max-width: 767px) {    .cta-area {      top: 0; } }.cta-content {  padding: 250px 0; }  @media only screen and (min-width: 576px) and (max-width: 767px) {    .cta-content {      padding: 150px 0; } }  @media (max-width: 575px) {    .cta-content {      padding: 150px 0; } }.cta-section span {  color: #d9d9d9;  margin-bottom: 30px;  display: inline-block; }  @media (max-width: 767px) {    .cta-section span {      margin-bottom: 20px; } }.cta-section h1 {  font-size: 60px;  color: #ffffff;  line-height: 70px; }  @media (max-width: 767px) {    .cta-section h1 {      font-size: 45px;      line-height: 55px; } }.cta-btn {  margin-top: 40px; }  .cta-btn a {    margin: 0 15px; }    @media only screen and (min-width: 576px) and (max-width: 767px) {      .cta-btn a {        display: block;        margin-bottom: 10px; }        .cta-btn a:hover {          display: block; } }    @media (max-width: 575px) {      .cta-btn a {        display: block;        margin-bottom: 10px; }        .cta-btn a:hover {          display: block; } }/*----------------------------------------*//*  12. Blog/*----------------------------------------*/.blog-area {  position: relative; }  .blog-area.hp-1 {    top: 0; }  .blog-area.style-3 {    top: 0; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .blog-area {      top: 0; } }  @media (max-width: 767px) {    .blog-area {      top: 0; } }.blog-image img {  width: 100%; }.blog-content h3 {  font-size: 24px;  line-height: 36px;  padding-bottom: 5px; }  .blog-content h3 a:hover.hp-1 {    color: #e61616; }.blog-content p {  padding-right: 30px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog-content p {      padding-right: 0; } }  @media (max-width: 575px) {    .blog-content p {      padding-right: 0; } }.blog-content hr {  border: 1px solid #d7d7d7;  margin-top: 25px;  margin-bottom: 15px; }.blog-arc a {  margin-right: 30px;  font-size: 14px;  color: #6a6560;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  margin-bottom: 5px;  display: inline-block; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog-arc a {      margin-right: 15px; } }  @media (max-width: 767px) {    .blog-arc a {      margin-right: 12px; } }  .blog-arc a i {    margin-right: 5px; }  .blog-arc a:hover {    color: #e61616; }/* 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: #e61616;  margin-right: 2px; }.post-meta span a {  color: #6f7172; }.postbox__text {  background: #faf9ff; }.p-50 {  padding: 50px; }@media only screen and (min-width: 992px) and (max-width: 1200px) {  .p-50 {    padding: 30px; } }@media (max-width: 767px) {  .p-50 {    padding: 30px; } }.p-30 {  padding: 30px; }.post-meta {  margin-bottom: 20px; }.blog-title {  font-size: 28px;  line-height: 1.3;  margin-bottom: 20px; }.blog-title a:hover {  color: #e8d2b8; }.read-more {  letter-spacing: 2px;  font-size: 12px;  text-transform: uppercase;  font-weight: 500; }.read-more {  color: #2a2d2c; }.read-more:hover {  color: #e8d2b8; }.read-more i {  transition: .3s;  display: inline-block; }.blog-title-sm {  font-size: 20px;  margin-bottom: 10px;  line-height: 1.5; }.postbox__gallery .slick-arrow {  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 30px;  border: none;  background: none;  padding: 0;  z-index: 9;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  background: #ffffff;  width: 60px;  height: 60px;  color: #6f7172;  border-radius: 50%;  font-size: 14px; }.postbox__gallery .slick-arrow:hover {  background: #e8d2b8;  color: #ffffff; }.postbox__gallery .slick-arrow.slick-next {  right: 30px;  left: auto; }.postbox__video {  position: relative; }.video-btn {  position: absolute;  background: #ffffff;  height: 120px;  width: 120px;  top: 50%;  left: 0;  right: 0;  margin: auto;  text-align: center;  border-radius: 50%;  line-height: 120px;  color: #e8d2b8;  transform: translateY(-50%); }.video-btn:hover {  background: #e8d2b8;  color: #ffffff; }.post-text blockquote {  background: #062a4d;  padding: 50px;  position: relative;  padding-left: 120px; }@media (max-width: 767px) {  .post-text blockquote {    padding: 30px; } }.post-text blockquote p {  font-size: 26px;  margin-bottom: 20px;  color: #ffffff;  font-weight: 500;  line-height: 1.3; }.post-text blockquote::before {  content: "\f10d";  left: 50px;  top: 50px;  position: absolute;  color: #758799;  font-family: "Font Awesome 5 Free";  font-weight: 700;  font-size: 41px; }@media (max-width: 767px) {  .post-text blockquote::before {    position: static; } }.post-text blockquote footer {  font-size: 14px;  letter-spacing: 2px;  color: #ffffff;  font-weight: 500;  text-transform: uppercase; }.widget {  padding: 30px;  background-color: white;  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);  border-top: 4px solid #e8d2b8; }.b-0 {  border: 0; }.search-form {  position: relative; }.search-form input {  width: 100%;  height: 60px;  border: 0;  background: #f5f5f5;  padding: 0 20px; }.search-form button {  position: absolute;  top: 0;  right: 0;  height: 100%;  background: #062a4d;  padding: 0 25px;  color: #ffffff;  line-height: 60px;  border: 0; }.search-form button:hover {  background: #e8d2b8; }.widget-title {  font-size: 21px;  margin-bottom: 0px;  position: relative;  display: inline-block; }.animate-border::after {  position: absolute;  content: "";  width: 35px;  height: 3px;  left: 0;  bottom: 0;  border-left: 10px solid #ffffff;  border-right: 10px solid #ffffff;  -webkit-animation: animborder 2s linear infinite;  animation: animborder 2s linear infinite; }.animate-border.border-white::after {  border-color: #ffffff; }.animate-border.border-white::after {  border-color: #ffffff; }.about-me img {  margin-bottom: 25px;  border-radius: 50%; }.about-me h4 {  font-size: 18px;  letter-spacing: 1px; }.widget-social-icon a {  display: inline-block;  margin: 0 8px;  color: #666; }.widget-social-icon a:hover {  color: #e8d2b8; }.banner-widget img {  max-width: 100%; }.widget .recent-posts > li:first-child {  border: 0;  padding-top: 0; }.widget .recent-posts li:last-child {  padding-bottom: 0; }.widget .recent-posts > li {  border-top: 1px solid #eaedff;  padding: 20px 0;  overflow: hidden; }.widget-posts-image {  float: left; }.widget-posts-image img {  width: 80px;  height: 80px;  border-radius: 50%;  margin-right: 15px; }.widget-posts-body {  overflow: hidden; }.widget-posts-title {  margin-bottom: 10px;  font-size: 16px;  line-height: 1.3; }.widget-posts-title a:hover {  color: #e8d2b8; }.widget-posts-meta {  font-size: 12px; }ul.cat li {  border-top: 1px solid #eaedff;  padding: 15px 0;  overflow: hidden; }ul.cat li:first-child {  border-top: 0;  padding-top: 0; }ul.cat li:last-child {  padding-bottom: 0; }ul.cat li a {  display: block;  color: #647589; }ul.cat li a:hover {  color: #e8d2b8; }.social-profile a {  height: 50px;  width: 50px;  text-align: center;  background: #062a4d;  line-height: 50px;  margin-right: 2px;  display: inline-block;  color: #ffffff;  margin-bottom: 5px; }.social-profile a:hover {  background: #e8d2b8; }#Instafeed {  margin: 0 -5px;  overflow: hidden; }#Instafeed li {  width: 33.33%;  float: left;  padding: 0 5px;  margin-bottom: 10px; }#Instafeed li img {  width: 100%; }.tag a {  display: inline-block;  line-height: 1;  padding: 12px 18px;  background: #f5f5f5;  margin-bottom: 8px;  margin-right: 5px;  text-transform: uppercase;  font-size: 12px;  font-weight: 500;  color: #5f5b5b;  border-radius: 2px; }.tag a:hover {  background: #e8d2b8; }.bg-none {  background: none; }.blog-post-tag span {  font-size: 18px;  font-weight: 600;  display: block;  margin-bottom: 17px;  font-family: "Poppins", sans-serif;  color: #062a4d; }.blog-post-tag a {  color: #646974;  display: inline-block;  font-size: 14px;  font-weight: 500;  text-transform: uppercase;  border: 2px solid #eaedff;  padding: 12px 24px;  margin-right: 10px;  transition: .3s;  border-radius: 5px;  margin-bottom: 10px; }.blog-post-tag a:hover {  color: #fff;  background: #e8d2b8;  border-color: #e8d2b8; }.blog-post-tag a:last-child {  margin-right: 0; }.blog-share-icon span {  font-size: 18px;  font-weight: 600;  font-family: "Poppins", sans-serif;  color: #062a4d;  display: block;  margin-bottom: 17px; }.blog-share-icon a {  color: #6f7172;  font-size: 18px;  transition: .3s;  margin-right: 22px; }.blog-share-icon a:hover {  color: #e8d2b8; }.blog-share-icon a:last-child {  margin-right: 0; }.blog-details-border {  border-top: 1px solid #eaedff;  border-bottom: 1px solid #eaedff;  padding-top: 33px;  padding-bottom: 23px;  margin-bottom: 42px; }.author {  background: #f5f5f5;  padding: 0 60px 44px 60px; }@media (max-width: 767px) {  .author {    padding: 0 30px 44px 30px; } }.author-img {  margin-bottom: 35px; }.author-img img {  margin-top: -60px; }.author-text h3 {  font-size: 24px;  margin-bottom: 15px; }.author-text p {  margin-bottom: 0;  font-size: 15px;  line-height: 28px; }.author-icon {  margin-top: 6px;  margin-bottom: 25px; }.author-icon a {  font-size: 14px;  color: #9498b6;  margin: 0 5px;  transition: .3s; }.author-icon a:hover {  color: #e8d2b8; }.post-comments {  border-bottom: 1px solid #eaedff;  margin-bottom: 42px;  padding-bottom: 46px; }.blog-coment-title h2 {  font-size: 26px;  margin-bottom: 0; }.comments-avatar {  float: left; }@media (max-width: 767px) {  .comments-avatar {    float: none; } }.comments-avatar img {  width: 100px;  margin-right: 20px; }.latest-comments li:first-child .comments-box {  border-top: 0;  padding-top: 0; }.latest-comments li:last-child .comments-box {  border-bottom: 0;  padding-bottom: 0; }.latest-comments li.children {  margin-left: 100px; }@media (max-width: 767px) {  .latest-comments li.children {    margin-left: 0; } }.comments-box {  border-top: 1px solid #eaedff;  padding: 30px 0; }.comments-text {  overflow: hidden;  padding-top: 4px; }@media (max-width: 767px) {  .comments-text {    margin-top: 15px; } }.comments-text p {  margin-bottom: 0;  margin-top: 8px; }.avatar-name h5 {  font-size: 18px;  margin-bottom: 7px; }.avatar-name span {  color: #e61616;  font-size: 12px;  font-weight: 500;  text-transform: uppercase;  letter-spacing: 2px; }.avatar-name {  margin-bottom: 3px;  overflow: hidden;  position: relative; }.reply {  color: #6f7172;  display: inline-block;  font-size: 14px;  font-weight: 400;  transition: .3s;  line-height: 1;  margin-top: 4px;  position: absolute;  right: 0;  top: 0; }.reply:hover {  color: #e8d2b8; }.reply i {  margin-right: 5px; }.post-comments-title {  margin-bottom: 39px; }.post-comments-title h2 {  font-size: 26px;  color: #140a20;  margin-bottom: 0; }.conatct-post-form {  background: #f5f5f5;  padding: 50px; }@media (max-width: 767px) {  .conatct-post-form {    padding: 20px; } }.conatct-post-form input {  border: none;  height: 60px;  margin-bottom: 20px;  padding: 0 30px;  width: 100%;  font-size: 14px;  color: #a7a7c1; }.conatct-post-form textarea {  border: none;  height: 150px;  margin-bottom: 20px;  padding: 30px;  width: 100%;  color: #a7a7c1;  font-size: 14px; }#contacts-form input::-moz-placeholder {  color: #a7a7c1;  font-size: 14px; }#contacts-form input::placeholder {  color: #a7a7c1;  font-size: 14px; }#contacts-form textarea::-moz-placeholder {  color: #a7a7c1;  font-size: 14px; }#contacts-form textarea::placeholder {  color: #a7a7c1;  font-size: 14px; }.contact-icon {  position: relative; }.contact-icon::after {  position: absolute;  content: "";  font-family: "Font Awesome 5 Free";  font-weight: 700;  display: inline-block;  font-size: 16px;  text-align: center;  right: 30px;  color: #e8d2b8;  top: 18px; }.conatct-post-form .contact-icon::before {  display: none; }.contacts-message::after {  content: "\f303"; }.contacts-name::after {  content: "\f007"; }.contacts-email::after {  content: "\f0e0"; }.contacts-website::after {  content: "\f0ac"; }.navigation-border {  border-top: 2px solid #f7f7f7;  overflow: hidden; }.navigation-border {  border-top: 2px solid #f7f7f7;  overflow: hidden; }.bakix-navigation span {  font-size: 14px;  text-transform: uppercase;  letter-spacing: 2px;  font-weight: 500;  display: block;  margin-bottom: 10px; }.bakix-navigation span a:hover {  color: #e8d2b8; }.bakix-navigation h4 {  font-size: 24px;  margin: 0; }.bakix-navigation h4 a:hover {  color: #e8d2b8; }.basic-pagination ul {  display: block; }.basic-pagination ul li {  display: inline-block;  margin: 0 5px; }@media (max-width: 767px) {  .basic-pagination ul li {    margin-bottom: 10px; } }.basic-pagination ul li a {  height: 70px;  width: 70px;  background: #ffffff;  color: #9990b8;  font-size: 16px;  font-weight: 500;  border-radius: 50%;  line-height: 70px;  margin: 0px;  display: inline-block;  text-align: center; }.basic-pagination ul li a:hover, .basic-pagination ul li.active a {  background: #e8d2b8;  color: #ffffff; }.basic-pagination-2 ul li a {  background: transparent;  color: #9990b8;  border: 2px solid #eaebec;  height: 60px;  width: 60px;  line-height: 56px; }.basic-pagination-2 ul li a:hover, .basic-pagination-2 ul li.active a {  background: #e8d2b8;  color: #ffffff;  border-color: #e8d2b8; }/*----------------------------------------*//*  13. Subscribe/*----------------------------------------*/.subscribe-area {  position: relative;  background: url("../img/subscribe-bg.png") no-repeat center center/cover; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .subscribe-area {      top: 0; } }  @media (max-width: 767px) {    .subscribe-area {      top: 0; } }.subscribe-content h1 {  line-height: 70px;  padding: 0 50px;  padding-top: 20px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .subscribe-content h1 {      font-size: 40px;      line-height: 50px; } }  @media (max-width: 767px) {    .subscribe-content h1 {      font-size: 35px;      line-height: 35px;      padding: 0;      padding-top: 20px; } }.subscribe-form {  position: relative;  margin-top: 60px; }  @media (max-width: 767px) {    .subscribe-form {      margin-top: 30px; } }  .subscribe-form input {    width: 795px;    background: #ffffff;    border: none;    color: #a5a9a8;    padding: 30px 40px; }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .subscribe-form input {        width: 100%; } }    @media (max-width: 767px) {      .subscribe-form input {        width: 100%;        padding: 20px 30px; } }  .subscribe-form button {    position: absolute;    border: none;    top: 10px;    right: 198px;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s;    cursor: pointer; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .subscribe-form button {        right: 77px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .subscribe-form button {        right: 12px; } }    @media (max-width: 767px) {      .subscribe-form button {        position: unset;        margin-top: 10px; } }.subscribe-fix {  position: relative;  top: 0; }/*----------------------------------------*//*  14. Gallery/*----------------------------------------*/.gallery-wrapper {  position: relative; }  .gallery-wrapper:hover .gallery-image::before {    opacity: .8; }  .gallery-wrapper:hover .view-icon {    opacity: 1;    visibility: visible;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%); }.gallery-image {  margin-bottom: 30px;  position: relative; }  .gallery-image::before {    background: #e61616;    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: #e61616;  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: #e61616;    opacity: 0.9;    z-index: 1; }.appointment-text {  position: absolute;  top: 0;  z-index: 99;  width: 100%;  height: 100%;  padding-top: 50px;  text-align: center;  color: #ffffff; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .appointment-text {      padding-top: 25px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .appointment-text {      padding-top: 15px; } }  @media (max-width: 575px) {    .appointment-text {      padding-top: 15px; } }  .appointment-text h4 {    color: #ffffff;    font-size: 24px; }  .appointment-text hr {    width: 60px;    height: 2px;    background: #ec9ec4;    border: none;    margin: 0 auto;    margin-top: 25px;    margin-bottom: 22px; }  .appointment-text ul li.sunday {    color: #fff;    font-weight: 400; }@media (max-width: 767px) {  .appointment-content {    padding-top: 25px; } }.appointment-content .name {  width: 48%;  margin-right: 4%;  position: relative; }  @media (max-width: 575px) {    .appointment-content .name {      width: 100%;      margin-right: 0; } }  .appointment-content .name::before {    position: absolute;    content: '\f007';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    color: #a6a2bd;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s; }    @media (max-width: 575px) {      .appointment-content .name::before {        top: 35px; } }  .appointment-content .name:hover::before {    color: #e61616; }.appointment-content .email {  width: 48%;  position: relative; }  @media (max-width: 575px) {    .appointment-content .email {      width: 100%;      margin-right: 0; } }  .appointment-content .email::before {    position: absolute;    content: '\f0e0';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    color: #a6a2bd; }    @media (max-width: 575px) {      .appointment-content .email::before {        top: 35px; } }  .appointment-content .email:hover::before {    color: #e61616; }.appointment-content .phone {  width: 48%;  margin-right: 4%;  position: relative; }  @media (max-width: 575px) {    .appointment-content .phone {      width: 100%;      margin-right: 0; } }  .appointment-content .phone::before {    position: absolute;    content: '\f095';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 35px;    color: #a6a2bd; }  .appointment-content .phone:hover::before {    color: #e61616; }.appointment-content .subject {  width: 48%;  position: relative; }  @media (max-width: 575px) {    .appointment-content .subject {      width: 100%;      margin-right: 0; } }  .appointment-content .subject::before {    position: absolute;    content: '\f044';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 37px;    color: #a6a2bd; }  .appointment-content .subject::after {    position: absolute;    content: '\f107';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 41px;    color: #a6a2bd;    right: 0; }  .appointment-content .subject:hover::before {    color: #e61616; }  .appointment-content .subject:hover::after {    color: #e61616; }.appointment-content .shedule-date {  width: 48%;  margin-right: 4%;  position: relative; }  @media (max-width: 575px) {    .appointment-content .shedule-date {      width: 100%;      margin-right: 0; } }  .appointment-content .shedule-date::before {    position: absolute;    content: '\f073';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 35px;    color: #a6a2bd; }  .appointment-content .shedule-date::after {    position: absolute;    content: '\f107';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 35px;    color: #a6a2bd;    right: 0; }  .appointment-content .shedule-date:hover::before {    color: #e61616; }  .appointment-content .shedule-date:hover::after {    color: #e61616; }.appointment-content .shedule-time {  width: 48%;  position: relative; }  @media (max-width: 575px) {    .appointment-content .shedule-time {      width: 100%;      margin-right: 0; } }  .appointment-content .shedule-time::before {    position: absolute;    content: '\f017';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 35px;    color: #a6a2bd; }  .appointment-content .shedule-time::after {    position: absolute;    content: '\f107';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 35px;    color: #a6a2bd;    right: 0; }  .appointment-content .shedule-time:hover::before {    color: #e61616; }  .appointment-content .shedule-time:hover::after {    color: #e61616; }.appointment-content .massage {  position: relative; }  .appointment-content .massage::before {    position: absolute;    content: '\f075';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    top: 30px;    color: #a6a2bd;    left: 0; }  .appointment-content .massage:hover::before {    color: #e61616; }.appointment-content form input {  width: 100%;  background: transparent;  border: none;  border-bottom: 2px solid #272241;  color: #a6a2bd;  padding: 15px 30px;  margin-top: 20px;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .appointment-content form input[type="text"] {    margin-top: 0;    padding-top: 0; }    @media (max-width: 575px) {      .appointment-content form input[type="text"] {        padding: 15px 30px;        margin-top: 20px; } }  .appointment-content form input[type="email"] {    margin-top: 0;    padding-top: 0; }    @media (max-width: 575px) {      .appointment-content form input[type="email"] {        padding: 15px 30px;        margin-top: 20px; } }  .appointment-content form input:hover {    border-color: #e61616;    color: #ffffff; }.appointment-content form select {  width: 100%;  padding: 20px;  background: transparent;  border: none;  border-bottom: 2px solid #272241;  margin-top: 17px;  color: #a6a2bd;  appearance: none;  -moz-appearance: none;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  @media (max-width: 575px) {    .appointment-content form select {      padding: 20px 30px; } }  .appointment-content form select:hover {    border-color: #e61616;    color: #ffffff; }.appointment-content form textarea {  width: 100%;  margin-top: 15px;  border: none;  border-bottom: 2px solid #272241;  color: #a6a2bd;  background: transparent;  padding: 15px 30px;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .appointment-content form textarea:hover {    border-color: #e61616;    color: #ffffff; }.appointment-content form button {  border: none;  cursor: pointer;  margin-top: 30px; }.booking ul {  position: relative; }  .booking ul::before {    bottom: 32px;    position: absolute;    content: " ";    width: 100%;    height: 4px;    background-color: #f8f8f8; }  .booking ul li a {    width: 70px;    height: 70px;    line-height: 50px;    text-align: center;    border: 4px solid #f8f8f8;    border-radius: 50%;    display: inline-block;    color: #2a2d2c;    font-family: "Domine", serif;    font-weight: 700;    position: relative;    background: #ffffff;    z-index: 1; }    .booking ul li a.active {      border: 4px solid #b69e59;      color: #b69e59; }.booking-service h4 {  font-size: 24px;  padding-top: 20px; }.booking-service select {  padding: 17px 30px;  width: 100%;  appearance: none;  border: none;  border-bottom: 2px solid #eaeaea;  color: #7f7f7f;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .booking-service select:hover {    border-bottom: 2px solid #2a2d2c; }.booking-service input {  padding: 17px 30px;  width: 100%;  border: none;  border-bottom: 2px solid #eaeaea;  background: #ffffff;  color: #7f7f7f;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }  .booking-service input:hover {    border-bottom: 2px solid #2a2d2c; }.booking-service .category {  position: relative; }  .booking-service .category::before {    content: '\f044';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 15px; }  .booking-service .category::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 15px;    right: 0; }.booking-service .select-service {  position: relative; }  .booking-service .select-service::before {    content: '\f044';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 15px; }  .booking-service .select-service::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 15px;    right: 0; }.booking-service .employee {  position: relative; }  .booking-service .employee::before {    content: '\f007';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 15px; }  .booking-service .employee::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 15px;    right: 0; }.booking-service .available {  position: relative; }  .booking-service .available::before {    content: '\f017';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 45px; }  .booking-service .available::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 45px;    right: 0; }.booking-service .day {  position: relative; }  .booking-service .day::before {    content: '\f133';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 45px; }  .booking-service .day::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 45px;    right: 0; }.booking-service .from {  position: relative; }  .booking-service .from::before {    content: '\f017';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 45px; }  .booking-service .from::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 45px;    right: 0; }.booking-service .finish {  position: relative; }  .booking-service .finish::before {    content: '\f133';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #b69e59;    top: 45px; }  .booking-service .finish::after {    content: '\f107';    position: absolute;    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #7f7f7f;    top: 45px;    right: 0; }.appointment-area.style-3 .title-heading::after {  top: 185px; }.grid-wrapper {  position: relative; }.grid-item {  position: relative; }  .grid-item::before {    background: #b69e59;    content: "";    height: 100%;    left: 0;    opacity: 0;    position: absolute;    top: 0;    -webkit-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    width: 100%; }.view-icon {  text-align: center;  top: 50%;  opacity: 0;  visibility: hidden;  z-index: 9;  -webkit-transition: .3s;  transition: .3s;  left: 0;  position: absolute;  right: 0; }.appoinment-box-2 {  background-color: white;  box-shadow: 0px 16px 32px 0px rgba(223, 217, 255, 0.4);  margin-top: -241px; }.calculate-content input {  height: 60px;  padding-left: 38px;  width: 100%;  border: 2px solid #d3e2f0;  position: relative; }.calculate-content textarea {  width: 100%;  resize: none;  border: 2px solid #d3e2f0;  padding-top: 28px;  padding-left: 40px;  color: #647589;  height: 120px; }.appoinment-box-content {  padding: 70px 38px 40px 70px; }.calculate-content {  padding: 60px; }  @media (max-width: 767px) {    .calculate-content {      padding: 20px; } }.appointment-form-3 textarea {  width: 100%;  resize: none;  border: 2px solid #d3e2f0;  padding-top: 28px;  padding-left: 40px;  color: #647589;  height: 120px; }.appointment-area-3 .calculate-box .nice-select {  border: 2px solid #d3e2f0; }.appointment-area-3 .calculate-form input {  border: 2px solid #d3e2f0; }.appointment-form-2 input {  width: 100%; }.appointment-form-2 input {  width: 100%;  border: 0;  padding: 0; }.appointment-form-2 input::placeholder {  font-size: 24px;  color: #223645;  font-weight: 600;  font-family: poppins; }.appoint-ment-icon {  margin-right: 40px; }.appointment-form-2 label {  font-size: 12px;  text-transform: uppercase;  color: #aab6bf;  font-weight: 500;  margin-bottom: 14px; }.appoinment-form-box {  padding-bottom: 27px;  border-bottom: 1px solid #eae5ff; }.appoinment-form-box-option {  padding-bottom: 8px; }.nice-select.postform::after {  border-bottom: 3px solid #223645;  border-right: 3px solid #223645;  content: '';  display: block;  height: 8px;  margin-top: -23px;  pointer-events: none;  position: absolute;  right: 5px;  top: 50%;  -webkit-transform-origin: 66% 66%;  -ms-transform-origin: 66% 66%;  transform-origin: 66% 66%;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-transition: all 0.15s ease-in-out;  transition: all 0.15s ease-in-out;  width: 8px; }/*----------------------------------------*//*  16. Brand/*----------------------------------------*/.brand-area {  min-height: 885px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .brand-area {      min-height: 650px; } }  .brand-area span {    color: #e61616;    margin-bottom: 20px;    display: block; }  .brand-area h1 {    margin-bottom: 65px;    padding-right: 65px; }    @media only screen and (min-width: 992px) and (max-width: 1200px) {      .brand-area h1 {        font-size: 40px; } }    @media only screen and (min-width: 768px) and (max-width: 991px) {      .brand-area h1 {        padding-right: 0;        font-size: 40px; } }    @media (max-width: 767px) {      .brand-area h1 {        padding-right: 0;        font-size: 40px; } }.owl-carousel .owl-item .single-image img {  width: auto; }/*----------------------------------------*//*  17. Counter/*----------------------------------------*/.counter {  position: relative;  background: #b69e59;  height: 100%;  min-height: 500px; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .counter {      padding: 10px; } }  .counter.active .counter-img {    opacity: 1; }.counter-img {  opacity: 0;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s; }.icon {  margin-bottom: 45px; }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .icon {      margin-bottom: 10px; } }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .icon {      margin-bottom: 15px; } }@media only screen and (min-width: 768px) and (max-width: 991px) {  .counter-content .icon img {    width: 80px; } }.counter-content {  padding: 30px 75px;  padding-top: 30px;  padding-top: 35px; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .counter-content {      padding: 30px; } }  @media (max-width: 767px) {    .counter-content {      padding: 30px 20px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .counter-content {      padding: 30px; } }  @media only screen and (min-width: 1200px) and (max-width: 1450px) {    .counter-content {      padding: 35px 25px; } }  .counter-content h3 {    color: #ffffff;    margin-bottom: 26px; }    @media only screen and (min-width: 1200px) and (max-width: 1450px) {      .counter-content h3 {        margin-bottom: 20px; } }  .counter-content p {    color: #ffffff;    margin: 0; }/*----------------------------------------*//*  18. Contact/*----------------------------------------*/.single-address {  border: 2px solid #eaedff;  padding: 50px 30px;  padding-bottom: 22px; }.single-address span {  font-size: 16px;  text-transform: uppercase;  letter-spacing: 2px;  font-weight: 500;  color: #959f9c;  display: block;  padding-bottom: 10px; }.single-address img {  margin-bottom: 20px; }.address-info h2 {  font-size: 30px;  font-weight: 700;  margin-bottom: 10px; }.address-info p {  font-size: 16px;  color: #6a6560;  margin-bottom: 4px; }.address-info {  margin-bottom: 30px; }.contact-area {  background: #F4F9FC; }.contact-map {  min-height: 600px; }.contact-form .name {  position: relative;  margin-bottom: 40px; }  .contact-form .name label {    font-size: 16px;    font-weight: 500;    color: #2a2d2c;    display: block;    text-transform: uppercase;    letter-spacing: 2px;    margin-bottom: 15px; }    .contact-form .name label span {      color: #b69e59; }  .contact-form .name:before {    position: absolute;    content: '\f007';    font-family: 'Font Awesome 5 Free';    font-weight: 400;    color: #b69e59;    top: 63px;    left: 50px; }.contact-form .email {  position: relative;  margin-bottom: 40px; }  .contact-form .email label {    font-size: 16px;    font-weight: 500;    color: #2a2d2c;    display: block;    text-transform: uppercase;    letter-spacing: 2px;    margin-bottom: 15px; }    .contact-form .email label span {      color: #b69e59; }  .contact-form .email:before {    position: absolute;    content: '\f0e0';    font-family: 'Font Awesome 5 Free';    font-weight: 400;    color: #b69e59;    top: 63px;    left: 50px; }.contact-form .phone {  position: relative;  margin-bottom: 40px; }  .contact-form .phone label {    font-size: 16px;    font-weight: 500;    color: #2a2d2c;    display: block;    text-transform: uppercase;    letter-spacing: 2px;    margin-bottom: 15px; }    .contact-form .phone label span {      color: #b69e59; }  .contact-form .phone:before {    position: absolute;    content: '\f095';    font-family: 'Font Awesome 5 Free';    font-weight: 900;    color: #b69e59;    top: 63px;    left: 50px; }.contact-form .service {  position: relative;  margin-bottom: 40px; }  .contact-form .service label {    font-size: 16px;    font-weight: 500;    color: #2a2d2c;    display: block;    text-transform: uppercase;    letter-spacing: 2px;    margin-bottom: 15px; }    .contact-form .service label span {      color: #b69e59; }  .contact-form .service:before {    position: absolute;    content: '\f044';    font-family: 'Font Awesome 5 Free';    font-weight: 400;    color: #b69e59;    top: 63px;    left: 50px; }.contact-form .massage {  position: relative;  margin-bottom: 40px; }  .contact-form .massage label {    font-size: 16px;    font-weight: 500;    color: #2a2d2c;    display: block;    text-transform: uppercase;    letter-spacing: 2px;    margin-bottom: 15px; }  .contact-form .massage:before {    position: absolute;    content: '\f075';    font-family: 'Font Awesome 5 Free';    font-weight: 400;    color: #b69e59;    top: 63px;    left: 50px; }.contact-form input {  width: 100%;  padding: 20px 95px;  background: #ffffff;  border: none; }.contact-form textarea {  width: 100%;  padding: 20px 95px;  background: #ffffff;  border: none; }/*----------------------------------------*//*  19. Footer/*----------------------------------------*/footer {  position: relative; }  footer.hp-1 {    top: 0; }  footer.offers {    top: 0; }  footer.style-3 {    top: 0;    background: #222222; }  @media only screen and (min-width: 768px) and (max-width: 991px) {    footer {      top: 0; } }  @media (max-width: 767px) {    footer {      top: 0; } }.footer-logo {  margin-bottom: 0; }.footer-widget p {  color: #cacaca;  margin-bottom: 35px;  padding-right: 55px; }  .footer-widget p.hp-1 {    padding-right: 0; }  @media (max-width: 767px) {    .footer-widget p {      padding-right: 0; } }.footer-widget.style-3 p {  text-align: center; }.footer-social-link li {  display: inline-block; }  .footer-social-link li a {    display: inline-block;    width: 50px;    height: 50px;    line-height: 50px;    text-align: center;    background: #363a39;    color: #ffffff;    margin-right: 5px;    -webkit-transition: all 0.3s ease-out 0s;    -moz-transition: all 0.3s ease-out 0s;    -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;    transition: all 0.3s ease-out 0s;    border-radius: 50%;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    -ms-border-radius: 50%;    -o-border-radius: 50%; }    .footer-social-link li a:hover {      background: #e8d2b8;      color: #2a2d2c; }@media (max-width: 767px) {  .footer-widget {    margin-top: 25px;    padding-left: 0; } }.footer-widget h2 {  font-size: 24px;  color: #ffffff;  margin-top: 5px;  padding-bottom: 30px; }.footer-menu {  padding-right: 70px; }  .footer-menu li {    padding-bottom: 19px;    float: left;    width: 50%; }    .footer-menu li a {      color: #cacaca;      -webkit-transition: all 0.3s ease-out 0s;      -moz-transition: all 0.3s ease-out 0s;      -ms-transition: all 0.3s ease-out 0s;      -o-transition: all 0.3s ease-out 0s;      transition: all 0.3s ease-out 0s; }      .footer-menu li a:hover {        color: #e8d2b8; }.footer-contact form .footer-email {  position: relative; }  .footer-contact form .footer-email input {    width: 100%;    background: #ffffff;    border: none;    margin-bottom: 15px;    color: #a19d98;    padding: 18px 28px; }  .footer-contact form .footer-email::after {    position: absolute;    content: '\f0e0';    font-family: "Font Awesome 5 Free";    font-weight: 400;    right: 30px;    top: 17px; }.footer-contact form .footer-massage {  position: relative; }  .footer-contact form .footer-massage textarea {    width: 100%;    background: #ffffff;    border: none;    color: #a19d98;    padding: 18px 28px; }  .footer-contact form .footer-massage::after {    position: absolute;    content: '\f304';    font-family: "Font Awesome 5 Free";    font-weight: 900;    right: 30px;    top: 17px; }.footer-contact form button {  border: 2px solid #e8d2b8;  -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;  -ms-transition: all 0.3s ease-out 0s;  -o-transition: all 0.3s ease-out 0s;  transition: all 0.3s ease-out 0s;  margin-top: 25px;  cursor: pointer; }  @media only screen and (min-width: 992px) and (max-width: 1200px) {    .footer-contact form button {      padding: 20px 25px; }      .footer-contact form button:hover {        padding: 20px 25px; } }  @media only screen and (min-width: 768px) and (max-width: 991px) {    .footer-contact form button {      padding: 20px 25px; }      .footer-contact form button:hover {        padding: 20px 25px; } }.footer-bottom.style-3 {  background: #1b1b1b; }.copyright h6 {  margin-bottom: 0; }.copyright.style-3 h6 {  color: #d9d9d9; }.footer-top {  background: #0f0c20;  border-bottom: 2px solid #16132c; }  .footer-top p {    color: #a6a2bd; }.footer-subscribe {  margin-bottom: 30px; }  .footer-subscribe input {    width: 100%;    padding: 20px 30px; }  .footer-subscribe button {    position: absolute;    right: 15px;    padding: 21px 25px;    border: none;    background: #e61616;    color: #ffffff;    cursor: pointer; }.feeds {  display: flex;  margin-bottom: 15px; }.feeds-icon {  color: #e61616;  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: #e61616;    color: #ffffff; }/*# sourceMappingURL=style.css.map */