body {background:#FFF; top:0 !important; margin:0 auto; font-family:"Roboto", Arial, Verdana, Helvetica; font-size:16px; color:#231F20; overflow-x:hidden;}

*, *::before, *::after {box-sizing:border-box;}

header, #header, nav, #mainContent, #tlContainer, .container, #footer, #footerBottom, #logo, #logo a, #logo svg, .showMenuBox, #menuTitle, #mainMenu, #mainMenu ul, #mainMenu li, #mainMenu a, .languages, .languageHolder, #homeGalleryOverlay, #pageGalleryOverlay, .homeSearchButton, .socialLink, #searchFilterContainer, #searchContainer, .filterList label, .filterPreList label, .propListContainer, #videoThumbLink, .propListSRContainer, .propListDetails, .propListIcon svg, .svgStroked, .projectListC, .projectList, .projectListImg img, .projectListTitle, .projectListLocation, .projectListPrice, .projectListIcons, #contactInDiv i, .submitButton, #footerLogo, #footerLogo svg, #footerLogo span, #footerLogo:after {transition-duration:0.5s;}

.fixed {overflow:hidden;}

.socialLink { color:#FFF !important; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;}
.socialLink i {line-height:20px;}
.socialWALink {line-height:20px; display:inline-block; margin-right:0;}
.socialWALink img {width:auto; height:22px; vertical-align:middle;}
.socialLink:last-child {margin-right:0;}
#menuSocial a:hover .socialLink, .socialLink:hover {background:#FFF;}
.fbLink {background:#3B5998; border:1px solid #3B5998;}
#menuSocial a:hover .fbLink, .fbLink:hover, .fbLinkA:hover {color:#3B5998 !important;}
.twLink {background:#0F1419; border:1px solid #0F1419;}
#menuSocial a:hover .twLink, .twLink:hover, .twLinkA:hover {color:#0F1419 !important;}
.gpLink {background:#E8574F; border:1px solid #E8574F;}
#menuSocial a:hover .gpLink, .gpLink:hover, .gpLinkA:hover {color:#E8574F !important;}
.instaLink {background:#EEC566; background:linear-gradient(45deg,rgba(238, 197, 102, 1) 0%, rgba(246, 138, 56, 1) 21%, rgba(222, 56, 100, 1) 43%, rgba(159, 79, 135, 1) 71%, rgba(69, 81, 163, 1) 100%); border:1px solid #BC1888;}
#menuSocial a:hover .instaLink, .instaLink:hover, .instaLinkA:hover {color:#DE3864 !important;}
.ytLink {background:#FF0000; border:1px solid #FF0000;}
#menuSocial a:hover .ytLink, .ytLink:hover, .ytLinkA:hover {color:#FF0000 !important;}
.liLink {background:#0073B1; border:1px solid #0073B1;}
#menuSocial a:hover .liLink, .liLink:hover, .liLinkA:hover {color:#0073B1 !important;}

.moreLangs {position:absolute; top:0; right:-10px; width:10px; display:inline-block; vertical-align:middle; z-index:2; transition-duration:0.5s;}
.languageBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.languages i {color:#FFF; margin-left:5px; transition-duration:0.5s;}
.languages:hover i {color:#EF9C20;}
.languageMenu .languageHolder img {opacity:0.6;}
.languageMenu .languageHolder img:hover, .langSelected {opacity:1;}
.languageHolder a {margin:0 !important;}
.languageHolder img {position:absolute; top:0; cursor:pointer; transition-duration:0.5s;}
.enLang, .Lang, .gTransImg {left:0;}
.esLang {left:-25px;}
.deLang {left:-50px;}
.frLang {left:-75px;}
.nlLang {left:-100px;}
.ruLang {left:-125px;}
#gLanguage {position:absolute; top:50px; left:0;}

.skiptranslate iframe, iframe.goog-te-banner-frame, iframe.goog-te-menu-frame {display:none !important;}
#google_translate_element {line-height:20px !important; margin:7px 0;}

.showMenu {position:absolute; width:65px; height:65px; right:0; margin:0; border:0; display:inline-block; overflow:visible; cursor:pointer; z-index:100;}
#menuTitle {position:absolute; bottom:10px; left:0; width:100%; height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#FFF; font-size:10px;}
.slidingHeader #menuTitle {bottom:0;}
.showMenu.is-active #menuTitle {color:#231F20;}
.showMenuContent {top:50%; display:block; margin-top:-2px;}
.showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#FFF; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;}
.showMenuContent::before, .showMenuContent::after {content:""; display:block;}
.showMenuContent::before {top:-6px;}
.showMenuContent::after {bottom:-6px;}
#showMenu:hover {background:rgba(239, 156, 32, 0.8);}
.showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#FFF;}
.menuCollapsed .showMenuContent {bottom:0; top:auto; transition-delay:0.15s; transition-duration:0.15s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menuCollapsed .showMenuContent::after {top:-16px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;}
.menuCollapsed .showMenuContent::before {top:-8px; transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;}
.menuCollapsed.is-active .showMenuContent {background:#FFF; transform:translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay:0.32s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.menuCollapsed.is-active .showMenuContent::after {background:#FFF; top:0; opacity:0; transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.27s;}
.menuCollapsed.is-active .showMenuContent::before {top:0; background:#FFF; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;}

#mainMenu a {white-space:nowrap;}

.ddMenu {position:absolute; list-style:none; padding:5px 10px; display:none; z-index:999;} 
.ddMenu a {width:100% !important; transition-duration:0.5s !important;}

.ddMenu li {width:100%; display:block;}

.menuShow i {transform:rotate(-180deg);}

#styleSelect {position:fixed; top:100px; right:-111px; width:167px; transition-duration:0.8s; z-index:99990;}
#styleSelect.ssOpened {right:0;}
#styleSelectOpen, #styleSelectOptions {background:rgba(235, 235, 235, 0.6); border:1px solid rgba(235, 235, 235, 0.4); box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); position:relative;}
#styleSelectOpen {float:left; width:54px; height:54px; text-align:center; display:flex; justify-content:center; align-items:center; cursor:pointer; z-index:1;}
#styleSelectOpen svg {fill:#7E3743; transition-duration:0.5s;}
#styleSelectOpen:hover svg {fill:#EF9C20;}
#styleSelectOptions {float:left; width:110px; padding-left:10px;}
#styleSelectOptions a {float:left; width:100%; margin-bottom:5px; padding:5px 10px; display:block; cursor:pointer;}
#styleSelectOptions a.selectedSS {font-weight:600; background:#EF9C20; color:#FFF;}

h1, h2, h3, h4, h5, h6 {font-weight:600; font-family:"Playfair Display", Arial, Verdana, Helvetica}

#cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #EF9C20; padding:14px; font-size:14px; display:none; z-index:99997; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; webkit-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75);}
#cookieUse, #cookieText, #cookieButtons {float:left; width:100%; color:#231F20;}
#cookieText {padding:14px;}
#cookieText h6 {color:#7E3743; text-align:center;}
#cookieText a {color:#EF9C20;}
#cookieText a:hover {color:#7E3743;}

#cookieContinue, #cookieRefuse {float:left; height:40px; line-height:36px; display:block; cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#cookieContinue {background:#EF9C20; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid rgba(35, 31, 32, 0.3);}
#cookieContinue:hover {background:#7E3743; }
#cookieRefuse {background:#FFF; width:calc(25% - 4px); color:#231F20; font-size:12px; border:2px solid #231F20; margin:20px 0;}
#cookieRefuse:hover {background:#231F20; color:#FFF; }

#sharePropertyBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:1044;}
#sharePropertyBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#sharePropertyBGContainer.unfold #sharePropertyBG #sharePropertyContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#sharePropertyBGContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#sharePropertyBGContainer.unfold.out #sharePropertyBG #sharePropertyContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#sharePropertyBGContainer #sharePropertyBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;}

#sharePropertyContainer {width:90vw; background:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; transform:scale(0);}
#sharePropertyContainer {max-width:500px;}
#sharePropertyContainer {display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch; max-height:90vh;}

#sharePropertyDiv {float:left; width:100%; padding:5px 10px; overflow-x:hidden; overflow-y:auto;}
#shareList {float:left; width:100%; display:flex; justify-content:center; align-items:center; margin-bottom:10px; overflow-x:auto;}
.shareSocial {float:left; width:70px; display:flex; flex-direction:column; padding:3px 5px; border:5px solid transparent; margin:0 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;}
.shareSocialIcon {width:50px; height:50px; line-height:50px; color:#FFF; font-size:28px; margin:0 0 10px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; transition-duration:0.5s;}
.shareSocialIcon img {width:100%; height:auto;}
.shareSocialIcon:hover {color:#FFF !important;}
.shareSocial:hover {background:#F1F2F3;}
.shareSocialText {float:left; width:100%; font-size:10px; color:#231F20 !important; text-align:center;}
#shareURL {float:left; width:100%; height:50px; text-align:left; padding:5px 10px; border:1px solid #F1F2F3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; margin-bottom:10px;}
#propertyURL {float:left; width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis;}
#copyShareLink {position:absolute; background:#EF9C20; top:10px; right:5px; height:30px; line-height:30px; color:#FFF; font-size:14px; font-weight:600; padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
#copyShareLink:hover {background:#7E3743;}
#copyShareLink span.copyNow {display:inline-block;}
#copyShareLink span.copiedNow {display:none;}

.emLink {background:#888;}
.rdLink {background:#FF4500;}
.piLink {background:#CC0000;}

#closeShareProperty {position:absolute; background:#EF9C20;  width:55px; height:55px; line-height:57px; color:#FFF; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:9995;}
#closeShareProperty {top:-27.5px; right:-27.5px;}
#closeShareProperty:hover {color:#EF9C20; background:#F1F2F3; text-decoration:none;}

#scrollToTop {background:#231F20; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:36px; display:block; height:40px; line-height:40px; opacity:0.6; padding:9px 0; position:fixed; right:10px; text-align:center;  width:58px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;}
#scrollToTop:hover {opacity:0.9;}

#searchLoadingBG {position:fixed; height:100vh;}
#contactWaiting {position:absolute; height:100%;}
#searchLoadingBG, #contactWaiting {background:rgba(255,255,255,0.6); top:0; left:0; width:100%; height:100%; z-index:97; display:none;}
#searchLoadingBG svg, #contactWaiting svg {position:absolute; left:50%; width:128px; height:128px; margin:-64px 0 0 -64px;}
#searchLoadingBG svg {top:50vh;}
#contactWaiting svg {top:50%;}

.spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}
.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}

#searchLoadingBG svg, #contactWaiting svg {stroke:#EF9C20; animation:spinner_MN 5s ease-in-out infinite}

@keyframes spinner_zKoa{
	100%{transform:rotate(360deg)}
}
@keyframes spinner_YpZS{
	0%{stroke-dasharray:0 150;stroke-dashoffset:0}
	47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}
	95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}
}
@keyframes spinner_MN {
	0% {stroke:#EF9C20;}
	66.6666% {stroke:#7E3743;}
}
@keyframes unfoldIn {
	0% {transform: scaleY(0.005) scaleX(0);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(1) scaleX(1);}
}
@keyframes unfoldOut {
	0% {transform: scaleY(1) scaleX(1);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(0.005) scaleX(0);}
}
@keyframes zoomIn {
	0% {transform:scale(0);}
	100% {transform:scale(1);}
}
@keyframes zoomOut {
	0% {transform: scale(1);}
	100% {transform: scale(0);}
}
@keyframes leftToRight {
	0% {transform:translateX(60px);}
	50% {transform:translateX(-60px);}
	100% {transform:translateX(60px);}
}
@keyframes pulse-white {
	0% {transform:scale(0.95); box-shadow:0 0 0 0 rgba(255, 255, 255, 0.7);}
	70% {transform:scale(1); box-shadow:0 0 0 10px rgba(255, 255, 255, 0);}
	100% {transform:scale(0.95); box-shadow:0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes fadeInOpacity {
	0% {opacity:0;}
	100% {opacity:1;}
}

@media only screen and (min-width: 1000px) {
	.showMenu {display:none;}

	.moreLangs {height:30px; line-height:30px; right:-10px;}
	.moreLangs i {line-height:30px;}
}
@media only screen and (max-width: 999px) {
	#tlContainer {width:98%; margin:0 1%;}
	#mainContent, #tlContainer, .container, #footer {width:96%; margin:0 2%;}

	.showMenu {bottom:0; right:0; display:inline-block;}
	nav {position:absolute; bottom:0; right:-1%; background:none; z-index:9997;}
	#menuContainer {width:100vw; left:-100vw;}
	#mainMenu {position:fixed; top:0; right:-100%; width:100%; height:100vh; background:rgba(126, 55, 67, 0.95); padding:25px; z-index:-1; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto;}
	#mainMenu ul {margin:75px 0 70px; list-style:none; padding:0;}
	#mainMenu li {text-align:center; padding:0; border-bottom:1px solid #591F29;}
	#mainMenu li {float:left; width:100%; padding:8px 0; opacity:0; transform:translate3d(0px, 100vh, 0px); transition-delay:0.8s, 0s; transition-duration:0.8s, 0.6s; transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
	#mainMenu li a {width:100%; color:#FFF; text-align:center; padding:5px 10px; cursor:pointer; display:block;}
	#getAQuote {line-height:30px !important;}
	#mainMenu a:hover, #mainMenu a.selectedPage {color:#EF9C20; }
	.ddMenu {background:none; margin:0 !important; width:100%; min-width:100% !important; right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;}
	.ddmenu a {color:#FFF !important; transition-duration:0.5s;}
	.ddmenu a:hover {color:#231F20 !important;}
	nav.is-active, #loginLI, #contactTel {display:block;}
	#languagesContainer {display:none;}
	#headerSignin, header h2 {display:none;}
	nav.is-active #mainMenu {transform:translateX(-100%);}
	nav.is-active #mainMenu li, nav.is-active #mobSignup, nav.is-active #mobLogin, nav.is-active #languagesContainer {transform:translate3d(0px, 0px, 0px); opacity:1; transition:transform 0.8s ease 0s, opacity 0.6s ease 0s;}
	nav.is-active #mainMenu li:last-child {border-bottom:none;}
	nav li:last-child {border-bottom:none;}
	nav.is-active #mainMenu li:nth-child(2) {transition-delay:0.05s;}
	nav.is-active #mainMenu li:nth-child(3) {transition-delay:0.1s;}
	nav.is-active #mainMenu li:nth-child(4) {transition-delay:0.15s;}
	nav.is-active #mainMenu li:nth-child(5) {transition-delay:0.2s;}
	nav.is-active #mainMenu li:nth-child(6) {transition-delay:0.25s;}
	nav.is-active #mainMenu li:nth-child(7) {transition-delay:0.3s;}
	nav.is-active #mainMenu li:nth-child(8) {transition-delay:0.35s;}
	nav.is-active #mainMenu li:nth-child(9) {transition-delay:0.4s;}
	nav.is-active #mainMenu li:nth-child(n+10) {transition-delay:0.45s;}
	.ddMenu {background:none; margin:0 !important; min-width:100%; min-width:100% !important; right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;}
	.ddmenu a {color:#FFF !important; transition-duration:0.5s;}
	.ddmenu a:hover {color:#231F20 !important;}
	nav .languages, nav #google_translate_element, #mLangs {position:absolute; background:none; left:25px; top:25px; margin:0; display:block;}
	.slidingHeader .languages {top:35px;}
	.languageHolder {float:left; margin:0;}
	.languageMenu {top:35px;}
	.moreLangs {height:24px; line-height:24px;}

	#footerLogo {margin:30px auto 0;}

	#scrollToTop.scrollAdjusted {bottom:56px;}
	#scrollToTop.scrollLAdjusted {bottom:80px;}
}
@media screen and (min-width: 768px) {
	#captchaVerification {margin:0 0 20px;}
	input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;}
	#captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;}
	#footerLeft, #footerRight {width:50%;}

	#cookieUseContainer {right:15px; width:calc(100% - 30px);}
}
@media only screen and (max-width: 767px) {
	#captchaVerification {margin:20px 0;}
	#captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;}
	input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;}

	#footerLeft, #footerRight {width:100%;}
	#footerLeft {padding-left:2%;}
	#footerRight {padding-right:2%;}

	#cookieUseContainer {right:5px; width:calc(100% - 10px);}
}

a {color:#7E3743; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#EF9C20; transition-duration:0.5s; text-decoration:none;}
