@charset "UTF-8";

body{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: none !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-family: "Qanelas", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  border: 0;
  color: #FFF;
  font-weight: 500;
  letter-spacing: 0;
}

img {
  max-width: 100%;
  height: auto;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, time, img {
  display: block;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1;
}

strong, b {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-weight: 400;
}

ol, ul, li {
  list-style: none;
  color: #000;
}

p, {
  color: #FAF9F7;
  font-weight: 400;
}

p, a {
  font-size: 16px;
  line-height: 1.5;
  color: #FAF9F7;
  font-weight: 500;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:hover, a:active, a:link {
  text-decoration: none;
}

input[type=text], input[type=email], input[type=password], input[type=tel], textarea, button {
  -webkit-appearance: none;
}

@font-face {
  font-family: "Qanelas";
  src: url("fonts/Qanelas-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Qanelas";
  src: url("fonts/Qanelas-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "Qanelas";
  src: url("fonts/Qanelas-Bold.ttf");
  font-weight: 700;
}
html {
  margin-top: 0 !important;
}

* html body {
  margin-top: 0 !important;
}

/** ADDITIONLEL **/  

div#so-wrapper {
    background: #000736;
}

/**New add**/
.so-home-intro .so-content:before {
    background:linear-gradient(56.96deg,rgb(31 32 33 / 15%) 0%,rgb(8 8 8 / 17%) 100%);
}
	
.so-home-intro .so-play {
    border-radius: 50%;
}
.so-home-intro h1 {
    text-shadow:     text-shadow: 0px 3px 0px #000736, 0px 14px 10px rgb(0 0 0 / 0%), 0px 24px 2px rgb(0 0 0 / 5%), 0px 34px 30px rgb(0 0 0 / 5%);
}

.so-contact-form input {
    text-transform: inherit;
}
.so-form input, .so-form textarea {
    text-transform: inherit;	
}


/** CONTACT FORM STYLING **/
.wpcf7-response-output {
	color : #000736 !important;
}

/** hide icone play **/
.so-play:before {
  width: 27px;
	margin-left: -5px;
	    background-position: center;
    background-repeat: no-repeat;
}

/**PDF brochure checkbox**/
span.wpcf7-list-item-label {
    color: grey;
}


/* Text front 1st */
.text-front {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a.so-button:hover {
    color: #000;
}
.so-pdf {
	margin: auto;
}

.so-home-prop {
	background-color: #fff;
}

.so-button-bubble-black {
	background-color: #000736;
}

.so-footer-menu:before {
	background-color: #decfa3;
}

.so-footer-menu-trigger span.so-active:after {
	filter: invert(100);
}

.so-footer-menu-trigger span.so-active {
	color: #000736;
}

.so-footer-menu ul li a {
	color: #000736;
	opacity: 1;
}

.so-footer-menu ul li a:hover {
	color: #000736;
	opacity: 0.7;
}

.so-footer-email {
	font-size : 30px
}
a.so-footer-email:hover {
    color: #FFF;
}

.so-offer-map-wrap-plan.so-active {
/* 	display: block !important; */
}

/* page section order update style */ 

.page-template-homepage .so-who-com {
  background-color: #000736;
  padding-top: 100px !important;
  padding-bottom: 0 !important;
}

.page-template-homepage .so-who-com  .so-row:not(:first-child) {
	display : flex;
	max-width : 1100px;
	top : 0;
	margin-bottom : 70px;
}

.page-template-homepage .so-who-com  .so-row:not(:first-child) p {
	padding-top: 85px;
	text-align : justify;
	line-height : 1.6;
	background-color :rgba(2, 7, 27 , 0.35);
	padding : 30px;
	margin-bottom : 10px;
}

.iTitle {
	font-style : normal;
	font-size : 19px;
	font-weight : bold;
	color : #decfa3;
	display : block;
}

/* styles for list */ 
 .list {
	display : inline-block;
	margin : 5px ;
	position : relative;
}  


.spancolor {
	font-size: 17px;
	color : #decfa3;
	font-weight : bold;
	position : relative;
}

.puce::before {
display: inline-block;
width: 15px;
height: 15px;
left:-25px;
	top : -3px;
background: #decfa3;
  background-clip: border-box;
position: absolute;
content: "✦";
font-size: 2rem;
-webkit-background-clip: text;
-webkit-text-fill-color: #decfa3;
}

.so-reserve {
	flex-direction : row-reverse;
}


.so-content.so-newsletter-popup.so-active {
	clip-path: circle(70.7% at 50% 50%);
}

.so-content.so-newsletter-popup .so-row {
	text-align : center;
}

.so-content.so-newsletter-popup .so-button { 
	position : relative;
	bottom : 0;	
}

.so-newsletter-popup h2 {
	font-size: 49px;
	color : #000736;
	text-align : center;
}

.so-newsletter-popup h3 {
	font-size: 10px;
	color : #000736;
	text-align : center;
}

/* button for newsletter popup child event disable */ 

.so-home-map .so-button * {
	pointer-events : none;
}

/* apt style appaterment sheet button  */ 
.so-apt-intro .so-col:nth-child(2) .so-button {
  padding: 15px 20px 15px 45px;
}

.so-apt-floor img {
	max-width : 70%;
	margin : 0 auto;
}
/* slide */

.slide {
	transition : transform .5s ease-in-out;
}
.slide:first-child {
	 z-index : 10;
}

/* Mood board for appartement */

.so-apt-gal-list-single {
	height : 500px;
	gap : 30px;
	max-width: 1000px;
    margin: auto;
}

.so-section-title {
	margin : 40px 0;
	text-align : center;
}

.so-section-title h3 {
	line-height : 1 ; 
}


/* the project page */ 
.so-about-plan {
	padding-bottom : 100px;
}
.so-about-plan  h2 {
	font-size: 85px;
}

.so-about-plan  p {
	background-color : rgba(2, 7, 27 , 0.35);	  
	padding : 20px;
}
	

.so-about-nums p  {
	text-align : justify;
	margin-top : 25px;
}

.so-about-nums {
	padding-bottom : 140px
}
	
.page-template-homepage .so-who-com  .so-row:not(:first-child) p {
	width : 100%;
	padding-top : 0;
}
	
	 

/* copropriété */

.joint-list .block {
    background-color:rgba(2, 7, 27 , 0.35);
}

/* contact */ 
.so-contact-form h2  {
	font-size : 54px;
}

/* privacy policy */ 
.so-privacy-content h1 {
	font-size : 90px;
}

/* map legende */

.so_map_legend {
	position : absolute;
	background : rgba(0, 7, 54);
	z-index : 3;
	left : 0;
	bottom : 100px;
	padding : 5px 10px;	
	display :  flex;
	align-items : center;
}

.so_map_legend > div {
	display : flex;
	align-items : center;	
	gap  : 12px;
}

.so_map_legend > div p {
	text-transform : uppercase;
    margin-top : 3px;
	margin-right : 12px;
	font-size :15px;
}

.so_map_legend .circle {
	width : 25px;
	height : 25px;
	background : #fff;
	border-radius : 50%;	
}

.so_map_legend .circle.rent {
	background : #48bdb0;
}

.so_map_legend .circle.available {
	background :#decfa3;
}

.so_map_legend .circle.unavailable {
	background :#c6c7c9;
	display : flex;
	justify-content : center;
	align-items : center;
}

.so_map_legend .circle.unavailable .lock {
	background-image: url("https://waterfront.ci/wp-content/uploads/2022/05/lock-black.svg");
	background-repeat : no-repeat;
	background-position : center;
	background-size: 60%;
	width : 100%;
	height : 100%;
}

/* Rent Style */

.so__rent span {
	background-color : #48bdb0;
}



/** ADDITIONLEL **/


.so_hidden {
  display: none;
}

.page-template-amentities {
  padding-top: 200px;
}
.page-template-amentities .so-sub {
  padding-top: 0 !important;
}

.page-template-calculator {
  padding-top: 250px;
}

.so-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000736;
  z-index: 99999;
  opacity: 1;
}
.so-loader svg, .so-loader img {
  max-width: 200px;
  animation: 2s so_loader ease infinite;
}

.selectric-above .selectric-items {
  top: 100%;
  bottom: auto;
}

.datepicker-top-left:after, .datepicker-top-right:after,
.datepicker-top-left:before, .datepicker-top-right:before {
  display: none !important;
}

.datepicker-container {
  border-width: 0 !important;
  background-color: #03071b !important;
  box-shadow: none;
}
.datepicker-container ul li {
  background-color: #03071b !important;
  font-size: 13px;
  line-height: 30px;
}
.datepicker-container ul li.highlighted, .datepicker-container ul li.picked, .datepicker-container ul li:hover {
  color: #decfa3 !important;
}

/* newsletter popup style */
.so-newsletter-popup {
  position: fixed;
  max-width: 1000px;
  background-color: #000736;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
  text-align: center;
  box-sizing: border-box;
  padding: 45px 60px;
  clip-path: circle(0% at 50% 50%);
  pointer-events: none;
}

.so-reserve-popup {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: fixed;
  width: 100%;
  height: auto;
  max-width: 1000px;
  background-color: #000736;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
  text-align: center;
  box-sizing: border-box;
  padding: 45px 60px;
  clip-path: circle(0% at 50% 50%);
  pointer-events: none;
}
.so-reserve-popup.so-active {
  clip-path: circle(70.7% at 50% 50%);
  pointer-events: unset;
}
.so-reserve-popup-main h3 {
  padding-bottom: 15px;
}
.so-reserve-popup-main > p {
  opacity: 0.4;
  padding-bottom: 30px;
}
.so-reserve-popup-done {
  display: none;
}
.so-reserve-popup-done svg {
  margin-bottom: 40px;
}
.so-reserve-popup-done svg path {
  animation: so_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  fill: none;
}
.so-reserve-popup-done svg circle {
  animation: so_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  fill: none;
}
.so-reserve-popup-done h2 {
  font-size: 49px;
  line-height: 1.1;
  padding-bottom: 25px;
}
.so-reserve-popup-done p {
  padding-bottom: 45px;
}
.so-reserve-popup-done p span {
  color: #decfa3;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(1) .so-form-col {
  width: calc(33.33% - 12px);
}
.so-reserve-popup .so-form > .so-form-row:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(2) .so-form-col {
  width: calc(50% - 10px);
}
.so-reserve-popup .so-form > .so-form-row-wrap:nth-child(3) .so-form-row {
  padding-bottom: 30px;
}
.so-reserve-popup .so-form > .so-form-row-wrap:nth-child(4) .so-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  padding-bottom: 30px;
}
.so-reserve-popup .so-form > .so-form-row-wrap:nth-child(4) .so-form-row .so-form-col {
  width: calc(33.33% - 12px);
}
.so-reserve-popup .so-form > .so-form-row-wrap:nth-child(4) .so-form-row .selectric-so-select .selectric-items {
  background-color: #fff;
}
.so-reserve-popup .so-form > .so-form-row-wrap:nth-child(4) .so-form-row .selectric-so-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p .selectric-so-select .selectric .label {
  width: auto;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 25px;
  margin-left: 25px;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p .selectric-so-select .selectric .button {
  display: none;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p .selectric-so-select .selectric-items {
  background-color: #03071b;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p .so-form-cal {
  display: inline-block;
  max-width: 200px;
  margin-left: 25px;
  width: 100%;
  position: relative;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p .so-form-cal input {
  max-width: 100%;
  padding-left: 5px;
}
.so-reserve-popup .so-form > .so-form-row:nth-child(5) p .so-form-cal:after {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 2px;
  top: 50%;
  margin-top: -8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/cal-icon.svg");
  content: "";
}
.so-reserve-popup .so-form input, .so-reserve-popup .so-form textarea {
  border-bottom-color: #fff;
  color: #fff;
}
.so-reserve-popup .so-form input.placeholder, .so-reserve-popup .so-form textarea.placeholder {
  color: #fff;
}
.so-reserve-popup .so-form input:-moz-placeholder, .so-reserve-popup .so-form textarea:-moz-placeholder {
  color: #fff;
}
.so-reserve-popup .so-form input::-moz-placeholder, .so-reserve-popup .so-form textarea::-moz-placeholder {
  color: #fff;
}
.so-reserve-popup .so-form input:-ms-input-placeholder, .so-reserve-popup .so-form textarea:-ms-input-placeholder {
  color: #fff;
}
.so-reserve-popup .so-form input::-webkit-input-placeholder, .so-reserve-popup .so-form textarea::-webkit-input-placeholder {
  color: #fff;
}
.so-reserve-popup .so-form input.so-error, .so-reserve-popup .so-form textarea.so-error {
  border-bottom-color: #f7454c;
}
.so-reserve-popup .so-form textarea {
  height: 80px;
}
.so-reserve-popup .so-form-radio label {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  padding: 15px 15px 15px 45px;
  border: 1px solid #FAF9F7;
  text-transform: uppercase;
  position: relative;
  display: block;
  text-align: left;
  cursor: pointer;
}
.so-reserve-popup .so-form-radio label:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -9px;
  left: 14px;
  border-radius: 100%;
  border: 1px solid #FAF9F7;
  content: "";
}
.so-reserve-popup .so-form-radio label:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #FAF9F7;
  top: 50%;
  margin-top: -3px;
  left: 20px;
  border-radius: 100%;
  opacity: 0;
  content: "";
}
.so-reserve-popup .so-form-radio label:hover {
  color: #decfa3;
  border-color: #decfa3;
}
.so-reserve-popup .so-form-radio label:hover:before {
  border-color: #decfa3;
}
.so-reserve-popup .so-form-radio input {
  display: none;
}
.so-reserve-popup .so-form-radio input:checked + label {
  color: #decfa3;
  border-color: #decfa3;
}
.so-reserve-popup .so-form-radio input:checked + label:before {
  border-color: #decfa3;
}
.so-reserve-popup .so-form-radio input:checked + label:after {
  background-color: #decfa3;
  opacity: 1;
}

.selectric-so-select .selectric {
  background-color: transparent;
  border-width: 0;
}
.selectric-so-select .selectric .label {
  font-family: "Qanelas", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 500;
  background-color: transparent;
  border-width: 0;
  outline: none;
  display: block;
  color: #fff;
  padding: 15px 0;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #fff;
 text-transform: uppercase;
  margin-left: 0;
  text-align: left;
  height: auto;
}
.selectric-so-select .selectric .button {
  background-color: transparent;
  height: 46px;
}
.selectric-so-select .selectric .button:before {
  position: absolute;
  width: 12px;
  height: 10px;
  right: 0;
  top: 50%;
  margin-top: -5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/chevron.svg");
  content: "";
}
.selectric-so-select .selectric .button:after {
  display: none;
}
.selectric-so-select .selectric-items {
  border-width: 0;
  background-color: #faf9f7;
  border: 1px solid #000736;
  box-shadow: none;
}
.selectric-so-select .selectric-items li {
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  color: #000736;
  min-height: 0;
  padding: 20px;
}
.selectric-so-select .selectric-items li.selected, .selectric-so-select .selectric-items li.highlighted, .selectric-so-select .selectric-items li:hover {
  background-color: #decfa3;
  color: #1F2021;
}

.so-form-row {
  padding-bottom: 30px;
}
.so-form-row-privacy {
  text-align: left;
}
.so-form-row:last-child {
  padding-bottom: 0;
}
.so-form-done {
  display: none;
}
.so-form-done svg {
  margin-bottom: 40px;
}
.so-form-done svg path {
  animation: so_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  fill: none;
}
.so-form-done svg circle {
  animation: so_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  fill: none;
}
.so-form-done h3 {
  font-size: 49px;
  line-height: 1.2;
  color: #1F2021;
  letter-spacing: 0.02em;
  padding-bottom: 25px;
}
.so-form-done h3 span {
  color: #1F2021;
}
.so-form-done p {
  color: #1F2021;
}
.so-form-done p i {
  letter-spacing: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-style: normal;
  color: #decfa3;
}
.so-form .wpcf7-not-valid-tip {
  text-align: left;
  margin-top: 10px;
}
.so-form .wpcf7-acceptance .wpcf7-list-item {
  position: relative;
  margin-left: 0;
}
.so-form .wpcf7-acceptance .wpcf7-list-item-label {
  font-family: "Qanelas", sans-serif;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: none;
  color: #000000;
  padding-left: 44px;
  display: inline-block;
  position: relative;
}
.so-form .wpcf7-acceptance .wpcf7-list-item-label:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  box-sizing: border-box;
  background-color: transparent;
  border: 2px solid #decfa3;
  cursor: pointer;
  left: 0;
  top: 50%;
  margin-top: -16px;
  z-index: 1;
  content: "";
}
.so-form .wpcf7-acceptance .wpcf7-list-item-label:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 12px;
  height: 10px;
  left: 10px;
  top: 50%;
  margin-top: -5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/checkmark.svg");
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  content: "";
}
.so-form .wpcf7-acceptance input {
  position: absolute;
  width: 32px;
  height: 32px;
  display: inline-block;
  left: 0;
  top: 50%;
  margin: 0;
  margin-top: -16px;
  opacity: 0;
}
.so-form .wpcf7-acceptance input:checked + .wpcf7-list-item-label:before {
  background-color: #decfa3;
}
.so-form .wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {
  opacity: 1;
}
.so-form input, .so-form textarea {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Qanelas", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 500;
  background-color: transparent;
  border-width: 0;
  outline: none;
  display: block;
  color: #000000;
  padding: 15px 0;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #1F2021;
  text-transform: uppercase;
  resize: none;
}
.so-form input.placeholder, .so-form textarea.placeholder {
  text-transform: uppercase;
  color: #1F2021;
  opacity: 0.4;
}
.so-form input:-moz-placeholder, .so-form textarea:-moz-placeholder {
  text-transform: uppercase;
  color: #1F2021;
  opacity: 0.4;
}
.so-form input::-moz-placeholder, .so-form textarea::-moz-placeholder {
  text-transform: uppercase;
  color: #1F2021;
  opacity: 0.4;
}
.so-form input:-ms-input-placeholder, .so-form textarea:-ms-input-placeholder {
  text-transform: uppercase;
  color: #1F2021;
  opacity: 0.4;
}
.so-form input::-webkit-input-placeholder, .so-form textarea::-webkit-input-placeholder {
  text-transform: uppercase;
  color: #1F2021;
  opacity: 0.4;
}
.so-form input:focus, .so-form textarea:focus {
  border-bottom-color: #decfa3;
}

.so-popup-close {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
  background-color: #decfa3;
}
.so-popup-close i {
  position: absolute;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 2;
}
.so-popup-close:before, .so-popup-close:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 40px;
  height: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #fff;
  z-index: 3;
  content: "";
}
.so-popup-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.so-popup-close:hover i {
  height: 100%;
}
.so-popup-close:hover:before, .so-popup-close:hover:after {
  background-color: #decfa3;
}

.so-overlay-transition {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000736;
  z-index: 100;
  clip-path: polygon(50% 50%, 70% 30%, 50% 50%, 30% 70%);
}
.so-overlay-transition.so-active {
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

.so-overlay, .so-overlay-menu {
  -webkit-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  position: fixed;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  opacity: 0;
  z-index: 92;
  pointer-events: none;
}
.so-overlay.so-active, .so-overlay-menu.so-active {
  opacity: 0.7;
  pointer-events: unset;
  cursor: pointer;
}

.so-overlay-menu {
  z-index: 80;
}
.so-overlay-menu.so-active {
  opacity: 0.4;
}

.so-video-popup {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  clip-path: polygon(50% 50%, 70% 30%, 50% 50%, 30% 70%);
  pointer-events: none;
}
.so-video-popup.so-active {
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  pointer-events: unset;
}
.so-video-popup video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
}
.so-video-popup-controlls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 800px;
  margin: auto;
}
.so-video-popup-controlls-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-bottom: 25px;
  z-index: 3;
}
.so-video-popup-controlls-line {
  width: calc(800px - 120px - 160px);
  height: 2px;
  background-color: #decfa3;
  display: block;
  position: relative;
  cursor: pointer;
}
.so-video-popup-controlls-line input {
  position: absolute;
  width: 100%;
  left: -2px;
  top: -10px;
  opacity: 0;
  cursor: pointer;
}
.so-video-popup-controlls-line-fill {
  position: absolute;
  height: 2px;
  top: 0;
  left: 0;
  background-color: #fff;
}
.so-video-popup-controlls-line-fill span {
  position: absolute;
  width: 50px;
  height: auto;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #decfa3;
  top: -30px;
  right: -25px;
  padding: 5px 0;
}
.so-video-popup-controlls-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 100%;
  border: 2px solid #decfa3;
  cursor: pointer;
  overflow: hidden;
}
.so-video-popup-controlls-button:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  height: 0;
  background-color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.3;
  z-index: 1;
  content: "";
}
.so-video-popup-controlls-button i {
  display: none;
  position: relative;
  z-index: 2;
}
.so-video-popup-controlls-button i.so-active {
  display: inline-block;
}
.so-video-popup-controlls-button:hover {
  border-color: #fff;
}
.so-video-popup-controlls-button:hover:before {
  height: 100%;
}

section .so-row-scroll {
  position: absolute;
  bottom: 25px;
}
section .so-row-scroll p {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 11px;
  line-height: 1;
  font-family: "Qanelas", sans-serif;
  letter-spacing: 0.1em;
  color: rgba(250, 249, 247, 0.5);
  text-transform: uppercase;
  padding-bottom: 0;
  cursor: pointer;
}
section .so-row-scroll p:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 18px;
  height: 24px;
  left: 50%;
  margin-left: -9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-white.svg");
  top: -45px;
  content: "";
}
section .so-row-scroll p:hover {
  color: #decfa3;
}
section .so-row-scroll p:hover:before {
  top: -40px;
}

.so-play {
  width: 160px;
  height: 160px;
  display: inline-block;
  margin: auto;
  position: relative;
  cursor: pointer;
}
.so-play:before {
  position: absolute;
  width: 27px;
  height: 32px;
  background-position: center right;
  background-repeat: repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/play-icon.svg");
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -0px;
  content: "";
}
.so-play > div {
  width: 100%;
  height: 100% !important;
  display: block;
  animation: so_rotate 10s linear infinite;
}
.so-play span {
  font-family: "Qanelas", sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #decfa3;
  letter-spacing: 0;
}
.so-play i {
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: #decfa3;
}

.so-anim-image {
  overflow: hidden;
  position: relative;
}
.so-anim-image:before {
  position: absolute;
  width: auto;
  height: auto;
  transition: all 1s ease-in;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  content: "";
}
.so-anim-image-left.animated:before {
  left: 100%;
}
.so-anim-image-top.animated:before {
  top: 100%;
}
/**
#so-wrapper {
  -webkit-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  opacity: 0;
  width: 100%;
  position: fixed;
}
#so-wrapper.so-active {
  opacity: 1;
}
**/
body {
  font-family: "Qanelas", sans-serif;
  overflow-x: hidden;
  background-color: #000736;
   /*background: url('https://waterfront.ci/wp-content/uploads/2022/11/bg-waterfront40.png');  
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;  */
  
}
.so-row {
  max-width: 1280px;
  width: 100%;
  display: inline-block;
  margin: auto;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.so-row .so-circle {
  width: 490px;
  height: 490px;
  display: inline-block;
}
.so-row .so-circle circle {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: stroke-dashoffset 2s linear, transform 1s linear;
  transform-origin: center;
}
.so-row .so-circle circle:nth-child(2) {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
}
.so-row.is-inview .so-circle circle:nth-child(2) {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  stroke-dashoffset: 0;
}

.so-content {
  text-align: center;
}

.so-anim-header i, .so-anim-header span {
  letter-spacing: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-style: normal;
}
.so-anim-header span {
  -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(100%) rotateX(-80deg) skew(-15deg, -15deg);
  -moz-transform: translateY(100%) rotateX(-80deg) skew(-15deg, -15deg);
  -o-transform: translateY(100%) rotateX(-80deg) skew(-15deg, -15deg);
  -ms-transform: translateY(100%) rotateX(-80deg) skew(-15deg, -15deg);
  transform: translateY(100%) rotateX(-80deg) skew(-15deg, -15deg);
  transform-origin: center top;
  transform-style: preserve-3d;
  will-change: transform;
  display: inline-block;
  opacity: 0;
}
.so-anim-header.is-inview span {
  -webkit-transform: translateY(0) rotateX(0deg) skew(0deg, 0deg);
  -moz-transform: translateY(0) rotateX(0deg) skew(0deg, 0deg);
  -o-transform: translateY(0) rotateX(0deg) skew(0deg, 0deg);
  -ms-transform: translateY(0) rotateX(0deg) skew(0deg, 0deg);
  transform: translateY(0) rotateX(0deg) skew(0deg, 0deg);
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  letter-spacing: 0.02em;
  padding-bottom: 15px;
}
h1 i, h1 span, h2 i, h2 span, h3 i, h3 span, h4 i, h4 span, h5 i, h5 span, h6 i, h6 span {
  letter-spacing: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-style: normal;
}
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
  color: #decfa3;
}

h1 {
  font-size: 96px;
  line-height: 0.95;
}

h2 {
  font-size: 54px;
  line-height: 1.2;
}

h3 {
  font-size: 48px;
  line-height: 1.2;
}

h4 {
  font-size: 40px;
  line-height: 1.2;
}

h5 {
  font-size: 30px;
  line-height: 1.2;
}

h6 {
  font-size: 20px;
  line-height: 1.2;
}

.plyr .plyr__time, .plyr .plyr__control {
  color: #fff;
}
.plyr > .plyr__control {
  background: #decfa3;
}
.plyr > .plyr__control:hover {
  background: #decfa3;
}
.plyr .plyr__control:hover, .plyr .plyr--video .plyr__control[aria-expanded=true],
.plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before,
.plyr .plyr__control.plyr__tab-focus {
  background: #decfa3;
}
.plyr input[type=range] {
  color: #decfa3;
}

.so-anim-letters, .so-header-menu ul li a,
.so-footer .so-col:nth-child(3) ul li a {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.so-anim-letters span, .so-anim-letters div, .so-header-menu ul li a span, .so-header-menu ul li a div,
.so-footer .so-col:nth-child(3) ul li a span,
.so-footer .so-col:nth-child(3) ul li a div {
  letter-spacing: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
.so-anim-letters span, .so-header-menu ul li a span,
.so-footer .so-col:nth-child(3) ul li a span {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  will-change: transform;
  display: inline-block;
}
.so-anim-letters span.so-anim-letters_space, .so-header-menu ul li a span.so-anim-letters_space,
.so-footer .so-col:nth-child(3) ul li a span.so-anim-letters_space {
  width: 5px;
}
.so-anim-letters .so-anim-letters-lines, .so-header-menu ul li a .so-anim-letters-lines,
.so-footer .so-col:nth-child(3) ul li a .so-anim-letters-lines {
  position: relative;
}
.so-anim-letters .so-anim-letters-line_2, .so-header-menu ul li a .so-anim-letters-line_2,
.so-footer .so-col:nth-child(3) ul li a .so-anim-letters-line_2 {
  position: absolute;
  top: 0;
  left: 0;
}
.so-anim-letters .so-anim-letters-line_2 span, .so-header-menu ul li a .so-anim-letters-line_2 span,
.so-footer .so-col:nth-child(3) ul li a .so-anim-letters-line_2 span {
  -webkit-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -o-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
}
.so-anim-letters:hover .so-anim-letters-line_1 span, .so-header-menu ul li a:hover .so-anim-letters-line_1 span,
.so-footer .so-col:nth-child(3) ul li a:hover .so-anim-letters-line_1 span {
  -webkit-transform: translateY(-300%);
  -moz-transform: translateY(-300%);
  -o-transform: translateY(-300%);
  -ms-transform: translateY(-300%);
  transform: translateY(-300%);
}
.so-anim-letters:hover .so-anim-letters-line_2 span, .so-header-menu ul li a:hover .so-anim-letters-line_2 span,
.so-footer .so-col:nth-child(3) ul li a:hover .so-anim-letters-line_2 span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.so-link {
  position: relative;
  display: inline-block;
  padding-right: 110px;
}
.so-link:after {
  position: absolute;
  width: 78px;
  height: 18px;
  top: 50%;
  margin-top: -9px;
  right: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-right-white.svg");
  z-index: 2;
  content: "";
}
.so-link .so-circle {
  width: 60px;
  height: 60px;
}
.so-link .so-circle-wrap {
  position: absolute;
  width: 60px;
  height: 60px;
  right: -2px;
  top: 50%;
  margin-top: -30px;
  z-index: 1;
}
.so-link .so-circle-wrap:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #313334;
  left: 2px;
  top: 50%;
  margin-top: -4px;
  content: "";
}
.so-link .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-link .so-circle circle:nth-child(2) {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}
.so-link span {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #decfa3;
  display: inline-block;
}
.so-link:hover .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-link:hover .so-circle circle:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  stroke-dashoffset: 0;
}
.so-link:hover .so-anim-letters-line_1 span {
  -webkit-transform: translateY(-300%);
  -moz-transform: translateY(-300%);
  -o-transform: translateY(-300%);
  -ms-transform: translateY(-300%);
  transform: translateY(-300%);
}
.so-link:hover .so-anim-letters-line_2 span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.so-button-bubble {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Qanelas", sans-serif;
  font-size: 13px;
  line-height: 1;
  padding: 12px 55px 12px 25px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  background-color: #FAF9F7;
  color: #1F2021;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border-radius: 40px;
  overflow: hidden;
}
.so-button-bubble:after {
  position: absolute;
  width: 24px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-right-black.svg");
  top: 50%;
  margin-top: -8px;
  right: 20px;
  content: "";
}
.so-button-bubble:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  height: auto;
  background-color: #decfa3;
  border-radius: 40px;
  left: -100%;
  top: 0;
  bottom: 0;
  content: "";
}
.so-button-bubble:hover:before {
  left: 0;
}
.so-button-bubble-black {
  background-color: #1F2021;
  padding: 12px 25px 12px 55px;
  color: #FAF9F7;
}
.so-button-bubble-black:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center;
  left: 20px;
  right: auto;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-right-white-sm.svg");
}
.so-button-bubble-black:hover {
  color: #1F2021;
}
.so-button-bubble-black:hover:after {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-right-black.svg");
}

.so-button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Qanelas", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1F2021;
  background-color: #decfa3;
  padding: 35px 80px;
  display: inline-block;
  text-align: center;
  outline: none;
  cursor: pointer;
  border-width: 0;
}
.so-button .so-anim-letters-lines {
  z-index: 2;
}
.so-button .so-anim-letters-line_1 {
  width: 100%;
}
.so-button .so-anim-letters-line_1 span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.so-button .so-anim-letters-line_2 {
  width: 100%;
}
.so-button .so-anim-letters-line_2 span {
  -webkit-transform: translateY(800%);
  -moz-transform: translateY(800%);
  -o-transform: translateY(800%);
  -ms-transform: translateY(800%);
  transform: translateY(800%);
}
.so-button:after {
  -webkit-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: absolute;
  width: auto;
  height: auto;
  clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0% 100%);
  background-color: #fff;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  content: "";
  z-index: 1;
}
.so-button:hover .so-anim-letters-line_1 span {
  -webkit-transform: translateY(-800%);
  -moz-transform: translateY(-800%);
  -o-transform: translateY(-800%);
  -ms-transform: translateY(-800%);
  transform: translateY(-800%);
}
.so-button:hover .so-anim-letters-line_2 span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.so-button:hover:after {
  clip-path: polygon(100% 100%, 100% 0, 0 0, 0% 100%);
}

.so-button-white {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FAF9F7;
  border: 1px solid #FAF9F7;
  display: inline-block;
  cursor: pointer;
  outline: none;
  padding: 15px 30px;
  text-align: center;
  position: relative;
}
.so-button-white .so-anim-letters-line_2 {
  width: 100%;
}
.so-button-white:after {
  -webkit-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: absolute;
  width: auto;
  height: auto;
  clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0% 100%);
  background-color: #fff;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  content: "";
  z-index: -1;
}
.so-button-white:hover span {
  color: #232323;
}
.so-button-white:hover:after {
  clip-path: polygon(100% 100%, 100% 0, 0 0, 0% 100%);
}

@keyframes so_dot_anim {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes so_loader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes so_stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes so_circle_rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
@keyframes so_rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.so-header-menu {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: fixed;
  width: 630px;
  height: auto;
  background-color: #000736;
  top: 0;
  bottom: 0;
  left: -650px;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  z-index: 89;
}
.so-header-menu.so-active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  left: 0;
}
.so-header-menu .so-button {
  padding: 16px 30px;
  margin-bottom: 20px;
}
.so-header-menu .so-button-white {
  display: none;
}
.so-header-menu .so-header-lang {
  margin-left: 0;
  left: -10px;
  position: relative;
}
.so-header-menu .so-header-lang .selectric-above .selectric-items {
  bottom: 100%;
  top: auto;
  background-color: #000736;
}
.so-header-menu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  max-width: 450px;
  width: 100%;
}
.so-header-menu-wrapper-content {
  width: 100%;
}
.so-header-menu-wrapper-content > ul {
  padding-bottom: 60px;
  padding-top: 150px;
}
.so-header-menu-wrapper-content > ul li {
  padding-bottom: 20px;
}
.so-header-menu-wrapper-content > ul li:last-child {
  padding-bottom: 0;
}
.so-header-menu-wrapper-content > ul li.so_mobile {
  display: none;
}
.so-header-menu-wrapper-content > ul li a {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FAF9F7;
}
.so-header-menu-wrapper-content > ul li a span {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.so-header-menu-wrapper-content > ul li a span.so-anim-letters_space {
  width: 15px !important;
}
.so-header-menu-wrapper-content > ul li a:hover {
  color: #decfa3;
}
.so-header-menu-wrapper-content > ul li.current-menu-item a {
  color: #decfa3;
}

.so-search {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: fixed;
  width: 580px;
  height: auto;
  background-color: #FAF9F7;
  top: 0;
  bottom: 0;
  left: -600px;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  z-index: 95;
}
.so-search.so-active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  left: 0;
}
.so-search-content {
  max-width: 400px;
  width: 100%;
}
.so-search-content span {
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  color: #232323;
  letter-spacing: 0.02em;
  padding-bottom: 35px;
}
.so-search-content div {
  position: relative;
}
.so-search-content input {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Qanelas", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  background-color: transparent;
  border-width: 0;
  outline: none;
  display: block;
  color: #232323;
  padding: 9px 35px 9px 0;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #000000;
}
.so-search-content input.placeholder {
  color: #B1B1B1;
}
.so-search-content input:-moz-placeholder {
  color: #B1B1B1;
}
.so-search-content input::-moz-placeholder {
  color: #B1B1B1;
}
.so-search-content input:-ms-input-placeholder {
  color: #B1B1B1;
}
.so-search-content input::-webkit-input-placeholder {
  color: #B1B1B1;
}
.so-search-content input:focus {
  border-bottom-color: #decfa3;
}
.so-search-content button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/icon-search-black.svg");
  cursor: pointer;
  opacity: 1;
  top: 50%;
  margin-top: -10px;
  right: 0;
  outline: none;
  background-color: transparent;
  border-width: 0;
}
.so-search-content button:hover {
  opacity: 0.3;
}

.so-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 22px;
  padding-bottom: 22px;
  z-index: 90;
}
.so-header:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  height: 0;
  background-color: #000736;
  box-shadow: -2px -11px 48px -3px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -2px -11px 48px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px -11px 48px -3px rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  right: 0;
  content: "";
}
.so-header.so-scrolled:before {
  height: 100%;
}
.so-header.so-active .so-header-search, .so-header.so-active .so-header-lang {
  opacity: 0;
  pointer-events: none;
}
.so-header .so-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  max-width: 1280px;
}
.so-header .so-col:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: left;
  height: 20px;
  width: calc(50% - 55px);
}
.so-header .so-col:nth-child(2) {
  text-align: center;
  width: 110px;
}
.so-header .so-col:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: right;
  width: calc(50% - 55px);
}
.so-header .so-trigger {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  width: 60px;
  height: 16px;
  display: inline-block;
  cursor: pointer;
}
.so-header .so-trigger i {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  width: 60px;
  height: 2px;
  background-color: #fff;
  left: 0;
  margin-top: 0;
}
.so-header .so-trigger i:nth-child(1) {
  top: 0;
}
.so-header .so-trigger i:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
.so-header .so-trigger i:nth-child(3) {
  bottom: 0;
}
.so-header .so-trigger.so-active {
  height: 50px;
}
.so-header .so-trigger.so-active i:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -1px;
}
.so-header .so-trigger.so-active i:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -1px;
}
.so-header .so-trigger.so-active i:nth-child(3) {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: 1px;
  bottom: 50%;
}
.so-header-search {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/icon-search.svg");
  cursor: pointer;
  opacity: 1;
  margin-left: 40px;
  z-index: 2;
}
.so-header-search:hover {
  opacity: 0.7;
}
.so-header-drop {
  display: inline-block;
  margin-right: 45px;
  position: relative;
}
.so-header-drop.so-active .so-header-drop-main {
  pointer-events: unset;
  clip-path: circle(150% at 0% 0%);
}
.so-header-drop > span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding-right: 25px;
  color: #decfa3;
  cursor: pointer;
}
.so-header-drop > span:before {
  position: absolute;
  width: 12px;
  height: 10px;
  right: 0;
  top: 50%;
  margin-top: -4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/chevron-main.svg");
  content: "";
}
.so-header-drop-main {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  background-color: #03071b;
  padding: 25px 30px 0 25px;
  position: absolute;
  width: 485px;
  box-sizing: border-box;
  top: calc(100% + 18px);
  left: -30px;
  pointer-events: none;
  clip-path: circle(0% at 0% 0%);
}
.so-header-drop-main > span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  opacity: 0.3;
  padding-bottom: 25px;
  text-align: left;
}
.so-header-drop-main-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.so-header-drop-main-row .so_col {
  box-sizing: border-box;
}
.so-header-drop-main-row .so_col:nth-child(1) {
  padding-right: 45px;
}
.so-header-drop-main-row .so_col > span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 15px;
  display: block;
}
.so-header-drop-main-row .so_col:nth-child(2) {
  width: calc(100% - 80px);
  text-align: left;
}
.so-header-drop-main-apts-tab {
  height: 255px;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.so-header-drop-main-apts-tab::-webkit-scrollbar {
  width: 4px;
}
.so-header-drop-main-apts-tab::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: rgba(250, 249, 247, 0.2);
  margin-bottom: 25px;
}
.so-header-drop-main-apts-tab::-webkit-scrollbar-thumb {
  background: #FAF9F7;
  border-radius: 8px;
}
.so-header-drop-main-apts-tab::-webkit-scrollbar-thumb:hover {
  background: #decfa3;
  cursor: pointer;
}
.so-header-drop-main-apts-single {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  border-bottom: 1px solid rgba(250, 249, 247, 0.1);
  padding-bottom: 15px;
  padding-top: 15px;
  width: calc(100% - 15px);
}
.so-header-drop-main-apts-single-wrap {
  display: none;
}
.so-header-drop-main-apts-single-wrap.so-active {
  display: block;
}
.so-header-drop-main-apts-single:hover {
  background-color: rgba(250, 249, 247, 0.1);
}
.so-header-drop-main-apts-single:hover > span {
  color: #decfa3;
}
.so-header-drop-main-apts-single:nth-child(1) {
  border-top: 1px solid rgba(250, 249, 247, 0.1);
}
.so-header-drop-main-apts-single:last-child {
  border-bottom-width: 0;
}
.so-header-drop-main-apts-single > span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  display: inline-block;
  width: 120px;
  position: relative;
  top: 5px;
}
.so-header-drop-main-apts-single div {
  position: relative;
  top: -3px;
}
.so-header-drop-main-apts-single div span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: block;
  text-transform: uppercase;
}
.so-header-drop-main-apts-single div span sup {
  font-size: 9px;
}
.so-header-drop-main-apts-single div:nth-child(2) {
  padding-left: 15px;
}
.so-header-drop-main-apts-single div:nth-child(2) span:nth-child(1) {
  padding-bottom: 8px;
  color: #decfa3;
}
.so-header-drop-main-apts-single div:nth-child(3) {
  padding-left: 15px;
}
.so-header-drop-main-apts-single div:nth-child(3) span {
  opacity: 0.4;
}
.so-header-drop-main-apts-single.so-disabled {
  pointer-events: none;
}
.so-header-drop-main-apts-single.so-disabled > span {
  height: 49px;
  font-size: 0;
  background-position: center;
  background-size: 40px;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/lock.svg");
  background-repeat: no-repeat;
  top: 0;
}
.so-header-drop-main-apts-single.so-disabled div:nth-child(2) span {
  color: #FAF9F7;
  opacity: 0.4;
}
.so-header-drop-main-apts-single.so-disabled div:nth-child(3) {
  display: none;
}
.so-header-drop-main-floors-arrow {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 34px;
  height: 34px;
  transform-origin: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-white.svg");
  cursor: pointer;
}
.so-header-drop-main-floors-arrow.so-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.so-header-drop-main-floors-arrow:first-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.so-header-drop-main-floors-arrow:last-child {
  margin-bottom: 10px;
}
.so-header-drop-main-floors-slider {
  width: 34px !important;
}
.so-header-drop-main-floors-slider-single {
  outline: none;
}
.so-header-drop-main-floors-slider-single span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 11px;
  line-height: 30px;
  width: 32px;
  height: 32px;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 100%;
  box-sizing: border-box;
  border: 1px solid #decfa3;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin: 4px 0;
}
.so-header-drop-main-floors-slider-single span:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.so-header-drop-main-floors-slider-single span.so-active {
  background-color: #decfa3;
  color: #1F2021;
}
.so-header-drop-main-floors-slider-single span.so-disabled {
  border-color: #FAF9F7;
  opacity: 0.3;
  pointer-events: none;
}
.so-header-building {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  padding-left: 40px;
  opacity: 0.3;
}
.so-header-logo {
  display: inline-block;
  margin: auto;
  position: relative;
  top: 4px;
}
.so-header-logo svg {
  max-width: 105px;
  width: 100%;
  z-index: 1;
  height: auto;
}
.so-header .so-button-bubble {
  padding-left: 55px;
  padding-right: 25px;
}
.so-header .so-button-bubble:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transform-origin: center;
  left: 20px;
  right: auto;
}
.so-header .so-button {
  padding: 16px 30px;
  margin-left: 8px;
}
.so-header .so-button, .so-header .so-button-white {
  max-width: 200px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  z-index: 2;
}
.so-header-lang {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  margin-left: 30px;
}
.so-header-lang .selectric-items {
  background-color: #decfa3 !important;
  border-width: 0;
  box-shadow: none;
  padding: 20px 25px 15px 25px;
  box-sizing: border-box;
  width: 120px !important;
}
.so-header-lang .selectric-items li {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: left;
  color: #000736;
  font-weight: 600;
  padding: 0;
  background-color: transparent;
  margin-bottom: 8px;
  opacity: 1;
  white-space: nowrap;
}
.so-header-lang .selectric-items li:hover {
  opacity: 1;
}
.so-header-lang .selectric-items li:last-child {
  margin-bottom: 0;
}
.so-header-lang .selectric {
  border-width: 0;
  background-color: transparent;
}
.so-header-lang .selectric .label {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 38px;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
.so-header-lang .selectric .button {
  top: 1px;
  border-width: 0;
  background-color: transparent;
}
.so-header-lang .selectric .button:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  border-top-color: #fff;
}
.so-header-lang .selectric-hover .selectric .label {
  color: #decfa3;
}
.so-header-lang .selectric-hover .selectric .button:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  border-top-color: #decfa3;
}

.so-footer {
  padding-bottom: 65px;
}
.so-footer .so-header-lang .selectric-above .selectric-items {
  bottom: 100%;
  top: auto;
}
.so-footer .so-row {
  text-align: center;
}
.so-footer .so-row:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.so-footer-menu {
  width: 240px;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.so-footer-menu.so-active {
  opacity: 1;
  pointer-events: unset;
}
.so-footer-menu:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: auto;
  height: auto;
  background-color: #03071b;
  top: -20px;
  left: -30px;
  right: -30px;
  bottom: -70px;
  z-index: -1;
  content: "";
}
.so-footer-menu ul li {
  text-align: left;
  margin-bottom: 15px;
}
.so-footer-menu ul li.so_mobile {
  display: none;
}
.so-footer-menu ul li.current-menu-item a {
  color: #fff;
}
.so-footer-menu ul li a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.so-footer-menu ul li a:hover {
  color: #decfa3;
}
.so-footer-menu-trigger {
  position: absolute;
  top: calc(-100% - 40px);
  left: 0;
}
.so-footer-menu-trigger span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 35px 10px 20px;
  border: 1px solid #decfa3;
  border-radius: 24px;
  cursor: pointer;
  position: relative;
}
.so-footer-menu-trigger span:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  width: 12px;
  height: 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/chevron.svg");
  top: 50%;
  margin-top: -2px;
  right: 17px;
  content: "";
}
.so-footer-menu-trigger span:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.so-footer-menu-trigger span.so-active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -3px;
}
.so-footer .so-col {
  width: 33.33%;
}
.so-footer .so-col:nth-child(1) {
  position: relative;
}
.so-footer .so-col:nth-child(1) p {
  font-size: 13px;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #FAF9F7;
  padding-bottom: 15px;
}
.so-footer .so-col:nth-child(1) p a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.so-footer .so-col:nth-child(1) p a:hover {
  color: #decfa3;
}
.so-footer .so-col:nth-child(1) p:nth-child(3) {
  color: #777777;
  padding-bottom: 0;
}
.so-footer .so-col:nth-child(2) {
  text-align: center;
}
.so-footer .so-col:nth-child(2) img {
  max-width: 108px;
  margin: auto;
  display: inline-block;
}
.so-footer .so-col:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  top: -13px;
}
.so-footer .so-col:nth-child(3) > ul {
  position: relative;
  padding-right: 28px;
  top: 2px;
}
.so-footer .so-col:nth-child(3) > ul:after {
  position: absolute;
  width: 3px;
  height: 3px;
  background-color: #decfa3;
  border-radius: 100%;
  top: 50%;
  margin-top: -3px;
  right: 9px;
  content: "";
}
.so-footer .so-col:nth-child(3) > ul li a {
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.so-footer .so-col:nth-child(3) > ul li a:hover {
  color: #decfa3;
}
.so-footer-phone {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 76px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #decfa3;
  margin-bottom: 35px;
}
a.so-footer-phone:hover {
    color: #FFF;
}
.so-footer-phone span {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.so-footer-phone .so-anim-letters_space {
  width: 20px !important;
}
.so-footer-email {
  text-transform: lowercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #decfa3;
  margin-bottom: 65px;
}
.so-footer-email span {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.so-footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 200px;
}
.so-footer-list a {
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0 8px;
  position: relative;
}
.so-footer-list a i {
  font-size: 22px;
}
.so-footer-list a .so-circle {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.so-footer-list a .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-footer-list a .so-circle circle:nth-child(2) {
  stroke-dasharray: 400 !important;
  stroke-dashoffset: 400;
}
.so-footer-list a:hover .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-footer-list a:hover .so-circle circle:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  stroke-dashoffset: 0;
}

.page-template-homepage .so-offer-map {
  margin-top: 0;
  position: relative;
  z-index: 2;
  background-color: #FAF9F7;
}
.page-template-homepage .so-who-com {
  background-color: #000736;
  padding-top: 0 !important;
  padding-bottom: 265px !important;
}
.page-template-homepage .so-who-com:before {
  display: none;
}
.page-template-homepage .so-who-com h2 span {
  color: #FAF9F7;
}
.page-template-homepage .so-who-com p {
  color: #FAF9F7 !important;
  padding-bottom: 45px;
}

.so-home-intro ,
.so-home-landing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 100vh;
  box-sizing: border-box;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.so-home-intro .so-content ,
.so-home-landing .so-content{
  width: 100%;
}
.so-home-intro .so-content:before {
  position: absolute;
  width: auto;
  height: auto;
  right: 0;
  top: 0;
  bottom: 0;
  left: calc((100% - 1280px) / 2 + 215px);
  background: linear-gradient(56.96deg, rgba(31, 32, 33, 0.9) 0%, rgba(31, 32, 33, 0.5) 100%);
  z-index: 2;
  content: "";
}
.so-home-landing .so-content:before {
  position: absolute;
  width: auto;
  height: auto;
  right: 0;
  top: 0;
  bottom: 0;
  left: calc((100% - 100%));
  background: linear-gradient(56.96deg, rgb(90 90 90 / 90%) 0%, rgb(29 29 30 / 4%) 100%);
  z-index: 2;
  content: "";
}

.so-home-intro .so-row {
  padding-left: 100px;
  position: relative;
}
.so-home-intro .so-row:after {
  position: absolute;
  width: 1px;
  height: auto;
  left: 20px;
  top: -50px;
  bottom: -50px;
  background-color: #FAF9F7;
  opacity: 0.15;
  content: "";
}
.so-home-intro .so-play {
  position: absolute;
  right: 50px;
  top: 100px;
  z-index: 3;
}
.so-home-intro img, .so-home-intro video, .so-home-intro iframe {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  right: 0;
  top: 0;
  bottom: 0;
  left: calc((100% - 1280px) / 2 + 220px);
  z-index: 1;
}

.so-home-landing img {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;	
}

.so-home-intro p {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 55px;
  position: relative;
  z-index: 3;
}
.so-home-intro h1 {
  font-size: 54px;
  line-height: 1.1;
  padding-bottom: 50px;
  padding-right: 220px;
  position: relative;
  z-index: 3;
}
.so-home-landing h1 {
    font-size: 54px;
    line-height: 1.3;
    padding-bottom: 0;
    position: relative;
    z-index: 3;
    text-align: center;
    font-weight: 600;
}

.so-home-intro .so-link {
  z-index: 3;
}
.so-home-intro-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  bottom: 50px;
  max-width: 1240px;
  width: 100%;
  left: 50%;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.so-home-intro-links:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FAF9F7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.2);
  z-index: -1;
  content: "";
}
.so-home-intro-links a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  width: 25%;
  text-align: center;
  padding: 35px 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.so-home-intro-links a:before {
  position: absolute;
  width: 1px;
  height: 24px;
  top: 50%;
  right: 0;
  margin-top: -12px;
  background-color: #FAF9F7;
  opacity: 0.2;
  z-index: 1;
  content: "";
}
.so-home-intro-links a:last-child:before {
  display: none;
}
.so-home-intro-links a:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: auto;
  height: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #decfa3;
  z-index: -1;
  content: "";
}
.so-home-intro-links a:hover, .so-home-intro-links a:last-child {
  color: #1F2021;
}
.so-home-intro-links a:hover:after, .so-home-intro-links a:last-child:after {
  height: 100%;
}
.so-home-gallery {
  padding-top: 120px;
  padding-bottom: 50px;
  position: relative;
}
.so-home-gallery .so-row:nth-child(3) {
  text-align: right;
  max-width: 1370px;
  padding-top: 120px;
}
.so-home-gallery h2 {
  font-size: 140px;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 100px;
  position: relative;
  top: 0;
}
.so-home-gallery .so-circle {
  position: absolute;
  width: 534px;
  height: 534px;
  left: 50%;
  top: 100px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.so-home-gallery-slider {
  overflow: hidden;
  cursor: grab;
  width: 100%;
  height: 510px;
  position: relative;
}
.so-home-gallery-slider.is-dragging {
  cursor: grabbing;
}
.so-home-gallery-slider-wrapper {
  counter-reset: count;
  display: flex;
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
}
.so-home-gallery-slider-single {
  counter-increment: count;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0 10px;
  overflow: hidden;
  width: 900px;
  text-align: left;
}
.so-home-gallery-slider-single-wrap {
  position: absolute;
  z-index: 1;
  display: block;
  user-select: none;
  -webkit-appearance: none;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transform-origin: center;
}
.so-home-gallery-slider-single img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 15px;
  transform-origin: center;
}
.so-home-gallery-play {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #decfa3;
  color: #1F2021;
  padding: 15px 20px 15px 45px;
  position: relative;
  border-radius: 80px;
  cursor: pointer;
  display: inline-block;
  z-index: 2;
}
.so-home-gallery-play i {
  position: absolute;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/play.svg");
  top: 50%;
  margin-top: -7px;
  left: 20px;
  z-index: 2;
}
.so-home-gallery-play:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: auto;
  height: auto;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border: 1px solid #decfa3;
  border-radius: 80px;
  z-index: -1;
  opacity: 0.3;
  content: "";
}
.so-home-gallery-play:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #decfa3;
  border-radius: 80px;
  opacity: 0.3;
  z-index: -1;
  content: "";
}
.so-home-gallery-play:hover:before {
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
}
.so-home-gallery-play:hover:after {
  top: -11px;
  left: -11px;
  right: -11px;
  bottom: -11px;
}
.so-home-map {
  position: relative;
  z-index: 1;
}
.so-home-map .so-row {
  max-width: 1080px;
}
.so-home-map p {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 35px;
}
.so-home-map h2 {
  font-size: 149px;
  line-height: 1.1;
  padding-bottom: 30px;
}
.so-home-map .so-button {
  position: absolute;
  bottom: -40px;
}
.so-home-map .so-circle {
  position: absolute;
  width: 534px;
  height: 534px;
  right: 15%;
  top: -120px;
  z-index: -1;
}
.so-home-map_2 {
  position: relative;
  z-index: 3;
}
.so-home-prop {
  padding-top: 215px;
  padding-bottom: 220px;
  margin-bottom: 200px;
  background-color: #FAF9F7;
}
.so-home-prop h2 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 76px;
  line-height: 1.1;
  text-align: right;
  display: inline-block;
  transform-origin: bottom center;
  color: #1F2021;
  position: absolute;
  top: -20px;
}
.so-home-prop-main {
  max-width: 925px;
  padding-left: 180px;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
.so-home-prop-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 65px;
}
.so-home-prop-head > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-home-prop-head > div .selectric-so-select .selectric .label {
  font-size: 48px;
  line-height: 1.5;
  color: #1F2021;
  font-weight: 600;
  border-bottom-width: 0;
  padding-left: 65px;
}
.so-home-prop-head > div .selectric-so-select .selectric .button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid #1F2021;
  right: auto;
  top: 50%;
  margin-top: -24px;
  left: 0;
}
.so-home-prop-head > div .selectric-so-select .selectric .button:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/dropdown.svg");
  right: 50%;
  margin-right: -6px;
  margin-top: -4px;
}
.so-home-prop-head > div .selectric-so-select:hover .selectric .button {
  background-color: #1F2021;
}
.so-home-prop-head > div .selectric-so-select:hover .selectric .button:before {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/dropdown-main.svg");
}
.so-home-prop-head > div span:nth-child(2) {
  font-size: 48px;
  line-height: 1.5;
  color: #1F2021;
  font-weight: 600;
  opacity: 0.2;
  display: inline-block;
}
.so-home-prop-head > span:nth-child(2) {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  color: #1F2021;
}
.so-home-prop-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.so-home-prop-body-floors {
  width: 50px;
}
.so-home-prop-body-floors p {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1F2021;
  font-weight: 600;
  padding-bottom: 15px;
}
.so-home-prop-body-floors span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #1F2021;
  font-weight: 600;
  border: 1px solid #decfa3;
  border-radius: 100%;
  margin-bottom: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.so-home-prop-body-floors span.so-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.so-home-prop-body-floors span.so-active, .so-home-prop-body-floors span:hover {
  background-color: #decfa3;
}
.so-home-prop-body-data {
  width: calc(100% - 50px);
  box-sizing: border-box;
  padding-left: 65px;
}
.so-home-prop-body-data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 60px;
}
.so-home-prop-body-data-list-single {
  height: 260px;
  width: calc(50% - 10px);
  background-color: #1F2021;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 30px;
}
.so-home-prop-body-data-list-single .so_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  background-color: #decfa3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  clip-path: polygon(100% 0, 100% 0%, 0 100%, 0% 100%);
}
.so-home-prop-body-data-list-single .so_overlay span {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  color: #1F2021;
  text-align: center !important;
}
.so-home-prop-body-data-list-single:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1F2021;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  z-index: 3;
  content: "";
}
.so-home-prop-body-data-list-single img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.so-home-prop-body-data-list-single > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 4;
}
.so-home-prop-body-data-list-single > div > span {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #decfa3;
  display: block;
  text-align: right;
  width: 100%;
}
.so-home-prop-body-data-list-single > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  width: 100%;
}
.so-home-prop-body-data-list-single > div > div div {
  line-height: 1;
}
.so-home-prop-body-data-list-single > div > div div span {
  display: block;
}
.so-home-prop-body-data-list-single > div > div div span:nth-child(1) {
  padding-bottom: 8px;
}
.so-home-prop-body-data-list-single > div > div div span:nth-child(2) {
  position: relative;
  display: inline-block;
  padding-left: 15px;
}
.so-home-prop-body-data-list-single > div > div div span:nth-child(2):before {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 50%;
  margin-top: -2px;
  left: 0;
  background-color: #4CBE57;
  content: "";
}
.so-home-prop-body-data-list-single > div > div div span:nth-child(2):after {
  position: absolute;
  width: 4px;
  height: 4px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transform-origin: center;
  border-radius: 100%;
  opacity: 0.5;
  background-color: #4CBE57;
  top: 50%;
  margin-top: -2px;
  left: 0;
  animation: so_dot_anim 1s linear infinite;
  content: "";
}
.so-home-prop-body-data-list-single > div > div span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
}
.so-home-prop-body-data-list-single > div > div > span:nth-child(2) {
  opacity: 0.5;
}
.so-home-prop-body-data-list-single:hover .so_overlay {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.so-home-prop-body-data .so-button {
  width: 100%;
  box-sizing: border-box;
}
.so-home-prop-body-data .so-button .so-anim-letters-line_2 span {
  color: #FAF9F7 !important;
}
.so-home-prop-body-data .so-button:after {
  background-color: #000736;
}






.so-about-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100vh;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.so-about-intro .so-content {
  width: 100%;
}
.so-about-intro .so-row {
  text-align: center;
}
.so-about-intro .so-row.is-inview .so-play {
  opacity: 1;
}
.so-about-intro .so-row:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000736;
  opacity: 0.5;
  z-index: 2;
  content: "";
}
.so-about-intro .so-play {
  -webkit-transition: all 1s 1s ease;
  -o-transition: all 1s 1s ease;
  transition: all 1s 1s ease;
  opacity: 0;
  z-index: 3;
}
.so-about-intro h1 {
  position: relative;
  z-index: 3;
}
.so-about-intro p {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 0.875;
  position: relative;
  color: #decfa3;
  letter-spacing: 0.02em;
  padding-bottom: 45px;
  z-index: 3;
}
.so-about-intro p span {
  letter-spacing: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}
.so-about-intro img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.so-about-plan {
  padding-top: 215px;
  padding-bottom: 270px;
}
.so-about-plan .so-row {
  max-width: 1080px;
  position: relative;
}
.so-about-plan h2 {
  font-size: 149px;
  line-height: 0.96;
  letter-spacing: 0.02em;
  padding-bottom: 80px;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.so-about-plan p {
  text-align: justify;
  max-width: 400px;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.so-about-plan .so-circle-wrap {
  position: absolute;
  top: -135px;
  right: 150px;
}
.so-about-plan .so-image-zoom {
  position: absolute !important;
  width: 650px;
  height: 640px;
  right: -100px;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.so-about-plan .so-image-zoom .js-image-zoom__zoomed-area {
  width: 150px !important;
  height: 150px !important;
  border-radius: 100%;
  border: 1px solid #1F2021;
  cursor: none;
  background-color: #000736;
}
.so-about-map {
  padding-bottom: 310px;
}
.so-about-map .so-content {
  width: 100%;
  margin: auto;
  max-width: 1440px;
  height: 680px;
  position: relative;
}
.so-about-map .so-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 680px;
  max-width: 1280px;
}
.so-about-map .so-map {
  width: 100%;
  height: 680px;
}
.so-about-map .so-map-wrap {
  position: absolute;
  width: calc(100% - 415px);
  left: 0;
  top: 0;
}
.so-about-map .so-map-info {
  background-color: #03071b;
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  padding: 40px;
  z-index: 2;
}
.so-about-map .so-map-info img {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 28px;
}
.so-about-map .so-map-info > span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: block;
  padding-bottom: 18px;
  text-transform: uppercase;
}
.so-about-map .so-map-info p {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-bottom: 90px;
}
.so-about-nums {
  padding-bottom: 240px;
}
.so-about-nums .so-row {
  max-width: 1080px;
  position: relative;
}
.so-about-nums .so-circle {
  width: 160px;
  height: 160px;
}
.so-about-nums .so-circle circle {
  transition: stroke-dashoffset 1s linear, transform 1s linear;
}
.so-about-nums .so-circle circle:nth-child(2) {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
}
.so-about-nums .so-circle-wrap {
  position: absolute;
  top: -70px;
  left: -10px;
  z-index: 1;
}
.so-about-nums h2 {
  font-size: 132px;
  line-height: 1.3;
  letter-spacing: 0.02em;
  padding-bottom: 115px;
  position: relative;
  z-index: 2;
}
.so-about-nums-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.so-about-nums-list-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 50px;
  width: 50%;
  box-sizing: border-box;
  position: relative;
}
.so-about-nums-list-single:nth-child(3), .so-about-nums-list-single:nth-child(4) {
  left: 250px;
}
.so-about-nums-list-single span {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 144px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #decfa3;
  display: inline-block;
  padding-right: 45px;
  position: relative;
  top: 10px;
}
.so-about-nums-list-single p {
  font-size: 24px;
  line-height: 1.2;
}
.so-about-nums-list-single p i {
  font-size: 12px;
  font-weight: 600;
  color: #decfa3;
  text-transform: uppercase;
  display: block;
  font-style: normal;
}

.so-who-intro {
  padding-top: 150px;
  padding-bottom: 135px;
  position: relative;
}
.so-who-intro .so-content {
  z-index: 2;
  position: relative;
}
.so-who-intro h1 {
  font-size: 100px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.02em;
  padding-bottom: 100px;
}
.so-who-intro .so-row:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.so-who-intro h2 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 76px;
  line-height: 1.1;
  transform-origin: bottom center;
  text-align: right;
}
.so-who-intro p {
  font-size: 25px;
  line-height: 1.5;
  max-width: 365px;
}
.so-who-intro-africa {
  position: absolute;
  top: 275px;
  right: 0;
}
.so-who-intro-africa-line {
  -webkit-transition: all 6s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 6s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 6s cubic-bezier(0.74, 0, 0.24, 0.99);
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
}
.so-who-intro.is-inview .so-who-intro-africa-line {
  stroke-dashoffset: 0;
}
.so-who-banner {
  overflow: hidden;
  position: relative;
  height: 775px;
}
.so-who-banner img {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  top: -10%;
  left: 0;
  right: 0;
  bottom: -10%;
  z-index: 1;
}
.so-who-mission {
  padding-top: 200px;
  background-color: #FAF9F7;
  z-index: 2;
  position: relative;
}
.so-who-mission h2 {
  font-size: 149px;
  line-height: 1;
  padding-bottom: 80px;
  padding-left: 100px;
}
.so-who-mission h2 span {
  color: #1F2021;
}
.so-who-mission .so-row:nth-child(2) {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  transform-origin: center;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}
.so-who-mission-circle {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50vw;
  height: 50vw;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.so-who-mission-circle .so-circle {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
.so-who-mission-circle .so-circle circle {
  cx: 50%;
  cy: 50%;
  r: calc(50% - 2px);
}
.so-who-mission-circle .so-circle circle:nth-child(2) {
  -webkit-transition: all 8s ease;
  -o-transition: all 8s ease;
  transition: all 8s ease;
  stroke-dasharray: 3000;
  stroke-dashoffset: 3000;
}
.so-who-mission-circle.is-inview .so-circle circle:nth-child(2) {
  stroke-dashoffset: 0;
}
.so-who-mission-circle span {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #1F2021;
  display: block;
  padding-bottom: 80px;
}
.so-who-mission-circle p {
  font-size: 20px;
  line-height: 1.5;
  max-width: 480px;
  color: #1F2021;
}
.so-who-com {
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #FAF9F7;
  position: relative;
}
.so-who-com:before {
  position: absolute;
  width: auto;
  height: 10px;
  background-color: #FAF9F7;
  left: 0;
  right: 0;
  top: -5px;
  content: "";
}
.so-who-com .so-row:nth-child(1) {
  text-align: right;
}
.so-who-com .so-row:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  top: -50px;
}
.so-who-com .so-row:nth-child(2) p {
  max-width: 295px;
  padding-top: 85px;
  color: #1F2021;
  text-align: justify;
}
.so-who-com .so-row:nth-child(3) {
  text-align: right;
}
.so-who-com h2 {
  font-size: 70px;
  line-height: 1.2;
  text-align: left;
  margin-left: auto;
  margin-right: 0;
  padding-right: 85px;
  display: inline-block;
  position: relative;
  top: -50px;
}
.so-who-com h2 span {
  color: #1F2021;
}
.so-who-com-image {
  position: relative;
  width: calc(100% - 400px);
  height: 475px;
  left: -100px;
  overflow: hidden;
}
.so-who-com-image img {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
}
.so-who-com-info {
  padding-top: 70px;
  max-width: 820px;
  width: 100%;
  display: inline-block;
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}
.so-who-com-info p {
  color: #1F2021;
  max-width: 715px;
  text-align: justify;
  padding-bottom: 45px;
}
.so-who-com-info .so-button:hover {
  color: #FAF9F7;
}
.so-who-com-info .so-button:after {
  background-color: #000736;
}
.so-who-team {
  padding-top: 260px;
  padding-bottom: 150px;
}
.so-who-team .so-row {
  max-width: 1120px;
  position: relative;
}
.so-who-team .so-row:nth-child(2) {
  max-width: 850px;
  text-align: right;
}
.so-who-team h2 {
  font-size: 149px;
  line-height: 1;
  padding-bottom: 80px;
}
.so-who-team .so-circle {
  width: 620px;
  height: 620px;
  position: absolute;
  top: -115px;
  left: -225px;
  z-index: -1;
}
.so-who-team-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
}
.so-who-team-list-wrap {
  margin-left: auto;
  margin-right: 0;
  max-width: 660px;
  width: 100%;
}
.so-who-team-list-cat {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.5;
  position: relative;
}
.so-who-team-list-cat-wrap {
  display: block;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 65px;
}
.so-who-team-list-cat:before {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: absolute;
  width: auto;
  height: 1px;
  background-color: #FAF9F7;
  opacity: 0.2;
  top: 50%;
  right: -1500px;
  left: 2000px;
  content: "";
}
.so-who-team-list-cat.is-inview:before {
  left: calc(100% + 40px);
}
.so-who-team-single {
  max-width: 230px;
  width: 100%;
  display: inline-block;
}
.so-who-team-single > span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.so-who-team-single > span:nth-child(2) {
  color: #decfa3;
  padding-bottom: 8px;
}
.so-who-team-single > span:nth-child(3) {
  font-size: 13px;
  line-height: 1.2;
}
.so-who-team-single-wrap {
  width: 50%;
  padding-bottom: 65px;
}
.so-who-team-single-wrap-right {
  text-align: right;
}
.so-who-team-single-wrap-right .so-who-team-single {
  text-align: left;
}
.so-who-team-single-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  margin-bottom: 25px;
  background-color: #decfa3;
  left: -10px;
  cursor: pointer;
}
.so-who-team-single-image .so-circle {
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
}
.so-who-team-single-image .so-circle circle:nth-child(2) {
  -webkit-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
  cx: 50%;
  cy: 50%;
  r: calc(50% - 4px);
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
}
.so-who-team-single-image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%;
  opacity: 1;
}
.so-who-team-single-image span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 76px;
  line-height: 1;
  letter-spacing: 0;
  color: #1F2021;
  position: relative;
  top: 4px;
  opacity: 1;
}
.so-who-team-single-image:hover img {
  opacity: 0.7;
}
.so-who-team-single-image:hover span {
  opacity: 0.5;
}
.so-who-team-single-image:hover .so-circle circle:nth-child(2) {
  stroke-dashoffset: 0;
}
.so-who-team-popup {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: fixed;
  width: 430px;
  height: auto;
  background-color: #000736;
  top: 0;
  bottom: 0;
  right: -450px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
  z-index: 95;
  overflow: auto;
}
.so-who-team-popup.so-active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  right: 0;
}
.so-who-team-popup-images {
  width: 100%;
  height: 300px;
  position: relative;
}
.so-who-team-popup-images-word {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  background-color: #decfa3;
  clip-path: circle(0% at 100% 0);
  z-index: 2;
}
.so-who-team-popup-images-word span {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 100px;
  line-height: 1;
  color: #1F2021;
  position: relative;
  top: 5px;
}
.so-who-team-popup-images-word.so-active {
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: circle(141.5% at 100% 0);
}
.so-who-team-popup-images-single {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.so-who-team-popup-images-single:nth-child(2) {
  -webkit-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: circle(0% at 100% 0);
  z-index: 3;
}
.so-who-team-popup-images-single img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.so-who-team-popup-images-single.so-active {
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: circle(141.5% at 100% 0);
}
.so-who-team-popup-info {
  padding: 30px 50px 30px 50px;
}
.so-who-team-popup-info-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-who-team-popup-info-arrows .so-circle {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.so-who-team-popup-info-arrows .so-circle-wrap {
  width: 60px;
  height: 60px;
  position: relative;
}
.so-who-team-popup-info-arrows .so-circle-wrap:nth-child(2) {
  margin-left: 8px;
}
.so-who-team-popup-info-arrows .so-circle-wrap:nth-child(2):after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.so-who-team-popup-info-arrows .so-circle-wrap:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-white.svg");
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
  pointer-events: none;
  content: "";
}
.so-who-team-popup-info-arrows .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-who-team-popup-info-arrows .so-circle circle:nth-child(2) {
  stroke-dasharray: 220;
  stroke-dashoffset: 220;
}
.so-who-team-popup-info-arrows .so-circle:hover circle:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  stroke-dashoffset: 0;
}
.so-who-team-popup-slider-single {
  pointer-events: none;
}
.so-who-team-popup-slider-single.slick-current {
  pointer-events: unset;
}
.so-who-team-popup-slider-single h4 {
  font-size: 30px;
  line-height: 1;
  font-family: "Qanelas", sans-serif;
  color: #decfa3;
}
.so-who-team-popup-slider-single > span {
  font-size: 14px;
  opacity: 0.6;
  text-transform: uppercase;
  display: block;
  letter-spacing: 0.1em;
  padding-bottom: 15px;
}
.so-who-team-popup-slider-single p {
  font-size: 14px;
  padding-bottom: 25px;
}
.so-who-team-popup-slider-single .so-button {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.so-who-time {
  padding-bottom: 300px;
}
.so-who-time h3 {
  font-size: 76px;
  line-height: 1.1;
  padding-bottom: 50px;
}
.so-who-time-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 80px;
}
.so-who-time-head-dots {
  width: calc(100% - 280px);
}
.so-who-time-head-dots .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}
.so-who-time-head-dots .slick-dots:before {
  position: absolute;
  width: auto;
  height: 1px;
  background-color: #decfa3;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: 1px;
  content: "";
}
.so-who-time-head-dots .slick-dots li button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 24px;
  height: 24px;
  background-color: #000736;
  border: 1px solid #decfa3;
  border-radius: 100%;
  outline: none;
  font-size: 0;
  cursor: pointer;
  position: relative;
}
.so-who-time-head-dots .slick-dots li button:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #decfa3;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -2px;
  content: "";
}
.so-who-time-head-dots .slick-dots li button:hover {
  background-color: #decfa3;
}
.so-who-time-head-dots .slick-dots li button:hover:before {
  background-color: #000736;
}
.so-who-time-head-dots .slick-dots li.slick-active button {
  background-color: #decfa3;
}
.so-who-time-head-dots .slick-dots li.slick-active button:before {
  background-color: #000736;
}
.so-who-time-head-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-who-time-head-arrows-single {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 55px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-long.svg");
  transform-origin: center;
  cursor: pointer;
  position: relative;
  top: 2px;
  opacity: 1;
}
.so-who-time-head-arrows-single:nth-child(1) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.so-who-time-head-arrows-single:nth-child(2) {
  margin-left: 30px;
}
.so-who-time-head-arrows-single:hover {
  opacity: 0.5;
}
.so-who-time-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.so-who-time-main-images {
  width: calc(100% - 400px);
  height: 480px;
  position: relative;
  overflow: hidden;
  left: -100px;
}
.so-who-time-main-images-single {
  position: absolute;
  width: 100%;
  height: 120%;
  z-index: 1;
  bottom: -10%;
  top: -10%;
}
.so-who-time-main-images-single:nth-child(2) {
  -webkit-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: polygon(100% 0, 100% 0, 0 100%, 0% 100%);
  z-index: 2;
}
.so-who-time-main-images-single img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.so-who-time-main-images-single.so-active {
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
}
.so-who-time-main-slider {
  width: 400px;
  padding-top: 50px;
}
.so-who-time-main-slider-single-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 25px;
}
.so-who-time-main-slider-single-date span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.so-who-time-main-slider-single-date span:nth-child(1) {
  margin-right: 15px;
  padding-right: 55px;
}
.so-who-time-main-slider-single-date span:nth-child(1):after {
  position: absolute;
  width: 40px;
  height: 1px;
  background-color: #FAF9F7;
  opacity: 0.2;
  top: 50%;
  right: 0;
  content: "";
}
.so-who-time-main-slider-single > span {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 149px;
  line-height: 1.1;
  display: block;
  color: #decfa3;
}
.so-who-time-main-slider-single ul li {
  position: relative;
  padding-left: 33px;
  margin-bottom: 15px;
}
.so-who-time-main-slider-single ul li:last-child {
  margin-bottom: 0;
}
.so-who-time-main-slider-single ul li:before {
  position: absolute;
  width: 15px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/list-icon.svg");
  left: 0;
  top: 4px;
  content: "";
}

.so-upd-popup {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000736;
  z-index: 100;
  clip-path: polygon(50% 50%, 70% 30%, 50% 50%, 30% 70%);
  pointer-events: none;
}
.so-upd-popup.so-active {
  left: 0;
  right: 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  pointer-events: unset;
}
.so-upd-popup .so-popup-close {
  background-color: #000736;
}
.so-upd-popup .so-row {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  max-width: 1600px;
}
.so-upd-popup p:nth-child(1) {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  padding-bottom: 0;
  top: 50px;
  left: 20px;
}
.so-upd-popup p:nth-child(2) {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 76px;
  line-height: 1.1;
  position: absolute;
  color: #decfa3;
  left: 20px;
  top: 85px;
}
.so-upd-popup-dots {
  position: absolute;
  width: auto;
  height: auto;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.so-upd-popup-dots .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-upd-popup-dots .slick-dots li {
  margin: 0 4px;
}
.so-upd-popup-dots .slick-dots li button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 0;
  padding: 0;
  cursor: pointer;
}
.so-upd-popup-dots .slick-dots li button:hover {
  background-color: #fff;
}
.so-upd-popup-dots .slick-dots li.slick-active button {
  background-color: #fff;
}
.so-upd-popup-arrow {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 20px;
  top: 50%;
  margin-top: -30px;
}
.so-upd-popup-arrow:nth-child(4) {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: auto;
  right: 20px;
}
.so-upd-popup-arrow .so-circle {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.so-upd-popup-arrow .so-circle-wrap {
  width: 60px;
  height: 60px;
  position: relative;
}
.so-upd-popup-arrow .so-circle-wrap:nth-child(2) {
  margin-left: 8px;
}
.so-upd-popup-arrow .so-circle-wrap:nth-child(2):after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.so-upd-popup-arrow .so-circle-wrap:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-white.svg");
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
  pointer-events: none;
  content: "";
}
.so-upd-popup-arrow .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-upd-popup-arrow .so-circle circle:nth-child(2) {
  stroke-dasharray: 220;
  stroke-dashoffset: 220;
}
.so-upd-popup-arrow .so-circle:hover circle:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  stroke-dashoffset: 0;
}
.so-upd-popup-images {
  position: relative;
  width: 70%;
  height: calc(100vh - 270px);
}
.so-upd-popup-images-single {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.so-upd-popup-images-single:nth-child(2) {
  -webkit-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: polygon(100% 0, 100% 0, 0 100%, 0% 100%);
  z-index: 2;
}
.so-upd-popup-images-single img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.so-upd-popup-images-single.so-active {
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
}
.so-upd-intro {
  padding-top: 150px;
}
.so-upd-intro h1 {
  font-size: 119px;
  line-height: 1.1;
  padding-bottom: 80px;
}
.so-upd-form {
  padding-bottom: 135px;
}
.so-upd-form-main {
  background-color: #fff;
  padding: 45px;
}
.so-upd-form-main .so-form-done {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 40px;
}
.so-upd-form-main .so-form-done svg {
  width: 100px;
  height: 100px;
}
.so-upd-form-main .so-form-done h3 {
  font-size: 49px;
  line-height: 1.1;
  max-width: 550px;
  margin: auto;
  color: #1F2021;
  padding-bottom: 0;
}
.so-upd-form-main .so-form-wrap {
  position: relative;
}
.so-upd-form-main .so-form-wrap:before {
  position: absolute;
  width: 120px;
  height: 120px;
  top: -15px;
  right: -5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/star-icon.svg");
  content: "";
}
.so-upd-form-main .so-form-wrap h3 {
  font-size: 49px;
  line-height: 1.1;
  max-width: 660px;
  width: 100%;
  padding-bottom: 8px;
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap p {
  max-width: 660px;
  width: 100%;
  opacity: 0.4;
  padding-bottom: 40px;
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .wpcf7-response-output {
  display: none !important;
}
.so-upd-form-main .so-form-wrap .so-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-upd-form-main .so-form-wrap .so-form input {
  border-bottom-color: #1F2021;
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .so-form input.wpcf7-not-valid {
  border-bottom-color: #f7454c;
}
.so-upd-form-main .so-form-wrap .so-form input:focus {
  border-bottom-color: #decfa3;
}
.so-upd-form-main .so-form-wrap .so-form input.placeholder {
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .so-form input:-moz-placeholder {
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .so-form input::-moz-placeholder {
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .so-form input:-ms-input-placeholder {
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .so-form input::-webkit-input-placeholder {
  color: #1F2021;
}
.so-upd-form-main .so-form-wrap .so-form button {
  width: 366px;
  text-align: center;
  margin-left: 45px;
}
.so-upd-form-main .so-form-wrap .so-form button .so-anim-letters-line_2 {
  color: #fff;
}
.so-upd-form-main .so-form-wrap .so-form button:after {
  background-color: #000736;
}
.so-upd-form-main .so-form-wrap .so-form-row {
  padding-bottom: 0;
}
.so-upd-form-main .so-form-wrap .so-form-row:nth-child(1) {
  width: 100%;
}
.so-upd-main {
  padding-bottom: 200px;
}
.so-upd-main-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 110px;
}
.so-upd-main-single-block {
  position: relative;
}
.so-upd-main-single-block > span:nth-child(1) {
  font-size: 13px;
  line-height: 1;
  position: absolute;
  top: -38px;
  left: 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.so-upd-main-single-block > span:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  width: 140px;
  height: 140px;
  background-color: #decfa3;
  border-radius: 100%;
  left: 50%;
  margin-left: -70px;
  bottom: -70px;
  z-index: 2;
}
.so-upd-main-single-block > span:nth-child(2) i {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 76px;
  line-height: 1;
  color: #1F2021;
  font-style: normal;
  position: relative;
  top: 4px;
}
.so-upd-main-single-image {
  position: relative;
  width: 100%;
  height: 360px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}
.so-upd-main-single-image img {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: -10%;
  right: 0;
  bottom: -10%;
  z-index: 1;
}
.so-upd-main-single-image:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #decfa3;
  opacity: 0;
  z-index: 2;
  content: "";
}
.so-upd-main-single-image:hover:before {
  opacity: 0.4;
}
.so-upd-main-single .so-col {
  width: 50%;
  box-sizing: border-box;
  position: relative;
}
.so-upd-main-single .so-col:nth-child(1) {
  padding-right: 115px;
}
.so-upd-main-single .so-col:nth-child(1):before {
  position: absolute;
  width: 1px;
  height: auto;
  background-color: #FAF9F7;
  top: 0;
  right: 0;
  bottom: -110px;
  opacity: 0.2;
  content: "";
}
.so-upd-main-single .so-col:nth-child(2) span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #decfa3;
  text-transform: uppercase;
  display: block;
  position: relative;
  padding-left: 30px;
}
.so-upd-main-single .so-col:nth-child(2) span:before {
  position: absolute;
  width: 17px;
  height: 1px;
  background-color: #decfa3;
  top: 50%;
  margin-top: -1px;
  left: -9px;
  content: "";
}
.so-upd-main-single:nth-child(2n+2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.so-upd-main-single:nth-child(2n+2) .so-col:nth-child(1) {
  padding-right: 0;
  padding-left: 115px;
}
.so-upd-main-single:nth-child(2n+2) .so-col:nth-child(1):before {
  right: auto;
  left: -1px;
}
.so-upd-main-single:nth-child(2n+2) .so-col:nth-child(2) span {
  text-align: right;
  padding-left: 0;
  padding-right: 30px;
}
.so-upd-main-single:nth-child(2n+2) .so-col:nth-child(2) span:before {
  left: auto;
  right: -8px;
}
.so-upd-main-single:last-child .so-col:nth-child(1):before {
  bottom: 0;
}

.so-apt-image {
  overflow: hidden;
  position: relative;
  height: 100vh;
  margin-top: 90px;
}
.so-apt-image img {
  /**position: absolute;**/
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  top: -10%;
  left: 0;
  right: 0;
  bottom: -10%;
  z-index: 1;
}
.so-apt-image .carousel-control-next-icon, 
.so-apt-image .carousel-control-prev-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 3;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
}
.so-apt-intro {
  padding-bottom: 150px;
}
.so-apt-intro .so-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  position: relative;
}
.so-apt-intro .so-circle {
  position: relative;
  top: -275px;
}
.so-apt-intro .so-circle-wrap {
  position: absolute;
  right: 220px;
  top: 0;
  overflow: hidden;
}
.so-apt-intro-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  padding-bottom: 15px;
}
.so-apt-intro-left span:nth-child(1) {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 76px;
  line-height: 1.1;
  font-weight: 400;
  display: inline-block;
  color: #decfa3;
}
.so-apt-intro-left span:nth-child(2) {
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: -6px;
  margin-left: 30px;
  display: inline-block;
  padding-left: 15px;
}
.so-apt-intro-left span:nth-child(2):before {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 50%;
  margin-top: -2px;
  left: 0;
  background-color: #4CBE57;
  content: "";
}
.so-apt-intro-left span:nth-child(2):after {
  position: absolute;
  width: 4px;
  height: 4px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transform-origin: center;
  border-radius: 100%;
  opacity: 0.5;
  background-color: #4CBE57;
  top: 50%;
  margin-top: -2px;
  left: 0;
  animation: so_dot_anim 1s linear infinite;
  content: "";
}
.so-apt-intro-left span:nth-child(2).so_error:before {
  background-color: #f7454c;
}
.so-apt-intro .so-col:nth-child(1) {
  padding-top: 50px;
}
.so-apt-intro .so-col:nth-child(1) h1 {
  font-size: 76px;
  line-height: 1.1;
  position: relative;
  padding-bottom: 5px;
}
.so-apt-intro .so-col:nth-child(1) p {
  text-align: justify;
  max-width: 550px;
  width: 100%;
}
.so-apt-intro .so-col:nth-child(2) {
  padding-top: 65px;
  max-width: 200px;
  width: 100%;
}
.so-apt-intro .so-col:nth-child(2) > span {
  font-size: 20px;
  line-height: 1.5;
  color: #decfa3;
  display: block;
  font-weight: 600;
  padding-bottom: 25px;
}
.so-apt-intro .so-col:nth-child(2) p {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-bottom: 12px;
  line-height: 1.2;
}
.so-apt-intro .so-col:nth-child(2) p sup {
  font-size: 9px;
}
.so-apt-intro .so-col:nth-child(2) .so-button {
  padding: 15px 30px 15px 45px;
  margin-top: 80px;
  background-color: #FAF9F7;
}
.so-apt-intro .so-col:nth-child(2) .so-button:before {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 18px;
  margin-top: -8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/download-icon.svg");
  z-index: 3;
  content: "";
}
.so-apt-floor {
  padding-bottom: 200px;
}
.so-apt-floor h2 {
  text-align: center;
}
.so-apt-floor h2 span {
  color: #decfa3;
}
.so-apt-floor img {
  width: 100%;
}
.so-apt-main {
  padding-bottom: 235px;
}
.so-apt-main h2 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 76px;
  line-height: 1.1;
  text-align: right;
  display: inline-block;
  transform-origin: bottom center;
}
.so-apt-main p {
  font-size: 25px;
  line-height: 1.5;
  max-width: 650px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 100px;
  margin: auto;
  position: relative;
  top: -50px;
}
.so-apt-gal {
  padding-bottom: 260px;
}
.so-apt-gal .so-circle {
  position: absolute;
  bottom: -230px;
  right: 23%;
}
.so-apt-gal .so-row {
  display: block;
}
.so-apt-gal .so-row:nth-child(1) {
  position: relative;
}
.so-apt-gal .so-row:nth-child(2) {
  max-width: 1400px;
}
.so-apt-gal h2 {
  font-size: 149px;
  line-height: 1;
  padding-left: 100px;
  position: relative;
}
.so-apt-gal-list-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  height: 900px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.so-apt-gal-list-single .so-col {

}
.so-apt-gal-list-single img {

}
.so-apt-gal .so-button {
  max-width: 1240px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  display: block;
  background-color: transparent;
  border: 1px solid #decfa3;
}
.so-apt-gal .so-button span {
  color: #fff;
}
.so-apt-gal .so-button .so-anim-letters-line_2 span {
  color: #1F2021;
}
.so-apt-gal .so-button:after {
  background-color: #decfa3;
}
.so-apt-features {
  padding-bottom: 50px;
}
.so-apt-features h2 {
  font-size: 70px;
  line-height: 1.1;
  padding-bottom: 80px;
}
.so-apt-features-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  margin: auto;
}
.so-apt-features-list-single {
  width: 20%;
  padding-bottom: 80px;
}
.so-apt-features-list-single > div {
  display: inline-block;
  position: relative;
  padding-bottom: 30px;
}
.so-apt-features-list-single img {
  max-width: 80px;
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}
.so-apt-features-list-single span {
  font-size: 13px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: block;
  max-width: 180px;
  bottom: 0;
  left: 0;
  text-align: left;
}
.so-apt-map {
  padding-bottom: 260px;
}
.so-apt-map .so-row:nth-child(1) {
  text-align: center;
  position: relative;
  z-index: 2;
}
.so-apt-map h3 {
  font-size: 76px;
  line-height: 1.1;
  padding-bottom: 20px;
  position: relative;
  top: 80px;
}
.so-apt-map h2 {
  font-size: 149px;
  line-height: 1;
  position: relative;
  top: 80px;
}
.so-apt-map h2 span {
  color: #decfa3;
}
.so-apt-map-main {
  position: relative;
  overflow: hidden;
}
.so-apt-map-main-image {
  position: relative;
  z-index: 1;
}
.so-apt-map-main-image > div {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  transform-origin: center;
}
.so-apt-map-main-image img {
  width: 100%;
  height: auto;
}
.so-apt-map-main-info {
  width: 38px;
  height: 38px;
  position: absolute;
  z-index: 2;
}
.so-apt-map-main-info > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #1F2021;
  font-weight: 600;
  background-color: #fff;
  border-radius: 100%;
  text-align: center;
}
.so-apt-map-main-info i {
  position: absolute;
  width: 1px;
  height: auto;
  bottom: -35px;
  top: -35px;
  background-color: #fff;
  opacity: 0.7;
  left: calc(50% - 1px);
  z-index: -2;
}
.so-apt-map-main-info:after {
  position: absolute;
  width: auto;
  height: auto;
  border-radius: 100%;
  border: 1px solid #fff;
  top: -35px;
  left: -35px;
  right: -35px;
  bottom: -35px;
  opacity: 0.7;
  z-index: -2;
  content: "";
}
.so-apt-map-main-info:before {
  position: absolute;
  width: auto;
  height: auto;
  border-radius: 100%;
  border: 1px solid #fff;
  top: -9px;
  left: -9px;
  right: -9px;
  bottom: -9px;
  z-index: 2;
  content: "";
}
.so-apt-map-main-info-block {
  position: absolute;
  top: -35px;
  left: 50%;
  background-color: #1F2021;
  padding: 30px 25px 15px 30px;
  box-sizing: border-box;
  width: 235px;
  z-index: -1;
}
.so-apt-map-main-info-block span {
  display: block;
}
.so-apt-map-main-info-block span:nth-child(1) {
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 5px;
  text-align: right;
}
.so-apt-map-main-info-block span:nth-child(2) {
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #decfa3;
  text-align: right;
  padding-bottom: 30px;
}
.so-apt-map-main-info-block span:nth-child(3) {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 12px;
}
.so-apt-map-main-info-block span:nth-child(4) {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  font-weight: 400;
  color: #decfa3;
  text-transform: uppercase;
}
.so-apt-map-main-info.so_left i {
  left: 50%;
}
.so-apt-map-main-info.so_left .so-apt-map-main-info-block {
  left: auto;
  right: 50%;
}
.so-apt-map-main-info.so_left .so-apt-map-main-info-block span:nth-child(1), .so-apt-map-main-info.so_left .so-apt-map-main-info-block span:nth-child(2) {
  text-align: left;
}
.so-apt-map-main-info.so_left .so-apt-map-main-info-block span:nth-child(3), .so-apt-map-main-info.so_left .so-apt-map-main-info-block span:nth-child(4) {
  text-align: right;
}

.so-search-head {
  padding-top: 180px;
  padding-bottom: 80px;
}
.so-search-head .so-row {
  position: relative;
}
.so-search-head h1 {
  font-size: 76px;
  line-height: 1.1;
  padding-bottom: 40px;
}
.so-search-head p {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  position: absolute;
  opacity: 0.4;
  font-weight: 600;
  top: 0;
  right: 20px;
}
.so-search-head-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-search-head-tabs-single {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 17px 0;
  border-bottom: 1px solid rgba(250, 249, 247, 0.2);
  position: relative;
}
.so-search-head-tabs-single span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
}
.so-search-head-tabs-single span sup {
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #decfa3;
  position: relative;
  top: -7px;
  left: 3px;
}
.so-search-head-tabs-single:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 0;
  height: 2px;
  background-color: #decfa3;
  bottom: 0;
  left: 0;
  content: "";
}
.so-search-head-tabs-single.so-active:after, .so-search-head-tabs-single:hover:after {
  width: 100%;
}
.so-search-list {
  background-color: #FAF9F7;
  padding-top: 80px;
  padding-bottom: 160px;
}
.so-search-list-tab {
  display: none;
}
.so-search-list-tab.so-active {
  display: block;
}
.so-search-list-tab-empty {
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  color: #1F2021;
}
.so-search-list-tab .so-button {
  width: 100%;
  box-sizing: border-box;
  margin-top: 60px;
  background-color: transparent;
  border: 1px solid #decfa3;
}
.so-search-list-tab .so-button:after {
  background-color: #decfa3;
  z-index: -1;
}
.so-search-list-single-big {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 76px;
  line-height: 1.1;
  background-color: #000736;
  margin-bottom: 20px;
  box-sizing: border-box;
  width: 100%;
  padding: 40px 60px;
}
.so-search-list-single-big .so-anim-letters_space {
  width: 20px !important;
}
.so-search-list-single-big .so-anim-letters-line_2 span {
  color: #000736;
}
.so-search-list-single-big:hover {
  background-color: #decfa3;
}
.so-search-list-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  padding: 40px 60px;
  background-color: #000736;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.so-search-list-single .so-button-bubble {
  z-index: 2;
}
.so-search-list-single .so-button-bubble:before {
  z-index: -1;
}
.so-search-list-single-num {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 1px solid #decfa3;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}
.so-search-list-single-num span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  color: #decfa3;
  position: relative;
  letter-spacing: 0.02em;
  top: 4px;
  z-index: 2;
}
.so-search-list-single-num:after {
  -webkit-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 0.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #decfa3;
  z-index: 1;
  border-radius: 100%;
  content: "";
}
.so-search-list-single-info {
  max-width: 350px;
  width: 100%;
}
.so-search-list-single-info p:nth-child(1) {
  font-size: 31px;
  line-height: 1.5;
  font-weight: 600;
  padding-bottom: 8px;
}
.so-search-list-single-info p:nth-child(1) span {
  font-size: inherit;
  font-weight: inherit;
  display: inline-block;
}
.so-search-list-single-info p:nth-child(1) span:nth-child(1) {
  padding-right: 15px;
}
.so-search-list-single-info p:nth-child(1) span:nth-child(2) {
  opacity: 0.4;
}
.so-search-list-single-info p:nth-child(2) {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
}
.so-search-list-single-info p:nth-child(2) span {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  display: inline-block;
}
.so-search-list-single-info p:nth-child(2) span:nth-child(1) {
  padding-right: 15px;
}
.so-search-list-single-info p:nth-child(2) span:nth-child(2) {
  opacity: 0.4;
}
.so-search-list-single-info_2 {
  max-width: 120px;
  width: 100%;
}
.so-search-list-single-info_2 p {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 500;
}
.so-search-list-single-info_2 p sup {
  font-size: 10px;
}
.so-search-list-single-info_2 p:nth-child(1) {
  padding-bottom: 15px;
}
.so-search-list-single:hover .so-search-list-single-num:after {
  width: 130px;
  height: 130px;
}
.so-search-list-single:hover .so-search-list-single-num span {
  color: #1F2021;
}


.page-template-search-features .so-search-list {
  position: relative;
  z-index: 2;
}
.page-template-search-features .so-near {
  padding-top: 150px;
}


.so-features-intro {
  padding-top: 150px;
  padding-bottom: 80px;
  position: relative;
  z-index: 4;
}
.so-features-intro h1 {
  font-size: 50px;
  line-height: 1.1;
  padding-bottom: 40px;
}
.so-features-intro-main {
  padding-bottom: 25px;
}
.so-features-intro-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-features-intro-filter-wrap {
  display: none;
}
.so-features-intro-filter .so-col {
  width: calc(33.33% - 50px);
}
.so-features-intro-filter .selectric-so-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.so-features-intro-filter .selectric-so-select .selectric .button:before {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/chevron-main.svg");
}
.so-features-info {
  background-color: #FAF9F7;
  padding-top: 50px;
  position: relative;
  top: 2px;
  z-index: 3;
}
.so-features-info .so-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-features-info .so-col {
  width: 100%;
}
.so-features-info .so-col:nth-child(1) {
  text-align: center;
}
.so-features-info .so-col:nth-child(1) p {
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #000736;
}
.so-features-info .so-col:nth-child(2) {
  text-align: center;
}
.so-features-info-reset {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #1F2021;
  display: inline-block;
  padding: 8px 15px 8px 30px;
  border: 1px solid rgba(31, 32, 33, 0.2);
  border-radius: 48px;
  cursor: pointer;
  margin: auto;
  position: relative;
}
.so-features-info-reset:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  left: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/close.svg");
  content: "";
}
.so-features-info-reset:hover {
  background-color: rgba(31, 32, 33, 0.2);
  border-color: transparent;
}
.so-features-info .selectric-so-select {
  max-width: 200px;
  margin-right: 0;
  margin-left: auto;
}
.so-features-info .selectric-so-select .selectric .label {
  color: #1F2021;
  font-weight: 600;
}
.so-features-info .selectric-so-select .selectric .button:before {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/chevron-black.svg");
}

.so-contact {
  padding-top: 150px;
}
.so-contact h1 {
  font-size: 149px;
  line-height: 1;
  padding-bottom: 85px;
  text-align: center;
}
.so-contact-form {
  background-color: #000736;
  padding: 40px 60px 45px 60px;
  position: relative;
  z-index: 2;
}
.so-contact-form .wpcf7-response-output {
  display: none !important;
}
.so-contact-form h2 {
  font-size: 76px;
  line-height: 1.1;
  padding-bottom: 10px;
}
.so-contact-form input {
  color: #FAF9F7;
  border-bottom-color: #FAF9F7;
}
.so-contact-form input.placeholder {
  color: #FAF9F7;
}
.so-contact-form input:-moz-placeholder {
  color: #FAF9F7;
}
.so-contact-form input::-moz-placeholder {
  color: #FAF9F7;
}
.so-contact-form input:-ms-input-placeholder {
  color: #FAF9F7;
}
.so-contact-form input::-webkit-input-placeholder {
  color: #FAF9F7;
}
.so-contact-form .so-form .wpcf7-acceptance .wpcf7-list-item-label {
  color: #FAF9F7;
}
.so-contact-form .selectric-so-select .selectric-items {
  background-color: #03071b;
}
.so-contact .so-row:nth-child(1) {
  position: relative;
}
.so-contact .so-row:nth-child(1) .so-circle {
  position: absolute;
  width: 534px;
  height: 534px;
  left: 50%;
  bottom: -340px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.so-contact .so-row:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}
.so-contact .so-row:nth-child(2) .so-col {
  width: 50%;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 60px;
  box-sizing: border-box;
}
.so-contact .so-row:nth-child(2) .so-col:nth-child(1) {
  background-color: #FAF9F7;
}
.so-contact .so-row:nth-child(2) .so-col > img {
  position: absolute;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
  object-fit: cover;
  bottom: -10%;
  top: -10%;
  right: 0;
  left: 0;
  z-index: 1;
}
.so-contact .so-request {
  padding-top: 55px;
  padding-bottom: 65px;
}
.so-contact-thank .so-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100vh;
}
.so-contact-thank .so-row {
  text-align: center;
  width: 100%;
}
.so-contact-thank svg {
  width: 200px;
  height: 200px;
  margin-bottom: 40px;
}
.so-contact-thank svg path {
  animation: so_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  fill: none;
}
.so-contact-thank svg circle {
  animation: so_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  fill: none;
}
.so-contact-thank h1 {
  font-size: 76px;
  line-height: 1.1;
  padding-bottom: 15px;
}
.so-contact-thank p {
  padding-bottom: 30px;
}


.page-template-offer .so-home-prop {
  display: none;
}
.page-template-offer .so-offer-map {
  margin-bottom: 150px;
}

.so-offer-map-filter {
  position: absolute;
  background-color: #000736;
  min-width: 200px;
  top: 60px;
  left: 40px;
  z-index: 10;
}
.so-offer-map-filter .label {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.so-offer-map-filter .button {
  right: 20px !important;
}

.so-offer-intro {
  min-height: 100vh;
  box-sizing: border-box;
  position: relative;
  padding-top: 150px;
  margin-bottom: 50px;
}
.so-offer-intro .so-row {
  text-align: center;
}
.so-offer-intro .so-circle {
  position: absolute;
  width: 488px;
  height: 488px;
  left: 50%;
  top: -305px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.so-offer-intro h1 {
  font-size: 76px;
  line-height: 1.1;
  padding-bottom: 25px;
}
.so-offer-intro p {
  padding-bottom: 55px;
  max-width: 540px;
  margin: auto;
}
.so-offer-intro .so-button {
  margin-bottom: 55px;
}
.so-offer-intro-scroll {
  position: relative;
  width: 160px;
  height: 160px;
  display: block;
  margin: auto;
  cursor: pointer;
}
.so-offer-intro-scroll:before {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-long.svg");
  top: 0;
  left: 0;
  content: "";
}
.so-offer-intro-scroll > div {
  width: 100%;
  height: 100% !important;
  display: block;
  animation: so_rotate 10s linear infinite;
}
.so-offer-intro-scroll > div span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: #decfa3;
}
.so-offer-mob {
  display: none;
}
.so-offer-map {
  max-width: 1920px;
  margin: auto;
  overflow: hidden;
}
.so-offer-map .so-row {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.so-offer-map-wrap {
  position: relative;
  z-index: 1;
}
.so-offer-map-wrap .so-offer-map-image-closer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.so-offer-map-wrap .so-offer-map-wrap-floors {
  position: absolute;
  top: 50%;
  left: 205px;
  z-index: 4;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.so-offer-map-wrap .so-offer-map-wrap-floors p {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #1F2021;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.so-offer-map-wrap .so-offer-map-wrap-floors span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #1F2021;
  font-weight: 600;
  border: 1px solid #decfa3;
  border-radius: 100%;
  margin-bottom: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.so-offer-map-wrap .so-offer-map-wrap-floors span.so-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.so-offer-map-wrap .so-offer-map-wrap-floors span.so-active, .so-offer-map-wrap .so-offer-map-wrap-floors span:hover {
  background-color: #decfa3;
}
.so-offer-map-wrap .so-button-bubble-black {
  position: absolute;
  top: 80px;
  left: 40px;
  z-index: 2;
}
.so-offer-map-wrap .so-button-bubble-black:before {
  z-index: -1;
}
.so-offer-map-wrap-floor {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: circle(0% at 100% 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
.so-offer-map-wrap-floor .so-offer-map-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100% !important;
  overflow: hidden;
}
.so-offer-map-wrap-floor .so-offer-map-image div {
  position: absolute;
  top: 50%;
  -webkit-transform: scale(1.02) translateY(-50%) !important;
  -moz-transform: scale(1.02) translateY(-50%) !important;
  -o-transform: scale(1.02) translateY(-50%) !important;
  -ms-transform: scale(1.02) translateY(-50%) !important;
  transform: scale(1.02) translateY(-50%) !important;
}
.so-offer-map-wrap-floor .so-offer-map-image-info {
  display: none;
}
.so-offer-map-wrap-floor.so-active {
  clip-path: circle(150% at 100% 0);
  pointer-events: unset;
}
.so-offer-map-wrap-floor.so-active .so-offer-map-image-info {
  display: block;
}
.so-offer-map-wrap-plan {
  -webkit-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: all 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  background-color: #FAF9F7;
  clip-path: circle(0% at 100% 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
.so-offer-map-wrap-plan .so-offer-map-image-info {
  display: none;
}
.so-offer-map-wrap-plan.so-active {
  clip-path: circle(150% at 100% 0);
  pointer-events: unset;
}
.so-offer-map-wrap-plan.so-active .so-offer-map-image-info {
  display: block;
}
.so-offer-map .so-offer-floorplan-image-dots {
  position: absolute;
  width: 700px;
  height: 700px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.so-offer-map .so-offer-floorplan-image {
  pointer-events: none;
  height: 100%;
}
.so-offer-map .so-offer-floorplan-image > img {
  width: 470px !important;
  height: auto;
}
.so-offer-map .so-offer-floorplan-image > div {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  transform-origin: center;
  margin: auto;
  width: 470px !important;
  background-repeat: no-repeat;
  background-position: center;
  height: 100% !important;
  overflow: hidden;
}
.so-offer-map .so-offer-floorplan-image > div * {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.so-offer-map .so-offer-floorplan-image map, .so-offer-map .so-offer-floorplan-image canvas {
  pointer-events: none;
}
.so-offer-map .so-offer-floorplan-image area {
  cursor: default;
  pointer-events: none;
}
.so-offer-map-image {
  pointer-events: none;
}
.so-offer-map-image > div {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -o-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  transform-origin: center;
  margin: auto;
  overflow: hidden;
}
.so-offer-map-image map, .so-offer-map-image canvas {
  pointer-events: none;
}
.so-offer-map-image area {
  cursor: default;
  pointer-events: none;
}
.so-offer-map-image-info {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 38px;
  height: 38px;
  position: absolute;
  z-index: 2;
  margin-left: 0;
}
.so-offer-map-image-info.so_pull_top .so-offer-map-image-info-block {
  margin-top: -50px;
}
.so-offer-map-image-info > span {
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #1F2021;
  font-weight: 600;
  background-color: #decfa3;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
}
.so-offer-map-image-info.so-disabled {
  pointer-events: none;
}
.so-offer-map-image-info.so-disabled > span {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/lock-black.svg");
  color: transparent;
  background-color: #C6C7C9;
}
.so-offer-map-image-info i {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 1px;
  height: auto;
  bottom: -35px;
  top: -35px;
  background-color: #fff;
  opacity: 0;
  left: calc(50% - 1px);
  z-index: -2;
  pointer-events: none;
}
.so-offer-map-image-info:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: auto;
  height: auto;
  border-radius: 100%;
  pointer-events: none;
  border: 1px solid #fff;
  top: -35px;
  left: -35px;
  right: -35px;
  bottom: -35px;
  opacity: 0;
  z-index: -2;
  content: "";
}
.so-offer-map-image-info:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: auto;
  height: auto;
  pointer-events: none;
  border-radius: 100%;
  border: 1px solid #fff;
  top: -9px;
  left: -9px;
  right: -9px;
  bottom: -9px;
  opacity: 0;
  z-index: 2;
  content: "";
}
.so-offer-map-image-info-block {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #000736;
  padding: 25px 25px 30px 25px;
  box-sizing: border-box;
  width: 235px;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}
.so-offer-map-image-info-block .so-button-bubble {
  position: absolute;
  right: -65px;
  bottom: 35px;
  z-index: 2;
}
.so-offer-map-image-info-block .so-button-bubble:before {
  z-index: -1;
}
.so-offer-map-image-info.so-offer-map-image-info-map.so_faded {
  pointer-events: none;
  opacity: 0.3;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span {
  display: block;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(1) {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  letter-spacing: 0.02em;
  text-align: right;
  color: #decfa3;
  padding-bottom: 5px;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(2) {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
  padding-bottom: 90px;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(3) {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #decfa3;
  padding-bottom: 4px;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(4) {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  padding-bottom: 4px;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(5) {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  position: relative;
  color: rgba(250, 249, 247, 0.5);
  padding-left: 12px;
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(5):before {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background-color: #f7454c;
  content: "";
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(5):after {
  position: absolute;
  width: 4px;
  height: 4px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transform-origin: center;
  border-radius: 100%;
  opacity: 0.5;
  background-color: #f7454c;
  top: 50%;
  margin-top: -1px;
  left: 0;
  animation: so_dot_anim 1s linear infinite;
  content: "";
}
.so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(5).so-available:before, .so-offer-map-image-info.so-offer-map-image-info-map .so-offer-map-image-info-block span:nth-child(5).so-available:after {
  background-color: #4CBE57;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block > span {
  display: block;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block > span:nth-child(1) {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #decfa3;
  padding-bottom: 2px;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block > span:nth-child(2) {
  padding-bottom: 160px;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block > span:nth-child(3) {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #decfa3;
  padding-bottom: 8px;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block > span:nth-child(4) {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block > span:nth-child(4) sup {
  font-size: 8px;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block-info {
  position: absolute;
  top: 25px;
  right: 25px;
  text-align: right;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block-info span {
  display: block;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block-info span:nth-child(1) {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  color: #decfa3;
  padding-bottom: 2px;
}
.so-offer-map-image-info.so-offer-map-image-info-floor .so-offer-map-image-info-block-info span:nth-child(2) {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan.so-active > span, .so-offer-map-image-info.so-offer-map-image-info-floorplan.so-active i, .so-offer-map-image-info.so-offer-map-image-info-floorplan.so-active:before, .so-offer-map-image-info.so-offer-map-image-info-floorplan.so-active:after {
  opacity: 0;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan.so-active > span {
  pointer-events: none;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block {
  padding: 30px;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block .so-close {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #fff;
  top: 10px;
  left: 10px;
  border-radius: 100%;
  cursor: pointer;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block .so-close:before, .so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block .so-close:after {
  position: absolute;
  width: 20px;
  height: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #000;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -10px;
  content: "";
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block .so-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block .so-close:hover {
  background-color: #decfa3;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block .so-button-bubble {
  right: auto;
  left: -20px;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block p span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block p span:nth-child(1) {
  color: #FAF9F7;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block p span:nth-child(2) {
  opacity: 0.5;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block p span sup {
  font-size: 9px;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block > span {
  display: block;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block > span:nth-child(1) {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 49px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #decfa3;
  padding-bottom: 105px;
  text-align: right;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block > span:nth-child(2) {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #decfa3;
  padding-bottom: 8px;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block > span:nth-child(4) {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.so-offer-map-image-info.so-offer-map-image-info-floorplan .so-offer-map-image-info-block > span:nth-child(4) sup {
  font-size: 8px;
}
.so-offer-map-image-info.so_short .so-offer-map-image-info-block > span:nth-child(3),
.so-offer-map-image-info.so_short .so-offer-map-image-info-block-info span:nth-child(1),
.so-offer-map-image-info.so_short .so-offer-map-image-info-block-info span:nth-child(2) {
  opacity: 0;
}
.so-offer-map-image-info.so_left i {
  left: 50%;
}
.so-offer-map-image-info.so_left .so-offer-map-image-info-block {
  left: auto;
  right: 50%;
}
.so-offer-map-image-info:hover > span {
  background-color: #fff;
}
.so-offer-map-image-info.so-active {
  z-index: 3;
  margin-left: 35px;
}
.so-offer-map-image-info.so-active.so_left {
  margin-left: -35px;
}
.so-offer-map-image-info.so-active > span {
  background-color: #fff;
}
.so-offer-map-image-info.so-active .so-offer-map-image-info-block {
  pointer-events: unset;
  opacity: 1;
}
.so-offer-map-image-info.so-active:before {
  opacity: 1;
}
.so-offer-map-image-info.so-active i, .so-offer-map-image-info.so-active:after {
  opacity: 0.7;
}

.error-content {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  justify-content: center;
  text-align: center;
  align-items: center;
  margin-top: 220px;
}
.error-content .error-head .error-txt {
  font-family: "Qanelas", sans-serif;
  font-size: 25px;
  line-height: 1.8;
}
.error-content .error-head .error-num {
  position: relative;
  margin: 0;
  padding: 0;
  user-select: none;
  font-size: 156px;
  line-height: 1;
}
.error-content .error-head .error-num .num4-2 {
  position: relative;
  left: -40px;
}
.error-content .error-head .error-num .num4 {
  position: relative;
  left: 40px;
}
.error-content .error-info {
  margin-bottom: 150px;
  justify-content: flex;
}
.error-content .error-info .error-txt {
  margin-bottom: 3%;
  margin-top: 3%;
}

.signature {
  display: inline-block;
}

.container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.circle svg {
  top: 35px;
  position: relative;
  display: inline;
}

.content {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  cursor: crosshair;
}

.circle_2 {
  overflow: hidden;
  display: none;
}



.so-join .so-row {
  position: relative;
}

.color-txt-joint {
  color: #decfa3;
}

.joint-content {
  position: relative;
  margin-top: 0px;
  margin-bottom: 60px;
  z-index: 1;
}

.joint-txt-description {
  font-size: 20px;
  line-height: 150%;
  font-family: "Qanelas", sans-serif;
  padding-top: 40px;
  padding-bottom: 72px;
  text-align: justify;
}

.joint-topic {
  font-size: 100px;
  line-height: 96%;
  letter-spacing: 0.02em;
  z-index: 11;
}

.joint-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.joint-list .block {
  background-color: #03071b;
  padding-left: 40px;
  padding-bottom: 40px;
  margin-top: 30px;
}
.joint-list .block li {
  font-size: 16px;
  line-height: 100%;
  padding-top: 20px;
  padding-left: 31px;
  padding-right: 40px;
  list-style-type: none;
}
.joint-list .block li:before {
  left: -30px;
  display: inline-block;
  width: 15px;
  height: 15px;
  left: 40px;
  background: #decfa3;
  position: absolute;
  content: "✦";
  font-size: 2rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #decfa3;
}
.joint-list .block li:after {
  content: "";
}

.list-topic {
  font-family: "Qanelas", sans-serif;
  font-size: 13px;
  line-height: 150%;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 32px;
  padding-right: 40px;
}

.joint-images {
    opacity: 0.5;
    height: 200px;
}

.joint-images:before {
  position: absolute;
  top: 0;
  left: -10px;
  right: -10px;
  bottom: -1px;
  opacity: 1;
  max-width: 1440px;
  z-index: 1;
  transition: all 0.5s;
  content: "";
  background: linear-gradient(180deg, #1F2021 0%, rgba(31, 32, 33, 0.8) 48.44%, rgba(31, 32, 33, 0) 100%);
  transform: matrix(1, 0, 0, -1, 0, 0);
  background-repeat: no-repeat;
  background-size: 100% 50%;
}

.arrow {
  display: block;
  position: absolute;
  margin-top: 32px;
  left: 60px;
  width: 2px;
  height: 12px;
  background-color: #000;
  z-index: 10;
}

.arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: -3px;
  width: 7px;
  height: 2px;
  background-color: #000;
  transform: rotate(-45deg);
  transform-origin: 100% 0%;
}

.arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 0;
  width: 7px;
  height: 2px;
  background-color: #000;
  transform: rotate(45deg);
  transform-origin: 100% 0%;
}

.line {
  width: 15px;
  height: 2px;
  background: black;
  left: 53px;
  margin-top: 47px;
  position: absolute;
  z-index: 10;
}

.join-img {
  position: relative;
  margin-top: 90px;
}

@keyframes shadow {
  100% {
    background-position: 0% 0%;
    background-size: 100% 50%;
  }
}

.so-pdf {
  display: none;
}

.so-page .so-form-main {
  background-color: #fff;
  box-sizing: border-box;
  padding: 60px;
  max-width: 600px;
  margin: auto;
  margin-top: 200px;
  margin-bottom: 200px;
  text-align: center;
}
.so-page .so-form-main .wpcf7-response-output {
  display: none !important;
}
.so-page .so-form-main h2 {
  color: #000;
}
.so-page .so-form-main p {
  text-align: center !important;
}
.so-page .so-row * {
  max-width: 880px;
}
.so-page .so-row .so-privacy-content {
  margin-top: 150px;
}
.so-page .so-row .so-privacy-page {
  margin-bottom: 150px;
}
.so-page .so-row h6 {
  font-family: "Qanelas", sans-serif;
  padding-bottom: 24px;
  padding-top: 48px;
}
.so-page .so-row h1 {
  padding-bottom: 40px;
  padding-top: 24px;
}
.so-page .so-row a {
  color: #decfa3;
  transition: 0.3s ease;
}
.so-page .so-row a:hover {
  color: #e59e28;
}
.so-page .so-row li {
  padding-top: 12px;
  list-style-type: none;
  position: relative;
  left: 20px;
}
.so-page .so-row li:before {
  color: #decfa3;
  content: "•";
  margin-right: -5px;
  width: 1em;
  position: relative;
  right: 20px;
}
.so-page .so-row p {
  text-align: justify;
  padding-bottom: 12px;
}


.so-request {
  background-color: #FAF9F7;
  padding-top: 160px;
  padding-bottom: 165px;
}
.so-request .so-row {
  text-align: center;
}
.so-request h2 {
  font-size: 76px;
  line-height: 1.2;
  color: #1F2021;
  letter-spacing: 0.02em;
}
.so-request h2 span {
  color: #1F2021;
}
.so-request-text {
  max-width: 325px;
  text-align: center;
  margin: auto;
  color: #1F2021;
  padding-bottom: 50px;
}
.so-request .so-form {
  max-width: 600px;
  margin: auto;
}
.so-request .so-form-wrap .wpcf7-response-output {
  display: none;
}
.so-request .so-button .so-anim-letters-line_2 span {
  color: #fff;
}
.so-request .so-button:after {
  background-color: #000736;
}

.so-sub {
  padding-top: 60px;
  padding-bottom: 60px;
}
.so-sub .so-row {
  background-color: #fff;
  max-width: 1240px;
  padding: 70px 30px 65px 30px;
  text-align: center;
}
.so-sub h2 {
  font-size: 49px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #000;
  padding-bottom: 25px;
}
.so-sub-text {
  padding-bottom: 35px;
  opacity: 0.4;
  color: #000;
}
.so-sub .so-form {
  max-width: 600px;
  margin: auto;
}
.so-sub .so-form .selectric .label {
  color: #000;
  border-bottom-color: #000;
}
.so-sub .so-form .selectric .button:before {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/chevron-black.svg");
}
.so-sub .so-form .selectric-items {
  background-color: #000736;
}
.so-sub .so-form button {
  margin-top: 10px;
}
.so-sub .so-form button .so-anim-letters-line_2 {
  color: #fff;
}
.so-sub .so-form button:after {
  background-color: #000736;
}
.so-sub .so-form-wrap .wpcf7-response-output {
  display: none;
}
.so-sub .so-form-done h3 {
  color: #1F2021;
}
.so-sub .so-form-done p {
  color: #1F2021;
}

.so-park {
  padding-bottom: 265px;
}
.so-park .so-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 0;
  max-width: 1440px;
}
.so-park .so-col:nth-child(1) {
  width: 37%;
}
.so-park .so-col:nth-child(2) {
  height: 815px;
  width: 56%;
}
.so-park-slider-single {
  padding-bottom: 20px;
}
.so-park-slider-single h2 {
  font-size: 75px;
  line-height: 1.2;
  padding-bottom: 40px;
}
.so-park-slider-single p {
  text-align: justify;
  padding-bottom: 46px;
  max-width: 295px;
}
.so-park-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 105px;
}
.so-park-info-col:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-park-info-col:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-park-info-col:nth-child(2) span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.so-park-info-col:nth-child(2) span:nth-child(1) {
  margin-right: 15px;
  padding-right: 55px;
}
.so-park-info-col:nth-child(2) span:nth-child(1):after {
  position: absolute;
  width: 40px;
  height: 1px;
  background-color: #FAF9F7;
  opacity: 0.2;
  top: 50%;
  right: 0;
  content: "";
}
.so-park-info .so-circle {
  width: 120px;
  height: 120px;
  cursor: pointer;
}
.so-park-info .so-circle-wrap {
  position: relative;
}
.so-park-info .so-circle-wrap:nth-child(2) {
  margin-left: 8px;
}
.so-park-info .so-circle-wrap:nth-child(2):after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.so-park-info .so-circle-wrap:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-white.svg");
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -9px;
  pointer-events: none;
  content: "";
}
.so-park-info .so-circle circle {
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-park-info .so-circle circle:nth-child(2) {
  stroke-dasharray: 360;
  stroke-dashoffset: 360;
}
.so-park-info .so-circle:hover circle:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  stroke-dashoffset: 0;
}
.so-park-images {
  width: 100%;
  height: 100%;
  position: relative;
}
.so-park-images-single {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.so-park-images-single:nth-child(2) {
  -webkit-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: circle(0% at 100% 0);
  z-index: 2;
}
.so-park-images-single img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.so-park-images-single.so-active {
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: circle(141.5% at 100% 0);
}

.so-cats {
  padding-bottom: 160px;
}
.so-cats-head {
  padding-bottom: 80px;
}
.so-cats-head li {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #decfa3;
  border-radius: 40px;
  padding: 18px 28px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}
.so-cats-head li span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: inline-block;
  position: relative;
  top: -5px;
  margin-left: 2px;
  color: #decfa3;
}
.so-cats-head li.so-active {
  background-color: #decfa3;
  color: #1F2021;
}
.so-cats-head li.so-active span {
  color: #1F2021;
}
.so-cats-head li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.so-cats-head li:hover.so-active {
  background-color: #decfa3;
}
.so-cats-slider {
  overflow: hidden;
  cursor: grab;
  width: 100%;
  height: 600px;
  position: relative;
}
.so-cats-slider.is-dragging {
  cursor: grabbing;
}
.so-cats-slider-wrapper {
  counter-reset: count;
  display: flex;
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
}
.so-cats-slider-single {
  counter-increment: count;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  padding: 0 1.5vw;
  overflow: hidden;
  width: 400px;
  text-align: left;
}
.so-cats-slider-single-wrap {
  position: absolute;
  z-index: 1;
  display: block;
  user-select: none;
  -webkit-appearance: none;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transform-origin: center;
}
.so-cats-slider-single img {
  width: 400px;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 15px;
  transform-origin: center;
}
.so-cats-slider-single span {
  text-transform: uppercase;
  font-weight: 600;
  color: #decfa3;
  display: block;
  padding-bottom: 10px;
  max-width: 400px;
  letter-spacing: 0.02em;
}
.so-cats-slider-single p {
  text-align: justify;
  max-width: 400px;
}

.so-near {
  padding-bottom: 260px;
  position: relative;
  top: -200px;
}
.so-near h2 {
  font-size: 149px;
  line-height: 1;
  position: relative;
  top: 200px;
  padding-left: 100px;
}
.so-near-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}
.so-near-wrap .so-col:nth-child(1) {
  max-width: 715px;
  position: relative;
  top: 200px;
}
.so-near-wrap .so-col:nth-child(2) {
  width: 100%;
  position: relative;
}
.so-near-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  width: 580px;
  height: 580px;
  top: calc(50% + ((100vh - 580px) / 2));
  left: calc(50% + 40px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.so-near-nav-wrap {
  position: relative;
  height: 580px;
  width: 100%;
}
.so-near-nav-circle {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.so-near-nav-circle svg {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
}
.so-near-nav-circle svg circle {
  -webkit-transition: stroke-dashoffset 0.7s linear !important;
  -o-transition: stroke-dashoffset 0.7s linear !important;
  transition: stroke-dashoffset 0.7s linear !important;
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
.so-near-nav-circle p {
  font-size: 49px;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  position: absolute;
  width: auto;
  height: auto;
  pointer-events: none;
  letter-spacing: 0.02em;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #000736;
  text-align: center;
  width: 120px;
  z-index: 2;
}
.so-near-nav-circle p span {
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1em;
  display: block;
}
.so-near-nav-circle p:nth-child(2) {
  opacity: 0;
}
.so-near-nav-circle:nth-child(2) svg circle:nth-child(2) {
  stroke-dasharray: 1300;
  stroke-dashoffset: 1300;
}
.so-near-nav-circle:nth-child(3) {
  width: 440px;
  height: 440px;
}
.so-near-nav-circle:nth-child(3) p {
  bottom: -35px;
}
.so-near-nav-circle:nth-child(3) svg circle:nth-child(2) {
  stroke-dasharray: 1400;
  stroke-dashoffset: 1400;
}
.so-near-nav-circle:nth-child(4) {
  width: 580px;
  height: 580px;
}
.so-near-nav-circle:nth-child(4) p {
  bottom: -45px;
}
.so-near-nav-circle:nth-child(4) svg circle:nth-child(2) {
  stroke-dasharray: 2700;
  stroke-dashoffset: 2700;
}
.so-near-nav-circle.so-active p {
  color: #decfa3;
}
.so-near-nav-circle.so-active svg circle {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: stroke-dashoffset 0.7s linear;
  -o-transition: stroke-dashoffset 0.7s linear;
  transition: stroke-dashoffset 0.7s linear;
}
.so-near-nav-circle.so-active svg circle:nth-child(2) {
  stroke-dashoffset: 0;
}
.so-near-nav-core {
  width: 104px;
  height: auto;
  position: relative;
}
.so-near-nav-core-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-near-nav-core-button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #decfa3;
  cursor: pointer;
}
.so-near-nav-core-button:after {
  position: absolute;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/on-foot-2.svg");
  top: 50%;
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
  content: "";
}
.so-near-nav-core-button:nth-child(2):after {
  width: 24px;
  height: 24px;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/on-car-2.svg");
  margin-left: -12px;
  margin-top: -13px;
}
.so-near-nav-core-button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.so-near-nav-core-button.so-active {
  background-color: #decfa3 !important;
}
.so-near-nav-core-button.so-active:after {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/on-foot.svg");
}
.so-near-nav-core-button.so-active:nth-child(2):after {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/on-car.svg");
}
.so-near-nav-core span {
  position: absolute;
  font-size: 11px;
  line-height: 1;
  bottom: -30px;
  text-transform: uppercase;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 600;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.so-near-sliders_car, .so-near-sliders_foot {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
}
.so-near-sliders_car.so-active, .so-near-sliders_foot.so-active {
  opacity: 1;
  pointer-events: unset;
}
.so-near-sliders_car {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.so-near-block {
  padding-bottom: 160px;
}
.so-near-block:last-child {
  padding-bottom: 0;
}
.so-near-block-time {
  display: none;
}
.so-near-block-images {
  width: 100%;
  height: 420px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.so-near-block-images-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.so-near-block-images-dots .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-near-block-images-dots .slick-dots li {
  margin: 0 4px;
}
.so-near-block-images-dots .slick-dots li button {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: 0;
  padding: 0;
  cursor: pointer;
}
.so-near-block-images-dots .slick-dots li button:hover {
  background-color: #fff;
}
.so-near-block-images-dots .slick-dots li.slick-active button {
  background-color: #fff;
}
.so-near-block-images-arrow {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  margin-top: -24px;
  left: 15px;
  border-radius: 100%;
  background-color: #000736;
  cursor: pointer;
  z-index: 3;
}
.so-near-block-images-arrow:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-white.svg");
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -9px;
  pointer-events: none;
  content: "";
}
.so-near-block-images-arrow:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  background-color: #decfa3;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}
.so-near-block-images-arrow:nth-child(4) {
  left: auto;
  right: 15px;
}
.so-near-block-images-arrow:nth-child(4):after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.so-near-block-images-arrow:hover:before {
  width: 48px;
  height: 48px;
}
.so-near-block-images-arrow:hover:after {
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/arrow-down-black.svg");
}
.so-near-block-images-single {
  position: absolute;
  width: 100%;
  height: 120%;
  z-index: 1;
  bottom: -10%;
  top: -10%;
}
.so-near-block-images-single:nth-child(2) {
  -webkit-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 0s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: polygon(100% 0, 100% 0, 0 100%, 0% 100%);
  z-index: 2;
}
.so-near-block-images-single img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.so-near-block-images-single.so-active {
  -webkit-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  -o-transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  transition: clip-path 1.3s cubic-bezier(0.74, 0, 0.24, 0.99);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
}
.so-near-block-slider-single h4 {
  font-size: 49px;
  line-height: 1.1;
  margin-bottom: 15px;
  padding-bottom: 0;
  padding-left: 100px;
  position: relative;
}
.so-near-block-slider-single h4:before {
  position: absolute;
  width: 55px;
  height: 1px;
  background-color: #FAF9F7;
  top: 50%;
  left: 0;
  margin-top: -6px;
  opacity: 0.2;
  content: "";
}
.so-near-block-slider-single p {
  text-align: justify;
  max-width: 505px;
  padding-left: 100px;
}

.so-cal {
  padding-bottom: 300px;
}
.so-cal .so-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.so-cal .so-row > div[data-scroll] {
  max-width: 200px;
  position: relative;
  top: -150px;
}
.so-cal h2 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 76px;
  line-height: 1.1;
  text-align: right;
  display: inline-block;
  transform-origin: bottom center;
  white-space: nowrap;
}
.so-cal-form {
  width: 61%;
  box-sizing: border-box;
  padding: 75px 45px 95px 45px;
}
.so-cal-form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  max-width: 925px;
  width: 100%;
  background-color: #FAF9F7;
}
.so-cal-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  padding-bottom: 43px;
  position: relative;
}
.so-cal-form-row:last-child {
  padding-bottom: 0;
}
.so-cal-form-row:nth-child(1) .so-cal-form-input > span {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #1F2021;
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -8px;
  z-index: 2;
  opacity: 0;
}
.so-cal-form-row:nth-child(3) .so-cal-form-input > span {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  color: #1F2021;
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -8px;
  z-index: 2;
}
.so-cal-form-row:nth-child(3) input {
  padding-right: 48px;
}
.so-cal-form-col {
  width: calc(50% - 4px);
}
.so-cal-form-col-full {
  width: 100%;
}
.so-cal-form label {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  color: #1F2021;
  position: absolute;
  top: -22px;
  left: 0;
}
.so-cal-form .so-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0;
  width: 100%;
  height: 100%;
}
.so-cal-form .so-button:after {
  background-color: #000736;
}
.so-cal-form .so-button .so-anim-letters-line_2 span {
  color: #FAF9F7;
}
.so-cal-form-radio {
  height: calc(50% - 4px);
}
.so-cal-form-radio:nth-child(1) {
  padding-bottom: 8px;
}
.so-cal-form-radio label {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
  border: 1px solid #1F2021;
  box-sizing: border-box;
  position: relative;
  top: 0;
  cursor: pointer;
}
.so-cal-form-radio label:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #1F2021;
  border-radius: 100%;
  box-sizing: border-box;
  left: 8px;
  top: 50%;
  margin-top: -10px;
  content: "";
}
.so-cal-form-radio label:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 8px;
  top: 50%;
  margin-top: -10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px;
  background-image: url("https://waterfront.ci/wp-content/themes/Water/assets/img/checkmark.svg");
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  content: "";
}
.so-cal-form-radio label:hover {
  border-color: #decfa3;
}
.so-cal-form-radio input {
  display: none;
}
.so-cal-form-radio input:checked + label:before {
  border-color: #decfa3;
  background-color: #decfa3;
}
.so-cal-form-radio input:checked + label:after {
  opacity: 1;
}
.so-cal-form-input {
  position: relative;
}
.so-cal-form-input input {
  font-family: "Qanelas", sans-serif;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  border: 1px solid #1F2021;
  outline: none;
  padding: 31px 30px;
  box-sizing: border-box;
  width: 100%;
  z-index: 1;
}
.so-cal-form-input input::-webkit-outer-spin-button,
.so-cal-form-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.so-cal-form-input input[type=number] {
  -moz-appearance: textfield;
}
.so-cal-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 39%;
  background-color: #03071b;
  padding: 75px 45px 95px 45px;
}
.so-cal-info-main {
  width: 100%;
  text-align: center;
  position: relative;
  top: -20px;
}
.so-cal-info-main p {
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #FAF9F7;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.so-cal-info-main-price {
  text-transform: uppercase;
  font-family: "Sora", sans-serif;
  font-size: 61px;
  line-height: 1;
  color: #decfa3;
  display: block;
  padding-bottom: 20px;
}
.so-cal-info-main-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 1px solid rgba(250, 249, 247, 0.2);
  padding-bottom: 23px;
}
.so-cal-info-main-1 p {
  padding-bottom: 0;
}
.so-cal-info-main-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 25px;
}
.so-cal-info-main-2 p {
  padding-bottom: 0;
}
.so-cal-info .so-button {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  display: block;
  background-color: transparent;
  border: 1px solid #decfa3;
}
.so-cal-info .so-button span {
  color: #fff;
}
.so-cal-info .so-button .so-anim-letters-line_2 span {
  color: #1F2021;
}
.so-cal-info .so-button:after {
  background-color: #decfa3;
}

@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
  .so-home-intro video {
	 display: none;
  }
}
    
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */