/*

Theme Name: Spaclub 

Theme URI: http://wp.dreamitsolution.net/spaclub/

Description: Spaclub - Beauty Salon & Spa Service WordPress Theme

Author: aonetheme

Author URI: https://themeforest.net/user/aonetheme

Version: 1.1.0

Tested up to: 7.4

Requires PHP: 7.4

Tags: custom-menu, editor-style, featured-images

Text Domain: spaclub

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



/*---------------------------------------- Don't change any css from here. If you need to change, Please use child theme. ------------------------------------------*/


:root {
  --primary-color: #f68043;
  --secondary-color: #151515;
  --body-color: #686868;
  --fonts-title: 'Cormorant Garamond', serif;
  --fonts-body: 'Lora', serif;
  --fonts-subtitle: "Carattere", cursive;
  --fonts-title-2: 'Fraunces', serif;
  --fonts-body-2: 'DM Sans', serif;
  --primary-color-2: #541f5c;
  --color-body-2: #0d0c0c;
}


 html, body {

}

 img {

     max-width: 100%;

     height: auto;

}

 .box.wrapper {

     max-width: 1200px;

     margin: auto;

     background: #fff;

     -webkit-box-shadow: 0px 0px 5px #ddd;

     box-shadow: 0px 0px 5px #ddd;

}

 .template-home-wrapper {

     overflow: hidden;

}

 .fix {

     overflow: hidden;

}

 .clear_both {

     clear: both;

}

 fff .lead{

     font-weight:400;

}

 .form-group {

     margin-bottom: 20px;

}

/*===================== spaclub HEADING TOP AREA CSS =========================*/

/* LEFT RIGHT CSS */

 .em40_header_area_main.hdisplay_none {

     display: none;

}

.spaclub-header-top {

    background: #151515;

    padding: 18px 0 0px;

    overflow: hidden;

}

.spaclub-header-top .container-fluid {

    padding: 0 50px;

}

.spaclub-header-top .container-fluid .row.add-border {

    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);

    padding-bottom: 14px;

}

 .top-address p {

     margin-bottom: 0;

     font-size: 12px;

     display:inline-block;

}

 .top-address p span, .top-address p a {

     margin-right: 20px;

}

 .top-address p span i, .top-address p a i {

     font-size: 15px;

     color: #fff;

     margin-right: 10px;

}

 .top-address p a {

     display: inline-block;

     text-decoration: none;

     -webkit-transition: all 0.2s ease-in-out;

     -o-transition: all 0.2s ease-in-out;

     transition: all 0.2s ease-in-out;

}

/* TOP RIGHT CSS */

.top-address span {

    color: #fff;

    padding: 0 0 0 0px;

    position: relative;

    z-index: 1;

}

.top-address img {

    position: relative;

    top: 5px;

}

.top-right-menu {

    float: right;

}

.top-right-menu ul.social-icons {

    margin: 0;

    padding: 0;

    display: inline-block;

}

.top-right-menu span {

    display: inline-block;

    font-size: 15px;

    font-weight: 500;

    display: inline-block;

    color: #fff;

    position: relative;

    z-index: 1;

    margin: 0;

}

.top-right-menu span:before {

    position: absolute;

    content: "";

    left: -45px;

    top: 13px;

    height: 2px;

    width: 35px;

    background: #e2836a;

}

.top-right-menu ul.social-icons li {

    display: inline-block;

    margin-left: 20px;

    position: relative;

}

.top-right-menu ul.social-icons li:last-child {

    margin: 0;

    margin-left: 12px;

}

.top-right-menu ul.social-icons li a {

    color: #fff;

    font-size: 11px;

    display: inline-block;

    height: 25px;

    width: 25px;

    border: 1px solid rgba(255,255,255,0.30);

    line-height: 25px;

    text-align: center;

    border-radius: 100%;

}

.top-address p a, .top-address p span {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

}

.top-right-menu .social-icons li a:hover, .top-right-menu .social-icons li a i:hover {

    color: #e2836a;

}

 .top-both-p0 .top-address p a, .top-both-p0 .top-address p span {

     margin-right: 0px;

     margin-left: 12px;

}

 .right_menu_button {

     text-align: right;

}

 .login_button {

     font-size: 12px;

     text-transform: uppercase;

     color: #fff;

     border: 1px solid #fff;

     display: inline-block;

     padding: 0px 17px;

     margin-left: 10px;

     font-weight: 500;

     -webkit-transition: .3s;

     -o-transition: .3s;

     transition: .3s;

     line-height: 24px;

}

 .login_button.active, .login_button:hover {

     background: #333;

     border-color: #333;

     color: #fff;

}

 .header-support {

     margin-top: 11px;

     margin-left: 14px;

     display:inline-block;

}

 .header-support a {

     color: #fff;

     font-weight: 500;

     background: #e2836a;

     padding: 8px 21px;

     border-radius: 30px;

     display: inline-block;

     position: relative;

     z-index: 1;

}

 .header-support a:before{

     position:absolute;

     left:0;

     top:0;

     height:100%;

     width:0%;

     content:"";

     background:#161a33;

     border-radius:30px;

     z-index:-1;

     -webkit-transition:.3s;

     -o-transition:.3s;

     transition:.3s;

}

 .header-support a:hover::before{

     width:100%;

}

 .header-support b {

     font-weight: 400;

     font-size: 17px;

     color: #565872;

}

 .header-support i {

     margin-right: 12px;

     display: inline-block;

}

/* sub menu css */

 .top-right-menu ul .sub-menu {

     position: absolute;

     left: 0px;

     top: 100%;

     visibility: hidden;

     opacity: 0;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     border-top: 1px solid #f00;

     width: 150px;

     -webkit-transition: .5s;

     -o-transition: .5s;

     transition: .5s;

     text-align: left;

     background: #fff;

     z-index: 1;

}

 .top-right-menu ul.social-icons li:hover .sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

}

 .top-right-menu ul .sub-menu li {

     padding: 5px 0px 0px 5px;

}

 .top-right-menu ul .sub-menu li a {

     font-size: 12px;

}

 .top-right-menu ul .sub-menu ul {

     display: none;

}

 .top-welcome p {

     padding: 0px;

     margin: 0px;

}

 .top-address a {

     margin-right: 5px;

     color: #43342c;

}

 .top-address.em-login a+a {

     margin-right: 0;

}

 .top-address.em-login p a i, .top-address.em-login p a i {

     margin-right: 5px;

}

 .top-address.em-login a+a:before {

     content: "|";

     margin-right: 12px;

}

/* .txtc {

     text-align: center;

}

 .text-center {

     text-align: center;

}*/

.text-center {

    text-align: center!important;

}

 .text-left {

     text-align: center;

}

 .text-right {

     text-align: right;

}

 .top-address a:hover{

     color:#fff;

}

/* top opening */

 .top-address.menu_18 span {

     background: #fff;

     padding: 8px 15px 9px;

     display: inline-block;

     color: #333;

}

 .top-right-menu ul.social-icons.menu_18, .top-right-menu ul.social-icons.menu_19 {

     padding: 7px 0;

}

 .em-login.menu_18, .em-quearys-top.menu_19 {

     padding: 7px 0;

}

/* top quearys */

 .em-top-quearys-area {

     position: relative;

     display: inline-block;

}

 .em-header-quearys {

     list-style: none;

}

 .em-quearys-menu i {

     border-radius: 3px;

     display: inline-block;

     height: 30px;

     text-align: center;

     width: 30px;

     line-height: 30px;

     font-size: 13px;

     cursor: pointer;

     color: #fff;

     margin-top: 0px;

     background: #e2836a;

}

 .heading_style_3 .hbg2 .em-quearys-menu i {

     color: #333;

}

 .em-quearys-inner {

     position: absolute;

     right: 15px;

     top: 36px;

     z-index: 999;

     display: none;

     -webkit-transition: .5s;

     -o-transition: .5s;

     transition: .5s;

}



 .em-quearys-form {

     background-color: #f5f5f5;

     width: 363px;

     float: right;

     border-radius: 30px;

}

 .top-form-control {

     position: relative;

}

 .em-quearys-inner::before {

     position: absolute;

     right: 1px;

     top: -11px;

     width: 47px;

     height: 47px;

     text-align: center;

     width: 0;

     height: 0;

     border-left: 10px solid transparent;

     border-right: 10px solid transparent;

     border-bottom: 8px solid #e2836a;

     content: " ";

}

 .top-form-control input {

     background: #f4f6f9;

     color: #555555;

     font-size: 13px;

     font-weight: 300;

     height: 55px;

     padding: 0 40px 0 25px;

     width: 100%;

     border: none;

     -webkit-transition: 1s;

     -o-transition: 1s;

     transition: 1s;

     border-radius: 30px;

}

 .top-form-control button.top-quearys-style {

     position: absolute;

     right: 0;

     top: 50%;

     background: 0 0;

     font-size: 16px;

     border: none;

     color: #e2836a;

     -webkit-transform: translateY(-50%);

     -ms-transform: translateY(-50%);

     transform: translateY(-50%);

     height: 100%;

     background: #e2836a;

     width: 58px;

     border-radius: 0 30px 30px 0;

     text-align: center;

}

 .top-quearys-style i {

     font-size: 18px;

     color: #fff;

}

 .em-s-hidden {

     display: none !important;

}

/* address left right icon */

 .top-right-menu.litop {

     float: left;

}

/* mobile logo */

 .mobile_menu_logo.text-center {

     padding: 20px 0;

}

 .tr_search .em-quearys-menu i {

     color: #fff;

}

/* Style 7 Top Bar */

 .top-right-address p {

     margin-bottom: 0;

     font-size: 12px;

     display: inline-block;

}

 .top-right-address .social-icons {

     display: inline-block;

     margin: 0;

     padding: 0;

     list-style: none;

     position: relative;

}

 .top-right-address .social-icons li {

     display: inline-block;

     margin-left: 17px;

     color: #fff;

     font-size: 14px;

}

/*======================= CONSEN HEADING NAV AREA CSS ========================*/

.spaclub-main-menu {

    position: relative;
	
	z-index:99 !important;

}

 .mean-container{

     overflow:hidden;

}

 .mean-container .mean-bar {

     padding: 0;

}

.mean-container .mean-nav {

    background: #e2836a none repeat scroll 0 0;

    float: none;

}

 .mean-container .mean-nav>ul>li:first-child {

     border-top: 0px solid #fff;

}

 .main_menu_div {

     position: relative;

}

.spaclub_nav_area {

    background: #fff none repeat scroll 0 0;

    background: #151515 !important;

}

.scroll-to-fixed-fixed .spaclub_nav_area {

    box-shadow: 0 0 3px rgba(0,0,0,0.10);

}

 .spaclub_menu {

     text-align: right;

}

.spaclub-main-menu.main.menu .spaclub_menu {

    text-align: right;

}

 .container-fluid .spaclub_menu {

     text-align: center;

}

/* LOGO CSS */

 .logo a {

     font-size: 23px;

     font-weight: 600;

     display: inline-block;

}

 .logo a.retina-logo {

     display: none;

}

/* MAIN MENU CSS */

 .spaclub_menu ul {

     list-style: none;

     text-align:right;

     display:inline-block;

}

 .transprent-menu .spaclub_menu ul {

     list-style: none;

     text-align: center;

}

 .spaclub_menu > ul > li {

     display: inline-block;

     position: relative;

}

.spaclub_menu > ul > li > a {

    display: block;

    margin: 36px 15px;

    -webkit-transition: .5s;

    transition: .5s;

    color: #fff;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

}

.spaclub-main-menu.transprent-menu .spaclub_menu > ul > li > a{

    display: block;

    margin: 36px 23px;

    -webkit-transition: .5s;

    transition: .5s;

    color: #fff;

    font-weight: 600;

    font-size: 16px;

    color: #0a132e;

}

 .spaclub_menu > ul > li > a:hover {

    color: #e2836a;

}



 .spaclub_menu ul li:last-child a {

     margin-right: 0px;

}

 .spaclub_menu > ul > li.current > a, .spaclub_menu > ul > li:hover > a {

     color: #e2836a;

}



.transprent-menu .spaclub_menu > ul > li > a:hover {

    color: #e2836a;

}

.prefix .spaclub_menu > ul > li > a{

    color:#fff;

}

/*style two transparent menu*/



.spaclub-main-menu.transprent-menu.style-two .trp_nav_area {

    position: inherit;

    left: 0;

    right: 0;

    top: 0;

    z-index: 9999;

    background-color: transparent;

    padding: 0 100px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.spaclub-main-menu.transprent-menu.style-two .row.header-bg {

    background: #fff;

    border-radius: 5px;

    height: 110px;

    padding: 0 18px;

    box-shadow: 0 2px 5px -2px rgb(0 0 0 / 10%);

    z-index: 1;

}



.spaclub-main-menu.transprent-menu.style-two .spaclub_menu>ul>li>a {

    color: #232323;

}



.transprent-menu.style-two .hbg2{

    background: transparent;

    box-shadow: none;

}



/* transparent 2 */

.trp_nav_area {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    z-index: 9999;

    background-color: transparent;

    padding: 0 50px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    border-bottom: 1px solid rgba(84, 31, 92, 0.1);

}

 .hbg2 {

     background: rgba(0, 0, 0, .7);

     padding: 0px 50px;

}

 .trp_nav_area.full-width {

     padding: 37px 100px 37px 100px;

}

 .trp_nav_area.full-width.hbg2 {

     padding: 7px 20px 10px;

}

/* Sticky MENU CSS */

 #sticky-header {

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     z-index: 999;

     transition: .5s;

     padding: 18px 0 9px;

}

/* Skyty Menu */

 .sticky-nav {

     left: 0;

     margin: auto;

     position: fixed !important;

     top: 0;

     width: 100%;

     box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);

     z-index: 9999;

     -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

     animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

     -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

     transition: .5s !important;

}

/* stycky nav js */

 .transprent-menu.menu4 {

     position: relative;

}

 .transprent-menu .spaclub_nav_area {

     left: 0;

     right: 0;

     top: 0;

     z-index: 9999;

     background-color: transparent;

     -webkit-transition: .5s;

     -o-transition: .5s;

     transition: .5s;

     position: absolute;

}

 .spaclub_nav_area.postfix {

     -webkit-transition: .3s;

     -o-transition: .3s;

     transition: .3s;

}

 .spaclub_nav_area.prefix, .hbg2 {

     -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);

     box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);

}

 .heading_style_3.tr_btn .prefix .spaclub_menu > ul > li > a:hover, .heading_style_3.tr_btn .hbg2 .spaclub_menu > ul > li.current a {

     color: #e2836a;

}

 .heading_style_3 .prefix .spaclub_menu > ul > li > a:hover, .heading_style_3 .hbg2 .spaclub_menu > ul > li.current a {

     color: #e2836a;

}

 .heading_style_3 .spaclub_nav_area.prefix .em-quearys-top.msin-menu-search .em-quearys-menu i {

     color: #fff;

}

 .tr_white_btn .hbg2 {

     background:#e2836a !important;

}

 .tr_white_btn .hbg2 .spaclub_menu > ul > li > a {

     color: #fff !important;

}

/* LOGO LEFT RIGHT CSS */

 .logo-left {

}

 .logo-right .logo {

     text-align: right;

}

 .logo-right .spaclub_menu > ul {

     text-align: left;

}

 .logo-right .spaclub_menu > ul > li:first-child a {

     padding-left: 0px;

}

 .logo-right .spaclub_menu > ul > li:last-child a {

     padding-right: auto;

}

 .search_button {

     text-align: right;

}

/* logo top */

 .logo-top .logo {

     text-align: center;

}

 .logo-top .spaclub_menu > ul {

     text-align: center;

}

 .logo-top >.spaclub_menu > ul>li:last-child a {

     padding-right: auto;

}

/* sub menu style */

.spaclub_menu ul .sub-menu {

    position: absolute;

    left: 0;

    top: 130%;

    width: 230px;

    text-align: left;

    background: #fff;

    margin: 0;

    z-index: 22;

    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

    transition: .5s;

    visibility: hidden;

    border-top: 2px solid #e2836a;

    opacity: 0;

}

 .spaclub_menu ul li:hover >.sub-menu {

    visibility: visible;

    top: 100%;

    opacity: 1;

}

 .spaclub_menu ul .sub-menu li {

     position: relative;

}

.spaclub_menu ul .sub-menu li a {

    display: block;

    padding: 12px 20px;

    margin: 0;

    line-height: 1.3;

    letter-spacing: normal;

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    -webkit-transition: .1s;

    transition: .1s;

    visibility: inherit !important;

    color: #211e3b !important;

}

 .spaclub_menu ul .sub-menu li:hover>a, .spaclub_menu ul .sub-menu .sub-menu li:hover>a, .spaclub_menu ul .sub-menu .sub-menu .sub-menu li:hover >a, .spaclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {

     color:#e2836a;

}

 .spaclub_menu ul .sub-menu li {

     position: relative;

     -webkit-transition:.3s;

     -o-transition:.3s;

     transition:.3s;

}

.spaclub_menu ul .sub-menu li:hover>a,

.spaclub_menu ul .sub-menu .sub-menu li:hover>a, 

.spaclub_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, 

.spaclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {

    background: #e2836a;

    color: #fff !important;

}

/* sub menu 2 */

 .spaclub_menu ul .sub-menu .sub-menu {

     left:100%;

     top: 130%;

     opacity: 0;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     visibility: hidden;

}

 .spaclub_menu ul .sub-menu li:hover>.sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

     top: 0%;

}

/* sub menu 3 */

 .spaclub_menu ul .sub-menu .sub-menu li {

     position: relative;

}

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu {

     right: 100%;

     left: auto;

     top: 130%;

     opacity: 0;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

     visibility: hidden;

}

 .spaclub_menu ul .sub-menu .sub-menu li:hover>.sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

     top: 0%;

}

/* sub menu 4 */

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu li {

     position: relative;

}

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {

}

 .spaclub_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     visibility: visible;

     top: 0%;

}

/* user login */

 .logged-in .transprent-menu .spaclub_nav_area.prefix {

     top: 32px;

}

 .logged-in .trp_nav_area.hbg2 {

     top: 32px;

}

/* maing menu search */

 .top-address.em-quearys-top.text-right {

     float: right;

}

 nav.spaclub_menu.main-search-menu {

     float: right;

}

 .spaclub_menu.main-search-menu>ul, .em-quearys-top.msin-menu-search {

     display: inline-block;

}

 .em-quearys-top.msin-menu-search .em-quearys-menu i {

     margin-left: 20px;

     margin-top: 6px;

}

 .em-quearys-top.msin-menu-search .em-quearys-inner {

     top: 61px;

     background: #fff;

     padding: 20px;

     border-top: 3px solid #e2836a;

}

 nav.spaclub_menu.main-search-menu {

    /* float: right;

     */

     text-align: center;

}

/* has menu icon */

 .spaclub-main-menu .menu-item-has-children>a:after {

     margin-left: 5px;

     content: "\f107";

     font-family: FontAwesome;

     opacity: 1;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

     font-size: 13px;

     opacity: .5;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}

 .spaclub-main-menu .menu-item-has-children .menu-item-has-children>a:after {

     margin-left: 8px;

     content: "\f105";

}

/* HEADER BUTTON */

.donate-btn-header {

    display: inline-block;

    margin-left: 35px;

}

a.dtbtn {

    border: 1px solid #e2836a;

    font-size: 15px;

    display: inline-block;

    font-size: 16px;

    color: #fefefe;

    font-weight: bold;

    background: var(--primary-color);

    padding: 14px 31px;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    border: 2px solid var(--primary-color);

}

a.dtbtn:before {

    position: absolute;

    content: "";

    width: 0;

    height: 100%;

    left: 50%;

    top: 0;

    background: #fff;

    z-index: -1;

    transition: 0.5s;

    border-radius: 30px;

}

a.dtbtn:hover:before {

    width: 100%;

    left: 0;

}

 a.dtbtn:hover:before {

     transform: scale(1);

}

a.dtbtn:hover{

    color:#fff;

}

a.dtbtn i {

    margin-left: 10px;

}

.transprent-menu a.dtbtn {

    border-color: #e2836a;

    color: #fff;

}

.transprent-menu a.dtbtn:after{

    background: #fff;

}

.transprent-menu a.dtbtn:hover{

    border-color:#e2836a;

}



.spaclub-main-menu.transprent-menu.style-two a.dtbtn {

    border-color: #e2836a;

    display: inline-block;

    font-size: 16px;

    color: #ffffff;

    font-weight: 500;

    font-family: var(--fonts-title);

    background: var(--primary-color);

    padding: 14px 29px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 0;

}

.spaclub-main-menu.transprent-menu.style-two a.dtbtn:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    transform: scale(0);

    transition: .5s;

}

.spaclub-main-menu.transprent-menu.style-two a.dtbtn:hover:before{

    transform: scale(1);

}

.spaclub-main-menu.transprent-menu a.dtbtn:hover {

    border-color: #e2836a;

    color: #e2836a;

}





/*========== spaclub BLOG AREA CSS =========*/

.spaclub-blog-area, .spaclub-blog-index {

    background: #fff;

    padding: 100px 0 150px;

    overflow: visible;

}

.spaclub-blog-area .single-blog-details{

    padding: 120px 0 150px;

}

.spaclub-blog-area.spaclub-blog-archive.ptb-100 {

     padding: 120px 0 150px;

}

.spaclub-blog-index.blog-area.spaclub-blog-area.blog-grid-item {

    padding: 120px 0 150px;

}

.blog-left-side {

    position: sticky;

    top: 100px;

}

.spaclub-single-blog {

    margin-bottom: 30px;

    text-align: left;

    -webkit-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s;

    text-align: left;

    border: 1px solid #f0e6e3;

    border-radius: 6px;

}

 .spaclub-single-blog {

     text-align: left;

}

.spaclub-blog-thumb {

    position: relative;

}

.spaclub-blog-thumb img {

    vertical-align: middle;

}

.single-blog-content {

    overflow: hidden;

}

.spaclub-blog-content-area {

    padding: 30px 46px 36px;

    position: relative;

}

 .blog-page-title h2 {

     font-size: 1.5625rem;

}

.blog-page-title h2, .blog-page-title h2 a {

    font-size: 30px;

    font-weight: 700;

    color: initial;

    text-decoration: none;

    margin: 12px 0 13px;

    transition: .5s;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

}

.spaclub-lt .blog-page-title h2, .spaclub-lt .blog-page-title h2 a {

    font-size: 40px;

}

.blog-grid .blog-page-title h2, .blog-grid .blog-page-title h2 a {

    font-size: 22px;

}

 .blog-page-title h2:hover, .blog-page-title h2 a:hover{

     color:#e2836a;

}

.spaclub-blog-thumb_adn a img {

    object-fit: cover;

}

 .spaclub-blog-meta-top {

     padding-top: 5px;

     position: absolute;

     left: 20px;

     top: 20px;

}

 .spaclub-blog-meta-top li {

     display: inline-block;

     margin-right: 10px;

}

.spaclub-blog-meta-left a, .spaclub-blog-meta-left time, .spaclub-blog-meta-left span {

    transition: .3s;

    background: transparent;

    padding: 0;

    border-radius: 0;

    display: inline-block;

    font-size: 16px;

    line-height: 26px;

    text-transform: capitalize;

    color: #686868;

    font-weight: 400;

    margin-right: 28px;

    position: relative;

}

.blog_style_two .spaclub-blog-meta-left span:before{

    position: absolute;

    content: "";

    width: 7px;

    height: 7px;

    left: -13px;

    top: 10px;

    background: #D1D1D1;

}

.spaclub-blog-meta-left a:hover, 

.spaclub-blog-meta-left time:hover, 

.spaclub-blog-meta-left span:hover {

    color: #e2836a;

}

.spaclub-blog-meta-top li a {

    display: inline-block;

    padding: 0;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

    color: #fff;

    padding-top: 2px;

    background: #e2836a;

    padding: 6px 25px;

}

 .blog-content-bottom-meta img {

     width: 30px;

     border-radius: 100%;

}

.blog-readmore a {

    background: #e2836a;

    color: #fff;

    display: inline-block;

    padding: 13px 35px;

    font-weight: 500;

    margin-top: 12px;

    z-index: 1;

    position: relative;

}

.blog-readmore a:before {

    position: absolute;

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #10102E;

    transform: scale(0);

    transition: .5s;

}

 .blog-readmore a:hover:before {

     transform: scale(1);

}

.blog-author {

    border-top: 1px solid #e6e9f0;

    padding: 18px 31px 18px;

}

.blog-author a {

    margin-right: 18px;

    color: #232323;

}

.blog-author i {

    display: inline-block;

    color: #e2836a;

    font-size: 14px;

    margin-right: 6px;

}



/* Blog Grid Style */

.blog-grid .spaclub-blog-content-area {

    padding: 34px 25px 40px;

}

.container{

    max-width: 1320px;

    margin: auto;

    padding: 0 15px;

}

.custom_container{

  max-width: 1720px;

    margin: auto;

    padding: 0 10px;  

}

.spaclub-main-menu.a.main.menu .container-fluid {

    padding: 0 100px;

}

.spaclub-main-menu.main.menu .button_right {

    text-align: right;

}

.spaclub-main-menu.main.menu .spaclub_menu {

    text-align: center;

}

.spaclub-main-menu.main.menu a.dtbtn {

    display: inline-block;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: var(--fonts-title);

    background: var(--primary-color);

    padding: 14px 35px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 30px;

}

.spaclub-main-menu.main.menu a.dtbtn:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    transform: scale(0);

    transition: .5s;

    border-radius: 30px;

}

.spaclub-main-menu.main.menu a.dtbtn:hover:before{

    transform: scale(1);

}

.spaclub-main-menu.main.menu a.dtbtn:hover {

    color: #e2836a;

}

.spaclub-main-menu.main.menu a.dtbtn:after {

   display: none;

}



 .blog-grid .spaclub-blog-meta-left a, .blog-grid.spaclub-blog-meta-left time, .blog-grid .spaclub-blog-meta-left span {

     margin-right: 15px;

}

.spaclub-blog-index.blog-area.spaclub-blog-area .blog-grid .spaclub-blog-meta-left i {

    margin-right: 6px;

}

 .blog-grid .blog-readmore a {

     padding: 10px 25px;

}

/* Blog Details Css */

.spaclub-single-blog-details-inner {

    background: #fff;

    padding: 42px 50px 30px;

    border: 1px solid #ddd;

    overflow: hidden;

}

 .single-blog-title {

     font-size: 1.5625rem;

     font-family: montserrat;

     color: initial;

     text-decoration: none;

     color: #333;

     margin: 0px 0 11px;

}

 .spaclub-single-blog-details-inner .spaclub-blog-meta-left {

     margin-bottom: 18px;

     border: 0;

     padding: 0;

}

 .spaclub-single-blog-details-inner .spaclub-blog-meta-left a {

    color: inherit;

}

 .spaclub-blog-social {

     padding-top: 40px;

     text-align: left;

     border-top: 1px solid #e6e6e6;

     margin-top: 40px;

}

 .spaclub-single-icon-inner {

     text-align: left;

}

 .spaclub-single-icon-inner a i {

     border: 1px solid #e6e6e6;

     color: #565872;

     display: inline-block;

     font-size: 15px;

     height: 40px;

     line-height: 41px;

     margin: 0 9px 0 0;

     text-align: center;

     width: 40px;

     border-radius: 5px;

}

 .spaclub-single-icon-inner a i:hover {

     background: #e2836a;

     border-color: #e2836a;

     color: #fff;

}

 a.detail-link i {

     margin-left: 0px;

}

.spaclub-single-blog--thumb img {

    vertical-align: middle;

    width: 100%;

}

 .spaclub-blog-meta-left i {

     color: #e2836a;

     margin-right: 8px;

     font-size: 15px;

}

.spaclub-single-blog-details ul {

    padding-left: 18px;

    margin-bottom: 10px;

}

.spaclub-single-blog-details ol {

    padding-left: 20px;

}

.post-details-footer {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    padding-top: 16px;

    padding-bottom: 0;

}

.post-details-category a {

    font-size: 15px !important;

    color: var(--conliz-black);

    color: #6d6d6d;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    border: 1px solid #dad7d7;

    display: inline-block;

    padding: 0 8px 0 8px;

    font-weight: 400;

    line-height: 30px;

    margin-bottom: 10px;

    margin-right: 10px;

    text-transform: capitalize;

}

.post-details-category a:hover{

	color:#e2836a;

	border-color:#e2836a;

}

.post-tags .tags a:hover{

	color:#e2836a;

}

.post-tags .tags,

.post-details-category .post-categories {

    list-style: none;

    display: inline-block;

}

.post-tags h4, .post-details-category h4 {

    display: inline-block;

    font-size: 20px;

    font-weight: 600;

    margin-right: 0;

}

.post-details-category .post-categories li{

    display:inline-block;

}

/* Next And Prev CSS */

 .next-prev-post {

     overflow: hidden;

     padding: 45px;

     border: 1px solid #ddd;

     border-radius: 10px;

     margin: 30px 0;

}

 .nav-previous {

     display: inline-block;

     float: left;

}

 .nav-next {

     float: right;

}

 .nav-previous a, .nav-next a {

     display: inline-block;

     border: 1px solid #ddd;

     padding: 12px 30px;

     border-radius: 6px;

     color: #666;

     font-weight: 400;

     transition:.5s;

}

 .nav-previous a:hover, .nav-next a:hover {

     color: #fff;

     background:#e2836a;

     border-color:#e2836a;

}

 .nav-previous a i{

     margin-right:5px;

}

 .nav-next a i{

     margin-left:5px;

}

/* Post Author */

.author-bio {

    padding: 28px 45px 21px;

    border-radius: 10px;

    border: 1px solid #ddd;

    margin-top: 50px;

}

.author-img {

    overflow: hidden;

    margin-right: 25px;

}

 .author-img img {

     border-radius:100%;

}

 .author-text h3 {

     font-size: 20px;

     color: #232323;

     font-weight: 600;

     text-transform: capitalize;

     margin-bottom: 10px;

}

 .author-text h3 a{

     color:inherit;

}

/*======================== spaclub COMMENT AREA CSS =========================*/

/* POST REPLY CSS */

 .comments {

     padding-bottom: 25px;

}

 .post_comment {

     margin: 20px 0 10px 0;

     padding: 0 10px;

}

.commment_title h3 {

    margin-bottom: 20px;

    position: relative;

    margin-top: 0;

    font-size: 1.25em;

    font-size: 30px;

    font-weight: 700;

}

 .commment_title small{

     font-size: 60%;

}

 .post_replay_inner {

     word-wrap: break-word;

     display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     margin-bottom: 20px;

}

 .mgl-30 {

     margin-left: 30px;

}

 .post_reply_thumb {

}

 .post_reply_thumb img {

     border-radius: 50%;

}

 .post_replay {

     margin-top: 30px;

}

 .post_reply {

     padding-left: 15px;

     width: 100%;

     position: relative;

}

 .post_reply div.st {

     font-size: 18px;

     font-weight: 400;

}

.post_reply div.st a {

    color: #232323;

    font-size: 21px;

    display: inline-block;

    padding-bottom: 0;

    text-transform: capitalize;

    font-weight: 600;

    font-family: 'Cormorant Garamond', serif;

}

 .reply_date {

     overflow: hidden;

     margin-bottom: 15px;

}

.reply_date span.span_left {

    font-size: 14px;

    color: #686868;

    display: block;

}

.reply_date span.span_right {

    float: none;

    color: #fff;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 1px;

    position: absolute;

    top: 0;

    right: 0;

    background: #e2836a;

    padding: 5px 13px;

    transition: .3s;

}

 .reply_date span.span_right:hover{

     background:#e2836a;

}

 .post_reply p {

}

 .comments-area {

     background: #fff;

     margin: 30px 0;

     padding: 50px 45px 55px;

     border: 1px solid #ddd;

}

.spaclub-blog-area.single-blog-details .comments-area {

    margin-bottom: 100px;

}

 .comment-list .comment .comment{

     margin-left: 85px;

}

 .comment-list .comment .comment .post_comment{

     border-bottom:transparent;

}

 .comments-area .children {

     margin-left: 90px;

}

 .post_comment .post_comment {

     margin-left: 15px;

}

/* COMMENT FORM CSS */

 .comment-form-cookies-spaclubt input[type="checkbox"], .comment-form-cookies-spaclubt input[type="radio"] {

     margin: 4px 0 0;

     margin-top: 1px;

     line-height: normal;

     margin-right: 10px;

}

 .em-theme-main-page .commment_title h3 {

     margin-top: 0px;

}

 .logged-in-as {

     margin-bottom: 10px;

     margin-top: 25px;

}

 .logged-in-as a {

     color: #333;

}



.logged-in-as a:hover{

	color:#e2836a;

}

 a.comment-edit-link {

     margin-bottom: 12px;

     display: inline-block;

}

 .em-theme-main-page .comments-area {

     margin-top: 40px;

     clear: both;

}

.comments-area button {

    background: #e2836a;

    color: #fff;

    padding: 13px 30px;

    border-radius: 7px;

    transition: .5s;

    border-radius: 30px;

    margin-top: 20px;

}

.comments-area button i {

    margin-left: 5px;

    font-size: 11px;

}

 .comments-area button:hover {

     background: #10102E !important;

     color: #fff;

}

/*======================== spaclub PAGINATION SECTION =========================*/

.paginations {

    /* text-align: center; */

    margin-top: 20px;

}

 .page-numbers li {

     display: inline-block;

     text-align: center;

}

.paginations a, .page-numbers span.current {

    width: 35px;

    height: 35px;

    line-height: 35px;

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    margin: 0 5px 0 0;

    color: #6d6d6d;

    background: #fff;

    text-decoration: none;

    border: 1px solid #ddd;

}

 .page-numbers li {

     display: inline-block;

}

 .paginations a:hover, .paginations a.current, .page-numbers span.current {

     background: #e2836a;

     border-color: #e2836a;

     color: #fff;

}

/*======================== spaclub BREADCRUMB AREA CSS =========================*/

.breadcumb-area {

    padding: 160px 0 170px;

    background: linear-gradient(rgba(19, 19, 35, 0.4), rgba(0, 0, 0, 0.5)), url(https://wp.ditsolution.net/spaclub/wp-content/uploads/2023/12/hero-bg.jpg) no-repeat center/cover;

    position: relative;

    background: #e2836a;

}

 .breadcrumb_tran_header .breadcumb-area {

     padding: 191px 0 110px;

}

.breadcumb-inner h2 {

    font-size: 42px;

    color: #fff;

    word-break: break-word;

}

.breadcumb-inner ul {

    text-align: left;

    display: inline-block;

    position: relative;

    left: 0;

}

.breadcumb-inner li {

    display: inline-block;

    margin: 0 6px;

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

}

 .breadcumb-inner li:nth-last-child(-n+1) {

     color: #fff;

}

.breadcumb-inner li a {

    color: #fff;

    text-transform: uppercase;

}

.brpt {

    text-align: center;

}

.brpt h2 {

    margin-top: 0;

    font-size: 60px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 10px;

    text-transform: uppercase;

}

 .lcase {

     text-transform: lowercase;

}

 .ucase {

     text-transform: uppercase;

}

 .ccase {

     text-transform: capitalize;

}

 .pimgs img {

     width: 100%;

}

/*======================== spaclub 404 AREA CSS =========================*/

 .not-found-area {

     background-color: #f9f9f9;

     background-position: center top;

     background-repeat: repeat;

     background-size: cover;

     padding: 0 0 16px;

}

 .not-found {

     display: table;

     width: 100%;

     text-align: center;

     background: #fff;

     margin: 70px 0;

     padding: 120px 0;

     box-shadow: 0 5px 15px rgba(0,0,0,0.15);

}

 .not-found-inner {

     display: table-cell;

     vertical-align: middle;

}

 .not-found-inner {

     font-size: 30px;

}

 .not-found-inner h2 {

     color: #e2836a;

     display: inline-block;

     font-size: 160px;

     font-weight: 700;

     line-height: 1.2;

     padding: 15px 0;

}

 .not-found-inner p {

     font-size: 30px;

}

 .not-found-inner a {

     color: #fff;

     font-size: 24px;

     margin-top: 40px;

     display: inline-block;

     background: #e2836a;

     box-shadow: 0 0 4px rgba(0,0,0,.15);

     padding: 10px 40px;

}

 .not-found-inner a:hover{

     background:#e2836a;

     color:#fff;

}

/* search error */

 .spaclub-search-page {

     padding-bottom: 100px;

}

 .search-error .search input {

     padding: 20px 0;

}

 .search-error .search input[type="text"] {

     padding-left: 10px;

}

 .search-error .search button {

     top: 48%;

     -webkit-transform: translateY(-50%);

     -ms-transform: translateY(-50%);

     transform: translateY(-50%);

}

 .search-error > p {

     font-size: 18px;

     margin: 14px 0 20px;

}

 .search-error > h3 {

     display: block;

     font-size: 60px;

     color: #e2836a;

}

 .search-error .search input {

     height: 54px;

     border: 1px solid #ddd;

}

 .mobile_menu_logo a {

     font-size: 23px;

     font-weight: 600;

     text-transform: uppercase;

}

/*======================== spaclub FOOTER WIDGET SECTION =========================*/

 .footer-middle {

     padding: 148px 0 5px;

     position: relative;

     background: #e2836a;

}

 .footer-middle:before {

     left: 0;

     width: 100%;

     position: absolute;

     height: 90px;

     top: 0px;

     background: url(assets/images/footer-top-shape.svg);

     content: "";

     background-repeat: no-repeat;

     background-size: cover;

}

/* Address Widgets */

 .footer-logo img {

     margin-bottom: 1rem;

     width: 120px;

}

 .footer-logo p {

     margin: 0;

}

 .footer-sociala-icon {

     display: inline-block;

     float: left;

     font-size: 14px;

     color: #fff;

     margin-right: 10px;

     overflow: hidden;

}

 .footer-sociala-info p {

     margin: 0 0 11px;

     font-size: 14px;

     opacity: 0.8;

}

/* Custom Menu Widgets */

 .footer-middle .widget ul li {

     display: block;

     margin-bottom: 10px;

     color: #fff;

}

 .footer-middle .widget ul li a {

     font-size: 14px;

     line-height: 19px;

     color: #fff;

     opacity: 0.8;

     text-decoration: none;

}

 .footer-middle .widget ul li a:before {

     position: absolute;

     left: 0;

     top: 0;

     font-size: 15px;

     color: #686868;

     content: "\e65d";

     font-family: themify;

     display:none;

}

 .footer-middle #menu-footer-menu li {

     display:inline-block;

}

 .footer-middle #menu-footer-menu li a {

     margin-right: 10px;

}

 .menu-social-menu-container ul li {

     display: inline-block !important;

}

 .menu-social-menu-container ul li a {

     font-size: 15px;

     color: #fff;

     margin-right: 16px;

}

 .footer-middle .widget-title {

     color: #fff;

}

 .footer-middle .widget.about_us {

     margin-bottom: 15px;

}

/*======================== spaclub FOOTER COPPYRIGHT SECTION =========================*/

 .footer-bottom {

     background: #F4F7FA;

     padding: 23px 0 22px;

     border-top: 1px solid #ddd;

    /* border-top: 1px solid rgba(255,255,255,.23);

     */

}

 .copy-right-text p {

     margin: 0;

     padding: 0;

     margin-top: 0;

     font-size: 14px;

}

 .footer-menu ul {

     list-style: none;

     margin: 0px;

     padding: 0px;

}

 .footer-menu ul li {

     display: inline-block;

}

 .footer-menu ul .menu-item {

     margin-left: 10px;

}

 .footer-menu ul .menu-item a {

     color: #686868;

     padding: 0;

     display: block;

     text-transform: capitalize;

     margin-left: 10px;

     transition: .3s;

     font-size: 14px;

}

 .footer-menu ul .menu-item a:hover{

     color:#e2836a;

}

 .footer-menu .social-icon {

     display: block;

     margin-left: 26px;

     -webkit-transition: .3s;

     -o-transition: .3s;

     transition: .3s;

     text-align: center;

     color: #e2836a;

     opacity: 0.8;

     font-size: 18px;

}

 .footer-menu .social-icon:hover {

     opacity: 1;

}

 .footer-menu ul li:last-child a {

     padding-right: 0px;

}

 .footer_style_3 .footer-menu ul li:first-child a {

     padding-left: 0px;

}

 .footer-menu ul ul {

     display: none;

}

 .copy-right-text a {

     color: #e2836a;

}

 .copyright-social ul li {

     font-size: 16px;

     display: inline;

}

 .copyright-social ul li a {

     color: #f8f9fe;

     font-size: 14px;

}

 .copyright-social ul .policy:after {

     content: "/";

     color: #f8f9fe;

     padding-left: 10px;

     padding-right: 10px;

}

 .menu-footer-menu-container {

     display: none;

}

/*======================== spaclub SCROLL TOP CSS =========================*/

 #scrollUp {

     bottom: 30px;

     color: #fff;

     font-size: 34px;

     height: 60px;

     line-height: 55px;

     right: 30px;

     text-align: center;

     width: 60px;

     border-radius: 100%;

     background: #e2836a;

     transition: .3s;

}

 #scrollUp:hover{

     background:#e2836a;

}

 #scrollUp i {

     color: #fff;

}

 .mc4wp-alert.mc4wp-success {

    color: #fff;

}



/* Side bar */

.sidebar {

    display: inline-block;

    position: relative;

    left: 20px;

    top: 0px;

    width: 40px;

    height: 40px;

    line-height: 53px;

    border-radius: 50%;

}

 .sidebar {

    left: 20px;

}

.nav-btn.navSidebar-button {

    left: 0;

}

.nav-btn.navSidebar-button {

    display: inline-block;

    color: #fff;

    font-size: 25px;

    cursor: pointer;

    position: relative;

    top: -2px;

    left: -15px;

}

.nav-btn.navSidebar-button i {

    font-size: 15px;

    width: 53px;

    line-height: 50px;

    height: 53px;

    border-radius: 50px;

    text-align: center;

    background: #e2836a;

    display: inline-block;

    color: #fff;

    position: relative;

    z-index: 1;

    margin-left: 15px;

    transition: .5s;

    cursor: pointer;

}

.nav-btn.navSidebar-button i:after {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #e2836a;

    border-radius: 50%;

    transition: .5s;

    transform: scale(0);

}

.nav-btn.navSidebar-button:hover i:after{

   transform: scale(1); 

}

.nav-btn.navSidebar-button:hover i{

    color:#fff;

}

 .nav-btn.navSidebar-button {

    display: inline-block;

    color: #fff;

    font-size: 30px;

    cursor: pointer;

    position: relative;

  }

  span.icon.flaticon-menu-2 i {

    font-size: 20px;

    color: #000000;

  }



.sidebar-title h2 {

    font-size: 26px;

    margin-top: 15px;

    font-weight: 600;

    margin-bottom: 21px;

}

.sidebar-contact-info h2 {

    font-size: 26px;

    margin-bottom: 25px;

    font-weight: 600;

}

.sidebar-content-inner {

	margin-top: 40px;

}

.sidebar-contact-info ul li {

	list-style: none;

	margin-bottom: 15px;

	font-weight: 400;

	font-size: 15px;

}

.sidebar-contact-info ul li i {

    color: #fff;

    width: 32px;

    height: 32px;

    line-height: 32px;

    background: #e2836a;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    margin-right: 10px;

}

.sidebar-social-icon {

	margin-top: 38px;

}

.sidebar-social-icon ul li {

	list-style: none;

	display: inline;

}

.sidebar-social-icon ul li a {

	color: #fff;

	width: 40px;

	height: 40px;

	line-height: 40px;

	background: #0a0a0a;

	display: inline-block;

	text-align: center;

	border-radius: 50%;

	margin-right: 10px;

    position: relative;

    z-index: 1;

}

.sidebar-social-icon ul li a:hover {

    background: #e2836a;

    color: #fff;

}

ul.tags {

    padding: 0;

}

/*

<!-- =================== -->

<!--Booking Area-->

<!-- ===================-->*/

.main-contact {

    position: relative;

}

.booking-input-box {

    position: relative;

    width: 22%;

    display: inline-block;

}

.booking-input-box:before {

    position: absolute;

    content: "";

    width: 1px;

    height: 73%;

    right: 11px;

    top: 0px;

    background: #66666673;

}

.booking-input-box.upper:before{

    background:none;

}

.booking-input-box:nth-last-child(2):before {

    display: none;

}

.main-contact .booking-input-box h4 {

    font-size: 14px;

    line-height: 14px;

    color: #acacac;

    font-weight: 400;

    font-family: "Lora";

    margin-left: 3px;

}

.main-contact .booking-input-box input {

    width: 78% !important;

    height: 50px;

    outline: 0 !important;

    background: transparent;

    border: transparent !important;

    color: #fff;

    padding: 0 6px 0 0 !important;

}

.booking-input-box input::placeholder{

    color:#fff;

}

input[type="date"]::-webkit-calendar-picker-indicator {

    filter: brightness(24.3) invert(15);

}

.booking-input-box select {

    width: 78%;

    height: 50px;

    outline: 0;

    background: transparent;

    border: transparent;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px;

}

.booking-input-box option {

    color: #222;

    font-family: "Lora";

    font-size: 16px !important;

    display: inline-block;

}

.booking-button {

    position: absolute;

    right: -72px;

    top: 16px;

    display: inline-block;

    z-index: 22;

}

.booking-button input.wpcf7-submit {

    background: #e2836a;

    padding: 12px 31px;

    border: transparent;

    font-size: 15px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: "Cormorant Garamond";

    position: relative;

    z-index: 1;

    transition: 0.5s;

    border-radius: 30px;

}

.booking-button input.wpcf7-submit:hover{

    color:#e2836a;

    background: #fff;

}

/*contact-two*/

.form-area.contact-two .form-control {

    border-radius: 0;

    transition: 0.5s;

    background: transparent !important;

    border: 1px solid #acacac4f;

    color: #ffff;

    outline: 0;

    width: 100%;

    height: 60px;

    position: relative;

    margin-bottom: 20px;

    padding: 0 21px;

}

.form-area.contact-two input.wpcf7-form-control.wpcf7-email.form-control {

    margin-bottom: 14px;

}

.form-area.contact-two select.form-select {

    background: transparent !important;

    border: 1px solid #acacac4f;

    color: #acacac;

    outline: 0;

    width: 100%;

    height: 60px;

    position: relative;

    padding: 0 19px;

    margin-top: 5px;

    text-transform: capitalize;

    margin-bottom: 20px;

}

.form-area.contact-two textarea.wpcf7-form-control.wpcf7-textarea.form-control {

    color: #232323;

    transition: .5s;

    background: transparent !important;

    border: 1px solid #acacac4f;

    color: #acacac;

    outline: 0;

    width: 100%;

    height: 120px;

    position: relative;

    padding: 9px 19px;

    border-radius: 0;

}

.form-area.contact-two .form-group p {

    margin: 0;

}

.form-area.contact-two .buttons input {

    display: block;

    border-radius: 0;

    text-align: center;

    transition: .5s;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: "Cormorant Garamond";

    width: 100%;

    border: transparent;

    padding: 16px 0;

    margin-top: 13px;

    position: relative;

    z-index: 1;

    transition: 0.5s;

    background: #e2836a;

}



.contact-two .booking-input-box h4 {

    color: #fff;

    font-size: 20px;

    font-family: "Cormorant Garamond";

    font-weight: 500;

    line-height: 28px;

}

.wpcf7 form .wpcf7-response-output {

    color: rgba(255,255,255,0.50);

}

.wpcf7 form.sent .wpcf7-response-output {

    border-color: #e2836a;

}



.booking-form-02 {

    background: rgba(0,0,0,0.40);

    overflow: hidden;

    padding: 30px 44px 20px;

}

/*contact three*/

.main-contact.style_three .booking-input-box {

    position: relative;

    display: inline-block;

    background-color: #272727;

    padding: 22px 19px 10px;

    width: 20%;

    margin-right: 7px;

}

.main-contact.style_three .booking-input-box p {

    margin: 0;

}

.main-contact.style_three .booking-input-box h4 {

    line-height: 14px;

    margin-left: 0;

    opacity: 0.302;

    font-size: 15px;

    color: #fefefe;

    font-weight: 700;

    font-family: "Cormorant Garamond";

    text-transform: uppercase;

    margin-bottom: 2px;

    margin: 0 0 5px;

}

.main-contact.style_three .booking-input-box:before {

    display:none;

}

.main-contact.style_three .booking-input-box input::placeholder {

    color: #fff!important;

    font-size: 22px;

    font-weight: 700;

    font-family: "Cormorant Garamond";

    text-transform: capitalize;

}

.main-contact.style_three .booking-content {

    text-align: center;

}

.main-contact.style_three .booking-content p {

    text-align: center;

    font-size: 24px;

    color: #acacac;

    font-weight: 500;

    font-style: italic;

    font-family: "Cormorant Garamond";

    margin: 0;

    padding: 54px 0 0;

}

.main-contact.style_three .booking-button input.wpcf7-submit {

    position: relative;

    z-index: 1;

    transition: 0.5s;

    background-color: #e2836a;

    border: transparent;

    padding: 37px 51px;

    font-size: 17px;

    color: #fefefe;

    font-weight: 700;

    font-family: "Cormorant Garamond";

    text-transform: uppercase;

}

.main-contact.style_three .booking-button {

    position: absolute;

    right: -66px;

    top: 0;

    display: inline-block;

    z-index: 22;

}

/*style five*/



.main-contact.style_five {

    background: #F7F6F2;

    padding: 35px 46px 12px;

}

.main-contact.style_five .booking-input-box:before {

    opacity: 0.3;

}

.main-contact.style_five .booking-input-box h4 {

    color: #616161;

}

.main-contact.style_five .booking-input-box input {

    color: #1e1e1e;

}

.main-contact.style_five .booking-input-box select {

    color: #1e1e1e;

}

.main-contact.style_five .booking-button {

    right: -28px;

    top: 46px;

}

.main-contact.style_five input[type="date"]::-webkit-calendar-picker-indicator {

    filter: brightness(1.3) invert(15);

}



/*main subscribe*/





.main_subscribe form#mc4wp-form-1 {

    position: relative;

}

.main_subscribe .mc4wp-form-fields {

    position: relative;

}

.main_subscribe input[type="email"] {

    width: 100%;

    padding: 12px 20px;

    margin: 0 0 79px;

    display: inline-block;

    border: 1px solid #ccc;

    box-sizing: border-box;

    outline: 0;

    background: #fff;

    height: 60px;

}

.main_subscribe p.mailchimp-form button {

    background: #e2836a;

    color: #fff;

    padding: 0 19px;

    position: absolute;

    right: inherit;

    top: 77px;

    z-index: 1;

    height: 60px;

    left: 0;

    width: 100%;

}



/*start Subscribe section*/



.mc4wp-form-fields input[type="email"] {

    background: transparent;

    text-align: left;

    height: 64px;

    background-color: #ffffff;

    width: 81%;

    border: transparent;

    border-radius: 30px 0 0 30px;

    padding: 0 36px;

    outline: 0;

}

.mc4wp-form-fields button {

    background-color: #0a132e;

    padding: 20px 24px;

    border: transparent;

    margin-top: 0;

    font-size: 16px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    border-radius: 0;

    display: inline-block;

    position: absolute;

    top: 0;

}

.mc4wp-form-fields input[type="email"]::placeholder {

    color: #acacac!important;

}







.mc4wp-form-fields p {

    margin: 0;

    position: relative;

}

input[type="email"]::placeholder {

    font-size: 16px;

    color: #232323!important;

}

p.mailchimp-form button {

    transition: all 0.4s ease 0s;

    border: medium none;

    border-radius: 0;

    background: #e2836a;

    color: #fff;

    font-weight: 500;

    text-align: center;

    padding: 0 19px;

    position: absolute;

    right: 4px;

    top: 4px;

    display: inline-block;

    z-index: 1;

    height: 86%;

}

p.mailchimp-form button:hover {

    background: #e2836a;

    color: #fff;

}

.mc4wp-alert.mc4wp-notice {

    color: #fff;

}

/*form_two*/

.form_two input[type="email"]{

   background: rgba(255,255,255,0.10196078431372549);

    color: #fff;

    border-radius: 5px; 

}

.form_two p.mailchimp-form button {

    border-radius: 0 5px 5px 0;

}

.form_two input[type="email"]::placeholder {

    color: #a8a8b3!important;

}

  /*start sidebar section*/

.navSidebar-button span {

    display: block;

    border-top: 2px solid #0a0a0a;

    margin: 4px 3px;

    width: 22px;

}

  .navSidebar-button span.line3 {

    width: 10px;

    transition: .5s;

  }

  .sidebar:hover .navSidebar-button span.line3{

      width:22px;

  }

  .xs-sidebar-group .dt-overlay {

	/* left: 100%; */

	top: 0;

	position: fixed;

	z-index: 9999;

	height: 100%;

	opacity: 0;

	width: 100%;

	visibility: hidden;

	-webkit-transition: all 0.4s ease-in 0.8s;

	-o-transition: all 0.4s ease-in 0.8s;

	transition: all 0.4s ease-in 0.8s;

	right: 0;

	left: 0;

}

  .sidebar-logo .main_sticky_l {

    display: none;

  }



.sidebar-info-contents {

	margin-top: 40px;

}

.rpwwt-widget ul li {

    margin: 0 0 0px !important;

}

.xs-sidebar-group .widget-top {

    position: absolute;

    top: 20px;

    right: 25px;

    color: #fff;

    opacity: 1;

    font-size: 20px;

    background: #e2836a;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

}

.widget-top:hover .bar-close {

	transform: rotate(180deg);

    color: #181818;

}

.xs-sidebar-group .widget-top .bar-close {

    display: inline-flex;

    transition: .2s;

    color: #fff;

	align-items:center;

	justify-content:center

}

  .dt-sidebar-widget {

    position: fixed;

    right: -100%;

    top: 0;

    bottom: 0;

    width: 100%;

    max-width: 360px;

    z-index: 999999;

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    background-color: #272727;

    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;

    visibility: hidden;

    opacity: 0;

  }

  .xs-sidebar-group.isActive .dt-overlay {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.8s ease-out 0s;

    -o-transition: all 0.8s ease-out 0s;

    transition: all 0.8s ease-out 0s;

  }

  .xs-sidebar-group.isActive .dt-sidebar-widget {

    opacity: 1;

    visibility: visible;

    right: 0;

    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;

    background: #fff;

  }

  .sidebar-textwidget {

    padding: 40px;

  }

  .close-side-widget {

    color: #edc701;

    font-size: rem(15px);

    display: block;

  }

  .sidebar-container {

    position: relative;

    top: 150px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease-in 0.3s;

    -o-transition: all 0.3s ease-in 0.3s;

    transition: all 0.3s ease-in 0.3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    overflow: hidden;

}

  .xs-sidebar-group.isActive .sidebar-container {

    top: 0px;

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 1s ease-out 1.2s;

    -o-transition: all 1s ease-out 1.2s;

    transition: all 1s ease-out 1.2s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

  }

  .dt-overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: 0.5;

    z-index: 0;

  }

  

  

  

  #mega-menu-wrap-menu-1 {

    display: inline-block !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    width: 772px;

}

ul.mega-sub-menu {

    box-shadow: 0 0 4px rgb(0 0 0 / 10%) !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    box-shadow: 0 0 5px rgba(0,0,0,0.10);

    padding: 30px 15px 30px 15px;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    width: 678px;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {

    left: 9px;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    line-height: 100px;

    height: 100px;

}

.elementor-position-left .elementor-icon-box-icon {

    margin-top: 15px !important;

}

.transprent-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #fff;

}

.transprent-menu .hbg2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #fff !important;

}

.transprent-menu .hbg2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #232323;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {

    padding: 10px 15px 10px 15px;

}  

#mega-menu-wrap-menu-1 {

    background: rgba(255, 255, 255, 0.0) !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {

    background: rgba(255, 255, 255, 0.0) !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus {

    background: rgba(255, 255, 255, 0.0) !important;

}

.spaclub-main-menu.transprent-menu.style-two .row.header-bg #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #1e1e1e;

}

.transprent-menu .row.header-bg #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    color: #1e1e1e !important;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {

    padding: 0px 10px 0px 10px;

}

/* .bt-black {

    background: rgb(0,0,0,0.5)!important;

} */

.close {



}

/* Sidebar End */

/*     body.dark {

    background-color: #000!important;

     color: #fff; 

    position: relative;

    z-index: 99;

}*/

.mc4wp-alert.mc4wp-error p a {

    color: #fff;

}

.mc4wp-alert.mc4wp-error p {

    color: #fff;

}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {

    right: 100% !important;

    left: inherit !important;

}



.brand-item { display: flex; justify-content: center; align-items: center; }
.fa { font: normal normal normal 14px/1 FontAwesome !important; }

.noptin-inpost-main-wrapper .noptin-form-fields { align-items: center; }
.noptin-inpost-main-wrapper .noptin-optin-form-wrapper { margin-bottom: 0; margin-top: 20px; max-width: 100% !important; min-height: 0 !important; }
.noptin-optin-form-wrapper { background: none !important; }
.noptin-text.noptin-form-field.noptin-form-field__has-no-placeholder { height: 54px !important; background: #fff; border-radius: 5px; }
.noptin-optin-form-wrapper { border: none !important; }
.noptin-form-header { display: none; }
.noptin-form-note { display: none; }
.noptin-form-footer { padding: 0 !important; }

.noptin-form-footer .noptin-form-submit { display:inline-block; text-align:center; text-transform:none; vertical-align:middle; padding: 14px 25px; border: none; }