@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Prototype Version:  2.4
*/






/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/
:root{
--body-color: #000000;
--header:rgba(9,11,13,0.69);
--primary-color:#C63D25;
--footer-color:rgba(2,9,16,0.45);
--white-color:#ffffff;
--button-bg:#50D8FF;
--buttonred-bg:#ED3257;
--buttonblue-bg:#0095FF;
--buttondark-color:#082C44;
--buttonlight-color:#fff;

--body-font: 'RagSans1_4Regular';
--heading-font:  'optimaroman';
--optima:'optimaroman';
--rag-font-bold:'RagSans1_4Bold';
/* --font-semibold:'AssistantSemiBold';
--font-bold:'AssistantBold';
--font-light:'AssistantExtraLight';
--font-medium:'AssistantMedium';
--font-regular:'AssistantRegular'; */
}

/*::selection{
color: var(--body-color);
background-color: var(--white-color);
}*/
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 98%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 0 0 0px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
html {overflow-y: visible !important;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 24px; color: var(--body-color); line-height:29px; box-sizing: border-box;  background-repeat: no-repeat;background-position: top;background-size: cover; overflow-x: hidden;direction: rtl;}
*, *:after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-cover > img {opacity: 0; width: 100%;}

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color: var(--body-color); line-height:1.2; font-family: var(--rag-font-bold);}

/* Specific Header Settings */
h1,.h1 {font-size:70px;}
h2,.h2 {font-size:70px;font-family: var(--optima);}
h3,.h3 {font-size:46px;} 
h4,.h4 {font-size:34px;}
h5,.h5 {font-size: 32px;}
h6,.h6 {font-size: 24px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: none;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block;}

/* 5. Forms
------------------------------------------------------------------------------*/
    /* width */
::-webkit-scrollbar {
  width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
  background:#000000;
  border-color: #000000;
}
 /* Handle */
::-webkit-scrollbar-thumb {
  background: #808080; 
  border-radius: 0px;
  border-color: #808080;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #dcdcdc;
  border-color: #dcdcdc;
}
/*------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {font-family: var(--body-font); font-weight: normal; margin: 0 0 0 0; padding: 6px 45px; border-radius:2px; background-color:var(--body-color); border: 0px solid #a9a9a9; display: inline-block; vertical-align: middle; font-weight: 400; color: var(--white-color); font-size: 22px; line-height: 29px; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none;cursor: pointer;}

.button:not(.button-border):after, a.button:not(.button-border):after { /*border-radius:0; content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #06bbeb; z-index: -2; opacity: 50%; transition: all .35s;*/}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background-color:  #a9a9a9; border-radius: 2px; color: var(--white-color); }

.button.button-red, a.button.button-red {/*color: var(--white-color); border: 1px solid var(--buttonred-bg);*/}
.button.button-red:after, a.button.button-red:after { /*background-color: var(--buttonred-bg);*/}

.button.button-blue, a.button.button-blue { /*color: var(--white-color); border: 1px solid var(--buttonblue-bg);*/}
.button.button-blue:after, a.button.button-blue:after { /*background-color: var(--buttonblue-bg);*/}

.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--white-color); border: 1px solid var(--button-bg);}

.button.button-border:after, a.button.button-border:after { /*border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: var(--button-bg); z-index: -2; transition: all .35s*/}
.button.button-border:hover:after, a.button.button-border:hover:after {/*width: 100%;*/}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #fff;}

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { box-shadow: 0px 6px 8px rgba(24, 39, 75, 0.12), 0px 8px 16px rgba(24, 39, 75, 0.08); padding:20px 16px; font-family: var(--body-font); font-size: 16px; font-weight: 400;letter-spacing: 0;width: 100%; color: #000; text-transform: none;filter: alpha(opacity=100);border: 1px solid #50D8FF;;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius:16px;line-height:19px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; background:none; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

input::-webkit-input-placeholder {color: #000;opacity:1;}
input:-moz-placeholder {color:#000; opacity:1;}
input::-moz-placeholder {color: #000; opacity:1; }
input:-ms-input-placeholder {color: #000;opacity:1;}
textarea::-webkit-input-placeholder {color: #000; opacity:1; }
textarea:-moz-placeholder {color:#000; opacity:1; }
textarea::-moz-placeholder {color: #000; opacity:1; }
textarea:-ms-input-placeholder {color: #000;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1430px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}
.aspect-container { position: relative; width: 100%; padding-top: 100%;} 
.aspect-inner{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; object-fit: contain; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {/*border-top:1px solid rgba(77, 171, 247, 0.2);*/}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:10px 20px;}
.table>thead>tr>th {color: #fff;font-size: 16px; line-height:1; font-weight: 300;text-align: left;}
.table>tbody>tr>td {font-size: 16px; line-height:1; font-weight: 300; text-align: left;}
.table>tbody>tr>td:first-child {/*font-size: 18px; font-weight: 700;*/}
.table>tbody>tr>td a {}
tbody>tr:nth-child(even) {background-color: rgba(0, 0, 0, 0.2);}
/* header css s */
header { position: absolute; left: 0; top: 0; width: 100%; z-index: 99;}
.inner-pages header {position: fixed;}
.home-page header {top: -60px; transition: all 0.5s; opacity: 0;}
.home-page.sticky header {top: 0;opacity: 1;}

header:before { content: ""; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 96px; transition: all 0.5s;}

.logo {padding: 15px 0 0 0;line-height: 0; } 
.logo img {width: 155px;}
.header-sc{margin: 0 auto; padding: 0 15px; max-width:1446px; width: 100%; position: relative;}
.header-wrapper{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.menu-navigation ul{display: flex;}
.menu-navigation ul li{margin-right: 20px;margin-left: 20px;  padding-top: 11px;padding-bottom: 11px; position: relative; }
.menu-navigation ul li a{padding: 0 8px; color: #000000;font-size: 20px;position: relative; font-weight: 400;position: relative;}
.menu-navigation ul li a:before { content: attr(data-text)/""; /* height: 0; */ visibility: hidden; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; font-weight: normal; font-family: 'RagSans1_4Bold'; position: absolute; right: 50%; transform: translateX(50%); white-space: nowrap; top: 0px; transition: all 0.3s; opacity: 0; }
.menu-navigation ul li:hover > a:before { opacity: 1; visibility: visible; }
/*.menu-navigation ul li a::after{position: absolute; left: 50%; bottom: -6px; content: ""; width: 100%; opacity: 1; visibility: visible; text-align: center; transform: translateX(-50%); border-bottom: 4px solid #F4BAC1; opacity: 0; visibility: hidden; transition: all 0.5s;}
.menu-navigation ul li.active a::after, .menu-navigation ul li:hover > a::after {opacity: 1; visibility: visible;}*/

.menu-navigation ul li.active > a {font-family: 'RagSans1_4Bold';}   
.menu-navigation ul li:hover > a {/*text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000; font-family: 'RagSans1_4Bold'; font-weight: 700;*/}
.menu-navigation ul li.active > a:before {opacity: 0 !important; visibility: hidden !important;}

.menu-navigation {display: flex; flex: 1; justify-content: center;}

/*--- header sub manu ---*/
.menu-navigation ul li a{ display: flex; align-items: center; justify-content: center;}
.menu-navigation ul li a span{ width: 100%; max-width: 24px; height: 24px; position: relative; top: -2px;}
ul.sub-manu { margin-top: 5px; display: block; background-color: #dcdcdc; display: none; transition: all 0.5s; }
ul.sub-manu.open-sub-manu{ display: block;     position: absolute; width: 100%;}
ul.sub-manu li{ padding: 8px 0 0 0; margin: 0;}
ul.sub-manu li a{ padding: 0; transition: all 0.6s;}
ul.sub-manu li a:hover { font-family: var(--rag-font-bold);}   
/* header css e */

/* people banner css s */
.banner-sc { padding-top: 150px; padding-bottom: 90px; } 
.title h1{margin-bottom: 44px;font-family: var(--heading-font); text-transform: uppercase;}
.people-main{padding-bottom: 80px;}
.people-banner{background-repeat: no-repeat;background-size: cover;max-height:calc(100vh - 50px); background-position: center; overflow: hidden;}
.people-banner img { width: 100%; height: auto; opacity: 0;}
.people-banner-wrap { padding-top: 63px; }
.people-page .container{max-width: 836px;}
.ic-logo-img h6{font-family: var(--rag-font-bold);}
.ic-logo-text{padding-top: 26px;margin-top: 12px;padding-right: 30px; text-align: right;}
.ic-logo-img{padding-right: 30px;position: relative;}
.border-right{height: 63px; position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.profession{padding-top: 200px;}
.profession-img { max-width: 560px; width: 100%; margin: 0 auto; }
.profession-img.aspect-container { padding-top: 40.3%; }
.profession-wrap {padding-top: 88px;}
.profession-wrap-2{padding-top: 32px;}
/* banner css e */
/* apartment css s */
.image-and-text { padding-top: 160px;padding-bottom: 160px; overflow: hidden;}
.image-and-text-content{max-width: 482px;width: 100%;text-align: center;}
.image-and-text-desc { max-width: 472px; width: 100%;padding-top: 112px;text-align: center;}
.image-and-text-img{max-width: 843px;width: 100%;}
.image-and-text-bg { margin-left: -50vw; width: calc(100% + 50vw - 700px); }
.main-description {padding-bottom: 110px;}
.main-description-wrapper { max-width: 723px; width: 100%; margin: 0 auto; text-align: center; }
.apartment-btn{padding-top:75px;}
.apartment-btn a{padding: 22px 47px;}
.image-and-text-bg img { width: 100%;}
.image-and-text-bg.aspect-container { padding-top: 82.5%;}
/* apartment css e */
/* rainbow-pool css s */
.pool-images { padding-top:110px;position: relative;}
.pool-images .pool-inner-right::before{position: absolute; content: ''; background-color: #FFEC13; top: 304px; z-index: -1; bottom: -290px; left: 314px; right: -314px;}
.pool-images .container{max-width: 1470px;}
.pool-inner-right-bottom{max-width: 1084px;width: 100%;display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
.pool-inner-right{max-width: 1084px;width: 100%;display: flex; flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;}
.pool-inner-left { max-width: 296px; width: 100%; }
.rainbow-pool .pool-wrapper .pool-inner-left {margin-right: -40px;} 
.rainbow-pool .pool-wrapper {justify-content: inherit;}
.pool-water { padding-top: 169px; padding-bottom: 0;}
.pool-img { max-width: 1112px; width: 100%; margin:85px auto 0; }
.pool-img.aspect-container { padding-top: 48.5%; }
.pool-wrapper { display: flex; flex-wrap: wrap;justify-content: space-between;position: relative;}
.pool-img-1 { max-width: 534px; width: 100%; display: flex; justify-content: flex-end; }
.pool-img-inner img {width: 100%;}
.pool-img-2 { max-width: 504px; width: 100%; }
.pool-img-inner { margin-right: -50vw; width: calc(100% + 50vw - 700px); }
.pool-wrapper-bottom{display: flex; flex-wrap: wrap;justify-content: space-between;padding-top: 200px;}
.pool-wrapper-bottom .pool-img-1{justify-content: flex-start;}
.pool-wrapper-bottom .pool-img-inner{ margin-left: -50vw;margin-right: 0;width: calc(100% + 50vw - 173px);}
.pool-text{padding-top: 410px;}
.pool-wrapper-bottom .pool-text{padding-top: 84px;}

/* rainbow-pool css e */
/* rainbow club css s */
.rainbow-club {padding-top: 71px;}
.rainbow-club-before{position: relative;}
.purple-box .image-and-text-inner {position: relative;}
.purple-box .image-and-text-inner:not(.row-reverse):before { content: ''; position: absolute; /* bottom: -136px; */ background-color: #572365; z-index: -1; padding:0; height: 216px; bottom: -104px; right:0; left:calc(-50vw + 700px); width: auto;}
.purple-box .image-and-text-inner.row-reverse:before {content: ''; position: absolute; /* bottom: -136px; */ background-color: #572365; z-index: -1; padding: 0; bottom: -104px; height: 216px; right: calc(-50vw + 709px); left: 0; width: auto;}
.rainbow-club-before::before { content: ''; position: absolute; /* bottom: -136px; */ background-color: #572365; z-index: -1; padding: 64px 0; bottom: 136px; right: calc(-50vw - -710px); left: -316px; width: auto;}
.rainbow-club-desc{max-width: 610px;width: 100%;margin: 0 auto;text-align: center;padding-top: 96px;padding-bottom: 96px;}
.rainbow-club-desc p:last-child {margin-bottom: 0;}
.dayinlife {max-width: 1232px;width: 100%;margin: 0 auto;}
.dayinlife.aspect-container { padding-top: 43.7%; margin-left: auto;
  margin-right: auto;
  width: 50%;  }


.club-map { max-width: 1072px; width: 100%; margin: 0 auto; }
.club-map.aspect-container { padding-top: 43.7%; }
.club-coffee-bg { padding-top: 87px; padding-bottom: 160px;}
.row-reverse .image-and-text-img{display: flex; justify-content: flex-end;}
.row-reverse .image-and-text-bg{margin-right: -50vw;margin-left: 0;}
.map { max-width: 274px; width: 100%; margin: 0 auto; }
.rainbow-pool .main-description {padding-bottom: 0;}
/* rainbow club css e */
/* complex- css s */
.complex-map { padding-top: 96px; padding-bottom: 96px; }
.counter-inner .h3 { font-size: 54px; font-family: var(--optima); position: relative; line-height: 1; padding: 0 0 10px 0; direction: ltr;}
.counter-inner .h3::after { position: absolute; left: 50%; bottom: -1px; content: ""; width: 56px; opacity: 1; visibility: visible; text-align: center; transform: translateX(-50%); border-bottom: 2px solid #FFFFFF; }
.main-counter { margin: 0;padding-top: 128px; padding-bottom: 151px; position: relative;}
.main-counter:before { position: absolute; right: calc(50vw - 709px); content: ""; background-color: #1D36FF; height: 100%; left: 0; top: 0; }
.main-counter-section { display: flex; flex-wrap: wrap; justify-content: space-between; }
.main-counter-box { max-width: 33.33%; padding: 0 32px; width: 100%;text-align: center;color: #fff;position: relative;}
.counter-inner p { font-size: 34px; margin-top: 18px; }
.complex-map-image.aspect-container { padding-top: 59.4%; }

.menu-toggle {padding:0 12px 0 0; width: 48px; height: 48px; display: none; flex-direction: column; justify-content: center; align-items: flex-start;position: absolute; right: 0; z-index: 99;}
.menu-toggle span {margin: 0 0 5px 0; height:3px; border-radius: 3px; display: block;}
.menu-toggle span:first-child {background-color: #000; width: 24px;}
.menu-toggle span:nth-child(2) {background-color: #6F770D; width: 16px;}
.menu-toggle span:last-child {margin-bottom: 0; width: 8px; background-color: #F4BAC1;}
.contact-btn {display: none;}
#video.active .video-btn {opacity: 0; visibility: hidden;}
/* complex-css e */




/* place- css s */
.padding-botton-none{padding-bottom: 0 !important;}
span.image-tag {position: absolute;background: #fff;padding: 1px 12px;position: absolute;margin: auto;border-radius: 3px;font-size: 18px; text-transform: capitalize;}
span.image-tag:after{content: "";display: inline-block;width: 0;height: 0;border-style: solid;position: absolute;margin: auto;}

span.image-tag.tag-1 {top: 53.4%;right: 18.5%;}
span.image-tag.tag-2 {left: 30.2%;top: 57.2%;}
span.image-tag.tag-3 {left: 13.8%;bottom: 7.7%;}
span.image-tag.tag-4 {left: 38.5%;bottom: 31.2%;}
span.image-tag.tag-5 {left: 90.5%;bottom: 41.2%;}

span.image-tag.tag-3:after { border-width: 7px 7px 7px 0; border-color: transparent #ffffff transparent transparent; left: -6px; top: 0; bottom: 0;}
span.image-tag.tag-2:after ,span.image-tag.tag-4:after { border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent; left: 0; right: 0; bottom: -6px;}
span.image-tag.tag-5:after ,span.image-tag.tag-5:after { border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent; left: 0; right: 0; bottom: -6px;}
span.image-tag.tag-1:after { border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent; left: 0; right: 0; bottom: -6px;}
/* video-section s*/
.video-section{padding-top: 135px;padding-bottom: 130px;position: relative;}
.video-section .container{max-width: 1470px;}
.text-block p:last-child{margin-bottom: 0;}
.text-block{max-width: 675px;width: 100%;margin: 0 auto;text-align: center;}
.place-video{padding-top: 85px;padding-bottom: 120px;}
.video-section::before{content: "";position: absolute;right: 168px;height: 68.5%;left: 0px;bottom: 0px;background: #F4BBC2;}
.video-section::after{content: "";position: absolute;width: 50vw;margin-right: -50%;right: calc(50% - 668px);top: 0;background: #6F770D;height: 70%;}
.video-section .section-wrapper{position: relative;z-index: 1;}
.video-box{position: relative; padding-top: 56.25%;}
.video-box video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.video-box .play-icon{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 81.06px;width: 81.06px; cursor: pointer;}
.video-box.active .play-icon {opacity: 0; visibility: hidden;}
/* video-section e*/

/* map-section s*/
.map-section{padding-top: 140px;padding-bottom: 150px;}
.map-section .line-card{display: flex;justify-content: center;align-items: center;}
.map-section .line-box{display: flex;align-items: center;justify-content: end;padding: 17px 0;}
.map-section span.line{width: 192px;height: 4px;display: inline-block;background-color: #000;margin-right: 16px;transition: 0.3s ease-in-out all; cursor: pointer;}
.map-section span.line.pink{background-color: #F4BAC1;}
.map-section span.line.orange{background-color: #ED6E24;}
.map-section span.line.purple{background-color: #572364;}
.map-section span.line.green{background-color: #6F7825;}
.map-section span.line.yellow{background-color: #FEEB20;}
.map-section span.line.blue{background-color: #31509F;}
.map-section .line-box:hover span.line, .map-section .line-box.active span.line{width:224px;}
.map-section .line-text{transition: 0.3s ease-in-out all; font-size: 32px;cursor: pointer;}
.map-section .line-box:hover .line-text, .map-section .line-box.active .line-text{font-weight: 700;}
.map-section img.map-image{visibility: hidden;transition: 0.3s linear;opacity: 0;}
.map-section img.map-image.active{visibility: visible;opacity: 1;}
.map-section .image-and-text-bg .aspect-inner {object-fit: cover;}
.map-section .map-link{position: absolute;bottom: 20px;right: 30px;background: #FFFFFF;box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);border-radius: 6px;padding: 7px; line-height: 0;}
.map-section .image-and-text-bg.aspect-container {padding-top: 100%;}
.map-section .image-and-text-img { max-width: 770px;}
/* map-section e*/

/* area-card-section s*/
.area-cards-section{padding-top: 170px;padding-bottom: 250px;}
.area-cards-section .area-heading {padding-bottom: 72px;}
.area-cards-section .area-heading h2{ letter-spacing: -2px; text-transform: uppercase;}
.area-cards-section .area-card-box{margin: 0 -8px; padding: 0 40px;}
.area-cards-section .container{max-width: 1535px;}
.area-cards-section .area-card{padding: 8px;width: 33.33%;}
.area-cards-section .card-bg{padding-top: 115.50%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.area-cards-section .card-bg:before{content: "";background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.78%, #000000 100%);height: 100%;width: 100%;position: absolute;top: 0;right: 0; opacity: 0; visibility: hidden; transition: all 0.5s;}
.area-cards-section .card-bg:hover:before {opacity: 1;visibility: visible;}
.area-cards-section .card-bg:after {content: "";background: rgba(255,255,255,0.5);height: 100%;width: 100%;position: absolute;top: 0;right: 0;mix-blend-mode: overlay;opacity: 0;transition: all 0.5s; pointer-events: none;}
.area-cards-section .card-bg:hover:after {opacity: 1;}
.area-cards-section .card-textbox{position: absolute;top: 33px;right: 0;left: 0;text-align: center;}
.area-cards-section .card-iconset{position: absolute;bottom: 30px;right: 0;left: 0;padding: 0 0;justify-content: start;opacity: 0; visibility: hidden; transform: translateY(40px); transition: all 0.5s;}
.area-cards-section .card-bg:hover .card-iconset { transform: none; opacity: 1; visibility: visible; }
.area-cards-section .card-iconset .icon-box img{width: 20px;}
.area-cards-section .card-textbox span{background: #000000;text-align: center;text-transform: uppercase;color: #FFFFFF;padding: 7px 24px;display: inline-block;transition: 0.3s ease-in-out;}
.area-cards-section .card-iconset .icon-box{display: flex;align-items: center;padding: 0 15px;}
.area-cards-section .card-iconset .icon-box span{text-align: right;color: #FFFFFF;transition: 0.5s ease-in-out;padding: 0px 17px 0 0;}
.area-cards-section .area-card .icon-box svg path{transition: 0.5s ease-in-out;}
.area-cards-section .area-card:hover .icon-box svg path{fill: #f4bac1;}
.area-cards-section .area-card:hover .card-textbox span{color: #f4bac1;}
.area-cards-section .area-card:hover .card-iconset .icon-box span{color: #f4bac1;}

/* area-card-section e*/



.main-banner{ overflow: hidden; background-position: center; background-image: url('../image/home-banner.jpg'); background-repeat: no-repeat; background-size: cover; /*padding: 189px 0 220px;*/ padding: 0; height: 100vh; display: flex; align-items: center;}
.banner-inner{ width: 944px; margin: 0 auto; background-color: #FFFFFF; text-align: center; padding: 34px 0 50px; position: relative; transition: all 0.5s; }
.banner-inner-overlay {position: absolute; width:100%; height: 100%; background-color: #fff; top: 9px; left: 0%;}
/*.banner-inner::before{content: ''; position: absolute; width:100%; height: 100%;transition: all 0.5s; background-color: #fff; top: 0; left: 0%; }*/
.banner-inner h6{position: relative;font-style: normal;font-family: var(--optima);text-align: center;line-height: 1;text-transform: uppercase;color: #000;bottom: 120px;}
.banner-inner .banner-logo-img{ max-width: 405px; width: 100%; margin: 0 auto; padding: 115px 0; position: relative; }
.banner-inner .banner-logo-img img{ width: 100%; object-fit: cover; }
.banner-inner .banner-ici-logo{max-width: 142px; width: 100%; margin: 0 auto;  position: relative;}
.banner-inner .before-img { position: absolute; width: 30px; bottom: -84px; left: 50%; transform: translateX(-50%); }

/* -- home - video - section ---*/
.home-video{ padding: 128px 0; position: relative; }
.home-video .container{ max-width: 1470px;}
.video-inner{ position: relative; padding: 54.5% 0 0 0;}
.home-video .video-inner video{ object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
.video-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer;}

.home-description{ padding: 156px 0 112px; text-align: center; }
.home-description .home-description-wrapper{ max-width: 621px; width: 100%; text-align: center; margin: 0 auto; }


.the-place .image-and-text-content { max-width: 552px; width: 100%; text-align: center; }
.the-place .image-and-text-content h2{text-align: center; letter-spacing: -2px; text-transform: uppercase; padding: 0 0 40px;  }
.the-place .image-and-text-content p{ max-width: 412px; width: 100%; margin: 0 auto; }
.the-place .image-and-text-img { max-width: 793px; width: 100%; }
.the-place .image-and-text-inner .apartment-btn a { padding: 6px 41px; }

/*-- Live the rainbow --*/
.live-section{ margin-top: 184px;  background-position: center; background-image: url('../image/home-banner.jpg'); background-size: cover; background-repeat: no-repeat; /*padding: 237px 0 202px;*/ padding: 0; height: calc(100vh - 110px); display: flex; align-items: center;}
.live-section .live-inner{background: #FFFFFF; max-width: 944px; width: 100%; margin: 0 auto; text-align: center; padding: 202px 0; }
.live-section .live-inner h2{text-align: center; text-transform: uppercase;}

/*-- footer section ---*/
footer{ align-items: justify; display: flex; align-items: flex-start !important; background-position: center; /*background-image: url('../image/footer-bg.jpg');*/ background-image: url('../image/line-bg.png'); background-color: #F4BAC1;  background-repeat: no-repeat; background-position: top left;  background-size: 100% auto; border-top: 0; padding:15px 0 8px; overflow: hidden; transition: all 0.5s;  position: relative; z-index: 99;  position: fixed; bottom: 0; left: 0; width: 100%;}
footer {transform: translateY(100%); opacity: 0;}
.sticky footer {transform: none; opacity: 1;} 
footer .footer-right{ max-width: 434px; width: 100%;padding: 0 0 0 19px; position: relative;}
.footer-right:before {content: "";background: #F4BAC1;position: absolute;left: 0;top: -50px;right: 0;bottom: -50px; transition: all 0.5s; display: none;} 
footer .footer-left .footer-box{ font-size: 14px; color: #000000; text-align: right; }
.footer-box {position: relative;}
footer .footer-left .footer-box .from-section .input-tag{ max-width: 25%; width: 100%; padding: 0 8px; }
footer .footer-left .footer-box .from-section span{ font-size: 20px; max-width: 155px; width: 100%; min-width: 155px; font-family: var(--rag-font-bold);} 
footer .footer-left .footer-box .from-section .input-tag input:placeholder{font-size: 16px; color: #000; }
footer .footer-left .footer-box .from-section .input-tag input{ border: 2px solid #fff; padding: 9px 8px; background: #FFFFFF;box-shadow: 0px 6px 8px rgba(24, 39, 75, 0.12), 0px 8px 16px rgba(24, 39, 75, 0.08); border-radius: 2px; transition: all 0.5s;}
.input-submit.mobile-view{ display: none; }


.transparent footer .footer-left .footer-box .from-section .input-tag input {background-color: #E7E7E7; border-color: #E7E7E7; box-shadow: none;}

.footer-right { text-align: left; }
.footer-right .footer-logo{ max-width: 161px; width: 100%; margin-right: auto; padding: 0 0 25px; }
.footer-right .footer-box p{ font-size: 16px; margin: 0; }
.footer-right .footer-box p a {margin: 0 0 0 5px; color: #1B36FF; font-family: var(--rag-font-bold); font-weight: normal; text-decoration: underline;}
footer .footer-left{ flex: 1; padding: 0 135px 0 20px; }
.footer-left .select-box { padding:7px 164px 0 0; text-align: justify; margin-top: 2px; display: flex; } 
.main-banner.darkHeader .banner-inner::before{ transform: scale(2.2);}
.footer-left .select-box > * {max-width: 33.33%;margin: 0 0 0 22px;}
.select-box-right {display: flex;align-items: flex-end; max-width: 35.33% !important; width: 100%;
  margin-left: 0 !important;}
.input-box label { position: relative; display: block; line-height: 1; padding:0 30px 3px 0; margin:0 0 0 0; font-size: 100%; cursor: pointer; position: relative; text-align: start;}
.input-box  input[type="checkbox"] { height: 20px; width: 20px; position: absolute; top: 0; right: -26px; opacity: 0;z-index: 2;cursor: pointer; }
.input-box label::before { content: ''; width: 20px; height: 20px; border: 0; background-color: #fff;  position: absolute; top:0; right: 0; border-radius: 3px;box-shadow: 0 3px 5px rgba(0,0,0,0.3); cursor: pointer;}
.input-box label::after { content: ''; border-left: 2px solid #000; border-bottom: 2px solid #000; width: 11px; height: 6px; position: absolute; top:6px; right: 5px; transform: rotate(-45deg); opacity: 0; cursor: pointer;}
.input-box input[type="checkbox"]:checked + label::after { opacity: 1; } 
.input-box {position: relative;}

/*--- thank you page css ---*/
.thankyou{ display: none; z-index: 1; padding: 90px 0 106px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);background: #FFFFFF; max-width: 641px; width: calc(100% - 30px); box-shadow: 0px 8px 28px -6px rgba(24, 39, 75, 0.12), 0px 18px 88px -4px rgba(24, 39, 75, 0.14); }
.thankyou .thankyou-box{ text-align: center; }
.thankyou .thankyou-box h2{ text-transform: uppercase; color: #000000; text-align: center; padding: 0 0 48px; }
.thankyou .thankyou-box p{ padding: 0 0 40px;}
.thankyou .thankyou-box .apartment-btn a{ padding: 7px 45px;}
.thank-you-img{ position: absolute; bottom: 0; left: 0; width: 100%; }

.thankyou-overlay{ display: none; position: fixed; top: 0; left: 0; background: rgba(244, 186, 193, 0.5); width: 100%; height: 100%;}
.popup .thankyou, .popup .thankyou-overlay{ display: block;}

/*concept css s  */
.concept-pool-side-sc{padding-bottom: 104px;}
.concept-image-and-text{padding-top: 160px;}
.main-description-concept{max-width: 862px;width: 100%;margin: 0 auto;text-align: center;}
.row-reverse .pool-img-inner{margin-left: -50vw;margin-right: 0;}
.concept-image-and-text .image-and-text-content{/*max-width: 424px;*/ max-width: 30.3%;}
.concept-image-and-text .image-and-text-img {max-width: 60.2%;display: flex; align-items: center;}
.concept-image-and-text .image-and-text-bg{padding-top: 0px;}
.concept-pool-side-sc .image-and-text-img{display: flex; justify-content: flex-end}
.concept-pool-children-mn{max-width: 1440px;width: 100%;}
.image-and-text-bg.concept-pool-children{margin-right: -50vw;margin-left: 0;}
.concept-pool-children-mn{padding-top: 96px;}
/* concept css e */
/* rainbow-has-colors css s */
.rainbow-colors-wrapper { padding-top: 152px; max-width: 1100px; width: 100%; margin: 0 auto; }
.rainbow-has-colors{padding-top:104px;padding-bottom: 76px;}
.rainbow-color-row { display: flex; flex-wrap: wrap;justify-content: center;}
.rainbow-color-col { max-width: 33.33%; width: 100%;position: relative;padding-bottom: 210px;}
.rainbow-color-title{ text-transform: uppercase; text-align: left; }
.rainbow-colors-wrapper { padding-top: 152px; }
.rainbow-color-place h5{font-size: 30px;font-family: var(--optima);margin-bottom: 15px;}
.common-space-btn{text-align: center;}
.common-space-btn .button{padding: 21px 72px;font-size: 24px;}
.rainbow-color-place { position: relative;}
.border-right-new{height: 120px;padding-right: 16px;position: relative; right: 0; top: 50%; transform: translateY(-50%)}
/* rainbow-has-colors css e */
/* concept-css s */
.yoga-sc{padding-top:76px;}
.orange-box{position: relative}
.orange-box::before{content: ''; position: absolute;background-color: #FF6E13; z-index: -1; padding: 200px 0; bottom: -45px; right: -50vw; left: 17%; width: auto;}

.area-cards-section .card-iconset .icon-box { min-width: 33%; }

.footer-main {min-height: 116px;}
.sticky header {position: fixed; top: 0; left: 0; width: 100%;}
.sticky footer {position: fixed; left: 0; bottom: 0; width: 100%;}
footer:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: #fff; opacity: 0; transition: all 0.5s; pointer-events: none;}

.parallax {background-attachment: fixed;}
.place-page .people-banner {position: relative;}
.parallax2 {background-attachment: fixed;}



.pool-wrapper .pool-inner-left .pool-text {text-align: center; max-width: 290px;}
.contact-from label.error{display:none!important}
.contact-from input.error {border-color: #FF0000 !important; background-color:#FFE4E4 !important; color: #FF0000 !important;}
.input-box.privacy{pointer-events:none}



.odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: top; /*vertical-align: auto; zoom: 1; display: inline;*/ position: relative; }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: top; /*vertical-align: auto; zoom: 1; display: inline;*/ position: relative; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: top; /*vertical-align: auto; zoom: 1; display: inline;*/ visibility: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s, -webkit-transform 2s; }
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s, -webkit-transform 2s; -webkit-transform: translateY(0); transform: translateY(0); }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default { /*font-family: "Helvetica Neue", sans-serif; line-height: normal;*/ }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; }

.image-in-out{position: relative;overflow: hidden;}

.image-in-out:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;content: "";background-color: #151517;-webkit-transform: translateX(-100%) scaleX(.33);-ms-transform: translateX(-100%) scaleX(.33);transform: translateX(-100%) scaleX(.33);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;}

.image-in-out{position: relative;overflow: hidden;}

.image-in-out:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;content: "";background-color: #151517;-webkit-transform: translateX(-100%) scaleX(.33);-ms-transform: translateX(-100%) scaleX(.33);transform: translateX(-100%) scaleX(.33);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;}

.image-in-out .in,
.image-in-out .out,
.image-in-out:before {transition: all 0.9s cubic-bezier(1,1,1,1); -webkit-transition: all 0.9s cubic-bezier(1,1,1,1)} 
.image-in-out .in,
.image-in-out .out {overflow: hidden; line-height: 0;}
.image-in-out .in .image_inner img,
.image-in-out .out .image_inner img {-webkit-transform: translateZ(0);transform: translateZ(0)}
.image-in-out .out {-webkit-transform: translateX(-110%);-ms-transform: translateX(-110%);transform: translateX(-110%)}
.image-in-out .in,
.image-in-out.is-visible:before {-webkit-transform: translateX(100%) scale(1.3);-ms-transform: translateX(100%) scale(1.3);transform: translateX(100%) scale(1.3)}
.image-in-out.to--right .out {-webkit-transform: translateX(110%) scale(1.3);-ms-transform: translateX(110%) scale(1.3);transform: translateX(110%) scale(1.3)}
.image-in-out.to--right .in,
.image-in-out.is-visible:before {-webkit-transform: translateX(-101%);-ms-transform: translateX(-101%);transform: translateX(-101%)}
.image-in-out.is-visible .in,
.image-in-out.is-visible .out {-webkit-transform: none;-ms-transform: none;transform: none}
.image-in-out.is-visible .in, .image-in-out.is-visible .out {-webkit-transform: none;-ms-transform: none;transform: none;}
.image_inner {line-height: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.image_inner img {opacity: 0;}

.image-in-out.to--bottom:before {-webkit-transform: translateY(100%) scaleY(1);-ms-transform: translateY(100%) scaleY(1);transform: translateY(100%) scaleY(1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;}

.image-in-out.to--bottom .out {-webkit-transform: translateY(110%);-ms-transform: translateY(110%);transform: translateY(110%)}
.image-in-out.to--bottom .in,
.image-in-out.to--bottom.aos-animate:before {-webkit-transform: translateY(-100%) scale(1);-ms-transform: translateY(-100%) scale(1);transform: translateY(-100%) scale(1)}

.image-in-out.to--bottom.is-visible .in,
.image-in-out.to--bottom.is-visible .out {-webkit-transform: none;-ms-transform: none;transform: none}
.image-in-out.to--bottom.is-visible .in, .image-in-out.to--bottom.is-visible.out {-webkit-transform: none;-ms-transform: none;transform: none;}

html.no-scroll {overflow: hidden !important; height: 100vh;}
html.no-scroll body.popup { overflow: hidden; height: 100vh; }

.complex-desc {max-width: 755px;}
.complex-desc p:last-child {margin-bottom: 0;}

.rainbow-pool .pool-wrapper .pool-img-1 { max-width: 51.2%; }
.rainbow-pool .pool-wrapper .pool-img-2 { max-width: 33.2%; margin-right: 35px; margin-left: auto; }
.rainbow-pool .pool-wrapper .pool-img-inner {margin-right:0; width: 100%;}

.footer-icon {position: absolute; bottom: 8px; right: 8px; line-height: 0;}
.footer-left .select-box .input-box {  max-width: 30%; font-size: 100%;}
.select-box-right p {line-height: 1;}
.select-box-right p a {line-height: 1; color:#1B36FF; font-family: 'RagSans1_4Bold';}
.select-box-right p a:hover {text-decoration: underline;}
.select-box-right p {margin-bottom: 0;}

section.pool-sunset { position: relative; margin: 434px 0 0; width: 100%; /* margin: 0 auto; */ }
.pool-sunset-banner{ position: relative; width: 100%; margin: 0 auto; padding: 0 32px; }
.sunset-text { width: 705px; margin-right: auto; position: absolute; top: 180px; left: 190px; text-align: center; }
.sunset-text h2{  font-size: 62px; letter-spacing: 55px; line-height: 75px; padding: 0 0 50px; }
.sunset-text p{ width: 400px; margin: 0 auto; font-size: 26px; line-height: 27px;}
.sunset-text .ceremony{ letter-spacing: 34px; padding-top: 54px; padding-bottom: 0; }
.pool-sunset-banner img{ width: 100%; }


/*-- english page ---*/
body.en { direction: ltr; }
body.en .menu-navigation ul li a { font-size: 16px; text-transform: uppercase; }
body.en .menu-navigation ul li { margin-right: 12px; margin-left: 12px;}
body.en .header-sc{ max-width: 1554px; }
body.en .row-reverse .image-and-text-bg { margin-left: -50vw; margin-right: 0; }
body.en .image-and-text-bg { margin-right: -50vw; margin-left: 0; }
body.en footer .footer-left { padding: 0 20px 0 135px; }
body.en .footer-right .footer-logo{ margin-left: auto; margin-right:10px; max-width: 181px; }
body.en .the-place .image-and-text-content { max-width: 553px;}
body.en .footer-left .select-box { padding: 7px 0 0 164px;}
body.en .input-box label{ padding: 0 0 3px 30px; }
body.en .footer-left .select-box > *{ margin: 0 22px 0 0; }
body.en .input-box label::before{ left: 0; }
body.en .input-box label::after{ left: 5px; }
body.en .select-box-right{  max-width: 20.33% !important;  }
body.en .footer-left .select-box .input-box { max-width: 50%;}

/*-- place page css english ---*/

body.en .map-section .line-text{ font-size: 26px; }
body.en .map-section .line-box { justify-content: start; flex-direction: row-reverse; }
body.en .area-cards-section .card-iconset .icon-box span{ padding: 0 0 0 17px; }

body.en .concept-pool-side-sc .image-and-text-img {justify-content: flex-start;}
body.en .border-right-new{ padding-left: 16px; }
body.en .ic-logo-img.aos-init.aos-animate { text-align: right; }

/*-- pool page english ---*/
body.en .rainbow-pool .pool-wrapper .pool-img-inner { margin-right: 0;}
body.en .pool-images{ direction: rtl; }
body.en .people-page .container { max-width: 1026px; }
body.en .ic-logo-text{ text-align: left; }

body.en footer:before{ opacity: 0; }
/* body.en .uwy.userway_p2 .uai, .uwy.userway_p3 .uai { top: 50%; transform: translate(-100%,-50%); left: 50px !important; right: auto; } */
html body.en .uwy.userway_p2 .uai, html body.en .uwy.userway_p3 .uai {left: 21px !important; transform: none; }
body.en .footer-icon { right: auto; left: 8px; }
body.en .input-submit.desktop-view { padding: 0 8px; }
body.en .input-submit.desktop-view input[type="submit"] { padding: 6px 87px; }
body.en footer .footer-left .footer-box .from-section span { padding: 0 8px; }
body.en .thankyou .thankyou-box p { padding: 0 0 40px; width: 70%; margin: 0 auto; }
body.en .thankyou .thankyou-box .apartment-btn a { text-transform: uppercase; }
body.en .transparent footer .footer-left .footer-box .from-section .input-tag input { background-color: #fff; border-color: #fff;}