body {font-family: 'Figtree', sans-serif, Arial, Helvetica, Verdana; font-size: 1.5rem; color: #000; font-weight: 400; background: #FFF; margin: 0;}

/* KiiRO CMS */
.ui-dialog-title .floatRight img {display: none; visibility: hidden;}
.context-menu-item {color: #333333;}
.ui-dialog .ui-dialog-titlebar {padding: .5em 1em 2em !important; background: #006699 !important; z-index: 1200 !important;}
.ui-dialog input, .ui-dialog textarea {width: 100%; text-align: left;}
.ui-dialog label {font-size: inherit;}
.athCmsBlogText {display: inline;}
a.athCmsAddButton:link, a.athCmsAddButton:visited, a.athCmsAddButton:active, a.athCmsAddButton:hover {float: right; width: 100% !important; margin: 30px 0 10px 20px;}
.athCmsAddGalleryBox {float: right; width: 100%; margin: 10px 0 10px 0;}
.athCmsImageContext {width: auto; height: 60px !important;}
iframe#athCmsBlogEditor_ifr, iframe#athCmsMultiBlogEditor_ifr, iframe#athCmsTextEditor_ifr {width: 100% !important;}
#athCmsHeadingText {width: 90% !important;}
select#linkTarget {width: 200px !important; background: url(../images/arrow.png) 160px center no-repeat #EEEEEE !important;}
select#selectedCmsType {width: 272px !important; background: url(../images/arrow.png) 232px center no-repeat #EEEEEE !important;}
/* END KiiRO CMS */

#homepage_header {padding: 0 10rem 0 10rem;}
#homepage_text {font-size: 45px; padding: 0 10rem 0 10rem;}
#estate_text {font-size: 30px;}
#downloads_text strong, #downloads2_text strong {font-size: 30px; color: #38B6AB;}
[id^="unit"] {font-size: 30px; font-weight: 600;}

img {border-style: none; border-width: 0;}

hr {height: 0; width: 100%; border-top: 1px solid #FFF !important; margin: 10px 0 10px 0;}

ul {margin-top: 1rem;}

form {display: inline;}
input, textarea {margin: 0 0 15px 0;}
#admin input {width: 50%; margin: 0 0 15px 0;}
select {width: auto; outline: none; -webkit-appearance: none; padding: 10px; margin: 0 0 15px 0; border: none; background: url('../images/arrow.png') 98% center no-repeat #FFF; color: #444; line-height: normal; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; -moz-appearance: none;}
input[type=checkbox] {width: 20px !important;}
.custom-file-label {margin: 0 5px 0 5px;}
.custom-file-input {margin: 0 0 15px 0;}
.form-control {color: #38B6AB !important; font-size: 1.6rem !important; padding: 2rem !important;}
.form-control::placeholder {color: #38B6AB !important;}

th {color: #38B6AB; font-weight: 700; border-top: 0 !important; border-bottom: 5px solid #38B6AB !important; text-transform: uppercase;}
td {border-top: 0 !important; border-bottom: 2px solid #38B6AB !important;}

h1 {font-size: 60px; font-weight: 700; color: #FFF; text-transform: uppercase;}
h2 {font-size: 36px; font-weight: 600; color: #FFF; text-transform: uppercase;}
h3 {font-size: 30px; font-weight: 800; color: #FFF; text-transform: uppercase;}

#wrapperHeader, #wrapperBlueGradient {color: #FFF; background: url('../images/background_gradient.jpg') top left repeat-y; background-size: 100%;}
#wrapperBlue {color: #FFF; background: #1C2E4C;}
#wrapperGreen {color: #FFF; background: #1F6A63;}
#wrapperGreenGradient {color: #FFF; background: url('../images/background_gradient2.jpg') top left repeat-y; background-size: 100%;}
#parallax {width: 100%; height: 1000px; background: url('../images/parallax.jpg') center top fixed no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#wrapperFooter {font-size: 22px; color: #000; background: #FFF;}

#navMenu {color: #FFF; position: absolute; top: 25px; right: 0; margin: 1rem 5rem 0 0; z-index: 5000;}

.hamburger {float: right; display: block; width: 50px; height: 50px; background: url('../images/menu.png') center center no-repeat; cursor: pointer;}
.hamburger:hover {background: url('../images/menu_hover.png') center center no-repeat;}

#nav li {display: block !important; text-align: right; margin: 0 0 20px 3rem !important;}

.carousel .carousel-item {transition-duration: 3s;}
.carousel-caption {width: 100%; text-align: right; padding: 0 3rem 0 3rem; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important;}
.carousel-caption p {text-transform: uppercase;}
.carousel-indicators li {height: 15px !important; width: 15px !important; margin: 0 5px 0 5px; border-radius: 50%;}
.carousel-indicators .active {background: #FFF;}
.carousel-control-prev {top: 0 !important;}
.carousel-control-next {top: 0 !important;}
.carousel-control-prev-icon {width: 99px; height: 99px; background: url('../images/previous.png');}
.carousel-control-next-icon {width: 99px; height: 99px; background: url('../images/next.png');}

.planeAnimation {height: auto; position: relative; top: -41px; margin-bottom: -91px; animation: mymove 15s linear 1;}

@keyframes mymove {
  from {left: -100%;}
  to {left: 0px;}
}

.iconText {font-size: 1.1rem; font-weight: 300; text-transform: uppercase;}
.iconTextSpecification img {float: left;}
.iconTextSpecification p {float: right; width: 80%; font-size: 1.3rem; margin: 2rem 0 0 0; text-transform: none;}

.slider {width: 100%;}
.slick-slide img {width: 100%;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
.slick-prev {width: 47px !important; height: 46px !important; background: url('../images/previous.png') no-repeat !important; z-index: 2000 !important; left: 25% !important;}
.slick-next {width: 47px !important; height: 46px !important; background: url('../images/next.png') no-repeat !important; z-index: 2000 !important; right: 25% !important;}
.slick-prev:before, .slick-next:before {contain: none !important; color: transparent !important;}

#copyright {font-size: 14px;}

strong {font-weight: 700;}

.green {color: #38B6AB;}

a:link {color: #FFF; text-decoration: none;}
a:visited {color: #FFF; text-decoration: none;}
a:active {color: #FFF; text-decoration: none;}
a:hover {color: #38B6AB; text-decoration: none;}

#wrapperFooter a:link {color: #000; text-decoration: none;}
#wrapperFooter a:visited {color: #000; text-decoration: none;}
#wrapperFooter a:active {color: #000; text-decoration: none;}
#wrapperFooter a:hover {color: #38B6AB; text-decoration: none;}

a.footer:link {color: #000; font-size: 1.6rem; text-decoration: none; text-transform: uppercase; line-height: 2.2rem;}
a.footer:visited {color: #000; font-size: 1.6rem; text-decoration: none; text-transform: uppercase; line-height: 2.2rem;}
a.footer:active {color: #000; font-size: 1.6rem; text-decoration: none; text-transform: uppercase; line-height: 2.2rem;}
a.footer:hover {color: #38B6AB; font-size: 1.6rem; text-decoration: none; text-transform: uppercase; line-height: 2.2rem;}

btn, .btn, .btn:link {font-size: 24px; font-weight: 600; color: #38B6AB; background: #003259; padding: 5px 50px 5px 50px; border: 5px solid #FFF !important; border-radius: none; text-transform: uppercase; text-decoration: none;}
.btn:visited {color: #38B6AB; background: #003259;}
.btn:active {color: #38B6AB; background: #003259;}
.btn:hover {color: #FFF; background: #38B6AB;}
.btn-primary {border: none !important;}

#availability btn, #availability .btn, #availability .btn:link {font-size: 20px; font-weight: 400; color: #FFF; background: url('../images/pdf.png') center left no-repeat #000; padding: 5px 10px 5px 43px; border: none !important; border-radius: none; text-transform: uppercase; text-decoration: none;}
#availability .btn:visited {color: #FFF; background: url('../images/pdf.png') center left no-repeat #000;}
#availability .btn:active {color: #FFF; background: url('../images/pdf.png') center left no-repeat #000;}
#availability .btn:hover {color: #FFF; background: url('../images/pdf.png') center left no-repeat #2E3137;}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  right: 0;
  top: 0;
  background-color: rgb(56, 119, 112); /* Black fallback color */
  background-color: rgba(56, 119, 112, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 15%; /* 25% from the top */
  right: 10%;
  width: 100%; /* 100% width */
  text-align: right; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 2px;
  text-decoration: none;
  color: #FFF;
  font-weight: 400;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #FFF;
  font-weight: 400;
  background: #38B6AB;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 26px;
  right: 70px;
  font-size: 60px;
}

.overlay a.closebtn:hover, .overlay a.closebtn:focus {
  color: #000;
  background: none;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-width: 450px) {
  .overlay a {font-size: 24px}
  .overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 35px;
  }
}

@media screen and (max-width: 1680px) {
  .planeAnimation {top: -35px; margin-bottom: -85px;}
}

@media screen and (max-width: 1644px) {
  .iconTextSpecification p {width: 70%;}
}

@media screen and (max-width: 1440px) {
  #parallax {height: 800px;}
  #parallaxBackground {height: 800px; font-size: 60px; padding-top: 20rem !important;}
}

@media screen and (max-width: 1425px) {
  .planeAnimation {top: -30px; margin-bottom: -80px;}
}

@media screen and (max-width: 1230px) {
  .planeAnimation {top: -25px; margin-bottom: -75px;}
}

@media screen and (max-width: 1143px) {
  .iconTextSpecification p {width: 60%; font-size: 1.2rem; margin: 1rem 0 0 0;}
}

@media screen and (max-width: 1024px) {
  .planeAnimation {top: -20px; margin-bottom: -70px;}
}