@charset "UTF-8";
 * {
margin: 0;
padding: 0; } body {
-webkit-text-size-adjust: 100%; }
img {
display: block;
border: 0px; }
.clear {
clear: both; }
a[href^="tel"] {
color: inherit;
text-decoration: none; }
a {
text-decoration: none;
-webkit-transition: 0.3s ease;
transition: 0.3s ease; }
ul, ol {
-webkit-transition: opacity 0.15s ease;
transition: opacity 0.15s ease; } img {
width: 100%;
height: auto; }
body {
font-family: "Poppins", Arial, Helvetica, san-serif;
font-size: 14px;
overflow-x: hidden;
padding-top: 108px;
opacity: 0; }
a {
color: #34276f;
font-weight: normal;
text-decoration:underline;
text-decoration: none; }
a:hover {
color: red; }
h2 {
color: #34276f;
font-size: 32px;
font-weight: 300;
line-height: 1.2em; }
h3 {
color: #34276f;
font-size: 36px;
font-weight: 500;
line-height: 1.2em; }
p, li, td {
line-height: 1.4em;
color: #3d4138;
font-size: 18px;
font-weight: 300;
margin-bottom: 1em; }
p strong {
color: #34276f;
font-weight: 600; }
p:last-child {
margin-bottom: 0px; }
.content ul {
margin-left: 2em;   
}
.content .page {
padding-top: 5em;
padding-bottom: 5em;
}
.fade {
opacity: 0;
-webkit-transition: 0.5s ease;
transition: 0.5s ease; }
.fadeIn {
opacity: 1;
margin-top: 0; }
.content {
padding-left: 60px;
padding-right: 60px;
width: calc(100% - 120px); }
.page-title {
margin-left: 100px;
margin-right: 100px;
margin-bottom: 3em;
margin-top: -50px;
position: relative; }
.page-title:before {
content: "";
background: #34276f;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
opacity: 0.4; }
.page-title .page-title-inner {
padding: 110px 60px 60px 60px;
text-align: center; }
.page-title .page-title-inner h1 {
isolation: isolate;
font-weight: 300;
font-size: 44px;
color: #ffffff; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
body {
padding-top: 101px; }
.content {
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.page-title {
margin-left: 60px;
margin-right: 60px;
margin-top: -40px; }
.page-title .page-title-inner {
padding: 80px 40px 50px 40px; }
.page-title .page-title-inner h1 {
font-size: 34px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
body {
padding-top: 91px; }
h2 {
font-size: 26px; }
h3 {
font-size: 28px; }
p,li,td {
font-size: 18px; }
.content {
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.page-title {
margin-left: 40px;
margin-right: 40px;
margin-top: -25px;
margin-bottom: 30px; }
.page-title .page-title-inner {
padding: 45px 30px 30px 30px; }
.page-title .page-title-inner h1 {
font-size: 32px; }
.page-title .page-title-inner h1 br {
display: none; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
body {
padding-top: 91px; }
h2 {
font-size: 24px; }
h3 {
font-size: 26px; }
p,li,td {
font-size: 16px; }
.content {
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.page-title {
margin-left: 40px;
margin-right: 40px;
margin-top: -25px;
margin-bottom: 20px; }
.page-title .page-title-inner {
padding: 45px 30px 30px 30px; }
.page-title .page-title-inner h1 {
font-size: 28px; }
.page-title .page-title-inner h1 br {
display: none; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
body {
padding-top: 84px; }
h2 {
font-size: 22px; }
h3 {
font-size: 24px; }
p,li,td {
font-size: 14px; }
.content {
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.page-title {
margin-left: 40px;
margin-right: 40px;
margin-top: -25px;
margin-bottom: 20px; }
.page-title .page-title-inner {
padding: 45px 30px 30px 30px; }
.page-title .page-title-inner h1 {
font-size: 22px; }
.page-title .page-title-inner h1 br {
display: none; } }
.menu-toggle {
display: none; }
.nav-menu {
display: block; }
.header {
background: #ffffff;
position: fixed;
padding-top: 32px;
padding-bottom: 40px;
width: calc(100% - 120px);
padding-left: 60px;
padding-right: 60px;
top: 0px;
left: 0px;
z-index: 4000;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05); }
.header .logo {
width: 323px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.header .nav-menu {
position: absolute;
top: 58px;
right: 60px;
list-style-type: none; }
.header .nav-menu li {
float: left;
position: relative;
cursor: pointer;
list-style-type: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.header .nav-menu li a {
display: block;
color: #34276f;
font-size: 14px;
font-weight: 600;
margin-left: 22px;
border-bottom: 2px solid #ffffff;
line-height: 0.8em;
padding-bottom: 9px;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.header .nav-menu li:hover a, .header .nav-menu li.current-menu-item a {
border-bottom: 2px solid #34276f; }
.header-movie {
position:relative;   
}
.header-movie video {
width: 100%;   
}
.header-image {
position: relative; }
.header-image .panel {
position: absolute;
top: 7%;
left: 0px;
display: inline-block; }
.header-image .panel:before {
content: "";
background: #34276f;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%; }
.header-image .panel .panel-inner {
padding: 30px 60px; }
.header-image .panel .panel-inner .title, .header-image .panel .panel-inner .title2, .header-image .panel .panel-inner .title3 {
isolation: isolate; }
.header-image .panel .panel-inner .title {
color: #c8c8c8;
font-weight: 200;
font-size: 52px;
line-height: 1.1em; }
.header-image .panel .panel-inner .title2 {
font-weight: 600;
font-size: 32px;
line-height: 1.1em;
color: #ffffff;
margin-top: 0.3em;
margin-bottom: 0.3em; }
.header-image .panel .panel-inner .title3 {
font-weight: normal;
font-size: 32px;
line-height: 1.1em;
color: #c2bed4; }
.header-image.non-hp .panel .panel-inner {
padding: 20px 100px 25px 60px; }
@media only screen and (max-width: 1100px), screen and (max-device-width: 1100px) {
.menu-toggle {
display: block; }
.header .nav-menu {
display: none;
-webkit-transition: none;
transition: none;
top: 92px;
background: #ffffff;
position: absolute;
top: 0px;
left: 40px;
width: calc(100% - 80px);
border-top: 1px solid #c2bed4; }
.header .nav-menu li {
width: 100%;
border-bottom: 1px solid #c2bed4; }
.header .nav-menu li a {
margin-left: 0px;
border-bottom: 0px;
font-size: 18px;
padding: 9px 10px;
border-left: 5px solid #ffffff; }
.header .nav-menu li:hover a, .header .nav-menu li.current-menu-item a {
border-left: 5px solid #34276f;
border-bottom: 0px; }
#nav-icon {
position: absolute;
right: 40px;
top: 36px;
margin: 0px 0px 0px 0px;
width: 35px;
height: 23px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
cursor: pointer;
z-index: 999; }
#nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #34276f;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease;
transition: 0.25s ease; }
#nav-icon span:nth-child(1) {
top: 0px; }
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
top: 10px; }
#nav-icon span:nth-child(4) {
top: 20px; }
#nav-icon.open span {
background: #000000; }
#nav-icon.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%; }
#nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%; } }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.header {
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px; }
.header .logo {
width: 260px; }
.header .nav-menu {
top: 53px;
right: 40px; }
.header .nav-menu li a {
font-size: 12px;
margin-left: 18px;
border-bottom: 2px solid #ffffff;
padding-bottom: 7px; }
.header .nav-menu li:hover a, .header .nav-menu li.current-menu-item a {
border-bottom: 2px solid #34276f; }
.header-image {
position: relative; }
.header-image .panel {
top: 8%; }
.header-image .panel .panel-inner {
padding: 25px 40px; }
.header-image .panel .panel-inner .title {
font-size: 45px; }
.header-image .panel .panel-inner .title2 {
font-size: 26px; }
.header-image .panel .panel-inner .title3 {
font-size: 26px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.header {
padding-top: 25px;
padding-bottom: 30px;
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px; }
.header .logo {
width: 323px; }
.header .nav-menu {
top: 92px; }
.header-image {
position: relative; }
.header-image .panel {
top: 8%; }
.header-image .panel .panel-inner {
padding: 20px 40px; }
.header-image .panel .panel-inner .title {
font-size: 32px; }
.header-image .panel .panel-inner .title2 {
font-size: 20px; }
.header-image .panel .panel-inner .title3 {
font-size: 20px; }
.header-image.non-hp .panel .panel-inner {
padding: 20px 80px 25px 40px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header {
padding-top: 25px;
padding-bottom: 30px;
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px; }
.header .logo {
width: 323px; }
.header .nav-menu {
top: 92px; }
.header-image {
position: relative; }
.header-image .panel {
top: 8%; }
.header-image .panel .panel-inner {
padding: 20px 40px; }
.header-image .panel .panel-inner .title {
font-size: 26px; }
.header-image .panel .panel-inner .title2 {
font-size: 16px; }
.header-image .panel .panel-inner .title3 {
font-size: 16px; }
.header-image.non-hp .panel .panel-inner {
padding: 20px 80px 25px 40px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.header {
padding-top: 25px;
padding-bottom: 30px;
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px; }
.header .logo {
width: 260px; }
.header .nav-menu {
top: 84px; }
#nav-icon {
top: 30px; }
.header-image {
position: relative; }
.header-image .panel {
top: 8%; }
.header-image .panel .panel-inner {
padding: 20px 40px; }
.header-image .panel .panel-inner .title {
font-size: 26px; }
.header-image .panel .panel-inner .title2 {
font-size: 16px; }
.header-image .panel .panel-inner .title3 {
font-size: 16px; }
.header-image.non-hp .panel .panel-inner {
padding: 20px 80px 25px 40px; } }
.content .homepage-intro {
margin-left: 7%;
margin-right: 7%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 5%;
padding-bottom: 5%; }
.content .homepage-intro .left-side {
margin-right: 120px;
width: calc(50% - 60px); }
.content .homepage-intro .right-side {
width: calc(50% - 60px); }
.content .homepage-intro .right-side p {
font-size: 22px; }
.panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3%; }
.panel .left-side, .panel .right-side {
width: 50%; }
.panel .left-side.image, .panel .right-side.image {
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.panel .left-side p, .panel .right-side p {
margin: 2em 0px 0em 0px; }
.panel .left-side p.end-line, .panel .right-side p.end-line {
font-weight: 600;
color: #34276f;
font-size: 22px;
margin: 0.4em 0 1.5em 0; }
.panel .left-side a, .panel .right-side a {
font-weight: 300;
color: #3d4138;
font-size: 24px;
text-transform: uppercase;
display: block; }
.panel .left-side a i, .panel .right-side a i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease; }
.panel .left-side a:hover, .panel .right-side a:hover {
color: #34276f; }
.panel .left-side a:hover i, .panel .right-side a:hover i {
background-color: #34276f;
color: #ffffff; }
.panel .left-side a.floorplans, .panel .right-side a.floorplans {
margin-top: 2em;
color: #34276f; }
.panel .left-side a.floorplans img, .panel .right-side a.floorplans img {
height: 3em;
width: auto;
display: inline-block;
float: left;
margin-top: -0.75em;
margin-right: 10px; }
.panel.panel1 .right-side {
background-color: #e3e3e3;
padding: 50px 60px;
width: calc(50% - 120px); }
.panel.panel2 .right-side {
padding: 50px 60px 50px 100px;
width: calc(50% - 160px); }
.features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #c8c8c8;
margin-bottom: 3%; }
.features .features-panel {
width: 25%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 65px;
padding-bottom: 55px; }
.features .features-panel1 {
padding-left: 100px;
width: calc(25% - 100px); }
.features .features-panel1 p {
font-weight: 300;
font-size: 24px;
text-transform: uppercase;
margin-top: 1.4em;
margin-bottom: 0.5em; }
.features .features-panel1 i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.features .features-panel1:hover i {
background-color: #34276f;
color: #ffffff; }
.features .features-panel2, .features .features-panel3, .features .features-panel4 {
text-align: center; }
.features .features-panel2 img, .features .features-panel3 img, .features .features-panel4 img {
width: 50%;
margin: 0 auto;
max-width: 160px; }
.features .features-panel2 h4, .features .features-panel3 h4, .features .features-panel4 h4 {
color: #ffffff;
font-weight: 600;
font-size: 32px;
margin-top: 0.5em; }
.features .features-panel2 h4 i, .features .features-panel3 h4 i, .features .features-panel4 h4 i {
display: inline-block;
border: 1px solid #ffffff;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #ffffff; }
.features .features-panel2:hover i, .features .features-panel3:hover i, .features .features-panel4:hover i {
background: #ffffff;
color: #34276f; }
.amenities {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3%; }
.amenities .left-side {
padding-top: 50px;
padding-bottom: 50px;
width: calc(50% - 100px);
padding-left: 100px;
background-color: #c2bed4; }
.amenities .left-side .bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2em; }
.amenities .left-side .bullets .bullets-left, .amenities .left-side .bullets .bullets-right {
width: 47%; }
.amenities .left-side .bullets .bullets-left p, .amenities .left-side .bullets .bullets-right p {
margin-right: 25%;
color: #34276f;
line-height: 1.15em;
margin-bottom: 0.65em;
position: relative;
padding-left: 20px;
font-size: 20px; }
.amenities .left-side .bullets .bullets-left p:before, .amenities .left-side .bullets .bullets-right p:before {
content: "•";
position: absolute;
top: 0px;
left: 0px; }
.amenities .left-side .bullets .bullets-right {
width: 53%; }
.amenities .right-side {
padding: 50px 6.5%;
width: 37%;
background-color: #34276f; }
.amenities .right-side h3 {
color: #ffffff; }
.amenities .right-side a {
margin-top: 1.5em;
font-size: 24px;
font-weight: 300;
color: #c8c8c8;
text-transform: uppercase;
padding-right: 25%;
display: inline-block;
line-height: 1.2em;
position: relative; }
.amenities .right-side a i {
position: absolute;
right: 0px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: inline-block;
border: 1px solid #c8c8c8;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #c8c8c8; }
.amenities .right-side a:hover {
color: #ffffff; }
.amenities .right-side a:hover i {
color: #34276f;
background: #ffffff; }
.footer-image-panel {
position: relative;
margin-bottom: 3%; }
.footer-image-panel .panel {
position: absolute;
top: 0%;
left: 0px;
display: inline-block;
width: 50%; }
.footer-image-panel .panel.panel-right {
left: auto;
right: 0px; }
.footer-image-panel .panel.panel-right:before {
content: "";
background: #3d4138;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%; }
.footer-image-panel .panel:before {
content: "";
background: #34276f;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%; }
.footer-image-panel .panel .panel-inner {
padding: 50px 100px 50px 100px; }
.footer-image-panel .panel .panel-inner h3, .footer-image-panel .panel .panel-inner div {
isolation: isolate;
color: #ffffff; }
.footer-image-panel .panel .panel-inner .image-panel-content {
margin-top: 2em;
position: relative; }
.footer-image-panel .panel .panel-inner .image-panel-content p {
float: left;
color: #ffffff;
font-size: 20px;
width: 75%; }
.footer-image-panel .panel .panel-inner .image-panel-content a {
position: absolute;
bottom: 0px;
right: 0px;
float: right;
display: inline-block;
font-size: 20px;
color: #ffffff;
font-weight: 300;
text-transform: uppercase; }
.footer-image-panel .panel .panel-inner .image-panel-content a i {
display: inline-block;
border: 1px solid #ffffff;
padding: 3px 7px;
margin-left: 5px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #ffffff; }
.footer-image-panel .panel .panel-inner .image-panel-content a:hover i {
background: #ffffff;
color: #34276f; }
.hp-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #e3e3e3;
padding-top: 50px;
padding-bottom: 50px; }
.hp-gallery .left-side {
padding-left: 100px;
width: 160px;
position: relative; }
.hp-gallery .left-side a {
display: block;
position: absolute;
bottom: 10px;
left: 100px;
font-size: 20px;
color: #3d4138;
font-weight: 300;
text-transform: uppercase; }
.hp-gallery .left-side a i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 5px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.hp-gallery .left-side a:hover i {
background: #3d4138;
color: #ffffff; }
.hp-gallery .right-side {
padding-right: 90px;
width: calc(100% - 90px - 260px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hp-gallery .right-side a.image {
margin: 10px;
width: calc(25% - 20px);
padding-bottom: 15%;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.hp-gallery .right-side a.image:hover {
opacity: 0.8; }
.hp-news {
width: calc(100% - 200px);
padding: 50px 100px; }
.hp-news .hp-news-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2em; }
.hp-news .hp-news-wrapper .hp-news-item {
width: calc(33.333% - 4px);
margin-right: 6px;
text-align: center; }
.hp-news .hp-news-wrapper .hp-news-item:last-child {
margin-right: 0px; }
.hp-news .hp-news-wrapper .hp-news-item a.image {
display: block;
padding-bottom: 75%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.hp-news .hp-news-wrapper .hp-news-item a.image:hover {
opacity: 0.8; }
.hp-news .hp-news-wrapper .hp-news-item a.title {
margin: 0 auto;
color: #34276f;
font-weight: bold;
font-size: 22px;
margin-bottom: 0.5em;
line-height: 1.1em;
margin-top: 1em;
display: block;
width: 90%; }
.hp-news .hp-news-wrapper .hp-news-item a.title:hover {
color: #3d4138; }
.hp-news .hp-news-wrapper .hp-news-item p {
margin: 0 auto;
width: 90%;
margin-bottom: 1em; }
.hp-news .hp-news-wrapper .hp-news-item a.arrow i {
display: inline-block;
border: 1px solid #34276f;
padding: 3px 9px 3px 7px;
margin-left: 5px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #34276f; }
.hp-news .hp-news-wrapper .hp-news-item a.arrow:hover i {
background: #34276f;
color: #ffffff; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.content .homepage-intro {
margin-left: 50px;
margin-right: 50px; }
.content .homepage-intro .left-side {
margin-right: 120px;
width: calc(50% - 60px); }
.content .homepage-intro .right-side {
width: calc(50% - 60px); }
.content .homepage-intro .right-side p {
font-size: 22px; }
.panel.panel2 .right-side {
padding: 50px 60px 50px 60px;
width: calc(50% - 120px); }
.features .features-panel1 {
padding-left: 60px;
width: calc(25% - 60px); }
.features .features-panel1 p {
font-size: 20px; }
.features .features-panel2 h4, .features .features-panel3 h4, .features .features-panel4 h4 {
font-size: 26px; }
.amenities .left-side {
width: calc(50% - 60px);
padding-left: 60px; }
.amenities .left-side .bullets .bullets-left p, .amenities .left-side .bullets .bullets-right p {
font-size: 18px; }
.amenities .right-side {
padding: 50px 60px;
width: calc(50% - 120px); }
.amenities .right-side a {
font-size: 24px; }
.footer-image-panel .panel .panel-inner {
padding: 30px 60px 30px 60px; }
.footer-image-panel .panel .panel-inner .image-panel-content {
position: relative; }
.footer-image-panel .panel .panel-inner .image-panel-content p {
font-size: 18px; }
.footer-image-panel .panel .panel-inner .image-panel-content a {
font-size: 18px; }
.hp-gallery {
padding-top: 40px;
padding-bottom: 40px; }
.hp-gallery .left-side {
padding-left: 60px;
width: 160px; }
.hp-gallery .right-side {
padding-right: 50px;
width: calc(100% - 50px - 220px); }
.hp-news {
width: calc(100% - 120px);
padding: 50px 60px; }
.hp-news .hp-news-wrapper .hp-news-item a.title {
font-size: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.content .homepage-intro {
margin-left: 0px;
margin-right: 0px;
padding-top: 40px;
padding-bottom: 40px; }
.content .homepage-intro .left-side {
margin-right: 0;
width: 100%;
margin-bottom: 1em; }
.content .homepage-intro .right-side {
width: 100%; }
.content .homepage-intro .right-side p {
font-size: 18px; }
.panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px; }
.panel .left-side p.end-line, .panel .right-side p.end-line {
font-size: 18px; }
.panel .left-side a, .panel .right-side a {
font-size: 20px; }
.panel.panel1 .right-side {
background-color: #e3e3e3;
padding: 30px 40px;
width: calc(50% - 80px); }
.panel.panel2 .right-side {
padding: 30px 40px 30px 40px;
width: calc(50% - 80px); }
.features {
margin-bottom: 30px; }
.features .features-panel {
width: 33.3333%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 65px;
padding-bottom: 55px; }
.features .features-panel1 {
padding-left: 40px;
width: 100%;
position: relative;
padding-top: 30px;
padding-bottom: 30px; }
.features .features-panel1 h3 {
float: left; }
.features .features-panel1 p {
font-size: 20px;
float: right;
margin-right: 85px; }
.features .features-panel1 i {
position: absolute;
right: 40px;
top: 42%; }
.features .features-panel2, .features .features-panel3, .features .features-panel4 {
text-align: center; }
.features .features-panel2 h4, .features .features-panel3 h4, .features .features-panel4 h4 {
font-size: 24px; }
.amenities {
margin-bottom: 30px; }
.amenities .left-side {
padding-top: 30px;
padding-bottom: 30px;
width: calc(50% - 40px);
padding-left: 40px; }
.amenities .left-side .bullets .bullets-left, .amenities .left-side .bullets .bullets-right {
width: 100%; }
.amenities .left-side .bullets .bullets-left p, .amenities .left-side .bullets .bullets-right p {
margin-right: 0;
font-size: 18px;
margin-right: 30px; }
.amenities .left-side .bullets .bullets-right {
width: 100%; }
.amenities .right-side {
padding: 30px;
width: calc(50% - 60px); }
.amenities .right-side a {
font-size: 24px; }
.footer-image-panel {
margin-bottom: 30px; }
.footer-image-panel .panel .panel-inner {
padding: 30px 40px 30px 40px; }
.footer-image-panel .panel .panel-inner .image-panel-content {
margin-top: 1em; }
.footer-image-panel .panel .panel-inner .image-panel-content p {
font-size: 18px;
width: 100%;
float: none; }
.footer-image-panel .panel .panel-inner .image-panel-content a {
position: static;
display: block;
float: none;
margin-top: 1em;
font-size: 16px; }
.hp-gallery {
padding-top: 30px;
padding-bottom: 30px; }
.hp-gallery .left-side {
padding-left: 40px; }
.hp-gallery .left-side a {
bottom: 5px;
font-size: 16px; }
.hp-gallery .right-side {
padding-right: 40px;
width: calc(100% - 40px - 200px); }
.hp-gallery .right-side a.image {
margin: 5px;
width: calc(33.33333% - 10px);
padding-bottom: 20%; }
.hp-gallery .right-side a.image:last-child {
display: none; }
.hp-news {
width: calc(100% - 80px);
padding: 30px 40px; }
.hp-news .hp-news-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px; }
.hp-news .hp-news-wrapper .hp-news-item a.title {
font-size: 18px; }
.hp-news .hp-news-wrapper .hp-news-item p {
font-size: 15px; }
.hp-news .hp-news-wrapper .hp-news-item a.arrow i {
font-size: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.content .homepage-intro {
margin-left: 0px;
margin-right: 0px;
padding-top: 30px;
padding-bottom: 30px; }
.content .homepage-intro .left-side {
margin-right: 0px;
width: 100%;
margin-bottom: 1em; }
.content .homepage-intro .right-side {
width: 100%; }
.content .homepage-intro .right-side p {
font-size: 18px; }
.panel {
margin-bottom: 20px; }
.panel .left-side, .panel .right-side {
width: 100%; }
.panel .left-side.image, .panel .right-side.image {
padding-bottom: 60%; }
.panel .left-side p.end-line, .panel .right-side p.end-line {
font-size: 16px; }
.panel .left-side a, .panel .right-side a {
font-size: 18px; }
.panel .left-side a.floorplans, .panel .right-side a.floorplans {
margin-top: 2em;
color: #34276f; }
.panel .left-side a.floorplans img, .panel .right-side a.floorplans img {
height: 3em;
width: auto;
display: inline-block;
float: left;
margin-top: -0.75em;
margin-right: 10px; }
.panel.panel1 .right-side {
background-color: #e3e3e3;
padding: 30px 40px;
width: calc(100% - 80px); }
.panel.panel2 .right-side {
padding: 30px 40px 10px 40px;
width: calc(100% - 80px); }
.panel.panel2 .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.panel.panel2 .right-side {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.features {
margin-bottom: 20px; }
.features .features-panel {
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 65px;
padding-bottom: 55px; }
.features .features-panel1 {
padding-left: 40px;
width: 100%;
position: relative;
padding-top: 30px;
padding-bottom: 30px; }
.features .features-panel1 h3 {
float: left; }
.features .features-panel1 p {
font-size: 20px;
float: right;
margin-right: 85px; }
.features .features-panel1 i {
position: absolute;
right: 40px;
top: 42%; }
.features .features-panel2, .features .features-panel3, .features .features-panel4 {
text-align: center; }
.features .features-panel2 h4, .features .features-panel3 h4, .features .features-panel4 h4 {
font-size: 24px; }
.amenities {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px; }
.amenities .left-side {
padding: 30px 40px;
width: calc(100% - 80px); }
.amenities .left-side .bullets .bullets-left, .amenities .left-side .bullets .bullets-right {
width: 100%; }
.amenities .left-side .bullets .bullets-left p, .amenities .left-side .bullets .bullets-right p {
font-size: 18px; }
.amenities .left-side .bullets .bullets-right {
width: 100%; }
.amenities .right-side {
padding: 30px 40px;
width: calc(100% - 80px); }
.amenities .right-side a {
font-size: 20px; }
.amenities .right-side a i {
font-size: 20px; }
.footer-image-panel {
margin-bottom: 20px; }
.footer-image-panel .panel {
height: 100%;
width: 50%; }
.footer-image-panel .panel .panel-inner {
padding: 20px 40px; }
.footer-image-panel .panel .panel-inner h3 {
font-size: 24px; }
.footer-image-panel .panel .panel-inner .image-panel-content {
margin-top: 1em;
height: 100%;
position: static; }
.footer-image-panel .panel .panel-inner .image-panel-content p {
display: none; }
.footer-image-panel .panel .panel-inner .image-panel-content a {
font-size: 14px;
right: 20px;
bottom: 20px; }
.hp-gallery {
padding-top: 20px;
padding-bottom: 20px; }
.hp-gallery .left-side {
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px);
position: relative; }
.hp-gallery .left-side a {
bottom: 0px;
left: auto;
right: 40px;
font-size: 16px; }
.hp-gallery .right-side {
padding-right: 35px;
padding-left: 35px;
width: calc(100% - 70px);
padding-top: 10px; }
.hp-gallery .right-side a.image {
margin: 5px;
width: calc(33.3333% - 10px);
padding-bottom: 22.5%; }
.hp-gallery .right-side a.image:last-child {
display: none; }
.hp-news {
width: calc(100% - 80px);
padding: 20px 40px; }
.hp-news .hp-news-wrapper .hp-news-item {
width: 100%;
margin-bottom: 20px;
margin-right: 0px; }
.hp-news .hp-news-wrapper .hp-news-item a.title {
font-size: 20px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.content .homepage-intro {
margin-left: 0px;
margin-right: 0px;
padding-top: 30px;
padding-bottom: 30px; }
.content .homepage-intro .left-side {
margin-right: 0px;
width: 100%;
margin-bottom: 1em; }
.content .homepage-intro .right-side {
width: 100%; }
.content .homepage-intro .right-side p {
font-size: 18px; }
.panel {
margin-bottom: 20px; }
.panel .left-side, .panel .right-side {
width: 100%; }
.panel .left-side.image, .panel .right-side.image {
padding-bottom: 60%; }
.panel .left-side p.end-line, .panel .right-side p.end-line {
font-size: 16px; }
.panel .left-side a, .panel .right-side a {
font-size: 18px; }
.panel .left-side a.floorplans, .panel .right-side a.floorplans {
margin-top: 2em;
color: #34276f; }
.panel .left-side a.floorplans img, .panel .right-side a.floorplans img {
height: 3em;
width: auto;
display: inline-block;
float: left;
margin-top: -0.75em;
margin-right: 10px; }
.panel.panel1 .right-side {
background-color: #e3e3e3;
padding: 30px 40px;
width: calc(100% - 80px); }
.panel.panel2 .right-side {
padding: 30px 40px 10px 40px;
width: calc(100% - 80px); }
.panel.panel2 .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.panel.panel2 .right-side {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.features {
margin-bottom: 20px; }
.features .features-panel {
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 65px;
padding-bottom: 55px; }
.features .features-panel1 {
padding-left: 40px;
width: 100%;
position: relative;
padding-top: 30px;
padding-bottom: 30px; }
.features .features-panel1 h3 {
float: left; }
.features .features-panel1 p {
font-size: 20px;
float: right;
margin-right: 85px; }
.features .features-panel1 i {
position: absolute;
right: 40px;
top: 42%; }
.features .features-panel2, .features .features-panel3, .features .features-panel4 {
text-align: center; }
.features .features-panel2 h4, .features .features-panel3 h4, .features .features-panel4 h4 {
font-size: 24px; }
.amenities {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px; }
.amenities .left-side {
padding: 30px 40px;
width: calc(100% - 80px); }
.amenities .left-side .bullets .bullets-left, .amenities .left-side .bullets .bullets-right {
width: 100%; }
.amenities .left-side .bullets .bullets-left p, .amenities .left-side .bullets .bullets-right p {
font-size: 18px; }
.amenities .left-side .bullets .bullets-right {
width: 100%; }
.amenities .right-side {
padding: 30px 40px;
width: calc(100% - 80px); }
.amenities .right-side a {
font-size: 20px; }
.amenities .right-side a i {
font-size: 20px; }
.footer-image-panel {
margin-bottom: 20px; }
.footer-image-panel .panel {
height: 100%;
width: 50%; }
.footer-image-panel .panel .panel-inner {
padding: 20px 40px; }
.footer-image-panel .panel .panel-inner h3 {
font-size: 24px; }
.footer-image-panel .panel .panel-inner .image-panel-content {
margin-top: 1em;
height: 100%;
position: static; }
.footer-image-panel .panel .panel-inner .image-panel-content p {
display: none; }
.footer-image-panel .panel .panel-inner .image-panel-content a {
font-size: 14px;
right: 20px;
bottom: 20px; }
.hp-gallery {
padding-top: 20px;
padding-bottom: 20px; }
.hp-gallery .left-side {
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px);
position: relative; }
.hp-gallery .left-side a {
bottom: 0px;
left: auto;
right: 40px;
font-size: 16px; }
.hp-gallery .right-side {
padding-right: 35px;
padding-left: 35px;
width: calc(100% - 70px);
padding-top: 10px; }
.hp-gallery .right-side a.image {
margin: 5px;
width: calc(33.3333% - 10px);
padding-bottom: 22.5%; }
.hp-gallery .right-side a.image:last-child {
display: none; }
.hp-news {
width: calc(100% - 80px);
padding: 20px 40px; }
.hp-news .hp-news-wrapper .hp-news-item {
width: 100%;
margin-bottom: 20px;
margin-right: 0px; }
.hp-news .hp-news-wrapper .hp-news-item a.title {
font-size: 20px; } }
.intro-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3em; }
.intro-panel .left-side {
width: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.intro-panel .right-side {
width: calc(50% - 100px - 120px);
margin-right: 100px;
padding: 45px 60px; }
.intro-panel .right-side p strong {
font-size: 22px; }
.intro-panel.intro-panel2 .right-side {
margin-right: 60px;
margin-left: 40px;
width: calc(50% - 100px - 120px); }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.intro-panel .right-side {
width: calc(50% - 120px);
margin-right: 0px; }
.intro-panel.intro-panel2 .right-side {
margin-right: 0px;
margin-left: 0px;
width: calc(50% - 120px); }
}
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.intro-panel {
margin-bottom: 30px; }
.intro-panel .right-side {
width: calc(50% - 80px);
margin-right: 0px;
padding: 30px 40px; }
.intro-panel .right-side p strong {
font-size: 18px; }
.intro-panel.intro-panel2 .right-side {
margin-right: 0px;
margin-left: 0px;
width: calc(50% - 80px); }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.intro-panel {
margin-bottom: 20px; }
.intro-panel .left-side {
width: 100%;
padding-bottom: 60%; }
.intro-panel .right-side {
width: calc(100% - 80px);
margin-right: 0px;
padding: 45px 40px; }
.intro-panel .right-side p strong {
font-size: 18px; }
.intro-panel.intro-panel2 .right-side {
margin-right: 0px;
margin-left: 0px;
width: calc(100% - 80px); }
.intro-panel.intro-panel2 .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.intro-panel.intro-panel2 .right-side {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.intro-panel {
margin-bottom: 20px; }
.intro-panel .left-side {
width: 100%;
padding-bottom: 60%; }
.intro-panel .right-side {
width: calc(100% - 80px);
margin-right: 0px;
padding: 45px 40px; }
.intro-panel .right-side p strong {
font-size: 16px; }
.intro-panel.intro-panel2 .right-side {
margin-right: 0px;
margin-left: 0px;
width: calc(100% - 80px); }
.intro-panel.intro-panel2 .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.intro-panel.intro-panel2 .right-side {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
}
.homepage-intro.accommodation-intro h2 {
margin-bottom: 1em; }
.homepage-intro.accommodation-intro .left-side {
width: 35%;
margin-right: 9%;
margin-top: 7em; }
.homepage-intro.accommodation-intro .left-side p strong {
font-size: 22px; }
.homepage-intro.accommodation-intro .left-side a {
font-weight: 300;
color: #3d4138;
font-size: 24px;
text-transform: uppercase;
display: block; }
.homepage-intro.accommodation-intro .left-side a i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.homepage-intro.accommodation-intro .left-side a:hover {
color: #34276f; }
.homepage-intro.accommodation-intro .left-side a:hover i {
color: #ffffff;
background: #34276f; }
.homepage-intro.accommodation-intro .left-side p a {
text-transform: lowercase;
font-size: 18px;
display: inline;
color: #34276f;
font-weight: 600; }
.homepage-intro.accommodation-intro .left-side p a:hover {
color: #3d4138; }
.homepage-intro.accommodation-intro .right-side {
width: 56%;
position: relative; }
.homepage-intro.accommodation-intro .right-side .caption {
position: absolute;
right: 0px;
bottom: 20%;
font-weight: 500;
color: #3d4138;
font-size: 22px;
width: 130px;
line-height: 1.1em; }
.anchor {
position: absolute;
top: -101px;
left: 0px;
z-index: -999; }
.floorplans-section {
position: relative;
background: #c2bed4;
padding: 3% 100px 4% 100px;
width: calc(100% - 200px);
margin-bottom: 3em; }
.floorplans-section .floorplans-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 1em; }
.floorplans-section .floorplans-wrapper .floorplan {
width: 50%; }
.floorplans-section .floorplans-wrapper .floorplan:first-child {
margin-left: 25%;
margin-right: 25%; }
.floorplans-section .floorplans-wrapper .floorplan .title {
float: left;
width: 41%;
margin-left: 9%;
font-size: 22px;
font-weight: 500;
color: #34276f; }
.floorplans-section .floorplans-wrapper .floorplan a {
float: right;
text-align: right;
margin-right: 5%;
width: 41%;
font-size: 22px;
color: #3d4138;
font-weight: 300;
text-transform: uppercase; }
.floorplans-section .floorplans-wrapper .floorplan a i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.floorplans-section .floorplans-wrapper .floorplan a:hover {
color: #34276f; }
.floorplans-section .floorplans-wrapper .floorplan a:hover i {
color: #ffffff;
background: #34276f; }
.design-features {
position: relative;
background: #e9e9e9;
padding-bottom: 3%; }
.design-features h2 {
display: inline-block;
width: calc(50% - 160px);
background: #34276f;
color: #e9e9e9;
font-weight: 200;
font-size: 52px;
padding: 20px 100px 25px 60px;
margin-bottom: 1em; }
.design-features .feature-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.design-features .feature-wrapper .left-side {
margin-left: 100px;
margin-right: 60px;
width: calc(50% - 160px); }
.design-features .feature-wrapper .left-side h3 {
float: left; }
.design-features .feature-wrapper .left-side .icon {
float: right;
width: 110px; }
.design-features .feature-wrapper .left-side p {
margin-bottom: 1.5em; }
.design-features .feature-wrapper .left-side p strong {
color: #3d4138;
text-transform: uppercase;
margin-bottom: -0.5em;
display: block; }
.design-features .feature-wrapper .left-side img {
max-width: 360px; }
.design-features .feature-wrapper .left-side em {
font-style: normal;
font-size: 14px;
display: block;
margin-bottom: -3em; }
.design-features .feature-wrapper .right-side {
width: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.design-features .feature-wrapper .right-side.right-side-margins .inner-right-side {
margin: 60px 100px 0px 60px;
width: calc(100% - 160px);
height: calc(100% - 60px);
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bathrooms {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 3em;
margin-bottom: 3em; }
.bathrooms .left-side {
width: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.bathrooms .right-side {
width: calc(50% - 160px);
padding: 10px 100px 60px 60px; }
.bathrooms .right-side .icon {
width: 110px;
float: right; }
.bathrooms .right-side h3 {
float: left;
margin-top: 40px;
margin-bottom: 2em; }
.bathrooms .right-side p {
padding-left: 15px;
position: relative; }
.bathrooms .right-side p:before {
content: "•";
position: absolute;
top: 0px;
left: 0px; }
.flooring {
position: relative;
background: #e9e9e9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 3em;
padding-bottom: 3em;
margin-bottom: 3em; }
.flooring .left-side {
padding: 60px 60px 60px 100px;
width: calc(38% - 160px); }
.flooring .left-side .icon {
width: 110px; }
.flooring .left-side h3 {
margin-top: 1em;
margin-bottom: 1em; }
.flooring .right-side {
width: 62%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.homepage-intro.accommodation-intro h2 {
margin-bottom: 1em; }
.homepage-intro.accommodation-intro .left-side {
width: 46%;
margin-right: 4%;
margin-top: 1em; }
.homepage-intro.accommodation-intro .left-side a {
font-size: 22px; }
.homepage-intro.accommodation-intro .right-side {
width: 50%; }
.homepage-intro.accommodation-intro .right-side .caption {
font-size: 18px; }
.floorplans-section {
padding: 3% 60px 4% 60px;
width: calc(100% - 120px); }
.floorplans-section .floorplans-wrapper .floorplan .title {
font-size: 20px; }
.floorplans-section .floorplans-wrapper .floorplan a {
font-size: 20px; }
.floorplans-section .floorplans-wrapper .floorplan a i {
font-size: 20px; }
.design-features {
padding-bottom: 4em; }
.design-features h2 {
display: inline-block;
width: calc(50% - 120px);
font-size: 40px;
padding: 20px 60px 25px 60px; }
.design-features .feature-wrapper .left-side {
margin-left: 60px;
width: calc(50% - 120px); }
.design-features .feature-wrapper .right-side.right-side-margins .inner-right-side {
margin: 60px 60px 0px 60px;
width: calc(100% - 120px); }
.flooring .left-side {
padding: 60px 60px 60px 60px;
width: calc(38% - 120px); } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.anchor {
top: -91px; }
.homepage-intro.accommodation-intro {
padding-bottom: 20px; }
.homepage-intro.accommodation-intro .left-side {
width: 100%;
margin-right: 0%;
margin-top: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.homepage-intro.accommodation-intro .left-side p strong {
font-size: 18px; }
.homepage-intro.accommodation-intro .left-side p br {
display: none; }
.homepage-intro.accommodation-intro .left-side a {
font-size: 20px; }
.homepage-intro.accommodation-intro .left-side a i {
font-size: 20px; }
.homepage-intro.accommodation-intro .right-side {
margin-bottom: 2em;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
position: relative; }
.homepage-intro.accommodation-intro .right-side img {
max-width: 480px;
margin: 0 auto;
margin-bottom: 1em; }
.homepage-intro.accommodation-intro .right-side .caption {
right: auto;
left: 70%;
width: 30%;
bottom: 20%;
font-size: 14px; }
.floorplans-section {
padding: 30px 40px 40px 40px;
width: calc(100% - 80px);
margin-bottom: 30px; }
.floorplans-section .floorplans-wrapper .floorplan .title {
font-size: 18px; }
.floorplans-section .floorplans-wrapper .floorplan a {
font-size: 18px; }
.floorplans-section .floorplans-wrapper .floorplan a i {
font-size: 20px; }
.design-features {
padding-bottom: 45px; }
.design-features h2 {
width: auto;
font-size: 32px;
padding: 20px 80px 25px 40px; }
.design-features .feature-wrapper .left-side {
margin-left: 40px;
margin-right: 40px;
width: calc(50% - 80px); }
.design-features .feature-wrapper .left-side .icon {
width: 80px; }
.design-features .feature-wrapper .left-side em {
font-size: 13px; }
.design-features .feature-wrapper .right-side.right-side-margins .inner-right-side {
margin: 40px 0px 0px 0px;
width: 100%;
height: calc(100% - 40px); }
.bathrooms {
margin-top: 30px;
margin-bottom: 30px; }
.bathrooms .right-side {
width: calc(50% - 80px);
padding: 10px 40px 40px 40px; }
.bathrooms .right-side .icon {
width: 80px; }
.bathrooms .right-side h3 {
float: left;
margin-top: 20px;
margin-bottom: 1em; }
.flooring {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px; }
.flooring .left-side {
padding: 20px 40px;
width: calc(38% - 80px); }
.flooring .left-side .icon {
width: 80px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.anchor {
top: -91px; }
.homepage-intro.accommodation-intro h2 {
margin-bottom: 1em; }
.homepage-intro.accommodation-intro .left-side {
width: 100%;
margin-right: 0%;
margin-top: 20px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.homepage-intro.accommodation-intro .left-side p strong {
font-size: 17px; }
.homepage-intro.accommodation-intro .left-side p br {
display: none; }
.homepage-intro.accommodation-intro .left-side a {
font-size: 18px; }
.homepage-intro.accommodation-intro .left-side a i {
font-size: 18px; }
.homepage-intro.accommodation-intro .right-side {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px; }
.homepage-intro.accommodation-intro .right-side .caption {
right: 0px;
bottom: 0%;
font-size: 16px; }
.floorplans-section {
padding: 20px 40px 30px 40px;
width: calc(100% - 80px);
margin-bottom: 20px; }
.floorplans-section .floorplans-wrapper .floorplan {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px; }
.floorplans-section .floorplans-wrapper .floorplan:first-child {
margin-left: -30px;
margin-right: -30px; }
.floorplans-section .floorplans-wrapper .floorplan .title {
font-size: 18px; }
.floorplans-section .floorplans-wrapper .floorplan a {
font-size: 18px; }
.floorplans-section .floorplans-wrapper .floorplan a i {
font-size: 18px; }
.design-features {
padding-bottom: 20px; }
.design-features h2 {
width: calc(100% - 80px);
font-size: 26px;
padding: 20px 40px 25px 40px;
margin-bottom: 0px; }
.design-features .feature-wrapper .left-side {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 40px;
margin-right: 40px;
width: calc(100% - 80px); }
.design-features .feature-wrapper .left-side .icon {
width: 70px; }
.design-features .feature-wrapper .left-side img {
max-width: 1000px; }
.design-features .feature-wrapper .left-side em {
font-style: normal;
font-size: 12px;
margin-bottom: 0px; }
.design-features .feature-wrapper .right-side {
width: 100%;
padding-bottom: 60%;
margin-bottom: 20px; }
.design-features .feature-wrapper.feature-wrapper-bottom .right-side {
padding-bottom: 20%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.design-features .feature-wrapper.feature-wrapper-bottom .right-side .inner-right-side {
margin: 0px 0px 0px 0px;
width: 100%;
height: calc(100% - 40px);
padding-bottom: 37%; }
.design-features .feature-wrapper.feature-wrapper-bottom .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.bathrooms {
margin-top: 20px;
margin-bottom: 20px; }
.bathrooms .left-side {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 60%; }
.bathrooms .right-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 80px);
padding: 20px 40px 30px 40px; }
.bathrooms .right-side .icon {
width: 80px; }
.bathrooms .right-side h3 {
margin-top: 0px;
margin-bottom: 1em; }
.flooring {
padding-top: 20px;
padding-bottom: 0px;
margin-bottom: 20px; }
.flooring .left-side {
width: calc(100% - 80px);
padding: 20px 40px 30px 40px; }
.flooring .left-side .icon {
width: 80px;
float: right;
margin-top: -20px; }
.flooring .left-side h3 {
margin-top: 0px; }
.flooring .right-side {
width: 100%;
padding-bottom: 60%; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.anchor {
top: -84px; }
.homepage-intro.accommodation-intro h2 {
margin-bottom: 1em; }
.homepage-intro.accommodation-intro .left-side {
width: 100%;
margin-right: 0%;
margin-top: 20px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.homepage-intro.accommodation-intro .left-side p strong {
font-size: 16px; }
.homepage-intro.accommodation-intro .left-side a {
font-size: 18px; }
.homepage-intro.accommodation-intro .left-side a i {
font-size: 18px; }
.homepage-intro.accommodation-intro .right-side {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 20px; }
.homepage-intro.accommodation-intro .right-side .caption {
right: 0px;
bottom: 0%;
font-size: 14px; }
.floorplans-section {
padding: 20px 40px 30px 40px;
width: calc(100% - 80px);
margin-bottom: 20px; }
.floorplans-section .floorplans-wrapper .floorplan {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px; }
.floorplans-section .floorplans-wrapper .floorplan:first-child {
margin-left: -30px;
margin-right: -30px; }
.floorplans-section .floorplans-wrapper .floorplan .title {
font-size: 16px; }
.floorplans-section .floorplans-wrapper .floorplan a {
font-size: 16px; }
.floorplans-section .floorplans-wrapper .floorplan a i {
font-size: 16px; }
.design-features {
padding-bottom: 20px; }
.design-features h2 {
width: calc(100% - 80px);
font-size: 26px;
padding: 20px 40px 25px 40px;
margin-bottom: 0px; }
.design-features .feature-wrapper .left-side {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: 40px;
margin-right: 40px;
width: calc(100% - 80px); }
.design-features .feature-wrapper .left-side .icon {
width: 70px; }
.design-features .feature-wrapper .left-side img {
max-width: 1000px; }
.design-features .feature-wrapper .left-side em {
font-style: normal;
font-size: 12px;
margin-bottom: 0px; }
.design-features .feature-wrapper .right-side {
width: 100%;
padding-bottom: 60%;
margin-bottom: 20px; }
.design-features .feature-wrapper.feature-wrapper-bottom .right-side {
padding-bottom: 20%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.design-features .feature-wrapper.feature-wrapper-bottom .right-side .inner-right-side {
margin: 0px 0px 0px 0px;
width: 100%;
height: calc(100% - 40px);
padding-bottom: 37%; }
.design-features .feature-wrapper.feature-wrapper-bottom .left-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.bathrooms {
margin-top: 20px;
margin-bottom: 20px; }
.bathrooms .left-side {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 60%; }
.bathrooms .right-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(100% - 80px);
padding: 20px 40px 30px 40px; }
.bathrooms .right-side .icon {
width: 80px; }
.bathrooms .right-side h3 {
margin-top: 0px;
margin-bottom: 1em; }
.flooring {
padding-top: 20px;
padding-bottom: 0px;
margin-bottom: 20px; }
.flooring .left-side {
width: calc(100% - 80px);
padding: 20px 40px 30px 40px; }
.flooring .left-side .icon {
width: 80px;
float: right;
margin-top: -20px; }
.flooring .left-side h3 {
margin-top: 0px; }
.flooring .right-side {
width: 100%;
padding-bottom: 60%; } }
.retail-floorplan {
padding-top: 3%;
padding-bottom: 5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 75px;
padding-right: 100px;
width: calc(100% - 175px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.retail-floorplan .left-side {
width: 61%;
margin-right: 7%; }
.retail-floorplan .left-side h3 {
margin-left: 25px; }
.retail-floorplan .left-side .title {
float: left;
width: 41%;
margin-left: 25px;
font-size: 22px;
font-weight: 500;
color: #34276f; }
.retail-floorplan .left-side a {
float: right;
text-align: right;
margin-right: 5%;
width: 41%;
font-size: 22px;
color: #3d4138;
font-weight: 300;
text-transform: uppercase; }
.retail-floorplan .left-side a i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.retail-floorplan .left-side a:hover {
color: #34276f; }
.retail-floorplan .left-side a:hover i {
color: #ffffff;
background: #34276f; }
.retail-floorplan .right-side {
width: 32%; }
.retail-floorplan .right-side p a strong {
-webkit-transition: 0.3s ease;
transition: 0.3s ease; }
.retail-floorplan .right-side p a:hover strong {
color: #3d4138; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.retail-floorplan {
padding-top: 1em;
padding-left: 35px;
padding-right: 60px;
width: calc(100% - 95px); }
.retail-floorplan .left-side .title {
font-size: 20px; }
.retail-floorplan .left-side a {
font-size: 20px; }
.retail-floorplan .left-side a i {
font-size: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.retail-floorplan {
padding-top: 10px;
padding-bottom: 60px;
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.retail-floorplan .left-side {
width: 100%;
margin-right: 0%;
margin-bottom: 30px; }
.retail-floorplan .left-side h3 {
margin-left: 0px; }
.retail-floorplan .left-side .title {
font-size: 18px;
margin-left: 0px; }
.retail-floorplan .left-side a {
font-size: 20px; }
.retail-floorplan .left-side a i {
font-size: 20px; }
.retail-floorplan .right-side {
width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.retail-floorplan {
padding-top: 10px;
padding-bottom: 60px;
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.retail-floorplan .left-side {
width: 100%;
margin-right: 0%;
margin-bottom: 30px; }
.retail-floorplan .left-side h3 {
margin-left: 0px; }
.retail-floorplan .left-side .title {
font-size: 18px;
margin-left: 0px; }
.retail-floorplan .left-side a {
font-size: 18px; }
.retail-floorplan .left-side a i {
font-size: 18px; }
.retail-floorplan .right-side {
width: 100%; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.retail-floorplan {
padding-top: 10px;
padding-bottom: 60px;
padding-left: 40px;
padding-right: 40px;
width: calc(100% - 80px); }
.retail-floorplan .left-side {
width: 100%;
margin-right: 0%;
margin-bottom: 30px; }
.retail-floorplan .left-side h3 {
margin-left: 0px; }
.retail-floorplan .left-side .title {
font-size: 16px;
margin-left: 0px; }
.retail-floorplan .left-side a {
font-size: 16px; }
.retail-floorplan .left-side a i {
font-size: 16px; }
.retail-floorplan .right-side {
width: 100%; } }
.location-block {
margin-bottom: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.location-block .left-side {
width: calc(50% - 160px);
padding: 60px 60px 60px 100px; }
.location-block .right-side {
width: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 450px; }
.location-block.location-block-2 .left-side {
padding: 60px 100px 60px 60px; }
.location-block .endline {
margin-left: 100px;
margin-right: 100px;
font-size: 24px;
font-weight: 500;
color: #34276f;
margin-top: 1.5em; }
.detailed-content {
background: #e3e3e3;
padding: 3em 0px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.detailed-content .left-side {
width: calc(50% - 160px);
padding: 0px 60px 0px 100px; }
.detailed-content .left-side p {
margin-bottom: 1.45em; }
.detailed-content .left-side p strong {
margin-bottom: -0.9em;
display: block; }
.detailed-content .right-side {
width: calc(50% - 160px);
padding: 0px 100px 0px 60px; }
.detailed-content .right-side p {
margin-bottom: 1.5em; }
.detailed-content .right-side p strong {
margin-bottom: -0.9em;
display: block; }
.detailed-content.location-images {
margin-bottom: 3%;
padding-bottom: 4em; }
.detailed-content.location-images .left-side {
width: calc(50% - 105px);
padding: 0px 5px 0px 100px; }
.detailed-content.location-images .right-side {
width: calc(50% - 105px);
padding: 0px 100px 0px 5px; }
.detailed-content.location-images .caption {
margin-top: 0.75em;
font-size: 16px;
font-weight: 400;
color: #3d4138; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.location-block {
margin-bottom: 3em;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.location-block .left-side {
width: calc(50% - 120px);
padding: 40px 60px 40px 60px; }
.location-block .right-side {
min-height: auto; }
.location-block.location-block-2 .left-side {
padding: 40px 60px 40px 60px; }
.location-block .endline {
margin-left: 60px;
margin-right: 60px;
font-size: 19px; }
.detailed-content .left-side {
width: calc(50% - 120px);
padding: 0px 60px 0px 60px; }
.detailed-content .right-side {
width: calc(50% - 120px);
padding: 0px 60px 0px 60px; }
.detailed-content.location-images .left-side {
width: calc(50% - 65px);
padding: 0px 5px 0px 60px; }
.detailed-content.location-images .right-side {
width: calc(50% - 65px);
padding: 0px 60px 0px 5px; }
.detailed-content.location-images .caption {
font-size: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.location-block {
margin-bottom: 30px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.location-block .left-side {
width: calc(50% - 80px);
padding: 30px 40px; }
.location-block .right-side {
min-height: auto; }
.location-block.location-block-2 .left-side {
padding: 30px 40px; }
.location-block .endline {
margin-left: 40px;
margin-right: 40px;
font-size: 18px; }
.detailed-content {
padding: 30px 0px 0px 0px; }
.detailed-content .left-side {
width: calc(50% - 70px);
padding: 0px 30px 0px 40px; }
.detailed-content .right-side {
width: calc(50% - 70px);
padding: 0px 40px 0px 30px; }
.detailed-content.location-images {
margin-bottom: 30px;
padding-bottom: 40px; }
.detailed-content.location-images .left-side {
width: calc(50% - 45px);
padding: 0px 5px 0px 40px; }
.detailed-content.location-images .right-side {
width: calc(50% - 45px);
padding: 0px 40px 0px 5px; }
.detailed-content.location-images .caption {
font-size: 13px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.location-block {
margin-bottom: 0px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.location-block .left-side {
width: calc(100% - 80px);
padding: 20px 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.location-block .right-side {
width: 100%;
min-height: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-bottom: 60%; }
.location-block.location-block-2 {
padding-bottom: 30px; }
.location-block.location-block-2 .left-side {
padding: 20px 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.location-block.location-block-2 .right-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.location-block .endline {
margin-left: 40px;
margin-right: 40px;
font-size: 16px;
margin-top: 0px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.detailed-content {
background: #e3e3e3;
padding: 30px 0px 0px 0px; }
.detailed-content .left-side {
width: calc(100% - 80px);
padding: 0px 40px 1em 40px; }
.detailed-content .right-side {
width: calc(100% - 80px);
padding: 0px 40px 0px 40px; }
.detailed-content.location-images {
margin-bottom: 20px;
padding-bottom: 30px; }
.detailed-content.location-images .left-side {
width: calc(100% - 80px);
padding: 0px 40px 20px 40px; }
.detailed-content.location-images .right-side {
width: calc(100% - 80px);
padding: 0px 40px 0px 40px; }
.detailed-content.location-images .caption {
margin-top: 0.5em;
font-size: 12px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.location-block {
margin-bottom: 0px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.location-block .left-side {
width: calc(100% - 80px);
padding: 20px 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.location-block .right-side {
width: 100%;
min-height: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-bottom: 60%; }
.location-block.location-block-2 {
padding-bottom: 30px; }
.location-block.location-block-2 .left-side {
padding: 20px 40px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.location-block.location-block-2 .right-side {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.location-block .endline {
margin-left: 40px;
margin-right: 40px;
font-size: 16px;
margin-top: 0px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.detailed-content {
background: #e3e3e3;
padding: 30px 0px 0px 0px; }
.detailed-content .left-side {
width: calc(100% - 80px);
padding: 0px 40px 1em 40px; }
.detailed-content .right-side {
width: calc(100% - 80px);
padding: 0px 40px 0px 40px; }
.detailed-content.location-images {
margin-bottom: 20px;
padding-bottom: 30px; }
.detailed-content.location-images .left-side {
width: calc(100% - 80px);
padding: 0px 40px 20px 40px; }
.detailed-content.location-images .right-side {
width: calc(100% - 80px);
padding: 0px 40px 0px 40px; }
.detailed-content.location-images .caption {
margin-top: 0.5em;
font-size: 12px; } }
.non-image-header {
background: #e3e3e3;
padding-top: 60px;
padding-bottom: 110px; }
.non-image-header h2 {
color: #c8c8c8;
font-weight: 200;
font-size: 52px;
line-height: 1.1em;
background: #34276f;
padding: 20px 100px 25px 60px;
display: inline-block; }
.non-image-header p {
text-align: right;
margin-left: 100px;
margin-right: 100px;
margin-bottom: -2em;
font-size: 22px; }
.gallery-wrapper {
width: calc(100% - 166px);
padding-left: 83px;
padding-right: 83px;
margin-top: -67px;
margin-bottom: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.gallery-wrapper a {
display: block;
margin: 17px;
width: calc(25% - 34px); }
.gallery-wrapper a:hover {
opacity: 0.8; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.non-image-header {
padding-top: 50px;
padding-bottom: 80px; }
.non-image-header h2 {
font-size: 45px;
padding: 20px 100px 25px 60px; }
.non-image-header p {
margin-left: 60px;
margin-right: 60px;
margin-bottom: -1.2em;
font-size: 20px; }
.gallery-wrapper {
width: calc(100% - 86px);
padding-left: 43px;
padding-right: 43px;
margin-top: -57px;
margin-bottom: 3em; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.non-image-header {
padding-top: 40px;
padding-bottom: 70px; }
.non-image-header h2 {
font-size: 32px;
padding: 20px 80px 25px 40px; }
.non-image-header p {
margin-left: 40px;
margin-right: 40px;
margin-bottom: -1.2em;
font-size: 18px; }
.gallery-wrapper {
width: calc(100% - 60px);
padding-left: 30px;
padding-right: 30px;
margin-top: -47px;
margin-bottom: 30px; }
.gallery-wrapper a {
margin: 10px;
width: calc(33.3333% - 20px); } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.non-image-header {
padding-top: 30px;
padding-bottom: 50px; }
.non-image-header h2 {
font-size: 26px;
padding: 20px 80px 25px 40px; }
.non-image-header p {
margin-left: 40px;
margin-right: 40px;
margin-bottom: -1em;
font-size: 16px; }
.gallery-wrapper {
width: calc(100% - 60px);
padding-left: 30px;
padding-right: 30px;
margin-top: -35px;
margin-bottom: 20px; }
.gallery-wrapper a {
margin: 10px;
width: calc(50% - 20px); } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.non-image-header {
padding-top: 30px;
padding-bottom: 50px; }
.non-image-header h2 {
font-size: 26px;
padding: 20px 80px 25px 40px; }
.non-image-header p {
margin-left: 40px;
margin-right: 40px;
margin-bottom: -1em;
font-size: 14px; }
.gallery-wrapper {
width: calc(100% - 70px);
padding-left: 35px;
padding-right: 35px;
margin-top: -35px;
margin-bottom: 20px; }
.gallery-wrapper a {
margin: 5px;
width: calc(50% - 10px); } }
.non-image-header.information-header {
padding-bottom: 3em;
margin-bottom: 3%; }
.non-image-header.information-header h3 {
margin: 1.5em 100px 0.5em 100px; }
.information {
padding: 30px 180px 50px 180px;
width: calc(100% - 360px);
max-width: 1000px;
margin: 0 auto; }
.information p strong {
font-size: 22px; }
.information ol {
margin-left: 2em;
counter-reset: list; }
.information ol > li {
line-height: 1.4em;
color: #3d4138;
font-size: 18px;
font-weight: 300;
margin-bottom: 1em;
list-style: none;
position: relative; }
.information ol > li a {
color: #34276f;
font-weight: 500; }
.information ol > li a:hover {
color: #3d4138; }
.information ol > li:before {
counter-increment: list;
content: counter(list, decimal) ") ";
position: absolute;
left: -1.4em; }
.call-to-action {
padding: 30px 100px;
width: calc(100% - 200px);
background: #c2bed4;
margin-bottom: 3%;
text-align: center;
color: #34276f;
font-size: 36px;
font-weight: 500; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.non-image-header.information-header {
padding-bottom: 2em;
margin-bottom: 3em; }
.non-image-header.information-header h3 {
margin: 1.5em 60px 0.5em 60px; }
.information {
padding: 10px 60px 50px 60px;
width: calc(100% - 120px); }
.call-to-action {
padding: 30px 60px;
width: calc(100% - 120px);
margin-bottom: 1.5em;
font-size: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.non-image-header.information-header {
padding-bottom: 30px;
margin-bottom: 30px; }
.non-image-header.information-header h3 {
margin: 1.5em 100px 0.5em 100px; }
.information {
padding: 20px 40px 40px 40px;
width: calc(100% - 80px);
max-width: 2000px; }
.information p strong {
font-size: 18px; }
.call-to-action {
padding: 20px 40px;
width: calc(100% - 80px);
margin-bottom: 30px;
font-size: 28px; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.non-image-header.information-header {
padding-bottom: 20px;
margin-bottom: 20px; }
.non-image-header.information-header h3 {
margin: 1.2em 40px 0.5em 40px; }
.information {
padding: 20px 40px 30px 40px;
width: calc(100% - 80px); }
.information p strong {
font-size: 18px; }
.information ol > li {
font-size: 16px; }
.call-to-action {
padding: 15px 40px;
width: calc(100% - 80px);
margin-bottom: 20px;
font-size: 24px; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.non-image-header.information-header {
padding-bottom: 20px;
margin-bottom: 20px; }
.non-image-header.information-header h3 {
margin: 1.2em 40px 0.5em 40px; }
.information {
padding: 20px 40px 30px 40px;
width: calc(100% - 80px); }
.information p strong {
font-size: 16px; }
.information ol > li {
font-size: 14px; }
.call-to-action {
padding: 10px 40px;
width: calc(100% - 80px);
margin-bottom: 20px;
font-size: 20px; } }
.single-news-intro {
background: #e3e3e3;
padding: 60px 100px 50px 100px;
width: calc(100% - 200px); }
.single-news-intro .date {
color: #3d4138;
font-weight: 600;
font-size: 22px;
margin: 1em 0px; }
.single-news-intro h2 {
margin-bottom: 1em;
font-size: 40px; }
.news-story {
padding: 60px 180px 50px 180px;
width: calc(100% - 360px); }
.news-story blockquote {
margin-top: 3em;
margin-bottom: 2.5em;
margin-right: 115px;
margin-left: 50px;
position: relative; }
.news-story blockquote:before {
content: "";
background-image: url(//clowes-riberview.co.uk/wp-content/themes/riberview/dist/images/quotes.svg);
background-repeat: no-repeat;
width: 56px;
height: 41px;
position: absolute;
top: -7px;
left: -5px;
display: block; }
.news-story blockquote p {
padding-left: 65px;
color: #34276f; }
.news-story a {
font-weight: 300;
margin-top: 4em;
color: #3d4138;
font-size: 24px;
text-transform: uppercase;
display: block; }
.news-story a i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.news-story a:hover {
color: #34276f; }
.news-story a:hover i {
color: #ffffff;
background: #34276f; }
.news-wrapper {
width: calc(100% - 200px);
padding-left: 100px;
padding-right: 100px;
margin-top: -47px;
margin-bottom: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-wrapper .news-archive-block {
width: calc(50% - 50px);
margin-right: 100px;
margin-bottom: 3em; }
.news-wrapper .news-archive-block.news-archive-block-right {
margin-right: 0px; }
.news-wrapper .news-archive-block a.title {
font-weight: 600;
color: #34276f;
font-size: 22px;
margin: 1em 0px 1em 0px;
display: block;
line-height: 1.1em; }
.news-wrapper .news-archive-block a.title:hover {
color: #3d4138; }
.news-wrapper .news-archive-block a.more {
font-weight: 300;
margin-top: 1em;
color: #3d4138;
font-size: 24px;
text-transform: uppercase;
display: block; }
.news-wrapper .news-archive-block a.more i {
display: inline-block;
border: 1px solid #3d4138;
padding: 3px 7px;
margin-left: 3px;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
font-size: 24px;
color: #3d4138; }
.news-wrapper .news-archive-block a.more:hover {
color: #34276f; }
.news-wrapper .news-archive-block a.more:hover i {
color: #ffffff;
background: #34276f; }
.news-loader {
background: #c2bed4;
width: 100%;
text-align: center;
font-size: 36px;
color: #34276f;
padding: 10px 20px;
cursor: pointer; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.single-news-intro {
padding: 60px 60px 50px 60px;
width: calc(100% - 120px); }
.single-news-intro .date {
font-size: 20px; }
.single-news-intro h2 {
font-size: 36px; }
.news-story {
padding: 60px 100px 50px 100px;
width: calc(100% - 200px); }
.news-story blockquote:before {
width: 48px;
height: 35px; }
.news-wrapper {
width: calc(100% - 120px);
padding-left: 60px;
padding-right: 60px;
margin-top: -37px;
margin-bottom: 3em; }
.news-wrapper .news-archive-block a.title {
font-size: 20px; }
.news-wrapper .news-archive-block a.more {
font-size: 20px; }
.news-wrapper .news-archive-block a.more i {
font-size: 20px; }
.news-loader {
font-size: 30px;
margin-top: 1em;
margin-bottom: 0.5em; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.single-news-intro {
padding: 40px;
width: calc(100% - 80px); }
.single-news-intro .date {
font-size: 18px; }
.single-news-intro h2 {
font-size: 28px; }
.news-story {
padding: 40px;
width: calc(100% - 80px); }
.news-story blockquote {
margin-right: 50px;
margin-left: 25px; }
.news-story blockquote:before {
width: 48px;
height: 35px; }
.news-story a {
margin-top: 2em;
font-size: 20px; }
.news-story a i {
font-size: 20px; }
.news-wrapper {
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px;
margin-top: -37px;
margin-bottom: 30px; }
.news-wrapper .news-archive-block {
width: calc(50% - 25px);
margin-right: 50px;
margin-bottom: 30px; }
.news-wrapper .news-archive-block a.title {
font-size: 18px; }
.news-wrapper .news-archive-block a.more {
font-size: 18px; }
.news-wrapper .news-archive-block a.more i {
font-size: 18px; }
.news-loader {
font-size: 24px;
padding: 7px 20px;
margin-top: 1em;
margin-bottom: 1em; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.single-news-intro {
padding: 20px 40px 30px 40px;
width: calc(100% - 80px); }
.single-news-intro .date {
font-size: 16px; }
.single-news-intro h2 {
font-size: 24px; }
.news-story {
padding: 30px 40px;
width: calc(100% - 80px); }
.news-story blockquote {
margin-right: 50px;
margin-left: 25px; }
.news-story blockquote:before {
width: 48px;
height: 35px; }
.news-story a {
margin-top: 2em;
font-size: 18px; }
.news-story a i {
font-size: 18px; }
.news-wrapper {
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px;
margin-top: -22px;
margin-bottom: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-wrapper .news-archive-block {
width: 100%;
margin-right: 0;
margin-bottom: 20px; }
.news-wrapper .news-archive-block a.title {
font-size: 18px; }
.news-wrapper .news-archive-block a.more {
font-size: 18px; }
.news-wrapper .news-archive-block a.more i {
font-size: 18px; }
.news-loader {
font-size: 20px;
padding: 7px 20px;
margin-top: 1em;
margin-bottom: 1em; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.single-news-intro {
padding: 20px 40px 30px 40px;
width: calc(100% - 80px); }
.single-news-intro .date {
font-size: 14px; }
.single-news-intro h2 {
font-size: 20px; }
.news-story {
padding: 30px 40px;
width: calc(100% - 80px); }
.news-story blockquote {
margin-right: 50px;
margin-left: 25px; }
.news-story blockquote:before {
width: 48px;
height: 35px; }
.news-story a {
margin-top: 2em;
font-size: 18px; }
.news-story a i {
font-size: 18px; }
.news-wrapper {
width: calc(100% - 80px);
padding-left: 40px;
padding-right: 40px;
margin-top: -22px;
margin-bottom: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-wrapper .news-archive-block {
width: 100%;
margin-right: 0;
margin-bottom: 20px; }
.news-wrapper .news-archive-block a.title {
font-size: 16px; }
.news-wrapper .news-archive-block a.more {
font-size: 16px; }
.news-wrapper .news-archive-block a.more i {
font-size: 16px; }
.news-loader {
font-size: 18px;
padding: 7px 20px;
margin-top: 1em;
margin-bottom: 1em; } }
.footer {
background: #34276f;
padding: 50px 100px;
width: calc(100% - 200px); }
.footer .footer-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.footer .footer-wrapper .agent {
width: calc(100% - 441px); }
.footer .footer-wrapper .agent .inner-agent {
max-width: 450px;
width: 100%; }
.footer .footer-wrapper .agent .inner-agent .left-side {
float: left;
padding-top: 20px; }
.footer .footer-wrapper .agent .inner-agent .left-side a {
display: block;
color: #ffffff;
font-weight: 600;
font-size: 17px; }
.footer .footer-wrapper .agent .inner-agent .right-side {
float: right;
padding-top: 20px; }
.footer .footer-wrapper .agent .inner-agent .right-side p {
color: #ffffff; }
.footer .footer-wrapper .clowes {
width: 240px;
border-left: 1px solid #c8c8c8;
text-align: center;
padding: 0px 100px; }
.footer .footer-wrapper .clowes .dev-by {
color: #c8c8c8;
font-weight: 300;
font-size: 18px;
margin-bottom: 1em; }
.footer .footer-wrapper .clowes a.phone {
display: inline-block;
color: #ffffff;
font-weight: 600;
font-size: 17px;
margin-top: 1em; }
.footer-bottom {
width: calc(100% - 200px);
padding: 20px 100px;
text-align: center; }
.footer-bottom div {
display: inline-block;
border-right: 1px solid #3d4138;
padding: 0px 10px 0 6px;
line-height: 1em;
color: #3d4138;
font-weight: 300; }
.footer-bottom div:last-child {
border-right: 0px;
padding-right: 0px; }
.footer-bottom div a {
color: #3d4138;
font-weight: 300; }
.footer-bottom div a:hover {
color: #34276f; }
.footer-bottom div a.carve {
font-weight: 600; }
.mobile {
display: none; }
.desktop {
display: block; }
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.footer {
background: #34276f;
padding: 40px 60px;
width: calc(100% - 120px); }
.footer .footer-wrapper .agent {
width: calc(100% - 321px); }
.footer .footer-wrapper .agent .inner-agent {
max-width: 450px; }
.footer .footer-wrapper .agent .inner-agent .left-side a {
font-size: 15px; }
.footer .footer-wrapper .agent .inner-agent .right-side p {
font-size: 16px; }
.footer .footer-wrapper .clowes {
width: 240px;
padding: 0px 40px; }
.footer .footer-wrapper .clowes .dev-by {
font-size: 16px; }
.footer .footer-wrapper .clowes a.phone {
font-size: 15px; }
.footer-bottom {
width: calc(100% - 120px);
padding: 20px 60px; }
.footer-bottom div {
padding: 0px 10px 0 7px; }
.mobile {
display: none; }
.desktop {
display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.footer {
padding: 30px 40px;
width: calc(100% - 80px); }
.footer .footer-wrapper .agent {
width: calc(100% - 261px);
margin-top: 1em; }
.footer .footer-wrapper .agent .inner-agent {
max-width: 350px; }
.footer .footer-wrapper .agent .inner-agent .left-side {
padding-top: 15px; }
.footer .footer-wrapper .agent .inner-agent .left-side a {
font-size: 14px; }
.footer .footer-wrapper .agent .inner-agent .right-side {
float: right;
padding-top: 15px; }
.footer .footer-wrapper .agent .inner-agent .right-side p {
color: #ffffff;
line-height: 1.55em;
font-size: 14px; }
.footer .footer-wrapper .clowes {
width: 200px;
padding: 0px 30px; }
.footer .footer-wrapper .clowes .dev-by {
font-size: 14px; }
.footer .footer-wrapper .clowes a.phone {
font-size: 14px; }
.footer-bottom {
width: calc(100% - 80px);
padding: 20px 40px; }
.footer-bottom div {
font-size: 12px; }
.footer-bottom div a {
font-size: 12px; }
.mobile {
display: none; }
.desktop {
display: block; } }
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer {
padding: 30px 40px;
width: calc(100% - 80px); }
.footer .footer-wrapper .agent {
width: 100%;
margin-bottom: 30px; }
.footer .footer-wrapper .agent .inner-agent .left-side a {
font-size: 15px; }
.footer .footer-wrapper .agent .inner-agent .right-side {
float: right;
padding-top: 20px;
font-size: 15px; }
.footer .footer-wrapper .agent .inner-agent .right-side p {
color: #ffffff;
font-size: 15px; }
.footer .footer-wrapper .clowes {
width: calc(100% - 120px);
border-left: 0px;
text-align: center;
padding: 0px;
margin-left: 60px;
margin-right: 60px;
border-top: 1px solid #c8c8c8;
padding-top: 20px; }
.footer .footer-wrapper .clowes .dev-by {
font-size: 15px; }
.footer .footer-wrapper .clowes img {
width: 70%;
margin: 0 auto; }
.footer .footer-wrapper .clowes a.phone {
font-size: 15px; }
.footer-bottom {
width: calc(100% - 80px);
padding: 20px 40px; }
.footer-bottom div {
display: block;
border-right: 0px;
padding: 0px 0px 0 0px;
margin-bottom: 1em; }
.footer-bottom div:last-child {
border-right: 0px;
padding-right: 0px;
margin-bottom: 0px; }
.mobile {
display: block; }
.desktop {
display: none; } }
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.footer {
padding: 30px 40px;
width: calc(100% - 80px); }
.footer .footer-wrapper .agent {
width: 100%;
margin-bottom: 30px; }
.footer .footer-wrapper .agent .inner-agent .left-side a {
font-size: 14px; }
.footer .footer-wrapper .agent .inner-agent .right-side {
float: right;
padding-top: 20px;
font-size: 14px; }
.footer .footer-wrapper .agent .inner-agent .right-side p {
color: #ffffff;
font-size: 14px; }
.footer .footer-wrapper .clowes {
width: calc(100% - 120px);
border-left: 0px;
text-align: center;
padding: 0px;
margin-left: 60px;
margin-right: 60px;
border-top: 1px solid #c8c8c8;
padding-top: 20px; }
.footer .footer-wrapper .clowes .dev-by {
font-size: 15px; }
.footer .footer-wrapper .clowes img {
width: 70%;
margin: 0 auto; }
.footer .footer-wrapper .clowes a.phone {
font-size: 15px; }
.footer-bottom {
width: calc(100% - 80px);
padding: 20px 40px; }
.footer-bottom div {
display: block;
border-right: 0px;
padding: 0px 0px 0 0px;
margin-bottom: 1em;
font-size: 12px; }
.footer-bottom div a {
font-size: 12px; }
.footer-bottom div:last-child {
border-right: 0px;
padding-right: 0px;
margin-bottom: 0px; }
.mobile {
display: block; }
.desktop {
display: none; } }
.virtual-tour {
height: calc(100vh - 118px);   
}
.video-title p {
font-size: 24px; 
color: #34276f;
margin-bottom: 0.5em;
}
.video-header {
margin-bottom: 7em;   
}
.videofancybox {
margin-bottom: 3em !important;   
}
.videofancybox p {
margin-top: 0.5em !important
}
.fancybox-type-iframe .fancybox-inner { }
.fancybox-type-iframe .fancybox-inner iframe {
position:absolute !important;   
}
.post-password-form {
height: calc(100vh -  108px -  314px -  61px);
width: calc(90% - 120px);
padding-left: 60px;
padding-right: 60px;
text-align: center;
position:relative;
margin: 0 auto;
}
.post-password-form p:first-child {
position: absolute;
top: calc(50% - 1.5em);
left: 0;
right: 0;
}
.post-password-form p:last-child {
position: absolute;
top: calc(50% + 1.5em);
left: 0;
right: 0;
}
.post-password-form input {
padding: 5px;   
}
@media only screen and (min-width: 1041px) and (max-width: 1315px) {
.virtual-tour {
height: calc(100vh - 110px);   
}
.post-password-form {
height: calc(100vh -  100px -  290px -  61px);
}
}
@media only screen and (min-width: 768px) and (max-width: 1040px) {
.virtual-tour {
height: calc(100vh - 100px);   
}
.post-password-form {
height: calc(100vh -  91px -  242px -  61px);
}
}
@media only screen and (max-width: 767px), screen and (max-device-width:767px) {
.videofancybox {
width: 100% !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-bottom: 3em !important;  
}
.video-header {
margin-bottom: 4em;   
}
.post-password-form {
height: calc(100vh -  91px -  451px -  166px);
width: calc(80% - 120px);
}
}
.quotes-slider {
overflow: hidden;
}
.quotes-slider .quote {
display: inline-block;
vertical-align: top;
}
.homepage-ticker {
width: 100%;
overflow: hidden;
padding: 25px 0;
background: #34276f;
color: #fff;
}
.homepage-ticker__track {
display: flex;
align-items: center;
width: max-content;
will-change: transform;
}
.homepage-ticker__group {
display: flex;
align-items: center;
flex-shrink: 0;
width: max-content;
}
.homepage-ticker__item {
display: inline-flex;
align-items: center;
flex-shrink: 0;
white-space: nowrap;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
}
.homepage-ticker__text {
padding: 0 30px;
}
.homepage-ticker__divider {
color: #ffffff;
}
@media (max-width: 1200px) {
.homepage-ticker {
padding: 20px 0;
}
.homepage-ticker__item {
font-size: 20px;
}
.homepage-ticker__text {
padding: 0 24px;
}
}
@media (max-width: 767px) {
.homepage-ticker {
padding: 15px 0;
}
.homepage-ticker__item {
font-size: 16px;
}
.homepage-ticker__text {
padding: 0 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.homepage-ticker__track {
transform: none !important;
}
}