/**
 * Theme Name:     kirkinezi
 * Author:         Hiremycode
 * Template:       technico
 * Text Domain:	   kirkinezi
 * Description:    Official theme for kirkinezi
 * Version:   	   0.0000239
 */

:root {	
	--dark-color: #231f20;
	--brand-color: #767c0c;
	--bg-color: #EAE3D8;
}

/********************* GENERAL ***/
body, html {overflow-x: hidden !important; background: var(--bg-color);}
body, .entry-content {font-family: "Geologica" !important; font-size: 26px !important; line-height: 34px !important; letter-spacing: 0px; font-weight: 500 !important; color: var(--dark-color);}
h1,h2,h3,h4,h5,h6 {font-family: "Geologica" !important; font-weight: 500 !important; letter-spacing: 0.5px !important}

.entry-content p > a {color: var(--dark-color); font-weight: 500 !important; border-bottom: 1px !important; font-family: "Geologica";}
.entry-content strong {font-weight: 500 !important; font-family: "Geologica" !important;}

.centered {text-align: center !important}
.nodesktop {display: none}

.svg-image .vc_figure {width: 100%}
.svg-image .vc_single_image-wrapper {width: 100%;}

.rounded-image img {border-radius: 50% / 40%;}

.left-column {padding-right: 40px !important;}
.right-column {padding-left: 40px !important;}


/********************* BUTTONS ***/
.vc_btn3 {background-image: none !important; background: transparent !important; letter-spacing: 0.5px !important; border: 0px !important; font-family: "Geologica"; font-weight: 600 !important; padding: 0px !important; font-size: 24px !important; }
.vc_btn3:hover {background: transparent !important; color: var(--dark-color) !important; letter-spacing: 1.5px !important}
.vc_btn3:after {content: ''; position: relative; display: inline-block; width: 80px; height: 2px; vertical-align: bottom; background-color: var(--dark-color); transition: width 0.3s ease; margin-bottom: 5px; margin-left: 10px}
.vc_btn3:hover:after {width: 120px;}


/********************* HEADER ***/
.header {position: absolute; width: 100%; top: 0px; z-index: 100; background: transparent !important; transition: all 0.5s ease}
.scrollActive .header {position: fixed; width: 100%; top: 0px; background: var(--bg-color) !important; transition: all 0.5s ease; box-shadow: 8px 0 12px 0px rgba(0, 0, 0, 0.1)}
.mast-head-wrap {padding: 25px !important}


/********************* LOGO ***/
.centerlogo {position: relative;}

.site-logo a {display: block; margin-bottom: 0;}
.site-logo {position: relative; z-index: 1; width: 120px; margin: 0 auto; opacity: 1; transition: opacity 0.2s ease;}
.site-logo svg {display: block; width: 100%; height: auto;}

.alt-logo {width: 240px; height: 50px; position: absolute; z-index: 2; left: 50%; top: 0; margin-left: -120px; margin-top: 20px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s ease, visibility 0s linear 0.15s;}
.alt-logo svg {display: block; width: 100%; height: auto;}

.site-logo:hover {opacity: 0;}
.site-logo:hover + .alt-logo {opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 0.2s ease, visibility 0s;}
.alt-logo:hover {opacity: 1; visibility: visible; pointer-events: auto;}
.centerlogo:has(.alt-logo:hover) .site-logo {opacity: 0;}

.scrollActive .site-logo {display: none}
.scrollActive .alt-logo {opacity: 1; visibility: visible; margin-top: 0px; pointer-events: all}


/********************* MENU ***/
.leftmenucolumn {padding-left: 0px !important; padding-top: 12px; padding-bottom: 12px; background: transparent}
.rightmenucolumn {padding-right: 0px !important; padding-top: 12px; padding-bottom: 12px; background: transparent}

.left-nav {text-align: right; padding-right: 15px !important}
.right-nav {text-align: left; padding-left: 15px !important; display: inline-block}

.nav ul {margin-top: 15px; background: transparent}
.nav ul li {background: transparent}
.nav ul li a {font-family: "Geologica"; color: var(--dark-color) !important; font-size: 17px; font-weight: 600; line-height: 28px; letter-spacing: 0.5px !important; text-transform: none; transition: none; margin-left: 35px; margin-right: 35px; border-bottom: 0px !important; position: relative; transition: all 0.2s ease}
.nav ul li.current-menu-item a {/*text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;*/ color: var(--brand-color) !important}
.nav ul li:hover a {/*text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;*/ color: var(--brand-color) !important}
.navigation > li:last-child > a {margin-right: 35px}

.scrollActive .nav, .scrollActive .nav ul  {margin-top: 0px}
.scrollActive .leftmenucolumn {padding-top: 6px;}
.scrollActive .rightmenucolumn {padding-top: 6px;}


/********************* LANGUAGE COLUMN ***/
.header-widget ul {padding-left: 0px !important; list-style-type: none; margin: 0px}

.language-column {background: transparent; width: 40px; height: 40px; position: absolute; right: 0px; margin-top: -25px; font-size: 17px; line-height: 37px; text-align: center; border-radius: 100%; border: 2px solid var(--dark-color); font-weight: 600}



.scrollActive .language-column {margin-top: 0px}


/********************* MAIN ***/
.main {padding-top: 180px !important; padding-bottom: 0px !important; }


/********************* HERO ***/
.hero {padding-bottom: 80px}
.hero-slider, .hero-image {width: 70% !important; position: relative; margin: 0 auto !important; max-width: 1200px !important}

/*bullets pagination*/
.vc_images_carousel .vc_carousel-indicators {bottom: -35px !important}
.vc_images_carousel .vc_carousel-indicators li {border: 1px solid var(--dark-color) !important; background: transparent !important}
.vc_images_carousel .vc_carousel-indicators li.vc_active {border: 1px solid var(--dark-color) !important; background: var(--dark-color) !important} 

/*arrows pagination*/
.vc_images_carousel .vc_carousel-control {top: auto !important; bottom: -45px !important; opacity: 1 !important;}
.vc_images_carousel .vc_carousel-control :is(.icon-next, .icon-prev) {position: relative; width: 40px !important; height: 30px;}

.vc_images_carousel .vc_carousel-control.vc_left {left: calc(100% - 120px) !important;}
.vc_images_carousel .vc_carousel-control.vc_left .icon-prev:before {content: "" !important; position: absolute; width: 40px; height: 3px; left: -1px; top: 50%; background: var(--brand-color); transform: translateY(-50%);}
.vc_images_carousel .vc_carousel-control.vc_left .icon-prev:after {content: "" !important; position: absolute; width: 12px; height: 12px; left: 0; top: 50%; border-left: 3px solid var(--brand-color); border-bottom: 3px solid var(--brand-color); transform: translateY(-50%) rotate(45deg);}

.vc_images_carousel .vc_carousel-control.vc_right {right: -6px !important;}
.vc_images_carousel .vc_carousel-control.vc_right .icon-next:before {content: "" !important; position: absolute; width: 40px; height: 3px; right: -1px; top: 50%; background: var(--brand-color); transform: translateY(-50%);}
.vc_images_carousel .vc_carousel-control.vc_right .icon-next:after {content: "" !important; position: absolute; width: 12px; height: 12px; right: 0; top: 50%; border-top: 3px solid var(--brand-color); border-right: 3px solid var(--brand-color); transform: translateY(-50%) rotate(45deg);}


/********************* SECTIONS ***/
.section {padding-top: 100px; padding-bottom: 100px;}
.green-section {background: var(--brand-color);}
.bottom-section {padding-bottom: 0px !important}
.half-section {background: linear-gradient(to bottom, var(--brand-color) 0%, var(--brand-color) 80%, transparent 80%, transparent 100%);}


/********************* TITLES ***/
.section-title {font-size: 58px; letter-spacing: 0px; color: var(--dark-color); line-height: 68px; margin-top: 0px !important; margin-bottom: 35px !important; position: relative}
.section-subtitle {font-size: 28px; font-weight: 600 !important; line-height: 38px; margin-top: 10px !important; letter-spacing: 0.5px; text-align: left}
.medium-title {font-size: 52px; letter-spacing: 0px; color: var(--dark-color); line-height: 62px; margin-top: 0px !important; margin-bottom: 35px !important; position: relative}
.small-title {font-size: 32px}


/********************* HOUSES SHOWCASE ***/
.houses-showcase {position: relative;}

.houses-images {position: relative;}
.houses-images .house-image {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease;}
.houses-images .house-image.is-active {position: relative; opacity: 1; visibility: visible; pointer-events: auto;}

.houses-nav, .houses-nav .vc_column-inner, .houses-nav .wpb_wrapper {overflow: visible !important;}

.houses-nav .small-title {margin-bottom: 40px !important; margin-top: 100px !important}
.houses-nav .house-link {position: relative; width: fit-content; font-size: 58px; line-height: 68px; font-weight: 600; margin-bottom: 0px !important; margin-top: 15px !important}
.houses-nav .house-link a {display: inline-block; color: var(--dark-color) !important; transition: color 0.2s ease; opacity: 1 !important}

.houses-nav .house-link.is-active a, .houses-nav .house-link:hover a {color: var(--brand-color) !important;}

.houses-nav .house-link.is-active::before {content: ""; position: absolute; width: 120px; height: 3px; right: calc(100% + 25px); top: 50%; transform: translateY(-50%); background: var(--brand-color); display: block; z-index: 10;}
.houses-nav .house-link.is-active::after {content: ""; position: absolute; width: 18px; height: 18px; right: calc(100% + 125px); top: 50%; border-left: 3px solid var(--brand-color); border-bottom: 3px solid var(--brand-color); transform: translateY(-50%) rotate(45deg);}


/********************* SINGLE HOUSE ***/
.house-page-title {margin-bottom: 0px !important}

.house-icons-row {margin-top: 40px; margin-bottom: 0px}
.house-icon {margin-bottom: 0px !important}
.house-icon svg {width: 100px; height: auto}

.amenities-row-title {margin-bottom: 0px !important}
.amenities-title {font-size: 24px; font-weight: 800 !important; margin-bottom: 5px !important}
.amenities-text {font-size: 22px; line-height: 29px; font-weight: 500; }

.house-btn {position: absolute; bottom: 35px}


/********************* HOUSES PAGE ***/
.house-title {margin-bottom: 10px !important}


/********************* CONTACT ***/
.contact-hero {margin-top: 40px !important}
.wpcf7-form {margin-top: 40px}
.wpcf7-form label {color: var(--dark-color); font-family: "Geologica", sans-serif !important; font-size: 24px; font-weight: 800 !important; text-transform: none; letter-spacing: 0px; }
.wpcf7-form p {margin-bottom: 25px}

.wpcf7-text {border: 0px; border-bottom: 2px solid var(--dark-color); padding: 0px 0px 0px 0px; background: transparent; color: var(--dark-color); margin-top: 5px; height: 50px; font-size: 16px;}

.wpcf7-textarea {border:0px; border-bottom: 2px solid var(--dark-color); padding: 15px 0px 0px 0px; background: transparent; color: var(--dark-color); resize: vertical; height: 150px; margin-top: 5px; font-size: 16px;}
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus {border-color: var(--brand-color)}

.wpcf7-submit {background: transparent !important; font-family: "Geologica"; font-weight: 600 !important; font-size: 24px !important; margin-top: 30px !important;letter-spacing: 0.5px !important; padding: 0px !important; color: var(--dark-color) !important; border: 0px !important; transition: all 0.3s ease}
.wpcf7-submit:hover {background: transparent !important; color: var(--dark-color) !important; letter-spacing: 1.5px !important; transition: all 0.3s ease}

.wpcf7-list-item {margin-left: 0px !important; margin-top: 10px !important; width: 100%}
.wpcf7-list-item a {font-weight: 500; color: var(--dark-color) !important}
.wpcf7-list-item label {font-size: 16px; margin-top: 10px; color: var(--dark-color);}
.wpcf7-list-item-label {margin-left: 5px !important}

.forconsent label {font-size: 18px; line-height: 26px; color: var(--dark-color); display: inline-block; letter-spacing: 0px; width: calc(100% - 40px); font-weight: 500 !important}
.forconsent a {font-weight: 500; color: var(--dark-color) !important;border-bottom: 2px solid var(--purple-color) !important }
.forconsent a:hover {border-bottom: 1px solid var(--dark-color) !important}
.forconsent .wpcf7-form-control-wrap {display: inline-block; margin-right: 15px}

.wpcf7-response-output {text-align: center; font-size: 16px !important; font-weight: 500 !important; margin-left: 0px !important; margin-right: 0px !important; padding: 10px !important}
.wpcf7 form.sent .wpcf7-response-output {background: #46b450 !important; border: 1px solid #46b450 !important; color: #ffffff !important;}
.wpcf7 form.invalid .wpcf7-response-output {background: #dc3232 !important; border: 1px solid #dc3232 !important; color: #ffffff !important;}

.wpcf7-list-item input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: var(--dark-color); width: 20px; height: 20px; border: 2px solid var(--dark-color); transform: translateY(-0.075em); display: inline-grid; place-content: center;}

.wpcf7-list-item input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: var(--dark-color);}

.wpcf7-list-item input[type="checkbox"]:checked::before {transform: scale(1);}


/********************* MAP ***/
#map {height: 600px !important; margin-top: 60px !important}
.info_content {max-width: 300px !important;}
.info_content h1 {margin-top: 3px; color: var(--dark-color); font-size: 24px; text-align: center; text-transform: none; letter-spacing: 0.5px; font-weight: 800 !important; font-family: "Geologica", sans-serif}
.info_content p {margin-bottom: 5px; font-size: 16px; font-weight: 300; text-align: center; font-family: "Geologica", sans-serif}
.gm-style .gm-style-iw button {top: 0px !important; right: 0px !important}
.gm-style .gm-style-iw-c {border-radius: 0px !important; padding: 30px !important; box-shadow: none !important}
.gm-style .gm-style-iw-tc {display: none !important}
.gm-style .gm-style-iw-d {overflow: hidden !important}
.gm-style-iw-chr {display: none !important}


/********************* PRIVACY POLICY ***/
.privacy-policy p {font-size: 20px; line-height: 28px}
.privacy-policy h2, .privacy-policy h3, .privacy-policy h4 {font-weight: 600 !important}



/*** 404 ***/
.error404 .error-hero {display: block; height: 100vh; text-align: center; background: var(--bg-color); position: relative}
.error404 .error-title {font-size: 18px; font-weight: 500; color: var(--dark-color); width: 280px; height: 150px; position: absolute; left: 50%; top: 50vh; margin-left: -140px; margin-top: -75px; text-transform: uppercase}
.error404 .error-title:before {content: "404"; display: block; font-family: "Geologica"; font-weight: 700 !important; font-size: 100px; color: var(--brand-color); margin-bottom: 20px; line-height: 100px}


/********************* FOOTER */
.footer {position: relative !important; background-color: var(--bg-color) !important; color: var(--dark-color) !important; font-family: "Geologica"; font-weight: 500 !important; font-size: 26px }
.footer-main {padding-top: 100px; padding-bottom: 0px; text-align: center}

.widget {font-size: 19px !important; line-height: 28px !important; margin-bottom: 40px; font-weight: 500 !important}
.widget-title {border-bottom: 0px !important; font-size: 58px !important; line-height: 68px !important; font-weight: 500 !important}
.widget a {color: var(--dark-color) !important}

.social-icons .social-icon {display: block; width: 60px; height: 60px; background: transparent; margin-left: 12px; margin-right: 12px}
.social-icons .social-icon i {display: block; width: 60px; height: 60px; font-size: 0; background-position: center; background-repeat: no-repeat; background-size: contain;}
.social-icons .social-icon i:before {content: none !important}
.social-icons .fa-facebook {background-image: url(img/facebook-icon.svg);}
.social-icons .fa-vine {background-image: url(img/heart-icon.svg);}
.social-icons .fa-telegram {background-image: url(img/tiktok-icon.svg);}

.footer svg {width: 120px; height: auto;}
#media_image-3 svg {width: 210px; height: auto}

.footer-copy {border-top: 0px; padding-top: 0px; padding-bottom: 20px; font-family: "Geologica"; font-weight: 600 !important; font-size: 14px !important; letter-spacing: 0.5px; background: transparent; color: var(--dark-color); line-height: 28px; text-align: center}
.footer-copy .text-right {text-align: center}
.footer-copy a {color: var(--dark-color) !important}
.footer-copy a:hover {color: var(--dark-color) !important}



/****************** MIN QUERIES ***/

/****************** CONTAINER ***/
@media screen and (min-width: 300px) {
	
.container {max-width: calc(100% - 25px);}
}

@media screen and (min-width: 400px) {
	
.container {max-width: calc(100% - 40px);}
}

@media screen and (min-width: 650px) {
	
.container {max-width: calc(100% - 40px);}
}

@media screen and (min-width: 768px) {

.container {max-width: calc(100% - 40px);}
}

@media screen and (min-width: 850px) {

.container {max-width: calc(100% - 60px);}
}

@media screen and (min-width: 992px) {

.container {max-width: calc(100% - 60px);}
}

@media screen and (min-width: 1100px) {

.container {max-width: calc(100% - 60px);}
}

@media screen and (min-width: 1200px) {

.container {max-width: calc(100% - 60px);}
}

@media screen and (min-width: 1300px) {

.container {max-width: calc(100% - 60px);}
}

@media screen and (min-width: 1400px) {

.container {max-width: 1350px;}
}

@media screen and (min-width: 1500px) {

.container {max-width: 1450px;}
}

@media screen and (min-width: 1600px) {

.container {max-width: 1550px;}
}

@media screen and (min-width: 1800px) {

.container {max-width: 1750px;}
}

@media screen and (min-width: 2000px) {

.container {max-width: 1900px;}
}



@media screen and (max-width: 1600px) {

body, .entry-content {font-size: 25px !important; line-height: 33px !important}
.section-title {font-size: 54px; line-height: 64px}
.section-subtitle {font-size: 28px; line-height: 38px;}
.widget-title {font-size: 54px !important; line-height: 64px !important}
.houses-nav .house-link {font-size: 54px; line-height: 64px}

.medium-title {font-size: 48px; line-height: 58px;}

.amenities-title {font-size: 24px;}
.amenities-text {font-size: 22px; line-height: 29px;}

.wpcf7-form label {font-size: 24px;}

}



@media screen and (max-width: 1500px) {


.nav ul li a {margin-left: 25px;margin-right: 25px;}
.navigation > li:last-child > a {margin-right: 25px;}

.footer svg {width: 110px}
#media_image-3 svg {width: 190px; }

}


@media screen and (max-width: 1400px) {

body, .entry-content {font-size: 23px !important; line-height: 30px !important}

.alt-logo {width: 200px; margin-left: -100px; top: 4px;}
.nav ul li a {margin-left: 20px;margin-right: 20px; font-size: 16px}
.navigation > li:last-child > a {margin-right: 20px;}
.language-column {font-size: 16px; margin-top: -30px}
.scrollActive .language-column {margin-top: -3px}

.left-column {padding-right: 30px !important;}
.right-column {padding-left: 30px !important;}



.section-title {font-size: 50px; line-height: 60px}
.section-subtitle {font-size: 26px; line-height: 36px;}
.widget-title {font-size: 50px !important; line-height: 60px !important}
.houses-nav .house-link {font-size: 50px; line-height: 60px}

.medium-title {font-size: 40px; line-height: 50px;}

.amenities-title {font-size: 24px;}
.amenities-text {font-size: 22px; line-height: 29px;}

.wpcf7-form label {font-size: 24px;}

.houses-nav .house-link {margin-top: 10px !important}

}



@media screen and (max-width: 1300px) {

body, .entry-content {font-size: 22px !important; line-height: 29px !important}

.alt-logo {width: 180px; margin-left: -90px; top: 4px;}
.nav ul li a {margin-left: 15px;margin-right: 15px; font-size: 16px}
.navigation > li:last-child > a {margin-right: 15px;}
.language-column {font-size: 16px; margin-top: -30px}

.amenities-title {font-size: 22px;}
.amenities-text {font-size: 20px; line-height: 27px;}
.wpcf7-form label {font-size: 22px;}
.widget {font-size: 18px !important; line-height: 26px !important}
.wpcf7-form label {font-size: 20px}

.vc_btn3 {font-size: 22px !important}
.wpcf7-submit {font-size: 22px !important}

.left-column {padding-right: 20px !important;}
.right-column {padding-left: 20px !important;}

.half-section {background: linear-gradient(to bottom, var(--brand-color) 0%, var(--brand-color) 85%, transparent 85%, transparent 100%)}

}





@media screen and (max-width: 1200px) {

body, .entry-content {font-size: 21px !important; line-height: 28px !important}

.site-logo {width: 100px}
.alt-logo {width: 220px; margin-left: -110px; top: -8px}
.scrollActive .alt-logo {top: -22px;}

.mast-head-wrap {padding: 15px !important}
.scrollActive .mast-head-wrap {height: 100px}

.main {padding-top: 150px !important}


.section-title {font-size: 46px; line-height: 56px}
.section-subtitle {font-size: 24px; line-height: 34px; margin-bottom: 20px !important}
.widget-title {font-size: 46px !important; line-height: 56px !important}
.houses-nav .house-link {font-size: 46px; line-height: 56px}

.house-icon svg {width: 80px}


/****************** MENU ***/

.leftmenucolumn {display: none !important}
.rightmenucolumn {display: none !important}
.centerlogo {width: 100%}

.mobile-menu-trigger {position: absolute; left: 0px; font-weight: 600; display: block; float: left; height: 40px; width: 40px; background: transparent; margin-top: -35px;}
.scrollActive .mobile-menu-trigger {margin-top: -4px}

.fa-navicon {position:relative; display:block; background-color: var(--dark-color); height:3px; width:30px; top: 15px; left: 15px} 
.fa-navicon::before {content:""; position:absolute; display:block; background-color: var(--dark-color); height:3px; width:25px; top: 10px; transition: width 0.3s ease} 
.mobile-menu-trigger:hover .fa-navicon::before {width: 30px; transition: width 0.3s ease}

#mobilemenu {display: block; text-align: center; color: var(--dark-color); font-weight: 600 !important; z-index: 600; height: 100% !important; background: transparent;}

.mm-menu {max-width: 380px}
.mm-opened #mobilemenu {background: var(--bg-color); box-shadow: 8px 0 12px -6px rgba(0, 0, 0, 0.05);}
.mm-opened .fa-navicon {display: block !important}
.mm-menu.mm-top {max-height: 100%; }
.mm-navbar {border-bottom: 0px !important; height: 115px }
.mm-navbar .mm-title {display: none}
.mm-close {top: 35px !important; right: 35px !important; width: auto !important; padding: 0px !important}
.mm-close::after {content: ""; width: 40px; height: 40px; background: transparent url(img/close.png) center center no-repeat; background-size: 20px; display: block; border: 2px solid var(--dark-color) !important; border-radius: 100%;}

.mm-panels {background: transparent}
.mm-listview {height: 90%; display: flex; flex-direction: column; justify-content:  flex-start; align-items: flex-start; padding: 120px 40px 40px 40px}

.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview > li {width: 100%; text-align: left}
.mm-listview li a {font-family: "Geologica", sans-serif; font-weight: 800 !important; font-size: 32px; line-height: 42px; padding: 0px; color: var(--dark-color) !important; letter-spacing: 0px; margin-bottom: 5px; margin-top: 5px;}
.mm-listview li.current-menu-item a {color: var(--brand-color) !important}
.mm-listview li:hover a {color: var(--brand-color) !important}

.mm-listview li a:active {background: transparent !important}
.mm-listview li a:focus {background: transparent !important}
.mm-listview > li:not(.mm-divider)::after {content: none}

.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: transparent;}

.mm-panel.mm-subopened {opacity: 0 !important}

.mm-prev {top: 38px !important; left: 20px !important}
.mm-prev::after {content:""; width: 24px; height: 24px; background: url(img/left.png); background-size: contain; background-position: center center; background-repeat: no-repeat; display: block;  transform: scaleX(-1);}
.mm-prev::before {display: none}

.mm-next {right: -20px !important; width: 340px !important;}
.mm-next:before {border: 0px !important}
.mm-next:after {content: ""; border: 0px !important; transform: none !important; width: 18px !important; height: 18px !important; top: 5px !important; background: url(img/right.png); background-size: contain !important; background-position: center center; background-repeat: no-repeat; display: block}
.mm-next:hover + a {color: var(--green-color) !important}

.menu-item-has-children a {margin-right: 0px !important}
.menu-item-has-children a:hover {border: 0px !important}


}


@media screen and (max-width: 1100px) {


body, .entry-content {font-size: 20px !important; line-height: 26px !important}

.hero-slider, .hero-image {width: 100% !important}
.houses-nav .small-title {margin-top: 40px !important}

.left-column {padding-right: 15px !important;}
.right-column {padding-left: 15px !important;}

.medium-title {font-size: 36px; line-height: 46px}

.amenities-title {font-size: 20px; }
.amenities-text {font-size: 20px; line-height: 26px }

.vc_btn3 {font-size: 20px !important}
.vc_btn3:hover {letter-spacing: 1px !important}
.vc_btn3:after {width: 60px;}
.vc_btn3:hover:after {width: 80px;}

.wpcf7-submit {font-size: 20px !important}

.social-icons .social-icon {width: 52px; height: 52px}
.social-icons .social-icon i {width: 52px; height: 52px}

#map {height: 500px !important}
}



@media screen and (max-width: 991px) {


.nav {display: block !important}
.maincol {width: 100% !important}

.vc_col-sm-push-6 {left: 0px !important}
.vc_col-sm-pull-6 {right: 0px !important}

.wide-section img {width: 70% !important; margin: 0px auto 30px auto !important}
.home .wide-section img {margin: 30px auto 30px auto !important}
.wide-section .vc_single_image-wrapper {text-align: center !important}

.wide-section.bottom-section {padding-top: 0px !important}

.wide-section.half-section {background: var(--brand-color) !important; padding-bottom: 100px}

.house-description .left-column {padding-right: 0px !important}
.house-description .right-column {padding-left: 0px !important}

.related-section .left-column {margin-bottom: 30px !important}

.houses-showcase {display: flex; flex-direction: column;}

.houses-images {order: 1; width: 100%;}

.houses-nav {order: 2; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 0px;}

.houses-nav > .vc_column-inner {width: 100%;}

.houses-nav .wpb_wrapper {display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}

.houses-nav .houses-title {display: none;}


/* HOUSE LINKS */

.houses-nav .house-link {position: relative; width: auto; margin: 0; text-align: center !important; flex: 1;}

.houses-nav .house-link a {display: inline-block; color: var(--dark-color) !important; transition: color 0.2s ease;}

.houses-nav .house-link.is-active a {color: var(--brand-color) !important;}


/* ACTIVE ARROW */

.houses-nav .house-link.is-active::before {content: ""; position: absolute; width: 3px; height: 70px; left: 50%; right: auto; top: auto; bottom: calc(100% + 17px); background: var(--brand-color); transform: translateX(-50%); z-index: 10;}

.houses-nav .house-link.is-active::after {content: ""; position: absolute; width: 14px; height: 14px; left: 50%; right: auto; top: auto; bottom: calc(100% + 75px); border-top: 3px solid var(--brand-color); border-left: 3px solid var(--brand-color); border-bottom: 0px !important; transform: translateX(-50%) rotate(45deg); z-index: 11;}


.wpcf7-form {margin-left: 15px !important; margin-right: 15px !important}

.single-house .green-section .section-subtitle {margin-bottom: 50px !important}
.amenities-section .vc_col-sm-4 {width: 100% !important; padding-top: 0px !important; padding-bottom: 0px !important}
.amenities-section .vc_col-sm-4 .amenities-text:last-of-type {margin-bottom: 0px !important}

.house-btn {position: relative; bottom: 0px}
}


@media screen and (max-width: 768px) {


.section-title {font-size: 42px; line-height: 52px}
.section-subtitle {font-size: 22px; line-height: 32px;}
.widget-title {font-size: 42px !important; line-height: 52px !important}
.houses-nav .house-link {font-size: 34px; line-height: 44px; font-weight: 600 !important}

.house-icons-row .vc_col-sm-4 {width: 33.33% !important; float: left !important}
.house-icon svg {width: 60px}
.house-icon-text {font-size: 18px !important; line-height: 23px !important}

.medium-title {font-size: 32px; line-height: 40px}

.amenities-title {font-size: 20px; }
.amenities-text {font-size: 20px; line-height: 26px }

.wpcf7-form label {font-size: 22px;}
.widget {font-size: 18px !important; line-height: 26px !important}
.wpcf7-form label {font-size: 20px}

.vc_btn3 {font-size: 22px !important}
.wpcf7-submit {font-size: 22px !important}


.section {padding-top: 80px; padding-bottom: 80px;}
.wide-section.half-section {padding-bottom: 80px}

.footer-main {padding-top: 80px;}

}


@media screen and (max-width: 650px) {


.section-title {font-size: 38px; line-height: 46px}
.section-subtitle {font-size: 20px; line-height: 30px;}
.widget-title {font-size: 38px !important; line-height: 46px !important}
.houses-nav .house-link {font-size: 32px; line-height: 42px;}

.medium-title {font-size: 30px; line-height: 38px}

.house-icons-row .vc_col-sm-4 {width: 100% !important; float: left !important}
.house-icon svg {width: 80px; margin-bottom: 35px !important}
.house-icon-text {font-size: 20px !important; line-height: 26px !important; margin-bottom: 15px !important}


.amenities-title {font-size: 20px;}
.amenities-text {font-size: 20px; line-height: 26px }

.wpcf7-form label {font-size: 22px;}
.widget-title {padding-bottom: 0px !important}
.widget {font-size: 16px !important; line-height: 24px !important}
.wpcf7-form label {font-size: 20px}

.vc_btn3 {font-size: 20px !important}
.wpcf7-submit {font-size: 20px !important}

.wide-section img {width: 80% !important}

.house-image {margin-bottom: 10px !important}

.social-icons .social-icon, .social-icons .social-icon i {width: 46px; height: 46px;}
.footer svg {width: 100px}
#media_image-3 svg {width: 180px;}
.footer-copy {font-size: 12px !important; line-height: 24px}
}


@media screen and (max-width: 543px) {


.site-logo {width: 90px}
.alt-logo {width: 200px; margin-left: -100px; top: -12px}
.scrollActive .alt-logo {top: -20px;}

.main {padding-top: }

.hero {padding-bottom: 60px}
.section {padding-top: 60px; padding-bottom: 60px}
.wide-section.half-section {padding-bottom: 60px}
.footer-main {padding-top: 80px;}

.section-title {font-size: 34px; line-height: 42px}
.section-subtitle {font-size: 20px; line-height: 30px;}
.widget-title {font-size: 34px !important; line-height: 42px !important}
.houses-nav .house-link {font-size: 28px; line-height: 36px;}

.medium-title {font-size: 28px; line-height: 36px}

.amenities-title {font-size: 20px;}
.amenities-text {font-size: 20px; line-height: 26px }

.wpcf7-form label {font-size: 22px;}
.widget {font-size: 16px !important; line-height: 24px !important}
.wpcf7-form label {font-size: 20px}

.vc_btn3 {font-size: 20px !important}
.wpcf7-submit {font-size: 20px !important}

.wide-section img {width: 100% !important; margin: 0px auto 20px auto !important}
.home .wide-section img {margin: 20px auto 20px auto !important}

.contact-hero {margin-top: 0px !important}
#map {height: 450px !important}
}


@media screen and (max-width: 480px) {

.alt-logo {width: 180px; margin-left: -90px; top: -10px}
.scrollActive .alt-logo {top: -20px;}

.section-title {font-size: 32px; line-height: 40px}
.widget-title {font-size: 32px !important; line-height: 40px !important}
.houses-nav .house-link {font-size: 24px; line-height: 34px;}



}