@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500&display=swap');

body {background: #111111;}

a {text-decoration: none;}

.menu {
  position: fixed;
  background: rgba(0,0,0,.2);
  width: 100vw;
}

h1 {font-family: 'Poppins'; color: #ffffff; font-size: 1.1em; font-weight:200; margin:0px;}
h2 {font-family: 'Poppins'; color: #ffffff; font-size: 1.6em; font-weight:400; margin:0px 0px 80px;}
h3 {font-family: 'Poppins'; color: #ffffff; font-size: 1.1em; font-weight:200; margin:5px 0px; line-height:1.5em;}
h4 {font-family: 'Poppins'; color: #999999; font-size: 1.1em; font-weight:200; margin:5px 0px;}
p {color: #999999; font-family: 'Poppins'; font-size: 1.1em; margin-top: 30px; font-weight: 300;}
.lead {font-size: 1.2em; font-weight: 400; color: #ccc;}

.listings {padding-top:50px; padding-bottom:50px; height:100vh; position:relative;}
.listings h3 {line-height:auto; margin-top:20px;}
.listings p {margin-top:0px; margin-bottom:0px;}

#textlogo {
  float: left;
  padding: 5px 15px;
}

#textlogo strong {font-weight: 500; letter-spacing: 3px; text-transform: uppercase; font-size: 1.2em;}

#modalbtn {
  position: absolute;
  right: 2%;
  top: -18px;
}

#modalbtn .btn {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: palevioletred;
  border: none;
  font-size: 1.2em;
  font-weight: 500;
  padding: 30px 15px 15px 15px;
  font-family: 'Poppins';
  transition:ease .5s;
}

#modalbtn .btn:hover {
  background:salmon;
}

#modalbtn .btn i {
  padding-left: 10px;
}

#modalbtn i {
  color: #fff;
  padding: 0px 10px;
  object-position: -10px;
  transition:ease .5s;
  cursor:pointer;
}

#modalbtn i:hover {
  color:#cccccc;
}

.modal-dialog {max-width:800px; top:25%;}
.modal-content {background:#444444;}
.modal-header {background:#999999;}
.modal-header h2 {color:#222222;}
.modal-body p {color: #eeeeee;}

.enquiry-form {margin-top:0px;}
.enquiry-form label {display: none;}
.enquiry-form input {height:50px;}
.enquiry-form input, .enquiry-form textarea {width: 100%; margin-bottom: 10px; padding: 5px 10px; color: #ffffff; background:#222222; border:none; max-height:125px;}
.enquiry-form .fcf-btn {padding: 15px; text-transform: uppercase; background: #222222; border: none; color: #cccccc; border-radius: 0px; font-weight: 700; transition:ease .5s; float:right;}
.enquiry-form .fas {margin-right: 10px; color:#cccccc;}
.enquiry-form .fcf-btn .fas {margin-left:10px;}
.enquiry-form .fcf-btn:hover {background:#000000;}

#fcf-form-id .fcf-form-group:first-child {padding-right:0px;}
#fcf-form-id input:focus-visible, #fcf-form-id textarea:focus-visible {outline: none;}

.mainvideo {overflow-x:hidden;margin-left: var(--bs-gutter-x,-.75rem); margin-right: var(--bs-gutter-x,-.75rem);}
.mainvideo video {width:100vw; height:auto;}

.text-left {margin-top:60px; padding-right:50px;}
.text-left h2 {margin: 20px 0px;}
.text-left h2 strong {font-weight:200;}

.video-right {margin-top:80px;}
.video-right iframe {width: 100%; height: revert-layer; margin-top:40px;}

hr {color:#ffffff; margin:80px 0px;}

.video-box {margin-bottom:60px; float:left; padding:0px 10px;}

.video-box iframe {
  width: 100%;
  height: revert-layer;
  min-height:225px;
}

.video-box .carousel-caption {position:inherit;}

.carousel-control-prev {
  left: -10%;
  top: -40%;
}

.carousel-control-next {
  right: -10%;
  top: -40%;
}


.listings img {
  transform: translate(-50%,-50%);
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}


.footer {margin-top:60px; background:#262626; border-top:1px solid #444444; padding-top:15px; padding-bottom:15px;}
.footer-left {padding-top:10px; padding-left:30px;}
.footer-right {text-align:right; padding-right:30px; padding-top:8px;}
.footer-left p {font-size: 12px;color: #888;font-style: italic;margin-bottom: 0px; margin-top:0px;}
.footer-center img {max-width:135px; margin-bottom:15px;}
.footer i {color: #fff; padding: 0px 15px;}


@media (max-width:1441px) {

}

@media (max-width:1367px) {

}


@media (max-width: 1281px) {

}

@media (max-width: 1081px) {

}

@media (max-width:811px) {

}

@media (max-width:450px) {

}