/*
Theme Name: Hello Elementor Child
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Shik
Author URI: 
Template: hello-elementor
Version: 1.2.0
Text Domain: hello-elementor
*/

.nop p{margin-bottom:0!important;}
.translatepress-en_US .elementor-form{direction:ltr!important;}
.cb__content-text .translation-block{display:inline;}
.translatepress-en_US .elementor-form input[type="checkbox"]{margin-right:1rem!important;}
.elementor-form .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){
	background-color:#F2F2F2 !important;
	border:0 !important;
}
.letterspacer .elementor-heading-title{letter-spacing:0.25em !important;}
.letterspacersmall .elementor-heading-title{letter-spacing:0.1em !important;}
.stretchimage img{width:100%;}
.elementor-form .elementor-field-type-submit:hover button{background-color: #D5F2BD !important;color:#313030!important;}

.pinklist li:before{color: #BFA3AD;}
.greenlist li:before{color: #C5DBB2;}
.yellowlist li:before{color: #F3DA97;}
.bluelist li:before{color: #25A89E;}
.darkredlist li:before{color: #A3586C;}
.marginsidest{margin: 0 2vw !important;}

.clickbox:hover .elementor-background-overlay{background-color:#000 !important;opacity: 0.1 !important;}
.clickbox:hover .elementor-heading-title{text-shadow: 0px 0px 5px #000000;}
.clickbox .elementor-background-overlay,
.clickbox .elementor-heading-title
{transition:all 0.5s ease !important;}

.clickboxamenity:hover .elementor-background-overlay{background-color:#000 !important;opacity: 0.2 !important;}
.clickboxamenity:hover .elementor-heading-title{text-shadow: 0px 0px 5px #000000;}
.clickboxamenity .elementor-background-overlay,
.clickboxamenity .elementor-heading-title,
.clickboxamenity .elementor-widget-wrap
{transition:all 0.5s ease !important;}
.clickboxamenity .elementor-widget-wrap{background-size: 100% !important;}
.clickboxamenity:hover .elementor-widget-wrap{background-size: 110% !important;}

.clickboxurban:hover .elementor-background-overlay{background-color:#000 !important;opacity: 0.2 !important;}
.clickboxurban:hover .elementor-heading-title{text-shadow: 0px 0px 5px #000000;}
.clickboxurban .elementor-background-overlay,
.clickboxurban .elementor-heading-title,
.clickboxurban .elementor-widget-wrap
{transition:all 0.5s ease !important;}
.clickboxurban .elementor-widget-wrap{background-size: 100% !important;}
.clickboxurban:hover .elementor-widget-wrap{background-size: 110% !important;}
.elementor-lightbox .elementor-lightbox-image{box-shadow: unset !important;-webkit-box-shadow: unset !important;}
.elementor-slideshow__header i ,.dialog-lightbox-widget .eicon-close{color: #767676 !important;}
footer .elementor-widget-container a{
	color:var( --e-global-color-text );
}

/* desktop */
@media (min-width:768px) {
	header:not(.elementor-slideshow__header){
		max-width:14.3vw;
		width:100%;
		height:100vh;
		position:fixed!important;
		left:0;
		top:0;
		
	}
	main,footer{
		margin-left:14.3vw;
	}

	header .elementor-section-wrap{border-right:1px solid #6f7175 !important;}

	header #sidesheader{
		padding:2vw 1.3vw !important;
	}

	header .elementor-nav-menu a{
		padding:0.5vw 0 !important;
	}
	header .elementor-nav-menu{
		padding:2.76vw 0 !important;
	}
	.max765{
		max-width:39vw;
		margin:0 auto;
	}
	.max785{
		max-width:40.88vw;
		margin:0 auto;
	}
	.max840{
		max-width:43.75vw;
		margin:0 auto;
	}
	/* leftcolaje*/
	.leftcollaje .elementor-column.elementor-col-33{width: 31.333%;}
	.leftcollaje .elementor-column.elementor-col-66{
		width: 65.666%;
		margin-right: 3%;
	}
	.leftcollaje .elementor-inner-section:not(:last-child){
		margin-bottom: 2.5vw !important;
	}
	.leftcollaje{margin-bottom: 2.5vw !important;}

	/* rightcolaje*/
	.rightcollaje .elementor-column.elementor-col-33{width: 31.333%;}
	.rightcollaje .elementor-column.elementor-col-66{
		width: 65.666%;
		margin-left: 3%;
	}
	.rightcollaje .elementor-inner-section:not(:last-child){
		margin-bottom: 2.5vw !important;
	}
	.rightcollaje{margin-bottom: 2.5vw !important;}

	/* double-rightcolaje */
	.drightcollaje .elementor-column.elementor-col-33{width: 31.333%;}
	.drightcollaje .elementor-column.elementor-col-66{
		width: 65.666%;
		margin-left: 3%;
	}
	.drightcollaje .elementor-inner-section:not(:last-child){
		margin-bottom: 2.5vw !important;
	}
	.drightcollaje{margin-bottom: 2.5vw !important;}
	
	/* thirdcollaje */
	.thirdcollaje .elementor-column.elementor-col-33{width: 31.333%!important;}
	.thirdcollaje .elementor-column.elementor-col-33:not(:last-child){margin-left: 3%;}
	.thirdcollaje .elementor-inner-section:not(:last-child){
		margin-bottom: 2.5vw !important;
	}
	.thirdcollaje{margin-bottom: 2.5vw !important;}
	
	/* form */
	/*.elementor-form .elementor-field-group:not(.elementor-field-type-submit){
		margin-right:2% !important;
		padding:0 !important;
		width:26% !important;
	}*/
	/*.elementor-form .elementor-field-type-submit{
		width:16% !important;
	}*/
	.elementor-form{
		max-width: 75vw;
		margin: 0 auto;
	}
	.elementor-form input:not([type="checkbox"]),.elementor-form button{
		height: 2.8vw;
	}
	
	/* video */
	.topvideo .elementor-widget-container{overflow:visible !important;}
	.topvideo .elementor-custom-embed-image-overlay{
		max-width:8.2vw !important;
		margin: 0 auto;
		border-radius:50% !important;
		transition: box-shadow 0.5s linear;
	}
	.topvideo .elementor-custom-embed-image-overlay:hover{
		box-shadow: 0px 0px 40px 10px #a3586c;
	}
	figcaption.widget-image-caption,figcaption.elementor-image-carousel-caption{
		position:absolute;
		top:1.9vw;
		left:1.9vw;
		font-style: unset !important;
	}
	.elementor-image-carousel-wrapper>.swiper-pagination-bullets,.elementor-image-carousel-wrapper .swiper-pagination-fraction {
		bottom: 1vw!important;
		line-height: 3.8vw!important;
		text-align: left;
		padding-left:1.6vw!important;
	}
	.elementor-image-carousel-wrapper{padding-bottom:0px !important;}
	.swiper-pagination-bullet {
		width: 0.5vw!important;
		height: 0.5vw!important;
		display: inline-block;
		-webkit-border-radius: 0!important;
		border-radius: 0!important;
		background: rgba(255,255,255,0)!important;
		opacity: 1 !important;
		border: 2px solid #ffffff;
		margin: 0 0.3vw!important;
	}
	.swiper-pagination-bullet-active{background:#ffffff !important;}
	.elementor-widget-text-editor ul{list-style: none; padding:0;}
	.elementor-widget-text-editor ul li{padding-left: 1vw;}
	.rtl .elementor-widget-text-editor ul li{padding-right: 1vw;padding-left: 0;}
	.rtl .elementor-widget-text-editor ul li:before{right: 0;left:auto !important}
	.elementor-widget-text-editor ul li:before{
		content: "\2022";
		font-weight: bold;
		position: absolute;
		left: 0;
		font-size: 1.5vw;
		line-height: 1;
	}
	.insidemap{
		position: absolute !important;
		bottom: 0 !important;
	}
	.rrevah{
		margin-right:5.5vw !important;
	}
	.fixaleft{
		margin-left:-0.5vw !important;
	}
	.forcebigcol{width:54% !important;}
	.forcesmallcol{width:46% !important;}
	
	/* floorplans */
	.elementor-sfloorplan__filters{
		padding: 0;
		list-style: none;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom:2.6vw;
	}
	.elementor-sfloorplan__filters li{
		border: 1px solid #F3DA97;
		background:#ffffff;
		height:4.1vw;
		width:10.4vw;
		text-align: center;
		line-height: 4vw;
		cursor:pointer;
		font-weight:400 !important;
		transition: background 0.5s ease;
	}
	.elementor-sfloorplan__filters li.elementor-active,.elementor-sfloorplan__filters li:hover{background:#F3DA97;}
	.elementor-shikf-item{
		width: 17.6%;
		margin-bottom:3%; 
		height: 12.5vw;
	}
	.elementor-shikf-container{
		margin-bottom: -3%;
	}
	.gutter-sizer{width:3%;}
	.elementor-shikf-item .sfwrapper{
		width:100%;
		height:100%;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-color:#eeeeee;
		text-align:center;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		color:#767676 !important;
		font-family: "Helvetica Neue Extended" !important;
	}
	.elementor-shikf-item .floorsep{
		width: 60%;
		height: 1px;
		background: #767676;
		margin-bottom: 0.9vw;
	}
	.elementor-shikf-item .sftitle{
		font-size:2.08vw !important;
		font-weight:bold;
		line-height: 1;		
	}
	.elementor-shikf-item .fsdesc{
		font-weight:normal;
		line-height: 1;
		letter-spacing: 0.08em;		
		text-transform: uppercase;
	}
	.dropshik span {display:none !important;}
	.elementor-shikf-item .sfwrapper{border-width: 0; transition: all 0.5s ease;}
	.elementor-shikf-item:hover .sfwrapper{
		background-image: unset !important;
		background-color:#ffffff;
		border-style: solid;
		border-width: 1vw !important;
	}
	.shikfxalign > .elementor-container{
		justify-content: flex-end;
	}
	.widecarusele .swiper-slide-image{
		width: 100%;
		height: 44vw;
		object-fit: cover;
		vertical-align: bottom;
	}
}

/* mobile */
@media (max-width:768px) {
	.elementor-widget-text-editor .elementor-widget-container{
		padding:0 8vw !important;
	}
	.leftcollaje .elementor-inner-section,
	.rightcollaje .elementor-inner-section,
	.drightcollaje .elementor-inner-section,
	.thirdcollaje .elementor-inner-section,
	.mobdownpad{margin-bottom: 4vw !important;}
	#thenav .elementor-menu-toggle{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	#thenav .elementor-menu-toggle{padding:0 !important;}
	#sidesheader{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}
	#sidesheader .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		margin-top: 6.1vw !important;
		box-shadow:0px 9px 12px -7px rgba(0,0,0,0.2);
		padding:5vw 0 7vw 0 !important;
	}
	.topvideo .elementor-custom-embed-image-overlay{
		max-width:20vw !important;
		margin: 0 auto;
	}
	figcaption.widget-image-caption,figcaption.elementor-image-carousel-caption{color:#000000 !important;font-style: unset!important; font-weight:200 !important;text-align:center!important;font-size: 85%!important;margin-top:2vw!important;margin-bottom:2vw!important;}
	.swiper-pagination-bullet {
		width: 2vw!important;
		height: 2vw!important;
		display: inline-block;
		-webkit-border-radius: 0!important;
		border-radius: 0!important;
		margin: 0 1vw!important;
	}
	.elementor-widget-text-editor ul{list-style: none; padding:0;}
	.elementor-widget-text-editor ul li{padding-left: 5vw;}
	.rtl .elementor-widget-text-editor ul li{padding-right: 5vw;padding-left: 0!important;}
	.rtl .elementor-widget-text-editor ul li:before{margin-right: -3.5vw;margin-left: 0;}
	.elementor-widget-text-editor ul li:before{
		content: "\2022";
		font-weight: bold;
		position: absolute;
		font-size: 6.5vw;
		line-height: 1;
		margin-left: -3.5vw;
	}
	#thenav .elementor-menu-toggle{position:absolute;}
	#thenav .elementor-menu-toggle .eicon-menu-bar:before{
		content: ''!important;
		background: url(images/menu.svg);
		width: 6vw !important;
		height: 4vw !important;
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin-left: 1vw;
	}
	#thenav .elementor-menu-toggle.elementor-active .eicon-menu-bar:before{
		content: ''!important;
		background: url(images/menu-closed.svg);
		width: 6vw !important;
		height: 4vw !important;
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		margin-left: 1vw;
	}
	.elementor-form .elementor-field-type-submit span{
		padding: 2.5vw 1.5vw !important;
	}
	
	/* floorplans */
	.dropshik{
		position: relative;
		display: inline-block;
		width: 80%;
		margin: 0 10%;
		text-align:center;
	}
	.dropshik span:after{
		content: 'V';
		margin-right: 2vw;
		font-family: "Helvetica Neue Extended" !important;
		font-weight: 400 !important;
		font-size: 4vw;
		position: absolute;
		top: 4.5vw;
		left: 4vw;
	}
	.dropshik:hover span:after{
		top: 3.5vw;
		transform: scale(-1);
	}
	.dropshik span {
		border: 2px solid #F3DA97 !important;
		color: #767676;
		padding: 3vw;
		width: 100%;
		border: none;
		display: inline-block;
		font-weight:600;
	}
	.dropshik span:focus{ 
		pointer-events: none;
	}
	.dropshik:hover .elementor-sfloorplan__filters{
		display: block;
		list-style: none;
		padding: 0;
		width: 100% !important;
	}
	.elementor-sfloorplan__filters{
		display: none;
		position: absolute;
		background-color: #fff;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
		z-index: 1;
		list-style:none;
		padding:0;
	}
	.elementor-sfloorplan__filters li{
		color: #000;
		padding: 2vw;
		text-decoration: none;
		display: block;
	}
	.elementor-sfloorplan__filters li.elementor-active{background:#F3DA97;}
	.elementor-shikf-item{
		width: 100%;
		margin-bottom:10%; 
		height: 50vw;
	}
	.elementor-shikf-container{
		margin: 10%;
	}
	.elementor-shikf-item .sfwrapper{
		width:100%;
		height:100%;
		background-size:cover;
		background-position:center center;
		background-repeat:no-repeat;
		background-color:#eeeeee;
		text-align:center;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		color:#767676 !important;
		font-family: "Helvetica Neue Extended" !important;
	}
	.elementor-shikf-item .floorsep{
		width: 60%;
		height: 1px;
		background: #767676;
		margin-top: 1.5vw;
		margin-bottom: 2.5vw;
	}
	.elementor-shikf-item .sftitle{
		font-size:8vw !important;
		font-weight:bold;
		line-height: 1;		
	}
	.elementor-shikf-item .fsdesc{
		font-weight:normal;
		line-height: 1;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	nr{display:block;}
	.widecarusele .swiper-slide-image{
		width: 100%;
		height: 53vw;
		object-fit: cover;
		vertical-align: bottom;
	}
	.widecarusele .swiper-pagination-bullets{bottom: -3vw !important;}
}

/* MAP SVG - opening tada */
	.svgmap svg {
		width: 100%;
		vertical-align: bottom;
	}
	.svgmap.entervp svg #LineSide,
	.svgmap.entervp svg #LineTop,
	.svgmap.entervp svg #HumHor,
	.svgmap.entervp svg #HumVert,
	.svgmap.entervp svg #TRAIN,
	.svgmap.entervp svg #Names,
	.svgmap.entervp svg #Ecircle,
	.svgmap.entervp svg #Bullets,
	.svgmap.entervp svg #LOGO{
	-webkit-animation-name: entrance;
		animation-name: entrance;
		-webkit-animation-timing-function: ease;
				animation-timing-function: ease;
		-webkit-animation-duration: 2s;
				animation-duration: 2s;
		-webkit-animation-iteration-count: 1;
				animation-iteration-count: 1;
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
	}

	.svgmap svg #HumHor,.svgmap svg #HumVert{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
	.svgmap svg #Ecircle,.svgmap svg #Bullets,.svgmap svg #Names{animation-delay: 1s;-webkit-animation-delay: 1s;}
	.svgmap svg #TRAIN{animation-delay: 2s;-webkit-animation-delay: 2s;}
	.svgmap svg #LOGO{animation-delay: 3.8s;-webkit-animation-delay: 3.8s;}
	.svgmap svg #LineSide,.svgmap svg #LineTop{animation-delay: 4.6s;-webkit-animation-delay: 4.6s;}

	.svgmap.notinvp svg #LineSide,
	.svgmap.notinvp svg #LineTop,
	.svgmap.notinvp svg #HumHor,
	.svgmap.notinvp svg #HumVert,
	.svgmap.notinvp svg #TRAIN,
	.svgmap.notinvp svg #Names,
	.svgmap.notinvp svg #Ecircle,
	.svgmap.notinvp svg #Bullets,
	.svgmap.notinvp svg #LOGO{
		opacity:0;
	}
	@-webkit-keyframes entrance{
		0% { opacity:0; }
		100% { opacity:1; }
	}
	@keyframes entrance{
		0% { opacity:0; }
		100% { opacity:1; }
	}
	.svgmap svg #LineSide .st1,
	.svgmap svg #LineTop .st1{
		fill: #685c53;
		stroke: #9cba82;
		stroke-width: 8;
		stroke-dasharray: 20;
		-webkit-animation-name: dash;
		animation-name: dash;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-duration: 45s;
		animation-duration: 45s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-fill-mode: unset;
		animation-fill-mode: unset;
	}
	.svgmap svg #Ecircle .st11{
		-webkit-animation-name: pulseim;
		animation-name: pulseim;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
		animation-duration: 2.5s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-fill-mode: none;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-direction: alternate;
	}
	.svgmap svg #Ecircle .st10,
	.svgmap svg #Ecircle .st12{
		-webkit-animation-name: pulseimcolor;
		animation-name: pulseimcolor;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
		animation-duration: 2.5s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-fill-mode: none;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-direction: alternate;
	}
	.svgmap svg #Ecircle .st10,.svgmap svg #Ecircle .st11,.svgmap svg #Ecircle .st12,
	.svgmap svg #LineSide .st1,
	.svgmap svg #LineTop .st1{transition:all 1s ease;}
	
	@keyframes dash {
	  0%{}
	  100%{
		stroke-dashoffset: 800;
	  }
	}
.svgmap,.svgmap .elementor-widget-container,.svgmap svg {
	width: 100%;
	margin:0 !important;
}
@keyframes dash {
  0%{}
  100%{
	stroke-dashoffset: 800;
  }
}
@keyframes pulseim{
  0%{}
  100%{
	transform:scale(1.1) translate(-1.5%,-5%);
  }
}
@keyframes pulseimcolor{
  0%{fill:#b5e0e4;}
  100%{
	transform:scale(1.1) translate(-1.5%,-5%);
  }
}

.translatepress-en_US{direction:rtl;}
.translatepress-en_US .elementor-widget-text-editor,.translatepress-en_US .elementor-heading-title,.translatepress-en_US .elementor-widget-nav-menu{direction:ltr;}

.dialog-lightbox-message footer{margin-left:0!important;}

@media (min-width:768px) {
  .fitheightcar .swiper-slide-image{
	vertical-align: bottom!important;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height:48vw;
  }
    .translatepress-en_US header .elementor-nav-menu__align-left .elementor-nav-menu--layout-vertical>ul>li>a {
    	justify-content: flex-start!important;
	}
}