/*----------------------------------------------------------------------------------- Template Name: Kindspa - Spa and Beauty Salon HTML5 Template Description: Kindspa - Spa and Beauty Salon HTML5 Template Author: BasicTheme Version: 1.0 ----------------------------------------------------------------------------------- CSS INDEX =================== 01. Theme default CSS 02. Header 03. Slider 04. About 05. Features 06. Features2 07. Services 08. Team 09. Video 10. Price 11. Call TO Action 12. Blog 13. Subscribe 14. Gallery 15. Appointment 16. Brand 17. Counter 18. Contact 19. Footer -----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/* 01. Theme default CSS 
/*----------------------------------------*/
 @import url("https://fonts.googleapis.com/css?family=Domine:400,700|Open+Sans:300,400,600,700,800|Rubik:400,500,700,900");
 body {
     font-family: 'Rubik', sans-serif;
     font-weight: 400;
     font-style: normal;
     color: #6a6560;
     font-size: 14px;
     line-height: 26px;
}
 .img, img {
     max-width: 100%;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .f-left {
     float: left;
}
 .f-right {
     float: right;
}
 .fix {
     overflow: hidden;
}

html {
    scroll-behavior: smooth;
}  

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;
}
 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: #243b42;
}
 .theme-bg {
     background: #243b42eb;
}
 .btn-black {
     background: #2a2d2c;
}
 .pink-bg {
     background: #ec5598;
}
 .blue-bg {
     background: #6a1b9a;
}
/*-- - color -----------------------------------------*/
 .white-color {
     color: #ffffff;
}
 .black-color {
     color: #2a2d2c;
}
 .theme-color {
     color: #252827;
}
 .pink-color {
     color: #ec5598;
}
 .blue-color {
     color: #6a1b9a;
}
 .brown-color {
     color: #b69e59;
}
/*-------------------------------------- - Button ----------------------------------------*/
/* Small Heding Title*/
 .small-title.hp-1 {
     color: #657583;
}
/* Section Title */
 .title-heading.hp-1 {
     color: #0f0c20;
}
/*-- - Margin & Padding -----------------------------------------*/
/*-- Margin Top --*/
 .mt-5 {
     margin-top: 5px;
}
 .mt-10 {
     margin-top: 10px;
}
 .mt-15 {
     margin-top: 15px;
}
 .mt-20 {
     margin-top: 20px;
}
 .mt-25 {
     margin-top: 25px;
}
 .mt-30 {
     margin-top: 30px;
}
 .mt-35 {
     margin-top: 35px;
}
 .mt-40 {
     margin-top: 40px;
}
 .mt-45 {
     margin-top: 45px;
}
 .mt-50 {
     margin-top: 50px;
}
 .mt-55 {
     margin-top: 55px;
}
 .mt-60 {
     margin-top: 60px;
}
 .mt-65 {
     margin-top: 65px;
}
 .mt-70 {
     margin-top: 70px;
}
 .mt-75 {
     margin-top: 75px;
}
 .mt-80 {
     margin-top: 80px;
}
 .mt-85 {
     margin-top: 85px;
}
 .mt-90 {
     margin-top: 90px;
}
 .mt-95 {
     margin-top: 95px;
}
 .mt-100 {
     margin-top: 100px;
}
 .mt-105 {
     margin-top: 105px;
}
 .mt-110 {
     margin-top: 110px;
}
 .mt-115 {
     margin-top: 115px;
}
 .mt-120 {
     margin-top: 120px;
}
 .mt-125 {
     margin-top: 125px;
}
 .mt-130 {
     margin-top: 130px;
}
 .mt-135 {
     margin-top: 135px;
}
 .mt-140 {
     margin-top: 140px;
}
 .mt-145 {
     margin-top: 145px;
}
 .mt-150 {
     margin-top: 150px;
}
 .mt-155 {
     margin-top: 155px;
}
 .mt-160 {
     margin-top: 160px;
}
 .mt-165 {
     margin-top: 165px;
}
 .mt-170 {
     margin-top: 170px;
}
 .mt-175 {
     margin-top: 175px;
}
 .mt-180 {
     margin-top: 180px;
}
 .mt-185 {
     margin-top: 185px;
}
 .mt-190 {
     margin-top: 190px;
}
 .mt-195 {
     margin-top: 195px;
}
 .mt-200 {
     margin-top: 200px;
}
/*-- Margin Bottom --*/
 .mb-5 {
     margin-bottom: 5px;
}
 .mb-10 {
     margin-bottom: 10px;
}
 .mb-15 {
     margin-bottom: 15px;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .mb-25 {
     margin-bottom: 25px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mb-35 {
     margin-bottom: 35px;
}
 .mb-40 {
     margin-bottom: 40px;
}
 .mb-45 {
     margin-bottom: 45px;
}
 .mb-50 {
     margin-bottom: 50px;
}
 .mb-55 {
     margin-bottom: 55px;
}
 .mb-60 {
     margin-bottom: 60px;
}
 .mb-65 {
     margin-bottom: 65px;
}
 .mb-70 {
     margin-bottom: 70px;
}
 .mb-75 {
     margin-bottom: 75px;
}
 .mb-80 {
     margin-bottom: 80px;
}
 .mb-85 {
     margin-bottom: 85px;
}
 .mb-90 {
     margin-bottom: 90px;
}
 .mb-95 {
     margin-bottom: 95px;
}
 .mb-100 {
     margin-bottom: 100px;
}
 .mb-105 {
     margin-bottom: 105px;
}
 .mb-110 {
     margin-bottom: 110px;
}
 .mb-115 {
     margin-bottom: 115px;
}
 .mb-120 {
     margin-bottom: 120px;
}
 .mb-125 {
     margin-bottom: 125px;
}
 .mb-130 {
     margin-bottom: 130px;
}
 .mb-135 {
     margin-bottom: 135px;
}
 .mb-140 {
     margin-bottom: 140px;
}
 .mb-145 {
     margin-bottom: 145px;
}
 .mb-150 {
     margin-bottom: 150px;
}
 .mb-155 {
     margin-bottom: 155px;
}
 .mb-160 {
     margin-bottom: 160px;
}
 .mb-165 {
     margin-bottom: 165px;
}
 .mb-170 {
     margin-bottom: 170px;
}
 .mb-175 {
     margin-bottom: 175px;
}
 .mb-180 {
     margin-bottom: 180px;
}
 .mb-185 {
     margin-bottom: 185px;
}
 .mb-190 {
     margin-bottom: 190px;
}
 .mb-195 {
     margin-bottom: 195px;
}
 .mb-200 {
     margin-bottom: 200px;
}
/*-- Margin Left --*/
 .ml-5 {
     margin-left: 5px;
}
 .ml-10 {
     margin-left: 10px;
}
 .ml-15 {
     margin-left: 15px;
}
 .ml-20 {
     margin-left: 20px;
}
 .ml-25 {
     margin-left: 25px;
}
 .ml-30 {
     margin-left: 30px;
}
 .ml-35 {
     margin-left: 35px;
}
 .ml-40 {
     margin-left: 40px;
}
 .ml-45 {
     margin-left: 45px;
}
 .ml-50 {
     margin-left: 50px;
}
 .ml-55 {
     margin-left: 55px;
}
 .ml-60 {
     margin-left: 60px;
}
 .ml-65 {
     margin-left: 65px;
}
 .ml-70 {
     margin-left: 70px;
}
 .ml-75 {
     margin-left: 75px;
}
 .ml-80 {
     margin-left: 80px;
}
 .ml-85 {
     margin-left: 85px;
}
 .ml-90 {
     margin-left: 90px;
}
 .ml-95 {
     margin-left: 95px;
}
 .ml-100 {
     margin-left: 100px;
}
 .ml-105 {
     margin-left: 105px;
}
 .ml-110 {
     margin-left: 110px;
}
 .ml-115 {
     margin-left: 115px;
}
 .ml-120 {
     margin-left: 120px;
}
 .ml-125 {
     margin-left: 125px;
}
 .ml-130 {
     margin-left: 130px;
}
 .ml-135 {
     margin-left: 135px;
}
 .ml-140 {
     margin-left: 140px;
}
 .ml-145 {
     margin-left: 145px;
}
 .ml-150 {
     margin-left: 150px;
}
 .ml-155 {
     margin-left: 155px;
}
 .ml-160 {
     margin-left: 160px;
}
 .ml-165 {
     margin-left: 165px;
}
 .ml-170 {
     margin-left: 170px;
}
 .ml-175 {
     margin-left: 175px;
}
 .ml-180 {
     margin-left: 180px;
}
 .ml-185 {
     margin-left: 185px;
}
 .ml-190 {
     margin-left: 190px;
}
 .ml-195 {
     margin-left: 195px;
}
 .ml-200 {
     margin-left: 200px;
}
/*-- Margin Right --*/
 .mr-5 {
     margin-right: 5px;
}
 .mr-10 {
     margin-right: 10px;
}
 .mr-15 {
     margin-right: 15px;
}
 .mr-20 {
     margin-right: 20px;
}
 .mr-25 {
     margin-right: 25px;
}
 .mr-30 {
     margin-right: 30px;
}
 .mr-35 {
     margin-right: 35px;
}
 .mr-40 {
     margin-right: 40px;
}
 .mr-45 {
     margin-right: 45px;
}
 .mr-50 {
     margin-right: 50px;
}
 .mr-55 {
     margin-right: 55px;
}
 .mr-60 {
     margin-right: 60px;
}
 .mr-65 {
     margin-right: 65px;
}
 .mr-70 {
     margin-right: 70px;
}
 .mr-75 {
     margin-right: 75px;
}
 .mr-80 {
     margin-right: 80px;
}
 .mr-85 {
     margin-right: 85px;
}
 .mr-90 {
     margin-right: 90px;
}
 .mr-95 {
     margin-right: 95px;
}
 .mr-100 {
     margin-right: 100px;
}
 .mr-105 {
     margin-right: 105px;
}
 .mr-110 {
     margin-right: 110px;
}
 .mr-115 {
     margin-right: 115px;
}
 .mr-120 {
     margin-right: 120px;
}
 .mr-125 {
     margin-right: 125px;
}
 .mr-130 {
     margin-right: 130px;
}
 .mr-135 {
     margin-right: 135px;
}
 .mr-140 {
     margin-right: 140px;
}
 .mr-145 {
     margin-right: 145px;
}
 .mr-150 {
     margin-right: 150px;
}
 .mr-155 {
     margin-right: 155px;
}
 .mr-160 {
     margin-right: 160px;
}
 .mr-165 {
     margin-right: 165px;
}
 .mr-170 {
     margin-right: 170px;
}
 .mr-175 {
     margin-right: 175px;
}
 .mr-180 {
     margin-right: 180px;
}
 .mr-185 {
     margin-right: 185px;
}
 .mr-190 {
     margin-right: 190px;
}
 .mr-195 {
     margin-right: 195px;
}
 .mr-200 {
     margin-right: 200px;
}
/*-- Padding Top --*/
 .pt-5 {
     padding-top: 5px;
}
 .pt-10 {
     padding-top: 10px;
}
 .pt-15 {
     padding-top: 15px;
}
 .pt-20 {
     padding-top: 20px;
}
 .pt-25 {
     padding-top: 25px;
}
 .pt-30 {
     padding-top: 30px;
}
 .pt-35 {
     padding-top: 35px;
}
 .pt-40 {
     padding-top: 40px;
}
 .pt-45 {
     padding-top: 45px;
}
 .pt-50 {
     padding-top: 50px;
}
 .pt-55 {
     padding-top: 55px;
}
 .pt-60 {
     padding-top: 60px;
}
 .pt-65 {
     padding-top: 65px;
}
 .pt-70 {
     padding-top: 70px;
}
 .pt-75 {
     padding-top: 75px;
}
 .pt-80 {
     padding-top: 80px;
}
 .pt-85 {
     padding-top: 85px;
}
 .pt-90 {
     padding-top: 90px;
}
 .pt-95 {
     padding-top: 95px;
}
 .pt-100 {
     padding-top: 100px;
}
 .pt-105 {
     padding-top: 105px;
}
 .pt-110 {
     padding-top: 110px;
}
 .pt-115 {
     padding-top: 115px;
}
 .pt-120 {
     padding-top: 120px;
}
 .pt-125 {
     padding-top: 125px;
}
 .pt-130 {
     padding-top: 130px;
}
 .pt-135 {
     padding-top: 135px;
}
 .pt-140 {
     padding-top: 140px;
}
 .pt-145 {
     padding-top: 145px;
}
 .pt-150 {
     padding-top: 150px;
}
 .pt-155 {
     padding-top: 155px;
}
 .pt-160 {
     padding-top: 160px;
}
 .pt-165 {
     padding-top: 165px;
}
 .pt-170 {
     padding-top: 170px;
}
 .pt-175 {
     padding-top: 175px;
}
 .pt-180 {
     padding-top: 180px;
}
 .pt-185 {
     padding-top: 185px;
}
 .pt-190 {
     padding-top: 190px;
}
 .pt-195 {
     padding-top: 195px;
}
 .pt-200 {
     padding-top: 200px;
}
/*-- Padding Bottom --*/
 .pb-5 {
     padding-bottom: 5px;
}
 .pb-10 {
     padding-bottom: 10px;
}
 .pb-15 {
     padding-bottom: 15px;
}
 .pb-20 {
     padding-bottom: 20px;
}
 .pb-25 {
     padding-bottom: 25px;
}
 .pb-30 {
     padding-bottom: 30px;
}
 .pb-35 {
     padding-bottom: 35px;
}
 .pb-40 {
     padding-bottom: 40px;
}
 .pb-45 {
     padding-bottom: 45px;
}
 .pb-50 {
     padding-bottom: 50px;
}
 .pb-55 {
     padding-bottom: 55px;
}
 .pb-60 {
     padding-bottom: 60px;
}
 .pb-65 {
     padding-bottom: 65px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .pb-75 {
     padding-bottom: 75px;
}
 .pb-80 {
     padding-bottom: 80px;
}
 .pb-85 {
     padding-bottom: 85px;
}
 .pb-90 {
     padding-bottom: 90px;
}
 .pb-95 {
     padding-bottom: 95px;
}
 .pb-100 {
     padding-bottom: 100px;
}
 .pb-105 {
     padding-bottom: 105px;
}
 .pb-110 {
     padding-bottom: 110px;
}
 .pb-115 {
     padding-bottom: 115px;
}
 .pb-120 {
     padding-bottom: 120px;
}
 .pb-125 {
     padding-bottom: 125px;
}
 .pb-130 {
     padding-bottom: 130px;
}
 .pb-135 {
     padding-bottom: 135px;
}
 .pb-140 {
     padding-bottom: 140px;
}
 .pb-145 {
     padding-bottom: 145px;
}
 .pb-150 {
     padding-bottom: 150px;
}
 .pb-155 {
     padding-bottom: 155px;
}
 .pb-160 {
     padding-bottom: 160px;
}
 .pb-165 {
     padding-bottom: 165px;
}
 .pb-170 {
     padding-bottom: 170px;
}
 .pb-175 {
     padding-bottom: 175px;
}
 .pb-180 {
     padding-bottom: 180px;
}
 .pb-185 {
     padding-bottom: 185px;
}
 .pb-190 {
     padding-bottom: 190px;
}
 .pb-195 {
     padding-bottom: 195px;
}
 .pb-200 {
     padding-bottom: 200px;
}
/*-- Padding Left --*/
 .pl-5 {
     padding-left: 5px;
}
 .pl-10 {
     padding-left: 10px;
}
 .pl-15 {
     padding-left: 15px;
}
 .pl-20 {
     padding-left: 20px;
}
 .pl-25 {
     padding-left: 25px;
}
 .pl-30 {
     padding-left: 30px;
}
 .pl-35 {
     padding-left: 35px;
}
 .pl-40 {
     padding-left: 40px;
}
 .pl-45 {
     padding-left: 45px;
}
 .pl-50 {
     padding-left: 50px;
}
 .pl-55 {
     padding-left: 55px;
}
 .pl-60 {
     padding-left: 60px;
}
 .pl-65 {
     padding-left: 65px;
}
 .pl-70 {
     padding-left: 70px;
}
 .pl-75 {
     padding-left: 75px;
}
 .pl-80 {
     padding-left: 80px;
}
 .pl-85 {
     padding-left: 85px;
}
 .pl-90 {
     padding-left: 90px;
}
 .pl-95 {
     padding-left: 95px;
}
 .pl-100 {
     padding-left: 100px;
}
 .pl-105 {
     padding-left: 105px;
}
 .pl-110 {
     padding-left: 110px;
}
 .pl-115 {
     padding-left: 115px;
}
 .pl-120 {
     padding-left: 120px;
}
 .pl-125 {
     padding-left: 125px;
}
 .pl-130 {
     padding-left: 130px;
}
 .pl-135 {
     padding-left: 135px;
}
 .pl-140 {
     padding-left: 140px;
}
 .pl-145 {
     padding-left: 145px;
}
 .pl-150 {
     padding-left: 150px;
}
 .pl-155 {
     padding-left: 155px;
}
 .pl-160 {
     padding-left: 160px;
}
 .pl-165 {
     padding-left: 165px;
}
 .pl-170 {
     padding-left: 170px;
}
 .pl-175 {
     padding-left: 175px;
}
 .pl-180 {
     padding-left: 180px;
}
 .pl-185 {
     padding-left: 185px;
}
 .pl-190 {
     padding-left: 190px;
}
 .pl-195 {
     padding-left: 195px;
}
 .pl-200 {
     padding-left: 200px;
}
/*-- Padding Right --*/
 .pr-5 {
     padding-right: 5px;
}
 .pr-10 {
     padding-right: 10px;
}
 .pr-15 {
     padding-right: 15px;
}
 .pr-20 {
     padding-right: 20px;
}
 .pr-25 {
     padding-right: 25px;
}
 .pr-30 {
     padding-right: 30px;
}
 .pr-35 {
     padding-right: 35px;
}
 .pr-40 {
     padding-right: 40px;
}
 .pr-45 {
     padding-right: 45px;
}
 .pr-50 {
     padding-right: 50px;
}
 .pr-55 {
     padding-right: 55px;
}
 .pr-60 {
     padding-right: 60px;
}
 .pr-65 {
     padding-right: 65px;
}
 .pr-70 {
     padding-right: 70px;
}
 .pr-75 {
     padding-right: 75px;
}
 .pr-80 {
     padding-right: 80px;
}
 .pr-85 {
     padding-right: 85px;
}
 .pr-90 {
     padding-right: 90px;
}
 .pr-95 {
     padding-right: 95px;
}
 .pr-100 {
     padding-right: 100px;
}
 .pr-105 {
     padding-right: 105px;
}
 .pr-110 {
     padding-right: 110px;
}
 .pr-115 {
     padding-right: 115px;
}
 .pr-120 {
     padding-right: 120px;
}
 .pr-125 {
     padding-right: 125px;
}
 .pr-130 {
     padding-right: 130px;
}
 .pr-135 {
     padding-right: 135px;
}
 .pr-140 {
     padding-right: 140px;
}
 .pr-145 {
     padding-right: 145px;
}
 .pr-150 {
     padding-right: 150px;
}
 .pr-155 {
     padding-right: 155px;
}
 .pr-160 {
     padding-right: 160px;
}
 .pr-165 {
     padding-right: 165px;
}
 .pr-170 {
     padding-right: 170px;
}
 .pr-175 {
     padding-right: 175px;
}
 .pr-180 {
     padding-right: 180px;
}
 .pr-185 {
     padding-right: 185px;
}
 .pr-190 {
     padding-right: 190px;
}
 .pr-195 {
     padding-right: 195px;
}
 .pr-200 {
     padding-right: 200px;
}
/* Button Background Style */
 .btn, .border-btn:hover, .theme-btn, .black-btn:hover, .theme-btn:hover, .black-btn, .brown-btn, .grey-btn:hover, .brown-btn:hover, .grey-btn, .border-btn {
    text-transform: uppercase;
    padding: 0 20px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    letter-spacing: 2px;
    color: #2a2d2c;
    background: transparent;
    font-family: "Rubik", sans-serif;
    line-height: 1;
    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: #f8db44;
     background: #477686;
}
 .theme-btn:hover, .black-btn {
     color: #2a2d2c;
     background: #a1d1d0;
}
 .blue-btn, .pink-btn:hover {
     color: #ffffff;
     background: #6a1b9a;
}
 .blue-btn:hover, .pink-btn {
     color: #ffffff;
     background: #ec5598;
}
 .brown-btn, .grey-btn:hover {
     color: #ffffff;
     background: #b69e59;
     border-radius: 40px;
     border: 2px solid #b69e59;
}
 .brown-btn:hover, .grey-btn {
     color: #9a9a9a;
     border-radius: 40px;
     border: 2px solid #9a9a9a;
}
 .border-btn {
     border: 2px solid #96c2c1;
     color: #96c2c1;
}
/* 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;
     background-color: #243b42;
}
 @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: 35px;
}
.logo img {
     width: 250px;
}
 .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: #fff;
     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: #477686;
}
 .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 {
     border: 2px solid #a1d1d0;
     background: #a1d1d0;
     color: #2a2d2c;
     -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 {
     font-size: 14px;
     margin-right: 5px;
}
 .header-btn a:hover {
     background: #243b42;
     color: #a1d1d0;
     border: 2px solid #a1d1d0;
}
/*----------------------------------------*/
/* Homepage1 Header Area 
/*----------------------------------------*/
 .header-top {
     padding: 40px 0;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .header-top {
         padding: 25px 0;
         padding-bottom: 25px;
         padding-bottom: 7px;
    }
}
 @media (max-width: 767px) {
     .header-top {
         padding: 25px 0;
         padding-bottom: 25px;
         padding-bottom: 7px;
    }
}
 .header-info {
     display: flex;
}
 .header-support {
     margin-right: 40px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .header-support {
         margin-right: 25px;
    }
}
 .top-icon i {
     color: #ec5598;
     margin-right: 10px;
}
 .support-text {
     line-height: 24px;
}
 .support-text li.rubik {
     color: #6a6560;
}
 .support-text li.opensens {
     color: #2a2d2c;
     font-weight: 700;
     font-family: "Domine", serif;
     font-size: 16px;
}
 .header-bottom.hp-1 {
     position: relative;
     z-index: 999;
}
 .main-header {
     background: #ec5598;
     padding: 0 20px;
}
 .main-menu.hp-1 ul {
     text-align: left;
}
 .main-menu.hp-1 ul li a {
     color: #ffffff;
     padding: 32px 20px;
     display: inline-block;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .main-menu.hp-1 ul li a {
         padding: 23px 10px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .main-menu.hp-1 ul li a {
         padding: 25px 6px;
    }
}
 .main-menu.hp-1 ul li:hover > a {
     color: #2a2d2c;
}
 .main-menu.hp-1 ul li ul.sub-menu li:hover > a:hover {
     background: none;
     color: #ec5598;
}
 .search-area {
     padding-right: 10px;
     color: #ffffff;
     padding: 32px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .search-area {
         padding: 23px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .search-area {
         padding: 25px 6px;
    }
}
 .logo-area {
     padding: 40px 0;
}
 .menu-area {
     border-top: 2px solid #4e4e4a;
     border-bottom: 2px solid #4e4e4a;
}
 .main-menu.style-3 li {
     padding: 15px 0px;
}
 .main-menu.style-3 li .sub-menu li {
     padding: 0;
}
 .main-menu.style-3 li .sub-menu li a {
     color: #2a2d2c;
     -webkit-transition: all 0.3 ease-out 0s;
     -moz-transition: all 0.3 ease-out 0s;
     -ms-transition: all 0.3 ease-out 0s;
     -o-transition: all 0.3 ease-out 0s;
     transition: all 0.3 ease-out 0s;
}
 .main-menu.style-3 li .sub-menu li a:hover {
     color: #b69e59;
}
 .main-menu.style-3 li a {
     padding-left: 0;
     padding-right: 40px;
     color: #ffffff;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .main-menu.style-3 li a {
         padding-right: 20px;
    }
}
 .main-menu.style-3 li:hover {
     cursor: pointer;
}
 .main-menu.style-3 li:hover a {
     color: #b69e59;
}
 .main-menu.style-3 ul {
     text-align: left;
}
 .header-right {
     padding: 13px 0;
}
 .header-right li {
     display: inline-block;
}
 .header-right li a {
     color: #ffffff;
     margin-left: 20px;
     padding: 15px 0;
     display: block;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .header-right li a {
         margin-left: 14px;
    }
}
 .header-right li a:hover {
     color: #b69e59;
}
 .benner-area {
     position: relative;
}
 .banner {
     min-height: 600px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .banner {
         min-height: 450px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .banner {
         min-height: 350px;
    }
}
 @media (max-width: 767px) {
     .banner {
         min-height: 300px;
    }
}
 .banner-content ul li {
     display: inline-block;
     text-transform: uppercase;
     color: #bfaba2;
     letter-spacing: 2px;
     position: relative;
     padding: 0 10px;
     line-height: 1;
}
 .banner-content h1 {
     color: #ffffff;
     font-size: 90px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .banner-content h1 {
         font-size: 50px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .banner-content h1 {
         font-size: 40px;
    }
}
 @media (max-width: 767px) {
     .banner-content h1 {
         font-size: 30px;
    }
}
 .banner-content ul li::before {
     content: "";
     height: 10px;
     width: 1px;
     background: #bfaba2;
     top: 1px;
     left: -3px;
     position: absolute;
}
 .banner-content ul li:first-child:before {
     display: none;
}
 .banner-content ul {
     margin-bottom: 20px;
}
 .get-in-btn a {
     padding-top: 18px;
     padding-bottom: 18px;
}
/* search modal */
 #search-modal {
     background-color: rgba(23, 26, 33, 0.95);
}
 #search-modal .modal-dialog {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     border: none;
     outline: 0;
}
 #search-modal .modal-dialog .modal-content {
     background: 0 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border: none;
}
 #search-modal .modal-dialog .modal-content form {
     width: 555px;
     position: relative;
}
 #search-modal .modal-dialog .modal-content form input {
     width: 100%;
     font-size: 36px;
     border: none;
     border-bottom: 3px solid rgba(255, 255, 255, 0.1);
     background: 0 0;
     color: #fff;
     padding-bottom: 12px;
     padding-right: 40px;
}
 #search-modal .modal-dialog .modal-content form input::-moz-placeholder {
     font-size: 35px;
}
 #search-modal .modal-dialog .modal-content form input::placeholder {
     font-size: 35px;
}
 #search-modal .modal-dialog .modal-content form button {
     position: absolute;
     right: 0;
     margin-bottom: 3px;
     font-size: 30px;
     color: rgba(255, 255, 255, 0.5);
     background: 0 0;
     border: none;
     cursor: pointer;
     top: 11px;
}
/*----------------------------------------*/
/* 03. Slider Area 
/*----------------------------------------*/
 .slider-area {
     position: relative;
     padding: 0 85px;
     background-color: #243b42;
}
 @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:#a1d1d0;
}
 .slider-content h1 {
     font-size: 110px;
     color: #ffffff;
     line-height: 1.091;
     margin-top: 28px;
}
.slider-content h1 span {
     color: #f8db44;
     font-size: 90px;
}
.slider-content h1 sub{
    font-size: 50px;
    bottom: 0;
    color: #f8db44;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .slider-content h1 {
         font-size: 76px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .slider-content h1 {
         font-size: 80px;
    }
}
 @media (max-width: 767px) {
     .slider-content h1 {
         font-size: 36px;
         margin-top: 20px;
    }
}
 .slider-btn a {
     margin-right: 25px;
     margin-top: 18px;
}
 @media (max-width: 575px) {
     .slider-btn a {
         margin-right: 10px;
         margin-top: 10px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .slider-btn.hp-1 a {
         margin-right: 15px;
    }
}
 @media (max-width: 575px) {
     .slider-btn.hp-1 a {
         margin-right: 0;
    }
}
 .scroll a {
     position: absolute;
     bottom: 100px;
     left: -40px;
     font-family: "Rubik", sans-serif;
     font-weight: 500;
     color: #858988;
     text-transform: uppercase;
     letter-spacing: 20px;
     transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .scroll a {
         color: #ffffff;
         opacity: .7;
         left: -25px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .scroll a {
         left: -65px;
    }
}
 .header-social {
     position: absolute;
     bottom: 0;
     padding-right: 45px;
     padding-bottom: 50px;
     font-family: "Rubik", sans-serif;
     font-weight: 500;
     right: 0;
     text-align: center;
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .header-social {
         padding-right: 55px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .header-social {
         padding-right: 15px;
    }
}
 .header-social ul li {
     text-transform: uppercase;
     line-height: 2.143;
     margin-bottom: 5px;
}
 .header-social ul li a {
     color: #646c69;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .header-social ul li a {
         color: #ffffff;
         opacity: .7;
    }
}
 .header-social ul li a:hover {
     color: #ffffff;
}
 .slider-area.hp-1 {
     position: relative;
     margin-top: -45px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .slider-area.hp-1 {
         margin-top: 0;
    }
}
 @media (max-width: 767px) {
     .slider-area.hp-1 {
         margin-top: 0;
    }
}
 .slider-content.hp-1 h6 {
     color: #ec5598;
}
 .slider-content.hp-1 h1 {
     color: #2a2d2c;
}
 .slider-content.style-3 {
     margin-top: 200px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .slider-content.style-3 {
         margin-top: 70px;
    }
}
 @media (max-width: 767px) {
     .slider-content.style-3 {
         margin-top: 70px;
    }
}
 .single-slider.style-3 h6 {
     color: #b69e59;
}
 .slider-active .slick-dots {
     text-align: center;
     bottom: 30px;
     z-index: 99;
     position: absolute;
     left: 0;
     right: 0;
     z-index: 12;
}
 .slider-active .slick-dots li {
     display: inline-block;
     margin: 0 4px;
}
 .slider-active .slick-dots li button {
     background: no-repeat;
     border: 0;
     height: 10px;
     width: 13px;
     text-indent: -9999px;
     transition: .3s;
     padding: 0;
     border: 2px solid #cccccc;
     height: 13px;
     border-radius: 50%;
}
 .slider-active .slick-dots li.slick-active button {
     border-color: #292929;
}
 .slider-white .slick-dots li.slick-active button {
     border-color: #fff;
     background: #fff;
}
 .slider-active button.slick-arrow {
     position: absolute;
     top: 50%;
     left: 90px;
     transform: translateY(-50%);
     background: none;
     border: 0;
     font-size: 16px;
     padding: 0;
     color: #2a2d2c;
     z-index: 2;
     opacity: 0;
     visibility: hidden;
     height: 80px;
     width: 80px;
     border-radius: 50%;
     cursor: pointer;
     background: #ffffff;
     line-height: 80px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .slider-active button.slick-arrow {
         left: 30px;
    }
}
 .slider-3 button.slick-arrow {
     color: #2a2d2c;
     background: #fff1f0;
}
 .slider-active button.slick-next {
     left: auto;
     right: 90px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .slider-active button.slick-next {
         right: 30px;
    }
}
 .slider-active:hover button.slick-prev {
     left: 105px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .slider-active:hover button.slick-prev {
         left: 25px;
    }
}
 .slider-active:hover button.slick-next {
     right: 105px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .slider-active:hover button.slick-next {
         right: 25px;
    }
}
 .slider-active:hover button {
     opacity: 1;
     visibility: visible;
}
 .slider-active button:hover {
     background: #96c2c1;
     color: #2a2d2c;
}
/*----------------------------------------*/
/* 04. About 
/*----------------------------------------*/
 .about-border {
     border: 20px solid #477686;
     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 #96c2c1;
    }
}
 @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: #a1d1d0;
}
 .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 img {
     width: 60px;
     height: auto
 }
 .feature-icon:hover {
     background: #a1d1d0;
}
 .feature-content h3 {
     margin: 0 auto;
     margin-bottom: 15px;
     padding: 0 40px;
     font-size: 26px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .feature-content h3 {
         font-size: 22px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .feature-content h3 {
         padding: 0 25px;
    }
}
 @media (max-width: 575px) {
     .feature-content h3 {
         padding: 0;
    }
}
 .feature-content p {
     padding: 0 30px;
     margin: 0;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .feature-content p {
         padding: 0 15px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .feature-content p {
         padding: 0 20px;
    }
}
 @media (max-width: 575px) {
     .feature-content p {
         padding: 0;
    }
}
 .features-wrapper {
     border: 2px solid #d8dbff;
     padding: 55px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .features-wrapper {
         padding: 30px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .features-wrapper {
         padding: 20px;
    }
}
 @media (max-width: 575px) {
     .features-wrapper {
         padding: 30px;
    }
}
 .features-wrapper .icon {
     margin-bottom: 35px;
}
 .features-wrapper h4 {
     line-height: 1;
     padding-bottom: 10px;
}
 .features-wrapper h4 a {
     font-size: 24px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     color: #0f0c20;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .features-wrapper h4 a {
         font-size: 20px;
    }
}
 .features-wrapper h4 a:hover {
     color: #ec5598;
}
 .features-wrapper p {
     color: #657583;
     margin-bottom: 18px;
}
 .features-wrapper a {
     color: #657583;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .features-wrapper a:hover {
     color: #ec5598;
}
 .features-wrapper:hover {
     background-color: white;
     box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
     border-color: transparent;
}
 .features-items .icon {
     width: 120px;
     height: 120px;
     background: #b69e59;
     border-radius: 50%;
     text-align: center;
     line-height: 160px;
     display: inline-block;
     margin-bottom: 0;
}
 .features-items .icon i {
     color: #ffffff;
     font-size: 60px;
}
 .features-items h4 {
     font-size: 20px;
     color: #ffffff;
     padding-top: 25px;
     padding-bottom: 15px;
     margin-bottom: 0;
}
 .features-items p {
     color: #ffffff;
     margin-right: 15px;
}
/*----------------------------------------*/
/* 06. Features2 
/*----------------------------------------*/
 .features2-area {
     background-position: center left;
     background-size: cover;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .features2-area {
         background-position: center left;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .features2-area {
         background-position: center left;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .features2-area {
         background-position: center left;
    }
}
 @media (max-width: 575px) {
     .features2-area {
         background-position: center left;
    }
}
 .features2-content span {
     margin-bottom: 25px;
     display: block;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .features2-content span {
         margin-bottom: 15px;
    }
}
 @media (max-width: 767px) {
     .features2-content span {
         margin-bottom: 15px;
    }
}
 .features2-content h2 {
     margin-bottom: 15px;
     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: 80px;
     font-size: 20px;
     margin-bottom: 30px;
}
 @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: #96c2c1;
     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: #96c2c1;
     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: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 12px;
     letter-spacing: 2px;
     font-family: "Rubik", sans-serif;
}
 .team-join a {
     margin-top: 10px;
}
 .team-area.hp-1 {
     background: #ffffff;
}
 .team-area.hp-1 h1 {
     color: #2a2d2c;
}
 .single-team {
     background-color: white;
     box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
     height: 100%;
}
 .team-img img {
     width: 100%;
}
 .team-img.style-1 {
     position: relative;
}
 .team-img.style-1::before {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 15px 20px 15px 0;
     border-color: transparent #fff transparent transparent;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .team-img.style-1::before {
         display: none;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .team-img.style-1::before {
         display: none;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .team-box {
         margin-bottom: 30px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .team-box {
         margin-bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .team-box {
         margin-bottom: 30px;
    }
}
 .style-2 {
     position: relative;
}
 .style-2::before {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 15px 0 15px 20px;
     border-color: transparent transparent transparent #fff;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .style-2::before {
         display: none;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .style-2::before {
         display: none;
    }
}
 .single-content {
     padding: 30px 20px 15px 30px;
}
 .single-content span {
     color: #ec5598;
     text-transform: uppercase;
     padding-bottom: 15px;
     display: block;
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 2px;
}
 .single-content p {
     margin-bottom: 20px;
}
 .single-content .team-social li {
     display: inline-block;
}
 .single-content .team-social li a {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background: #e4e7ff;
     color: #657583;
     margin-right: 5px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single-content .team-social li a:hover {
     background: #6a1b9a;
     color: #ffffff;
}
 .team-area .title-heading.hp-1::after {
     top: 63%;
}
/*----------------------------------------*/
/* 09. Video 
/*----------------------------------------*/
 .video-area {
     position: relative;
}
 .video-area .title-heading {
     margin-bottom: 0;
}
 .video-area .title-heading::after {
     background: url("../img/black-border-shape.png") center center/cover;
}
 .video-active .owl-nav div {
     position: absolute;
     top: 50%;
     left: -95px;
     color: #d8d8d8;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     transform: translateY(140%);
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .video-active .owl-nav div {
         left: -60px;
    }
}
 .video-active .owl-nav div i {
     font-size: 60px;
     line-height: 0;
}
 .video-active .owl-nav div.owl-next {
     left: auto;
     right: -95px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .video-active .owl-nav div.owl-next {
         right: -60px;
    }
}
 .video-active .owl-nav div:hover {
     color: #2a2d2c;
}
 .video-area-01 {
     padding-bottom: 250px;
}
 @media (max-width: 767px) {
     .video-area-01 {
         padding-bottom: 70px;
    }
}
 .video-slider-area {
     margin-top: -250px;
}
 @media (max-width: 767px) {
     .video-slider-area {
         margin-top: -70px;
    }
}
 .single-video {
     position: relative;
}
 .play-icon a {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 140px;
     height: 140px;
     line-height: 140px;
     background: #ffffff;
     text-align: center;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
}
 .play-icon a:hover {
     background: #2a2d2c;
     color: #ffffff;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .play-icon a {
         width: 70px;
         height: 70px;
         line-height: 70px;
    }
}
 @media (max-width: 575px) {
     .play-icon a {
         width: 70px;
         height: 70px;
         line-height: 70px;
    }
}
 .video-intro {
     background: #f6f7f8;
}
 .video-intro span {
     color: #ec5598;
     margin-bottom: 20px;
     display: block;
}
 .video-intro h1 {
     margin-bottom: 20px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .video-intro h1 {
         font-size: 40px;
    }
}
 @media (max-width: 767px) {
     .video-intro h1 {
         font-size: 40px;
    }
}
 .intro-content p {
     padding-right: 110px;
     margin-bottom: 25px;
}
 @media (max-width: 767px) {
     .intro-content p {
         padding-right: 0;
    }
}
 .intro-content ul li {
     clear: both;
}
 .intro-content ul li i {
     width: 30px;
     height: 30px;
     background: #ffffff;
     text-align: center;
     line-height: 30px;
     color: #ec5598;
     box-shadow: 0px 16px 32px 0px rgba(236, 85, 152, 0.3);
     border-radius: 50%;
     margin-bottom: 20px;
     margin-right: 18px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     font-size: 12px;
     float: left;
}
 .intro-content ul li:hover i {
     background: #ec5598;
     color: #ffffff;
}
 .intro-content a {
     margin-top: 20px;
}
 .intro-content ul li span {
     color: #6a6560;
     display: block;
     overflow: hidden;
}
 .video-area span.style-3 {
     color: #ffffff;
}
 .video-area h1.style-3 {
     color: #ffffff;
}
 .intro-img {
     position: relative;
}
 .intro-img img {
     width: 100%;
}
 .intro-img a {
     position: absolute;
     background: #ffffff;
     height: 120px;
     width: 120px;
     top: 50%;
     left: 0;
     right: 0;
     margin: auto;
     text-align: center;
     border-radius: 50%;
     line-height: 120px;
     color: #ec5598;
     transform: translateY(-50%);
}
 .intro-img a:hover {
     background: #ec5598;
     color: #ffffff;
}
/*----------------------------------------*/
/* 10. Price 
/*----------------------------------------*/
 .price-area {
     position: relative;
}
 .price-area.offers {
     top: 0;
     background: #fafaff;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .price-area {
         top: 140px;
    }
}
 @media (max-width: 767px) {
     .price-area {
         top: 0;
    }
}
 .priceing-box {
     box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
     box-sizing: border-box;
     padding: 80px 60px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .priceing-box {
         padding: 80px 15px;
    }
}
 @media (max-width: 767px) {
     .priceing-box {
         padding: 80px 15px;
    }
}
 .priceing-box h6 {
     color: #c2c2c2;
     font-weight: 500;
     font-family: "Rubik", sans-serif;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding-bottom: 5px;
}
 .priceing-box p {
    margin-bottom: 45px;
    font-size: 18px;
}
 .priceing-box a {
     color: #015a58 !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: 25px;
}
 .price h3 {
    font-size: 50px;
    color: #335a59;
    margin-bottom: 2px;
}
.price h3 sub {
    font-size: 18px;
    color: #bdbdbd;
    text-transform: lowercase;
    left: -8px;
    bottom: 1px;
}
 .price-icon {
     width: 200px;
     height: 200px;
     line-height: 200px;
     background: #a1d1d0;
     margin: 0 auto;
     margin-bottom: 40px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .plan-pricing .title-heading::after {
     left: 35px;
}
 .pricing-tabs {
     background: #f6f7f8;
     padding: 10px;
     border-radius: 40px;
}
 @media (max-width: 767px) {
     .pricing-tabs {
         display: block;
         text-align: center;
         margin-bottom: 20px;
    }
}
 .pricing-item {
     padding: 25px 55px;
     display: inline-block;
     line-height: 1;
     border-radius: 40px;
     text-transform: uppercase;
     font-weight: 500;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .pricing-item {
         padding: 20px 25px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .pricing-item {
         padding: 20px 40px;
    }
}
 @media (max-width: 767px) {
     .pricing-item {
         padding: 10px 5px;
         background: none;
    }
}
 .pricing-item.active {
     padding: 25px 60px;
     background: #ec5598;
     color: #ffffff;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .pricing-item.active {
         padding: 20px 40px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .pricing-item.active {
         padding: 20px 40px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .pricing-item.active {
         padding: 20px 40px;
    }
}
 @media (max-width: 767px) {
     .pricing-item.active {
         padding: 10px 5px;
         background: none;
         color: #ec5598;
    }
}
 .single-item {
     padding: 75px;
     border: 2px solid #d8dbff;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .single-item {
         padding: 40px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .single-item {
         padding: 40px 0;
    }
}
 @media (max-width: 767px) {
     .single-item {
         padding: 70px 10px;
    }
}
 .single-item.b-left {
     border-left: none;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .single-item.b-left {
         border: 2px solid #d8dbff;
    }
}
 @media (max-width: 575px) {
     .single-item.b-left {
         border: 2px solid #d8dbff;
    }
}
 .single-item.b-right {
     border-right: none;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .single-item.b-right {
         border: 2px solid #d8dbff;
    }
}
 @media (max-width: 575px) {
     .single-item.b-right {
         border: 2px solid #d8dbff;
    }
}
 .single-item h5 {
     font-size: 14px;
     color: #ec5598;
     text-transform: uppercase;
     margin-bottom: 13px;
     font-family: "Rubik", sans-serif;
     font-weight: 500;
     letter-spacing: 2px;
}
 .single-item h1 {
     font-size: 70px;
     margin-bottom: 10px;
}
 .single-item h1 sub {
     color: #657583;
     font-size: 14px;
}
 .single-item a {
     padding: 23px 60px;
     margin-top: 15px;
}
 .single-item a:hover {
     padding: 23px 60px;
}
 .single-item:hover {
     background-color: white;
     box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
     border: 2px solid transparent;
}
 .pricing-icon {
     margin-bottom: 30px;
}
 .pricing-list li {
     color: #657583;
     text-transform: capitalize;
     line-height: 1;
     margin-bottom: 25px;
}
 .pricing-list li .fa-check {
     color: #ec5598;
     margin-right: 5px;
}
 .pricing-list li.times {
     color: #aab8c4;
}
 .pricing-list li .fa-times {
     margin-right: 5px;
}
 .pricing-plan {
     position: relative;
}
 .badge {
     position: absolute;
     padding: 15px 20px;
     padding-right: 40px;
     background: #fff000;
     line-height: 1;
     border-radius: 0;
     color: #2a2d2c;
     text-transform: uppercase;
     letter-spacing: 2px;
     top: 0;
     transform: rotate(90deg);
     right: 0;
}
 @media (max-width: 767px) {
     .badge {
         top: 30px;
         right: -27px;
    }
}
 .badge::before {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 20px 20px 20px 0;
     border-color: transparent #ffffff transparent transparent;
     top: 0;
     right: 0;
}
 .offer-item {
     background-color: white;
     box-shadow: 0px 8px 16px 0px rgba(217, 217, 217, 0.3);
}
 .offer-item .image img {
     width: 100%;
}
 .offer-content {
     padding-top: 30px;
     padding-bottom: 30px;
}
 .offer-content span {
     color: #8c918e;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 500;
}
 .offer-content h4 {
     font-size: 24px;
     margin-top: 6px;
     margin-bottom: 10px;
}
 .offer-content ul {
     display: inline-block;
     margin-right: 5px;
}
 .offer-content li {
     list-style: none;
     display: inline-block;
     color: #96c2c1;
     font-weight: 500;
}
 .price-fix {
     position: relative;
     top: 0;
}
/*----------------------------------------*/
/* 11. Call TO Action 
/*----------------------------------------*/
 .cta-area {
     position: relative;
}
 .cta-area.style-3 {
     top: 0;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .cta-area {
         top: 0;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cta-area {
         top: 0;
         min-height: 600px;
    }
}
 @media (max-width: 767px) {
     .cta-area {
         top: 0;
    }
}
 .cta-content {
     padding: 250px 0;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cta-content {
         padding: 150px 0;
    }
}
 @media (max-width: 575px) {
     .cta-content {
         padding: 150px 0;
    }
}
 .cta-section span {
     color: #d9d9d9;
     margin-bottom: 30px;
     display: inline-block;
}
 @media (max-width: 767px) {
     .cta-section span {
         margin-bottom: 20px;
    }
}
 .cta-section h1 {
     font-size: 60px;
     color: #ffffff;
     line-height: 70px;
}
 @media (max-width: 767px) {
     .cta-section h1 {
         font-size: 45px;
         line-height: 55px;
    }
}
 .cta-btn {
     margin-top: 40px;
}
 .cta-btn a {
     margin: 0 15px;
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .cta-btn a {
         display: block;
         margin-bottom: 10px;
    }
     .cta-btn a:hover {
         display: block;
    }
}
 @media (max-width: 575px) {
     .cta-btn a {
         display: block;
         margin-bottom: 10px;
    }
     .cta-btn a:hover {
         display: block;
    }
}
/*----------------------------------------*/
/* 12. Blog 
/*----------------------------------------*/
 .blog-area {
     position: relative;
}
 .blog-area.hp-1 {
     top: 0;
}
 .blog-area.style-3 {
     top: 0;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .blog-area {
         top: 0;
    }
}
 @media (max-width: 767px) {
     .blog-area {
         top: 0;
    }
}
 .blog-image img {
     width: 100%;
}
 .blog-content h3 {
     font-size: 24px;
     line-height: 36px;
     padding-bottom: 5px;
}
 .blog-content h3 a:hover.hp-1 {
     color: #ec5598;
}
 .blog-content p {
     padding-right: 30px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .blog-content p {
         padding-right: 0;
    }
}
 @media (max-width: 575px) {
     .blog-content p {
         padding-right: 0;
    }
}
 .blog-content hr {
     border: 1px solid #d7d7d7;
     margin-top: 25px;
     margin-bottom: 15px;
}
 .blog-arc a {
     margin-right: 30px;
     font-size: 14px;
     color: #6a6560;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     margin-bottom: 5px;
     display: inline-block;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .blog-arc a {
         margin-right: 15px;
    }
}
 @media (max-width: 767px) {
     .blog-arc a {
         margin-right: 12px;
    }
}
 .blog-arc a i {
     margin-right: 5px;
}
 .blog-arc a:hover {
     color: #ec5598;
}
/* 19. Blog */
 .latest-news {
     position: relative;
}
 .news__thumb img {
     width: 100%;
}
 .postbox__thumb img {
     width: 100%;
}
 .blog-inner-img img {
     width: 100%;
}
 .news-meta span {
     font-weight: 500;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #747691;
     margin-right: 15px;
     font-size: 13px;
}
 .news-meta span a {
     color: #747691;
}
 .news-meta span a:hover {
     color: #96c2c1;
}
 .news__caption h2 {
     font-size: 24px;
     margin-bottom: 15px;
     line-height: 1.4;
}
 .news__caption h2 a:hover {
     color: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
     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: #96c2c1;
}
 .post-meta span i {
     color: #ec5598;
     margin-right: 2px;
}
 .post-meta span a {
     color: #6f7172;
}
 .postbox__text {
     background: #faf9ff;
}
 .p-50 {
     padding: 50px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .p-50 {
         padding: 30px;
    }
}
 @media (max-width: 767px) {
     .p-50 {
         padding: 30px;
    }
}
 .p-30 {
     padding: 30px;
}
 .post-meta {
     margin-bottom: 20px;
}
 .blog-title {
     font-size: 28px;
     line-height: 1.3;
     margin-bottom: 20px;
}
 .blog-title a:hover {
     color: #96c2c1;
}
 .read-more {
     letter-spacing: 2px;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 500;
}
 .read-more {
     color: #2a2d2c;
}
 .read-more:hover {
     color: #96c2c1;
}
 .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: #96c2c1;
     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: #96c2c1;
     transform: translateY(-50%);
}
 .video-btn:hover {
     background: #96c2c1;
     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 #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
}
 #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: #96c2c1;
}
 .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: #96c2c1;
     border-color: #96c2c1;
}
 .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: #96c2c1;
}
 .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: #96c2c1;
}
 .post-comments {
     border-bottom: 1px solid #eaedff;
     margin-bottom: 42px;
     padding-bottom: 46px;
}
 .blog-coment-title h2 {
     font-size: 26px;
     margin-bottom: 0;
}
 .comments-avatar {
     float: left;
}
 @media (max-width: 767px) {
     .comments-avatar {
         float: none;
    }
}
 .comments-avatar img {
     width: 100px;
     margin-right: 20px;
}
 .latest-comments li:first-child .comments-box {
     border-top: 0;
     padding-top: 0;
}
 .latest-comments li:last-child .comments-box {
     border-bottom: 0;
     padding-bottom: 0;
}
 .latest-comments li.children {
     margin-left: 100px;
}
 @media (max-width: 767px) {
     .latest-comments li.children {
         margin-left: 0;
    }
}
 .comments-box {
     border-top: 1px solid #eaedff;
     padding: 30px 0;
}
 .comments-text {
     overflow: hidden;
     padding-top: 4px;
}
 @media (max-width: 767px) {
     .comments-text {
         margin-top: 15px;
    }
}
 .comments-text p {
     margin-bottom: 0;
     margin-top: 8px;
}
 .avatar-name h5 {
     font-size: 18px;
     margin-bottom: 7px;
}
 .avatar-name span {
     color: #ec5598;
     font-size: 12px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 2px;
}
 .avatar-name {
     margin-bottom: 3px;
     overflow: hidden;
     position: relative;
}
 .reply {
     color: #6f7172;
     display: inline-block;
     font-size: 14px;
     font-weight: 400;
     transition: .3s;
     line-height: 1;
     margin-top: 4px;
     position: absolute;
     right: 0;
     top: 0;
}
 .reply:hover {
     color: #96c2c1;
}
 .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: #96c2c1;
     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: #96c2c1;
}
 .bakix-navigation h4 {
     font-size: 24px;
     margin: 0;
}
 .bakix-navigation h4 a:hover {
     color: #96c2c1;
}
 .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: #96c2c1;
     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: #96c2c1;
     color: #ffffff;
     border-color: #96c2c1;
}
/*----------------------------------------*/
/* 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: #ec5598;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     width: 100%;
}
 .view-icon {
     text-align: center;
     top: 50%;
     opacity: 0;
     visibility: hidden;
     z-index: 9;
     -webkit-transition: .3s;
     transition: .3s;
     left: 0;
     position: absolute;
     right: 0;
}
 .view-icon a {
     color: #fff;
     display: inline-block;
     font-size: 20px;
}
 .grid-wrapper::before {
     background: #b69e59;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     width: 100%;
}
 .grid-wrapper:hover:before {
     opacity: .9;
}
 .grid-wrapper:hover .view-icon {
     opacity: 1;
     visibility: visible;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
/*----------------------------------------*/
/* 15. Appointment 
/*----------------------------------------*/
 .appointment-area.hp-1 {
     background: url("../img/appointment-bg-01.png") center center/cover;
}
 .appointment-area.style-3 {
     background: #ffffff;
}
 .appointment-intro.hp-1 h6 {
     color: #ec5598;
     margin-bottom: 25px;
}
 .appointment-intro.hp-1 h2 {
     font-size: 46px;
     line-height: 56px;
     color: #ffffff;
     text-transform: unset;
     margin-bottom: 25px;
}
 .appointment-Shedule {
     position: relative;
}
 .appointment-img {
     position: relative;
}
 .appointment-img::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: #ec5598;
     opacity: 0.9;
     z-index: 1;
}
 .appointment-text {
     position: absolute;
     top: 0;
     z-index: 99;
     width: 100%;
     height: 100%;
     padding-top: 50px;
     text-align: center;
     color: #ffffff;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .appointment-text {
         padding-top: 25px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .appointment-text {
         padding-top: 15px;
    }
}
 @media (max-width: 575px) {
     .appointment-text {
         padding-top: 15px;
    }
}
 .appointment-text h4 {
     color: #ffffff;
     font-size: 24px;
}
 .appointment-text hr {
     width: 60px;
     height: 2px;
     background: #ec9ec4;
     border: none;
     margin: 0 auto;
     margin-top: 25px;
     margin-bottom: 22px;
}
 .appointment-text ul li.sunday {
     color: #fff;
     font-weight: 400;
}
 @media (max-width: 767px) {
     .appointment-content {
         padding-top: 25px;
    }
}
 .appointment-content .name {
     width: 48%;
     margin-right: 4%;
     position: relative;
}
 @media (max-width: 575px) {
     .appointment-content .name {
         width: 100%;
         margin-right: 0;
    }
}
 .appointment-content .name::before {
     position: absolute;
     content: '\f007';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     color: #a6a2bd;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 @media (max-width: 575px) {
     .appointment-content .name::before {
         top: 35px;
    }
}
 .appointment-content .name:hover::before {
     color: #ec5598;
}
 .appointment-content .email {
     width: 48%;
     position: relative;
}
 @media (max-width: 575px) {
     .appointment-content .email {
         width: 100%;
         margin-right: 0;
    }
}
 .appointment-content .email::before {
     position: absolute;
     content: '\f0e0';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     color: #a6a2bd;
}
 @media (max-width: 575px) {
     .appointment-content .email::before {
         top: 35px;
    }
}
 .appointment-content .email:hover::before {
     color: #ec5598;
}
 .appointment-content .phone {
     width: 48%;
     margin-right: 4%;
     position: relative;
}
 @media (max-width: 575px) {
     .appointment-content .phone {
         width: 100%;
         margin-right: 0;
    }
}
 .appointment-content .phone::before {
     position: absolute;
     content: '\f095';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 35px;
     color: #a6a2bd;
}
 .appointment-content .phone:hover::before {
     color: #ec5598;
}
 .appointment-content .subject {
     width: 48%;
     position: relative;
}
 @media (max-width: 575px) {
     .appointment-content .subject {
         width: 100%;
         margin-right: 0;
    }
}
 .appointment-content .subject::before {
     position: absolute;
     content: '\f044';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 37px;
     color: #a6a2bd;
}
 .appointment-content .subject::after {
     position: absolute;
     content: '\f107';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 41px;
     color: #a6a2bd;
     right: 0;
}
 .appointment-content .subject:hover::before {
     color: #ec5598;
}
 .appointment-content .subject:hover::after {
     color: #ec5598;
}
 .appointment-content .shedule-date {
     width: 48%;
     margin-right: 4%;
     position: relative;
}
 @media (max-width: 575px) {
     .appointment-content .shedule-date {
         width: 100%;
         margin-right: 0;
    }
}
 .appointment-content .shedule-date::before {
     position: absolute;
     content: '\f073';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 35px;
     color: #a6a2bd;
}
 .appointment-content .shedule-date::after {
     position: absolute;
     content: '\f107';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 35px;
     color: #a6a2bd;
     right: 0;
}
 .appointment-content .shedule-date:hover::before {
     color: #ec5598;
}
 .appointment-content .shedule-date:hover::after {
     color: #ec5598;
}
 .appointment-content .shedule-time {
     width: 48%;
     position: relative;
}
 @media (max-width: 575px) {
     .appointment-content .shedule-time {
         width: 100%;
         margin-right: 0;
    }
}
 .appointment-content .shedule-time::before {
     position: absolute;
     content: '\f017';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 35px;
     color: #a6a2bd;
}
 .appointment-content .shedule-time::after {
     position: absolute;
     content: '\f107';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 35px;
     color: #a6a2bd;
     right: 0;
}
 .appointment-content .shedule-time:hover::before {
     color: #ec5598;
}
 .appointment-content .shedule-time:hover::after {
     color: #ec5598;
}
 .appointment-content .massage {
     position: relative;
}
 .appointment-content .massage::before {
     position: absolute;
     content: '\f075';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     top: 30px;
     color: #a6a2bd;
     left: 0;
}
 .appointment-content .massage:hover::before {
     color: #ec5598;
}
 .appointment-content form input {
     width: 100%;
     background: transparent;
     border: none;
     border-bottom: 2px solid #272241;
     color: #a6a2bd;
     padding: 15px 30px;
     margin-top: 20px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .appointment-content form input[type="text"] {
     margin-top: 0;
     padding-top: 0;
}
 @media (max-width: 575px) {
     .appointment-content form input[type="text"] {
         padding: 15px 30px;
         margin-top: 20px;
    }
}
 .appointment-content form input[type="email"] {
     margin-top: 0;
     padding-top: 0;
}
 @media (max-width: 575px) {
     .appointment-content form input[type="email"] {
         padding: 15px 30px;
         margin-top: 20px;
    }
}
 .appointment-content form input:hover {
     border-color: #ec5598;
     color: #ffffff;
}
 .appointment-content form select {
     width: 100%;
     padding: 20px;
     background: transparent;
     border: none;
     border-bottom: 2px solid #272241;
     margin-top: 17px;
     color: #a6a2bd;
     appearance: none;
     -moz-appearance: none;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 @media (max-width: 575px) {
     .appointment-content form select {
         padding: 20px 30px;
    }
}
 .appointment-content form select:hover {
     border-color: #ec5598;
     color: #ffffff;
}
 .appointment-content form textarea {
     width: 100%;
     margin-top: 15px;
     border: none;
     border-bottom: 2px solid #272241;
     color: #a6a2bd;
     background: transparent;
     padding: 15px 30px;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .appointment-content form textarea:hover {
     border-color: #ec5598;
     color: #ffffff;
}
 .appointment-content form button {
     border: none;
     cursor: pointer;
     margin-top: 30px;
}
 .booking ul {
     position: relative;
}
 .booking ul::before {
     bottom: 32px;
     position: absolute;
     content: " ";
     width: 100%;
     height: 4px;
     background-color: #f8f8f8;
}
 .booking ul li a {
     width: 70px;
     height: 70px;
     line-height: 50px;
     text-align: center;
     border: 4px solid #f8f8f8;
     border-radius: 50%;
     display: inline-block;
     color: #2a2d2c;
     font-family: "Domine", serif;
     font-weight: 700;
     position: relative;
     background: #ffffff;
     z-index: 1;
}
 .booking ul li a.active {
     border: 4px solid #b69e59;
     color: #b69e59;
}
 .booking-service h4 {
     font-size: 24px;
     padding-top: 20px;
}
 .booking-service select {
     padding: 17px 30px;
     width: 100%;
     appearance: none;
     border: none;
     border-bottom: 2px solid #eaeaea;
     color: #7f7f7f;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .booking-service select:hover {
     border-bottom: 2px solid #2a2d2c;
}
 .booking-service input {
     padding: 17px 30px;
     width: 100%;
     border: none;
     border-bottom: 2px solid #eaeaea;
     background: #ffffff;
     color: #7f7f7f;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .booking-service input:hover {
     border-bottom: 2px solid #2a2d2c;
}
 .booking-service .category {
     position: relative;
}
 .booking-service .category::before {
     content: '\f044';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 15px;
}
 .booking-service .category::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 15px;
     right: 0;
}
 .booking-service .select-service {
     position: relative;
}
 .booking-service .select-service::before {
     content: '\f044';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 15px;
}
 .booking-service .select-service::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 15px;
     right: 0;
}
 .booking-service .employee {
     position: relative;
}
 .booking-service .employee::before {
     content: '\f007';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 15px;
}
 .booking-service .employee::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 15px;
     right: 0;
}
 .booking-service .available {
     position: relative;
}
 .booking-service .available::before {
     content: '\f017';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 45px;
}
 .booking-service .available::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 45px;
     right: 0;
}
 .booking-service .day {
     position: relative;
}
 .booking-service .day::before {
     content: '\f133';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 45px;
}
 .booking-service .day::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 45px;
     right: 0;
}
 .booking-service .from {
     position: relative;
}
 .booking-service .from::before {
     content: '\f017';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 45px;
}
 .booking-service .from::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 45px;
     right: 0;
}
 .booking-service .finish {
     position: relative;
}
 .booking-service .finish::before {
     content: '\f133';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #b69e59;
     top: 45px;
}
 .booking-service .finish::after {
     content: '\f107';
     position: absolute;
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     color: #7f7f7f;
     top: 45px;
     right: 0;
}
 .appointment-area.style-3 .title-heading::after {
     top: 185px;
}
 .grid-wrapper {
     position: relative;
}
 .grid-item {
     position: relative;
}
 .grid-item::before {
     background: #b69e59;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     -webkit-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     width: 100%;
}
 .view-icon {
     text-align: center;
     top: 50%;
     opacity: 0;
     visibility: hidden;
     z-index: 9;
     -webkit-transition: .3s;
     transition: .3s;
     left: 0;
     position: absolute;
     right: 0;
}
 .appoinment-box-2 {
     background-color: white;
     box-shadow: 0px 16px 32px 0px rgba(223, 217, 255, 0.4);
     margin-top: -241px;
}
 .calculate-content input {
     height: 60px;
     padding-left: 38px;
     width: 100%;
     border: 2px solid #d3e2f0;
     position: relative;
}
 .calculate-content textarea {
     width: 100%;
     resize: none;
     border: 2px solid #d3e2f0;
     padding-top: 28px;
     padding-left: 40px;
     color: #647589;
     height: 120px;
}
 .appoinment-box-content {
     padding: 70px 38px 40px 70px;
}
 .calculate-content {
     padding: 60px;
}
 @media (max-width: 767px) {
     .calculate-content {
         padding: 20px;
    }
}
 .appointment-form-3 textarea {
     width: 100%;
     resize: none;
     border: 2px solid #d3e2f0;
     padding-top: 28px;
     padding-left: 40px;
     color: #647589;
     height: 120px;
}
 .appointment-area-3 .calculate-box .nice-select {
     border: 2px solid #d3e2f0;
}
 .appointment-area-3 .calculate-form input {
     border: 2px solid #d3e2f0;
}
 .appointment-form-2 input {
     width: 100%;
}
 .appointment-form-2 input {
     width: 100%;
     border: 0;
     padding: 0;
}
 .appointment-form-2 input::placeholder {
     font-size: 24px;
     color: #223645;
     font-weight: 600;
     font-family: poppins;
}
 .appoint-ment-icon {
     margin-right: 40px;
}
 .appointment-form-2 label {
     font-size: 12px;
     text-transform: uppercase;
     color: #aab6bf;
     font-weight: 500;
     margin-bottom: 14px;
}
 .appoinment-form-box {
     padding-bottom: 27px;
     border-bottom: 1px solid #eae5ff;
}
 .appoinment-form-box-option {
     padding-bottom: 8px;
}
 .nice-select.postform::after {
     border-bottom: 3px solid #223645;
     border-right: 3px solid #223645;
     content: '';
     display: block;
     height: 8px;
     margin-top: -23px;
     pointer-events: none;
     position: absolute;
     right: 5px;
     top: 50%;
     -webkit-transform-origin: 66% 66%;
     -ms-transform-origin: 66% 66%;
     transform-origin: 66% 66%;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     width: 8px;
}
/*----------------------------------------*/
/* 16. Brand 
/*----------------------------------------*/
 .brand-area {
     min-height: 885px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .brand-area {
         min-height: 650px;
    }
}
 .brand-area span {
     color: #ec5598;
     margin-bottom: 20px;
     display: block;
}
 .brand-area h1 {
     margin-bottom: 65px;
     padding-right: 65px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .brand-area h1 {
         font-size: 40px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .brand-area h1 {
         padding-right: 0;
         font-size: 40px;
    }
}
 @media (max-width: 767px) {
     .brand-area h1 {
         padding-right: 0;
         font-size: 40px;
    }
}
 .owl-carousel .owl-item .single-image img {
     width: auto;
}
/*----------------------------------------*/
/* 17. Counter 
/*----------------------------------------*/
 .counter {
     position: relative;
     background: #b69e59;
     height: 100%;
     min-height: 500px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .counter {
         padding: 10px;
    }
}
 .counter.active .counter-img {
     opacity: 1;
}
 .counter-img {
     opacity: 0;
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
}
 .icon {
     margin-bottom: 45px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .icon {
         margin-bottom: 10px;
    }
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .icon {
         margin-bottom: 15px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .counter-content .icon img {
         width: 80px;
    }
}
 .counter-content {
     padding: 30px 75px;
     padding-top: 30px;
     padding-top: 35px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .counter-content {
         padding: 30px;
    }
}
 @media (max-width: 767px) {
     .counter-content {
         padding: 30px 20px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .counter-content {
         padding: 30px;
    }
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .counter-content {
         padding: 35px 25px;
    }
}
 .counter-content h3 {
     color: #ffffff;
     margin-bottom: 26px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1450px) {
     .counter-content h3 {
         margin-bottom: 20px;
    }
}
 .counter-content p {
     color: #ffffff;
     margin: 0;
}
/*----------------------------------------*/
/* 18. Contact 
/*----------------------------------------*/
 .single-address {
     border: 2px solid #eaedff;
     padding: 50px 30px;
     padding-bottom: 22px;
}
 .single-address span {
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 500;
     color: #959f9c;
     display: block;
     padding-bottom: 10px;
}
 .single-address img {
     margin-bottom: 20px;
}
 .address-info h2 {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 10px;
}
 .address-info p {
     font-size: 16px;
     color: #6a6560;
     margin-bottom: 4px;
}
 .address-info {
     margin-bottom: 30px;
}
 .contact-area {
     background: #F4F9FC;
}
 .contact-map {
     min-height: 600px;
}
 .contact-form .name {
     position: relative;
     margin-bottom: 40px;
}
 .contact-form .name label {
     font-size: 16px;
     font-weight: 500;
     color: #2a2d2c;
     display: block;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 15px;
}
 .contact-form .name label span {
     color: #b69e59;
}
 .contact-form .name:before {
     position: absolute;
     content: '\f007';
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     color: #b69e59;
     top: 63px;
     left: 50px;
}
 .contact-form .email {
     position: relative;
     margin-bottom: 40px;
}
 .contact-form .email label {
     font-size: 16px;
     font-weight: 500;
     color: #2a2d2c;
     display: block;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 15px;
}
 .contact-form .email label span {
     color: #b69e59;
}
 .contact-form .email:before {
     position: absolute;
     content: '\f0e0';
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     color: #b69e59;
     top: 63px;
     left: 50px;
}
 .contact-form .phone {
     position: relative;
     margin-bottom: 40px;
}
 .contact-form .phone label {
     font-size: 16px;
     font-weight: 500;
     color: #2a2d2c;
     display: block;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 15px;
}
 .contact-form .phone label span {
     color: #b69e59;
}
 .contact-form .phone:before {
     position: absolute;
     content: '\f095';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     color: #b69e59;
     top: 63px;
     left: 50px;
}
 .contact-form .service {
     position: relative;
     margin-bottom: 40px;
}
 .contact-form .service label {
     font-size: 16px;
     font-weight: 500;
     color: #2a2d2c;
     display: block;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 15px;
}
 .contact-form .service label span {
     color: #b69e59;
}
 .contact-form .service:before {
     position: absolute;
     content: '\f044';
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     color: #b69e59;
     top: 63px;
     left: 50px;
}
 .contact-form .massage {
     position: relative;
     margin-bottom: 40px;
}
 .contact-form .massage label {
     font-size: 16px;
     font-weight: 500;
     color: #2a2d2c;
     display: block;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 15px;
}
 .contact-form .massage:before {
     position: absolute;
     content: '\f075';
     font-family: 'Font Awesome 5 Free';
     font-weight: 400;
     color: #b69e59;
     top: 63px;
     left: 50px;
}
 .contact-form input {
     width: 100%;
     padding: 20px 95px;
     background: #ffffff;
     border: none;
}
 .contact-form textarea {
     width: 100%;
     padding: 20px 95px;
     background: #ffffff;
     border: none;
}
#form-contato{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .realiza img {
    width: 184px;
} */


.realiza figure{
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 100%;
}

.realiza div:first-child figure img{
    width: 260px;
}

/*----------------------------------------*/
/* 19. Footer 
/*----------------------------------------*/
 footer {
     position: relative;
}
 footer.hp-1 {
     top: 0;
}
 footer.offers {
     top: 0;
}
 footer.style-3 {
     top: 0;
     background: #222222;
}
.footer-logo img{
    width: 250px;
}

.footer-widget h4{
    color: #96c2c1;
    font-size: 16px;
    margin-bottom: 15px;
}

.footer-contact h3{
    color: #FFF;
    font-size: 18px;
}

.footer-contact p{
    margin-bottom: 5px!important;
}

.footer-contact .tel{
    font-size: 16px;
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     footer {
         top: 0;
    }
}
 @media (max-width: 767px) {
     footer {
         top: 0;
    }
}
 .footer-logo {
     margin-bottom: 40px;
}
 .footer-widget p {
     color: #cacaca;
     margin-bottom: 35px;
     padding-right: 55px;
}
 .footer-widget p.hp-1 {
     padding-right: 0;
}
 @media (max-width: 767px) {
     .footer-widget p {
         padding-right: 0;
    }
}
 .footer-widget.style-3 p {
     text-align: center;
}
 .footer-social-link li {
     display: inline-block;
}
 .footer-social-link li a {
     display: inline-block;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: #354a51;
     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: #96c2c1;
     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: 6px;
     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: #96c2c1;
}
 .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 #96c2c1;
     -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;
     color: #FFF;
     font-weight: 100;
}
 .copyright.style-3 h6 {
     color: #d9d9d9;
}
.copyright a:hover{
    color: #76a3a4;
}
 .footer-top {
     background: #0f0c20;
     border-bottom: 2px solid #16132c;
}
 .footer-top p {
     color: #a6a2bd;
}
 .footer-subscribe {
     margin-bottom: 30px;
}
 .footer-subscribe input {
     width: 100%;
     padding: 20px 30px;
}
 .footer-subscribe button {
     position: absolute;
     right: 15px;
     padding: 21px 25px;
     border: none;
     background: #ec5598;
     color: #ffffff;
     cursor: pointer;
}
 .feeds {
     display: flex;
     margin-bottom: 15px;
}
 .feeds-icon {
     color: #ec5598;
     margin-right: 20px;
     padding-top: 5px;
}
 .feeds-content a {
     font-size: 14px;
     color: #a6a2bd;
}
 .feeds-content h4 a {
     color: #ffffff;
}
 .news-feeds h5 {
     text-transform: lowercase;
     color: #a6a2bd;
}
 .news-feeds span {
     color: #757a99;
}
 .footer-copyright {
     background: #0f0c20;
}
 @media (max-width: 767px) {
     .copyright.style-1 {
         text-align: center;
    }
}
 .copyright.style-1 span {
     font-size: 18px;
     color: #ffffff;
}
 @media (max-width: 767px) {
     .footer-social-link.style-1 {
         text-align: center !important;
         margin-top: 20px;
    }
}
 .footer-social-link.style-1 a {
     background: #151128;
}
 .footer-social-link.style-1 a:hover {
     background: #ec5598;
     color: #ffffff;
}
 
.b-shadow{
    box-shadow: 0px 0px 1px #0000007a;
}

.galeria_left h2{
    margin-bottom: 40px;
    color: #2a2d2c;
    font-size: 40px;
}

.galeria_left p{
    text-align: justify;
}

.price-icon img{
    width: 80px;
}

.bg-f7{
    background: #f7f7f7;
}

.galeria_left ul li{
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 22px;
    color: #335958;
    padding-left: 30px;
}

.galeria_left ul li img{
    width: 30px;
    margin-right: 10px;
    box-shadow: -5px -3px 1px #ecf0f7a1;
    border-radius: 50%;
    position: absolute;
    left: 0;
}

.galeria_left ul li strong{
    color: #335a59;
    font-size: 20px;
}

.single-slider:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #093838a8;
    top: 0;
    left: 0;
    z-index: -1;
}

.about-text p{
    font-size: 18px;
    text-align: justify;
}

.price span{
    font-size: 22px;
    color: #335a59;
    font-weight: 500;
}

.moeda{
    margin-bottom: 25px;
}

.moeda img{
    width: 180px;
}

section#realizacao {
    position: relative;
}

/* section#realizacao:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000024;
    top: 0;
    left: 0;
    z-index: 1;
} */

.sartori_footer{
    font-size: 16px;
    color: #FFF;
    margin-bottom: 20px;
}

.sartori_footer img{
    width: 250px;
    margin: 20px 0;
    background: #FFF;
    padding: 10px;
    border-radius: 6px;
}

.diff {
    border: 1px solid #e9e9e9a6;
    padding: 40px 15px 30px;
}

.loc_left p{
    font-size: 18px;
    text-align: justify;
    margin-bottom: 30px;
}

.loc_left h3{
    font-size: 22px;
    margin-bottom: 20px;
}

.loc_left h3 i{
    font-size: 26px;
    margin-right: 8px;
    color: #008b99;
}

.mean-container .mean-nav ul li a{
    background: #354a51;
}

.whats{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.whats img{
    width: 80px;
    margin: 0 20px 20px 0;
    animation: pulse 2s infinite;
}

@media(max-width: 992px){
    .single-slider{
        background-position: top;
    }
    .about-heading {
        padding: 20px;
    }
    .about-text p{
        text-align: justify;
    }
    .about-text a {
        margin: 30px 0 20px;
    }
    .diff{
        height: 334px;
    }
    .galeria_left h2{
        font-size: 30px;
    }
    .features2-content h2, .features2-content span{
        text-align: center;
    }
    .realiza div figure{
        margin: 20px 0;
        justify-content: center;
    }
    .features2-content p{
        padding: 0;
        text-align: center;
    }
    .realiza div:first-child figure img {
        width: 180px;
    }
    .realiza div:nth-child(2) figure img, .realiza div:last-child figure img {
        width: 240px;
    }
    .loc_left a{
        margin-bottom: 40px;
    }

    .loc_right figure img{
        width: 100%;
    }
}

@media(max-width: 768px){
    .single-slider{
        background-position: right;
    }
    .galeria_left h2 {
        font-size: 26px;
    }
    .footer-logo, .sartori_footer{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .footer-social-link ul{
        display: flex;
        justify-content: center;
    }
    .footer-widget h2, .footer-widget h4, .footer-widget p{
        text-align: center;
    }
    .footer-menu{
        padding: 0;
    }
    .footer-menu ul{
        display: flex;
        flex-direction: column;
    }
    .footer-menu ul li{
        text-align: center;
        width: 100%;
    }
    .slider-content h1 span {
        font-size: 50px;
    }
    .slider-content h1 sub {
        font-size: 30px;
    }
}

@media(max-width: 560px){
    .galeria_left ul li {
        font-size: 15px;
    }
    .galeria_left ul li strong {
        font-size: 14px;
    }
    .galeria_left ul li img {
        width: 16px;
        margin-right: 4px;
    }
    .galeria_left h2 {
        font-size: 24px;
    }
    .diff {
        padding: 50px 15px 30px;
    }
    .galeria_left ul li{
        position: relative;
    }
    .galeria_left ul li img{
        top: 5px;
        left: 5px;
    }
}