@font-face {
   font-family: 'AdobeCaslonProRegular';
   src: url('/fonts/AdobeCaslonProRegular.eot');
   src: url('/fonts/AdobeCaslonProRegular.eot') format('embedded-opentype'), url('/fonts/AdobeCaslonProRegular.woff2') format('woff2'), url('/fonts/AdobeCaslonProRegular.woff') format('woff'), url('/fonts/AdobeCaslonProRegular.ttf') format('truetype'), url('/fonts/AdobeCaslonProRegular.svg#AdobeCaslonProRegular') format('svg');
 }

 @font-face {
   font-family: 'BrownRegular';
   src: url('/fonts/BrownRegular.eot');
   src: url('/fonts/BrownRegular.eot') format('embedded-opentype'), url('/fonts/BrownRegular.woff2') format('woff2'), url('/fonts/BrownRegular.woff') format('woff'), url('/fonts/BrownRegular.ttf') format('truetype'), url('/fonts/BrownRegular.svg#BrownRegular') format('svg');
 }

 @font-face {
   font-family: 'BrownLight';
   src: url('/fonts/BrownLight.eot');
   src: url('/fonts/BrownLight.eot') format('embedded-opentype'), url('/fonts/BrownLight.woff2') format('woff2'), url('/fonts/BrownLight.woff') format('woff'), url('/fonts/BrownLight.ttf') format('truetype'), url('/fonts/BrownLight.svg#BrownLight') format('svg');
 }

 .clear,
 * html .clearfix,
 *:first-child+html .clearfix {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
 }

 .clearfix:after {
   clear: both;
   content: ' ';
   display: block;
   font-size: 0;
   line-height: 0;
   visibility: hidden;
   width: 0;
   height: 0;
 }

 *,
 *:before,
 *:after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }

 * {
   outline: none !important;
 }

 .grid_1 {
   width: 8.33%;
 }

 .grid_2 {
   width: 16.67%;
 }

 .grid_3 {
   width: 25%;
 }

 .grid_4 {
   width: 33.33%;
 }

 .grid_5 {
   width: 41.67%;
 }

 .grid_6 {
   width: 50%;
   /*width: calc(50% - 100px);
				margin-right: 200px;*/
   width: calc(50% - 50px);
   margin-right: 100px;
 }

 .grid_7 {
   width: 58.33%;
 }

 .grid_8 {
   width: 66.67%;
 }

 .grid_9 {
   width: 75%;
 }

 .grid_10 {
   width: 83.33%;
 }

 .grid_11 {
   width: 91.67%;
 }

 .grid_12 {
   width: 100%;
 }

 .grid_1,
 .grid_2,
 .grid_3,
 .grid_4,
 .grid_5,
 .grid_6,
 .grid_7,
 .grid_8,
 .grid_9,
 .grid_10,
 .grid_11,
 .grid_12 {
   float: left;
   display: block;
   position: relative;
 }

 a {
   text-decoration: none;
   cursor: pointer;
   color: #fff;
 }

 img {
   display: block;
   border: none;
   max-width: 100%;
 }

 a,
 img {
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
   user-select: none;
 }

 textarea:focus,
 input:focus,
 select:focus {
   outline: none;
   opacity: 0.7;
 }

 /* General */
 html {
   height: 100%;
   font-size: 18px;
   background-color: #000000;
 }

 body {
   font-family: 'BrownLight';
   font-size: 0.8rem;
   background: transparent;
   background-color: #000000;
   color: #fff;
   margin: 0;
   padding: 0;
   height: 100%;
   height: calc(100% + 1px);
 }

 /* Headings */
 h1,
 h2,
 h3,
 h4,
 h5 {
   font-family: 'AdobeCaslonProRegular';
   font-weight: normal;
   letter-spacing: 2px;
 }

 p {
   font-size: 0.875rem;
   line-height: 1.3rem;
   padding-bottom: 15px;
 }

 h1 {
   font-size: 3rem;
   line-height: 5rem
 }

 h2 {
   font-size: 2rem;
   line-height: 4rem;
 }

 h3 {
   font-size: 1.625rem;
   color: #BD2C12;
 }

 h4 {}

 .wrapper {
   display: block;
   width: 100%;
   height: 100%;
   transition: 1s all;
 }

 #page-home .wrapper {
   height: calc(100% + 1px);
   overflow: hidden;
 }

 .sc .wrapper.pop-up {
   height: 0;
   overflow: hidden;
 }

 #page-home.sc .wrapper {
   overflow: inherit
 }

 /* Navigation */
 header {
   display: block;
   width: 100%;
   max-width: 100%;
   position: fixed;
   top: 0px;
   left: 0;
   background: rgb(0, 0, 0, 0.7);
   background: rgba(0, 0, 0, 0.7);
   z-index: 10;
   transition: 0.5s all;
   padding: 5px 0;
 }

 #page-home header {
   opacity: 0;
   visibility: hidden;
 }
 .ancher
 {
     display:block;
     position:absolute;
     top:-80px;
 }

 .header_second {
   display: block;
   width: 100%;
   max-width: 100%;
   position: fixed;
   top: 0px;
   left: 0;
   background: rgb(0, 0, 0, 0.8);
   z-index: 10;
   transition: 0.5s all;
   transform: translateY(-101%);
 }

 .header_second.show {
   transition-delay: 0.5s;
   transform: translateY(0);
 }

 .header_second a {
   height: 57.88px;
   height: 80px;
   padding: 7px 0 10px 0;
   text-align: center;
 }

 .header_second a svg {
   height: 100%;
 }

 #page-home.fullload header {
   transition-delay: 0.5s;
   opacity: 1;
   visibility: visible
 }

 header.hide {
   transform: translateY(-101%);
 }

 .logo.second {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   display: block;
   transition: 1s all;
   opacity: 0;
   z-index: 999;
   height: 100%;
 }

 .logo {
   transition: 1s all;
 }

 nav {
   margin: 0 auto;
   padding: 0;
   position: absolute;
   top: 50%;
   right: 30px;
   transform: translateY(-50%);
   z-index: 20;
 }

 #nav {
   visibility: hidden;
   padding-right: 0;
   opacity: 0;
   transition: 0.5s all;
 }

 /*#nav.active{
	visibility: visible;
	transition-delay: 0.1s;
	padding-right: 50px;
	opacity: 1;
}*/
 #nav li {
   list-style: none;
   display: inline-block;
   margin-left: 20px;
   position:relative
 }
 li:hover .inner-li
 {
     opacity:1
 }
  .inner-li
 {
     position:absolute;
     top:100%;
     left:0;
     opacity:0;
    width:300px;
    padding:15px;
        padding: 34px 0 0 0 ;
        transition:opacity 0.5s;
 }
    .inner-li a{
        display:block;
                background: rgba(0, 0, 0, 0.7);
       padding: 5px 15px;
    }
 #nav li a {
   transition: 0.5s all;
   text-transform: uppercase;
   font-family: 'AdobeCaslonProRegular';
   font-size: 0.8rem;
 }

 #page-home #nav li a.home,
 #page-collection #nav li a.collection,
 #page-aboutus #nav li a.vision,
 #page-services #nav li a.service,
 #page-media #nav li a.media,
 #page-contact #nav li a.contact,
 #page-vip #nav li a.vip {
   color: #BD2C12;
 }

 /* nav-toggle */
 #nav-toggle {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 30px;
   z-index: 10;
   cursor: pointer;
   width: 80px;
   height: 30px;
   display: block;
   z-index: 100;
 }

 #nav-toggle span,
 #nav-toggle span:after,
 #nav-toggle span:before {
   cursor: pointer;
   height: 20px;
   width: 1px;
   background: #fff;
   position: absolute;
   display: block;
   content: '';
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }

 #nav-toggle span {
   top: 50%;
   right: 0;
   transform: translateY(-50%);
 }

 #nav-toggle span:before {
   top: 0;
   right: 0;
 }

 #nav-toggle span:after {
   top: 0;
   right: 0;
 }

 /*#nav-toggle.active span::after {
 transform: translatex(-15px);
}
 #nav-toggle.active span:before {
 transform: translatex(-30px);
}*/
 #nav-toggle span::after {
   transform: translatex(-15px);
 }

 #nav-toggle span:before {
   transform: translatex(-30px);
 }

 /* enquiry */
 .register {
   max-width: 370px;
   width: 100%;
   margin: 0 auto;
   background: #000;
 }

 .formbox {
   margin: 0 auto;
   padding: 10px 0;
   width: 90%;
   max-width: 320px;
 }

 input,
 select,
 label {
   font-family: 'BrownLight';
   font-size: 0.875rem;
   margin: 0 auto;
   padding: 10px 0 0 0;
   width: 100%;
   color: #fff;
   border: 0 none;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
   text-align: left;
   letter-spacing: 2px;
 }

 textarea {
   font-family: 'BrownLight';
   font-size: 0.875rem;
   margin: 0 auto;
   padding: 10px;
   width: 100%;
   color: #fff;
   border: 0 none;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
   border: 1px solid #ffffff;
   text-align: left;
   letter-spacing: 2px;
   min-height: 100px;
 }

 select {
   padding: 10px 10px 0 0;
   text-align-last: left;
   text-align: left;
   -ms-text-align-last: left;
   -moz-text-align-last: left;
   text-align-last: left;
   position: relative;
 }

 .select-holder::before {
   content: '▼';
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   font-size: 18px;
   color: #fff;
   width: 20px;
   height: 20px;
   display: block;
 }

 select option {
   padding: 5px;
   background: #000000;
   text-align-last: left;
   text-align: left;
   -ms-text-align-last: left;
   -moz-text-align-last: left;
   text-align-last: left;
 }

 input[type=file] {
   font-size: 100px;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
 }

 input[type=date] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
 }

 input[type="date"],
 focus {
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
 }

 input[type=date]::before {
   content: 'Inspection date';
   padding-right: 20px;
 }

 /* Removes the clear button from date inputs */
 input[type="date"]::-webkit-clear-button {
   display: none;
 }

 /* Removes the spin button */
 input[type="date"]::-webkit-inner-spin-button {
   display: none;
 }

 /* Always display the drop down caret */
 input[type="date"]::-webkit-calendar-picker-indicator {
   color: #ffffff;
 }

 input[type="date"]::-webkit-calendar-picker-indicator:hover {
   background: transparent;
 }

 .privacy {
   font-size: 10px;
 }

 .chk_holder {
   margin: 10px auto 0 auto;
   color: #fff;
   display: inline-block;
 }

 .b_submit {
   cursor: pointer;
   border-bottom: none;
   background-image: url(/images/buttons/next.png);
   background-position: 98% 5px;
   background-size: 22px;
   background-repeat: no-repeat;
 }

 #floorplanandbrochure .form .b_submit,
 #page-contact .form .b_submit {
   background-position: 100% 5px;
   padding-right: 37px;
 }

 .form {
   text-align: center;
 }

 #requestfloorplans,
 #requestbrochure,
 #newsLetter {
   border: 0 none;
   clip: rect(0px, 0px, 0px, 0px);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   width: 20px;
   text-align: left;
 }

 #requestfloorplans+label,
 #requestbrochure+label,
 #newsLetter+label {
   color: #fff;
   padding: 0 0 0 26px;
 }

 #requestfloorplans+label::before,
 #requestbrochure+label::before {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   width: 20px;
   height: 20px;
   border: 1px solid #ffffff;
   border-radius: 50%;
 }

 #requestfloorplans:checked+label::after,
 #requestbrochure:checked+label::after {
   content: '×';
   display: block;
   position: absolute;
   top: 50%;
   left: 4px;
   font-size: 18px;
   transform: translateY(-60%);
 }

 #newsLetter+label::before {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 20px;
   height: 20px;
   border: 1px solid #ffffff;
   border-radius: 50%;
 }

 #newsLetter:checked+label::after {
   content: '×';
   display: block;
   position: absolute;
   top: 6px;
   font-size: 18px;
   transform: translateX(4px) translateY(2px);
 }

 .input-holder.textarea {
   display: none;
 }

 #floorplanandbrochure .input-holder.textarea,
 #page-contact .input-holder.textarea {
   width: 100%;
   border: none;
   display: block;
 }

 #floorplanandbrochure textarea,
 #page-contact textarea {
   display: block;
 }

 .input-holder.radio_holder {
   display: none;
 }

 #page-contact .input-holder.radio_holder {
   width: 100%;
   margin-right: 0;
   border-bottom: 0;
   display: inline-block !important;
   margin: 0 auto 50px auto !important;
   text-align: center;
 }

 input:-webkit-input-placeholder,
 textarea:-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
 }

 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
 }

 input:-moz-placeholder,
 textarea:-moz-placeholder {
   color: #fff;
   opacity: 1;
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
   color: #fff;
   opacity: 1;
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
   color: $form-field-text;
   opacity: 1;
 }
.flex-sb {
    width: 411px;
    max-width: 100%;
    display: flex;
    margin: auto;
    text-align: center;
    column-gap: 30px;
    justify-content: center;

}
.flex-sb p{
    text-align:center
}
.flex-sb a{
    text-align:center 
}
 /*footer*/
 footer {
   display: block;
   position: relative;
   background-color: #000000;
 }

 footer .grid_12 {
   padding: 20px 50px;
   text-align: right;
 }

 footer .grid_12:last-child a {
   display: inline-block;
   color: #ffffff;
   font-size: 10px;
   text-align: right;
   padding: 0 5px;
   text-transform: uppercase;
   transition: 0.5s all;
 }

 /* Token Style */
 ul.token-input-list-project {
   border: none;
   width: 100%;
   margin: 0 auto;
   max-width: 100%;
   text-align: left;
   text-align-last: left;
   text-align: -moz-left;
   text-align: -webkit-left;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0;
   border-bottom: 1px solid #525252;
   clear: both;
 }

 li.token-input-input-token-project {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 100%
 }

 ul.token-input-list-project li input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
   width: 100% !important;
   margin-bottom: 0;
 }

 li.token-input-token-project p {
   display: inline;
   padding: 0;
   margin: 0 5px 0 0;
   line-height: 20px;
   font-size: 11px
 }

 li.token-input-token-project {
   overflow: hidden;
   height: 25px;
   margin: 0;
   padding: 2px 5px;
   background-color: #ccc;
   color: #000;
   cursor: default;
   border: 1px solid #525252;
   font-size: 12px;
   white-space: nowrap;
   list-style: none;
   display: inline-block;
 }

 div.token-input-dropdown-project {
   position: absolute;
   width: 100%;
   background-color: #fff;
   overflow-x: hidden;
   cursor: default;
   font-size: 11px;
   z-index: 13;
   color: #000000;
 }

 div.token-input-dropdown-project ul {
   margin: 0;
   padding: 0;
   display: block !important;
   max-height: 205px;
 }

 div.token-input-dropdown-project ul li {
   background-color: #fff;
   font-size: 14px;
   padding: 3px;
   margin: 0;
   list-style-type: none;
   font-weight: 100 !important;
 }

 div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
   background-color: #fff;
 }

 div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
   background-color: #fff;
 }

 div.token-input-dropdown-project ul li em {
   font-weight: bold;
   font-style: normal;
 }

 div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
   background-color: #ccc;
   color: #fff;
 }

 /* Parsley-error */
 ul.parsley-errors-list.filled,
 ul.parsley-errors-list {
   font-size: 11px;
   list-style: outside none none;
   margin: 0 auto;
   padding: 0;
   position: relative;
   text-align: left;
   bottom: 2px;
   position: absolute;
 }

 ul.parsley-errors-list.filled li,
 ul.parsley-errors-list li {
   padding: 0;
   text-align: left;
   color: #F00D0D;
 }

 * {
   text-size-adjust: none;
   -webkit-text-size-adjust: none
 }

 section {
   display: block;
   width: 100%;
   overflow: hidden;
   position: relative;
   background-color: #000000;
 }

 .container {
   display: block;
   width: 80%;
   margin-right: auto;
   margin-left: auto;
   overflow: hidden;
   position: relative;
 }

 .container.large {
   max-width: 1360px;
 }

 .container.medium {
   max-width: 1024px;
 }

 .container.small {
   max-width: 768px;
 }

 .z2 {
   z-index: 2
 }

 #page-vip .half {
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 15px;
 }

 #page-vip .half.sh {
   max-width: 130px;
   clear: left
 }

 #page-vip input,
 #page-vip select {
   height: 41px;
   padding: 0;
 }

 #page-vip #form_holder input,
 #page-vip #form_holder select {
   border-bottom: 1px solid #ffffff;
 }

 .playbtn {
   display: block;
   width: 70px;
   z-index: 2;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 video {
   z-index: 0;
 }

 .video-holder {
   overflow: hidden;
   z-index: 1;
   position: relative;
 }

 .video-holder iframe {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   margin: 0;
   top: 0;
   left: 0;
   background-color: #000000;
 }

 footer .container {
   width: 90%;
 }

 .footer-logo {
   display: block;
   width: 150px;
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
   margin: auto;
 }

 .center-logo {
   width: 250px;
   height: 250px;
   margin: auto auto 50px auto;
 }

 .logo {
   display: block;
   position: relative;
   margin: 0 auto;
   margin: 0 30px;
   padding: 10px 0;
   max-width: 250px;
 }

 .logo svg {
   max-height: 80px;
 }

 .first_video_frame {
   z-index: 2
 }

 .mxh600 {
   max-height: 600px;
 }

 .bb {
   padding: 0 40px 15px 40px;
   border-bottom: 1px solid #ffffff;
   display: inline-block;
   font-size: 1.1rem;
 }

 .flexslider_holder {
   display: block;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
   z-index: 5
 }

 .logoart {
   height: 50px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 50px;
 }

 /*.btn{
	display: block;
	max-width: 100px;
	position: relative;
	margin: 30px auto 0 auto;
	font-size: 14px;
	letter-spacing: 1px
}*/
 .btn {
   display: inline-block;
   position: relative;
   margin: 50px auto 0 auto;
   font-size: 14px;
   letter-spacing: 1px;
   padding-right: 30px;
   margin-left: 20px;
   margin-right: 20px;
   transition: 0.5s all;
 }

 .btn.rad {
   max-width: 180px;
 }

 .btn span {
   width: 20px;
   height: 20px;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
 }

 .btn.load span {
   border: 1px solid #ffffff;
   border-radius: 50%;
 }

 .btn.load span.cross::before,
 .btn.load span.cross::after {
   content: '';
   width: 1px;
   height: 50%;
   background-color: #ffffff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .btn.load span.cross::after {
   width: 50%;
   height: 1px;
 }

 .half {
   width: 50%;
   float: left;
   display: block;
   position: relative;
 }

 p.leftalign {
   max-width: 450px;
 }

 .input-holder {
   display: block;
   position: relative;
   float: left;
   width: 22%;
   margin-right: 1.5%;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 10px;
 }

 .input-holder.select-holder {
   width: 18%;
 }

 .input-holder.submit-holder {
   width: 10%;
   margin-right: 0;
   padding-right: 0;
 }

 #floorplanandbrochure .input-holder.submit-holder,
 #page-contact .input-holder.submit-holder {
   width: auto;
   padding-right: 0;
   float: none;
   display: inline-block;
   margin-right: auto !important;
   margin-left: auto !important;
   border: none;
 }

 .input-holder.captcha-holder {
   width: auto;
   padding-right: 0;
   display: inline-block;
   margin-right: auto !important;
   margin-left: auto !important;
   border: none;
   margin-top: 20px;
 }

 #page-contact .captcha-holder,
 #page-contact .captcha-holder,
 .page-collection {
   float: none !important;
 }

 .fixedb0 {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   bottom: 0;
   z-index: -1;
 }

 .mb1windowheight {
   margin-bottom: 100vh;
 }

 footer a,
 footer p {
   display: inline-block;
   font-size: 12px;
   line-height: 18px;
 }

 a.socialmedia {
   position: relative;
   text-align: left;
   width: 20px;
   height: 20px;
   padding: 0;
   margin-right: 5px;
 }

 a.socialmedia img {
   display: block;
   width: 15px;
 }

 p.address {
   display: inline-block;
   text-align: left;
   margin: 0 10px 0 0;
 }

 a.mail,
 a.tel {
   text-align: left;
   display: block;
 }

 .subscribe-holder {
   display: block;
   position: relative;
   border: 1px solid #ffffff;
   margin: 0 auto;
   text-align: left;
   width: 250px;
 }

 input.subc {
   color: #ffffff;
   font-size: 12px;
   padding: 10px 0 10px 20px;
   width: calc(100% - 60px);
   border: none 0;
   letter-spacing: 0;
 }

 .subc_submit {
   position: absolute;
   color: #BD2C12;
   font-size: 12px;
   width: 60px;
   height: 100%;
   top: 0;
   right: 0;
   background: #ffffff;
   left: initial;
   text-align: center;
   padding: 0;
   letter-spacing: 0;
   cursor: pointer;
 }

 .para {
   transform: translateY(0);
 }

 .parallax-inner {
   left: 0 !important;
 }

 .circle-animation {
   -webkit-animation: rotating 60s linear infinite;
   -moz-animation: rotating 60s linear infinite;
   -ms-animation: rotating 60s linear infinite;
   -o-animation: rotating 60s linear infinite;
   animation: rotating 60s linear infinite;
 }

 @-webkit-keyframes rotating

 /* Safari and Chrome */
   {
   from {
     -webkit-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   to {
     -webkit-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes rotating {
   from {
     -ms-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   to {
     -ms-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 .clearleft {
   clear: left;
 }

 .nextpage {
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 100px;
   z-index: 5;
   width: 30px;
   padding: 9px 7px;
   border-radius: 50%;
   border: 2px solid #ffffff;
   margin: auto;
   opacity: 1;
   transition: 1.5s all;
 }

 #page-home .nextpage {
   opacity: 0;
 }

 #page-home .fullload .nextpage {
   transition-delay: 0.5s;
   opacity: 1;
 }

 .fadeIn {
   transform: translateY(2rem);
   opacity: 0;
   transition: 1s all;
 }

 .fadeIn.animate {
   animation-delay: 0.5s;
   opacity: 1;
   transform: translateY(0);
 }

 .flexslider .slides .brand {
   display: block;
   height: 80px;
   margin: 50px auto;
   text-align: center;
   padding: 0;
   width: auto;
 }

 .pop-up-section {
   display: block;
   position: relative;
   background-color: #000000;
   width: 100%;
   display: none;
 }

 .pop-up-container {
   padding: 100px 20px;
   width: 700px;
   max-width: 100%;
   display: block;
   position: relative;
   background-color: #000000;
   margin: auto;
 }

 .pop-up-container h3 {
   display: block;
   position: relative;
   text-align: center;
   color: #ffffff;
 }

 .pop-up-container ol {
   list-style-type: none;
   counter-reset: item;
   margin: 0;
   padding: 0;
 }

 .pop-up-container ol>li {
   display: table;
   counter-increment: item;
   margin-bottom: 1.5em;
   color: #ffffff !important;
   font-family: 'BrownLight';
   font-size: 16px;
 }

 .pop-up-container ol>li:before {
   content: counters(item, ".") ". ";
   display: table-cell;
   padding-right: 0.6em;
 }

 .pop-up-container li ol>li {
   margin: 0;
   font-weight: 100;
   font-size: 12px;
   padding-top: 15px;
   line-height: 18px;
 }

 .pop-up-container li ol>li:before {
   content: counters(item, ".") " ";
 }

 .pop-up-message {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   margin: auto;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.8);
   z-index: 1000;
   overflow: hidden;
 }

 .pop-up-message-container {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin: auto;
   width: 500px;
   max-width: 100%;
   background-color: #000000;
   z-index: 1000;
   overflow: hidden;
   padding: 35px 10px;
 }

 .pop-up-message-container h3 {
   font-size: 1.3rem;
   padding-bottom: 20px;
 }

 .pop-up-message-container p {
   padding-bottom: 20px;
 }

 #message-form {
   width: 400px;
   max-width: 100%;
   margin: 0 auto;
 }

 #message-form .input-holder {
   width: 100%;
 }

 #message-form .input-holder.submit-holder {
   max-width: 300px;
 }

 #message-form .input-holder.submit-holder {
   max-width: 125px;
   margin-top: 25px;
 }

 .close_message {
   position: absolute;
   top: 0;
   right: 10px;
   z-index: 2;
   width: 20px;
 }

 .plr10 {
   padding-right: 10px;
   padding-left: 10px;
 }

 .submit_btn {
   display: inline-block;
   margin: 50px 0;
   width: auto;
   background: #ffffff;
   color: #000000;
   border: 1px solid #ffffff;
   text-align: center;
   font-weight: bold;
   text-transform: uppercase;
   cursor: pointer;
   padding: 10px 30px;
 }

 .hasarrowdown {
   position: relative;
   z-index: 1;
   font-size: 1.2rem;
   font-weight: bold;
   transform: rotate(45deg)
 }

 .just_parallax_holder {
   height: 70vh;
 }

 .just_parallax_holder div {
   height: 100%;
 }

 .detailspage_projectlogo {
   position: relative;
   max-width: 300px;
   padding: 75px 0;
   margin: auto;
 }

 #floorplanandbrochure .form,
 #page-contact .form {
   width: 800px;
   max-width: 100%;
   margin: auto;
   text-align: center
 }

 #floorplanandbrochure .form input,
 #floorplanandbrochure .form select {
   text-transform: uppercase;
 }

 #floorplanandbrochure .input-holder,
 #page-contact .input-holder {
   width: calc(50% - 20px);
   margin-right: 40px;
   display: block;
   float: left;
   margin-bottom: 30px;
   text-align: left;
 }

 #floorplanandbrochure .input-holder:nth-child(even),
 #page-contact .input-holder:nth-child(even) {
   margin-right: 0;
 }

 .slider {
   z-index: 2;
 }

 .close_gallery {
   display: block;
   position: absolute;
   top: 30px;
   right: 30px;
   z-index: 10;
 }

 #page-collection.details .copy.leftalign {
   padding-right: 50px;
 }

 #page-collection.TheOne .projectnametitle {
   color: #000000;
   text-shadow: 0px 3px 6px #000000;
 }

 /*  ------------------------------------------  */
 /*  -----------------VIDEO--------------------  */
 /*  ------------------------------------------  */
 .fullyvideo {
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 0;
   background-size: cover !important;
 }

 .content-video {
   position: absolute;
   z-index: 0;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   overflow: hidden
 }

 #gallery-pop-up .copy {
   display: none;
 }

 #page-contact #contact {
   padding: 0;
   background: transparent !important;
   margin-top: -20vh;
   z-index: 2;
 }

 a.active_gallery {
   display: block;
   position: relative;
 }

 .about_content ul,
 .services_content ul,
 .news_content ul {
   list-style: inside;
   font-size: 0.875rem;
   line-height: 1.3rem;
   padding-bottom: 30px;
 }

.max750  p,
 .max750  p {
   max-width: 750px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 100%;
 }

 .crm {}

 #page-services h3 {
   padding-bottom: 30px;
 }

 p u {
   padding: 35px 0 15px 0;
   padding: 0 40px 15px 40px;
   border-bottom: 1px solid #ffffff;
   display: inline-block;
   text-decoration: none !important;
   margin: 30px auto 15px auto;
   text-transform: uppercase;
 }

 .details.Pier103 .special-style {
   font-style: italic;
 }
 .imgs-holder
 {
     display:flex;
     justify-content:center;
     column-gap:25px;
     padding:50px 0 0 0

 }
.imgs-holder img {
   display:block;
 

 }
.urban{
    width:250px;
}
.winner{
    width:350px;
}

 @media (hover: hover) {

   /*	#nav-toggle:hover + nav #nav, nav:hover #nav{
	visibility: visible;
	transition-delay: 0.1s;
	padding-right: 50px;
	opacity: 1;	 
}*/
   header:hover nav #nav,
   header:hover #nav {
     visibility: visible;
     transition-delay: 0.1s;
     padding-right: 54px;
     opacity: 1;
   }

   #nav li a:hover {
     color: #BD2C12;
   }

   footer .grid_12:last-child a:hover {
     color: #BD2C12;
   }

   .btn:hover {
     text-shadow: 0px 0px 10px #ffffff;
   }
 }

 @media (hover: none) {}

 #page-collection.details .para ul {
   list-style: inside;
   text-align: left;
   width: 100%;
   max-width: 100%;
   margin: auto;
 }

 #page-collection.details .para ul li {
   font-weight: 100;
   font-size: 0.875rem;
   line-height: 1.3rem;
   padding-bottom: 0;
   list-style: initial;
 }

 p em {
   text-align: left;
   display: block;
 }

 .TheAddress-EastMelbourne .justaddressproject {
   display: block !important;
 }

 .justaddressproject img {
   margin: auto;
   max-width: 100%;
   width: 1024px;
 }

 .justaddressproject img:first-child {
   margin-bottom: 50px;
 }

 .justaddressproject img:nth-child(2) {
    width: 620px;
    padding-left: 20px;
    padding-right: 20px;
  }

 .landing {
   min-height: 768px;
 }
.project-status-label{
  position: absolute;
  top: 0;
  left: 50px;
  padding: 10px 20px;
  background-color: #BD2C12;
  color: #fff;
  z-index: 2;
}
 @media screen and (max-aspect-ratio: 1920/1080) {
   .fullyvideo {
     height: 100vh;
     min-height: 100%;
   }
 }

 @media screen and (min-aspect-ratio: 1920/1080) {
   .fullyvideo {
     width: 100%;
   }
 }

 .news_title {
   font-family: 'AdobeCaslonProRegular';
   font-weight: normal;
   font-size: 1.4rem;
   color: #BD2C12;
   display: block;
   padding-bottom: 20px;
 }

 .img_holder {
   display: block;
   position: relative;
 }

 .btn.leftalign {
   margin-left: 0;
 }

 .news_content_holder {
   text-align: left;
   display: block;
 }

 #page-vip #contact {
   background-image: url("/images/vip/3.jpg") !important;
 }

 #page-contact #contact div:first-child h3 {
   display: none;
 }

 #contact div:first-child P {
   display: none;
 }

 #page-contact #contact div:first-child p {
   display: block;
 }

 #page-contact #map {
   width: 100%;
   height: 40vh;
   overflow: hidden;
 }

 #page-collection.details #map {
   height: 60vh;
 }

 #page-aboutus .grid_6 {
   text-align: left;
 }

 .purchaser {
   font-family: 'AdobeCaslonProRegular';
   font-weight: normal;
   letter-spacing: 2px;
   font-size: 18px;
   color: #BD2C12;
 }

 .project_header {
   display: block;
   position: relative;
   width: 100%;
   padding: 15px;
   background-color: #212020;
   background-color: #212020;
   text-align: center;
   z-index: 9;
 }

 .project_header.fixed {
   transition: 1s all;
   position: fixed;
   top: 0;
   left: 0;
   transition-delay: 0.5s;
   transform: translateY(91px);
   background: #212020;
 }

 .project_header a {
   font-family: 'AdobeCaslonProRegular';
   display: inline-block;
   font-size: 0.8rem;
   text-transform: uppercase;
   margin: 0 15px;
 }

 .project_header a:first-child {
   transform: translateX(-10vw);
 }

 .project_header a:last-child {
   transform: translateX(10vw);
 }

 #page-collection.details p.leftalign {
   max-width: initial;
 }

 .team_logo {
   display: block;
   padding: 30px 0;
 }

 .projectnametitle {
   color: #F7F0EF;
   text-shadow: 0px 3px 6px #000000;
 }

 ul.list {
   list-style: inside;
   font-size: 0.875rem;
   line-height: 1.3rem;
 }

 .current .current,
 .completed .completed,
 .comingsoon .comingsoon {
   text-decoration: underline;
 }

 .content_wrapper .video-holder {
   margin-top: 100px;
 }

 .project_details_information {
   max-width: initial;
   margin: auto;
   text-align: left !important;
   display: inline-block;
   clear: both;
 }

 .project_details_information p {
   text-align: left !important;
 }

 .news_content {
   padding: 100px 0;
 }

 .news_content p {
   max-width: 786px;
   margin-left: auto;
   margin-right: auto;
 }

 .project_details_information strong {
   display: inline-block;
   width: 150px
 }

 .toi {
   display: block;
   position: absolute;
   top: 0;
   transform: translateY(30%);
   left: 0;
   right: 0;
   z-index: 2;
   width: 400px;
   margin: auto;
   max-width: 75%;
 }

 .toi .btn {
   text-shadow: 2px 8px 5px #000000;
   text-shadow: 5px 9px 5px #000000;
 }

 /*---------------------------------------------*/
 /*---------------------------------------------*/
 /*---------------------------------------------*/
 .fs18 {
   font-size: 1rem;
 }

 *.justmobile {
   display: none !important;
 }

 .white {
   color: #ffffff;
 }

 .bg-dark {
   background-color: rgba(0, 0, 0, 0.9);
   background-color: rgba(0, 0, 0, 1);
 }

 .fullheight {
   height: 100%;
 }

 .fullwidth {
   width: 100%;
 }

 .mlra {
   margin-left: auto;
   margin-right: auto;
 }

 .nomarginright {
   margin-right: 0 !important;
 }

 .bg {
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .centerposition {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 2;
   transition: 1s opacity;
   width: 90%;
 }

 #page-home .landing .centerposition {
   opacity: 0;
 }

 #page-home.fullload .landing .centerposition {
   opacity: 1;
 }

 .darklayer::before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #000000;
   opacity: 0.4;
 }

 .darklayer.landing::before {
   z-index: 2;
   opacity: 0.5;
 }

 .tov {
   position: relative;
   z-index: 2;
   max-width: 60%;
   margin: 0 auto 50px auto;
 }

 .centeralign {
   text-align: center;
 }

 .mb100 {
   margin-bottom: 100px;
 }

 .mt100 {
   margin-top: 100px;
 }

 .pb100 {
   padding-bottom: 100px;
 }

 .pt100 {
   padding-top: 100px;
 }

 .pb50 {
   padding-bottom: 50px;
 }

 .pt50 {
   padding-top: 50px;
 }

 .mb50 {
   margin-bottom: 50px;
 }

 .mb30 {
   margin-bottom: 30px !important;
 }

 .pb30 {
   padding-bottom: 30px;
 }

 .copy {
   max-width: 750px;
   margin-left: auto;
   margin-right: auto;
   text-align: center
 }

 .mt-10 {
   margin-top: -30vh;
 }

 .leftalign {
   text-align: left;
 }

 .mw350 {
   max-width: 350px;
 }

 .p50 {
   padding: 50px;
 }

 .pl50 {
   padding-left: 50px;
 }

 .pr50 {
   padding-right: 50px;
 }

 .uppercase {
   text-transform: uppercase;
 }

 .block {
   display: block;
 }

 .relative {
   position: relative
 }

 .pr100 {
   padding-right: 100px;
 }

 .pl100 {
   padding-left: 100px;
 }

 .act-close {
   display: block;
   position: absolute;
   top: 30px;
   right: 10px;
   z-index: 2;
   color: #ffffff;
   width: 20px;
 }

 .intro {
   display: block;
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 1000;
   top: 0;
   left: 0;
 }

 .red {
   color: #BD2C12;
 }

 .lvc {
   float: left
 }

 .rightfloat {
   float: right;
 }

 .leftfloat {
   float: left;
 }

 .middlealign {
   top: 50%;
   transform: translateY(-50%);
 }

 .abs {
   position: absolute;
 }

 .l0 {
   left: 0;
 }

 .r0 {
   right: 0;
 }

 .mlr0 {
   margin-left: auto;
   margin-right: auto;
 }

 .pl0 {
   padding-left: 0;
 }

 .mt0 {
   margin-top: 0 !important
 }

 @media screen and (min-width : 2000px) {
   .logoart {
     height: 75px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 50px;
   }
 }

 @media screen and (max-width : 1330px) {
   .input-holder {
     display: block;
     position: relative;
     padding-right: 15px;
     float: left;
     width: 23%;
   }

   #nav li a {
     font-size: 12px;
   }

   .input-holder.select-holder {
     width: 18%;
   }

   .input-holder.submit-holder {
     width: 13%;
   }

   .grid_6 {
     width: 50%;
     width: calc(50% - 25px);
     margin-right: 50px;
   }

   .container {
     width: 90%;
   }

   .logo {
     max-width: 150px;
   }

   .project_header.fixed {
     padding: 8px;
   }
 }

 @media screen and (max-width : 1024px) {
   html {
     font-size: 14px;
   }

   .copy {
     max-width: 650px;
   }

   .mt-10 {
     margin-top: -10vh;
   }

   .container {
     width: 90%;
   }

   .mw350 {
     max-width: 250px;
   }

   footer .container {
     width: 100%;
   }

   footer .grid_12 {
     padding: 20px;
   }

   p.address {
     margin: 0 10px;
   }

   .flexslider .slides .brand {
     height: 50px;
     margin: 25px auto;

   }
 }

 @media screen and (max-width : 768px) {
  .project-status-label {
    left: 0;
  }
   header {
     padding: 6px 0;
   }

   .vbox-next,
   .vbox-prev {
     top: 100% !important;
     transform: translateY(-100%) !important;
   }

   .nomobile {
     display: none !important;
   }

   .justmobile {
     display: block !important;
   }

   .grid_6,
   .grid_4,
   .grid_8 {
     width: 100%;
   }

   .mmb100 {
     margin-bottom: 100px;
   }

   .subscribe-holder {
     margin: 20px 0;
   }

   p.address {
     display: block;
     padding: 0;
     margin: 20px 0;
   }

   .footer-logo {
     display: none;
   }

   footer .grid_12 {
     text-align: left;
   }

   footer .grid_12:last-child {
     padding-top: 0;
     padding-bottom: 40px;
   }

   .mplr0 {
     padding-left: 0;
     padding-right: 0;
   }

   .input-holder,
   .input-holder.select-holder {
     width: 100% !important;
     margin: 10px auto !important;
   }

   .form {
     padding: 0 20px;
   }

   .input-holder.submit-holder {
     width: 100px !important;
     margin: 20px 10px 0 10px;
     text-align: center
   }

   .input-holder.chk {
     border-bottom: 0 !important;
   }

   .lvc {
     display: block !important;
     float: none;
     padding-bottom: 30px !important;
   }

   footer .grid_12:last-child a {
     text-align: left
   }

   nav {
     margin: 0 auto;
     padding: 0;
     position: fixed;
     top: 0;
     right: 0;
     transform: none;
     height: 100vh;
     background: rgba(0, 0, 0, 1);
     width: 300px;
     transform: translateX(100%);
     transition: 0.75s all;
   }

   nav.active {
     transform: translateX(0);
   }

   #nav {
     position: absolute;
     z-index: 10;
     top: 150px;
     opacity: 1;
     visibility: visible;
   }

   #nav li {
     list-style: none;
     display: block;
     margin: 0 0 25px 20px;
   }

   #nav li a {
     font-family: 'AdobeCaslonProRegular';
     font-weight: normal;
     letter-spacing: 2px;
     font-size: 1.5rem;
   }

   #nav-toggle {
     width: 30px;
     height: 30px;
   }

   #nav-toggle.active span {
     background: none;
   }

   #nav-toggle.active span:before {
     transform: translatex(0) rotate(45deg);
   }

   #nav-toggle.active span::after {
     transform: translatex(0) rotate(-45deg);
   }

   .l0 {
     left: auto;
   }

   .abs {
     position: relative;
   }

   .middlealign {
     top: 100%;
     transform: none;
   }

   .grid_5,
   .grid_7 {
     width: 100%;
   }

   p.pb100 {
     padding-bottom: 50px;
   }

   .mmb100 {
     margin-bottom: 50px;
   }

   .mpt100 {
     padding-top: 100px;
   }

   .pl100 {
     padding-left: 20px;
   }

   .pr100 {
     padding-right: 20px;
   }

   .project_header a:first-child {
     transform: translateX(-4vw);
   }

   .project_header a:last-child {
     transform: translateX(4vw);
   }

   .lvc {
     display: block !important;
     float: none;
     padding-bottom: 10px !important;
   }

   span.lvc {
     display: none !important;
   }
 }

 @media screen and (max-width : 760px) {
   nav {
     width: 50%;
   }

   .container {
     width: calc(100% - 20px);
   }

   .slick-initialized .slick-slide {
     display: block;
     padding: 0 0;
   }

   #page-vip .half {
     width: 100%;
   }

   .nextpage {
     bottom: 0;
     transform: translateY(-50%);
   }

   h1 {
     font-size: 2.2rem;
     line-height: 3rem;
   }

   .center-logo {
     width: 130px;
     height: 130px;
     margin: auto auto 50px auto;
   }

   .logo {
     max-width: 150px;
     z-index: 999;
   }

   .mpt100 {
     padding-top: 75px;
   }

   .pt100 {
     padding-top: 75px;
   }

   .pb100 {
     padding-bottom: 75px;
   }

   .mmb100 {
     margin-bottom: 50px;
   }

   p.pb100 {
     padding-bottom: 30px
   }

   .input-holder,
   .input-holder.select-holder {
     width: calc(100% - 40px);
     margin: 20px;
   }

   .playbtn {
     width: 75px;
   }

   .input-holder.submit-holder {
     border-bottom: none;
     margin: 20px 20px 0 20px;
   }

   #message-form .input-holder {
     margin: 10px 0;
   }

   p.centeralign {
     padding-left: 10px;
     padding-right: 10px;
   }

   .logo.second svg {
     max-height: 50px;
   }

   h3 {
     font-size: 1.5rem;
     color: #BD2C12;
   }

   .project_header a {
     display: none;
   }

   .project_header a:first-child {
     transform: translateX(-10vw);
     display: inline-block;
   }

   .project_header a:last-child {
     transform: translateX(10vw);
     display: inline-block;
   }

   .project_header a:first-child span,
   .project_header a:last-child span {
     display: none;
   }

   .mdib {
     display: inline-block !important;
   }

   .toi .btn {
     margin-top: 20px;
   }

   #page-collection .wrapper {
     padding-top: 130px;
   }

   #page-collection .landing {
     min-height: initial;
   }

   #page-collection .fullheight {
     height: 40%;
   }

   #nav li a {
     font-size: 1rem;
   }

   #page-collection .detailspage_projectlogo {
     padding-bottom: 0;
   }
   .imgs-holder
   {
       column-gap:15px;
   }
   .urban{
    width: 40%;
}
.winner{
    width: 40%;
}
.flex-sb
{
    display:block
}
 }

 @media screen and (max-width : 360px) {
   .project_header a {
     margin: 0;
   }

   .project_header a:last-child {
     transform: translateX(4vw);
   }

   .project_header a:first-child {
     transform: translateX(-4vw);
   }
  
 }

 @media screen and (max-width : 320px) {
   h1 {
     font-size: 2rem;
     line-height: 2.5rem;
   }
 }