@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

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

@font-face {
    font-family: 'big_caslonmedium';
    src: url('../fonts/big_caslon.woff2') format('woff2'),
         url('../fonts/big_caslon.woff') format('woff'),
		 url('../fonts/bigcaslon.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Aptos';
  src: url('../fonts/aptos.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Black';
  src: url('../fonts/aptos-black.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Black Italic';
  src: url('../fonts/aptos-black-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Bold';
  src: url('../fonts/aptos-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Extra Bold';
  src: url('../fonts/aptos-extrabold.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Extra Bold Italic';
  src: url('../fonts/aptos-extrabold-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Extra Bold Italic 2';
  src: url('../fonts/aptos-extrabold-italic 2.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Italic';
  src: url('../fonts/aptos-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Light';
  src: url('../fonts/aptos-light.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos light Italic';
  src: url('../fonts/aptos-light-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Aptos Semibold';
  src: url('../fonts/aptos-semibold.ttf') format('truetype');
}



/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#############################################################                                               #############################################################*/
/*#############################################################                      MOBILE                   #############################################################*/
/*#############################################################                                               #############################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/


@media (max-width: 600px) {
	
	
/*#################################################################################################*/
/*###############################              SHARED               ###############################*/
/*#################################################################################################*/
	

.display-mobile {
	display: block;		
}
.display-mobile-grid {
	display: grid;		
}
.display-desktop {
	display: none;		
}
.display-desktop-grid {
	display: none;		
}
	

/*#########################    SHARED: Main Nav / Header Section: Begin   #########################*/
.navbar-logo {
	width: 200px !important;
}

	
/*#########################     SHARED: Main Nav / Header Section: End    #########################*/
	
	
/*#########################         SHARED: Footer Section: Begin         #########################*/
.footer-header {
	margin: 50px auto 20px;
	font-family: "big_caslonmedium", sans-serif;
    font-size: 20px;
	color: #FFF;
    font-weight: bold;
	text-align: center;
}
.footer-link {
	margin: 0 auto 0;
	font-family: "Aptos", sans-serif;
    font-size: 14px;
	color: #FFF;
    font-weight: 400px;
	text-align: center;
}
.footer-legal {
	margin: 60px auto 0;
	font-family: "Aptos Light", sans-serif;
    font-size: 12px;
	color: #FFF;
    font-weight: 300px;
	text-align: center;
}
/*#########################          SHARED: Footer Section: End          #########################*/
	
	
/*#################################################################################################*/
/*###############################             HOMEPAGE              ###############################*/
/*#################################################################################################*/

/*#########################        HOMEPAGE: Video Section 1: Begin       #########################*/
/*#########################         HOMEPAGE: Video Section 1: End        #########################*/


/*#########################           HOMEPAGE: Section 2: Begin          #########################*/
.section-deux {
	margin-top: 0px;
	padding: 20px 5% 20px;
	background-color: #D34B14;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
	text-align: center;
	z-index: 9999;
}
.section-deux-header {
	font-family: "big_caslonmedium", serif;
    font-size: 30px;
	font-weight: 500;	
	color: #fff;
	line-height: 32px;
}
.section-deux-copy {
	padding: 20px 5% 0px;
	font-family: "Aptos";
    font-size: 16px;
	color: #fff;
	line-height: 20px;
}
/*#########################            HOMEPAGE: Section 2: End           #########################*/


/*#########################           HOMEPAGE: Section 3: Begin          #########################*/
.section-tre {
	margin-top: 0px;
	padding: 20px 0 30px;
	height: auto;
	background-image: url("../img/3ButtonBackground.png");
	background-position: bottom center;
	background-size: cover;
	display: block;
}
.section-tre-button {
	margin: 50px auto 0px;
	padding: 5%;
	width: 80%;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 25px;
	font-family: "big_caslonmedium", serif;
    font-size: 30px;
	font-weight: 500;
	text-align: center; 
	color: #fff;
	background-color: rgba(0,0,0,.50);	
	display: flex;
    justify-content: center;
    align-items: center;
}
.section-tre-button-2 {
	margin: 50px auto 0px;
	padding: 5%;
	width: 80%;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 25px;
	font-family: "big_caslonmedium", serif;
    font-size: 30px;
	font-weight: 500;
	color: #fff;
	background-color: rgba(0,0,0,.50);
	display: flex;
    justify-content: center;
    align-items: center;
}
/*#########################            HOMEPAGE: Section 2: End           #########################*/


/*#########################           HOMEPAGE: Section 4: Begin          #########################*/
.section-quattro {
	background-color: #fffee3;
	height: 600px;
	border-top: 3px solid #223300;
}
.section-quattro-ourcampus {
	margin: 50px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.section-quattro-ourcampus-header {
	padding: 20px 50px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 30px;
	font-weight: 500;
}
.section-quattro-ourcampus-copy {
	padding: 10px 5% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}
.section-quattro-carousel-container {
	margin: -180px auto 0px;
}
.section-quattro-carousel {
	margin: 0 auto 0;
	height: 350px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
.section-quattro-carousel-inner {
	margin: 0 auto 0;
	height: 346px;
	width: 346px;
	border-radius: 25px;
}
.section-quattro-carousel-message {
	margin-top: 130px;
	padding: 10px 20% 10px;
	font-family: "Aptos";
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	line-height: 38px;
}
#quattro-1 {
    background-image: url('../img/carousel/1OnsiteCafeBar.jpg');
	background-position: center center;
}
#quattro-1:hover {
    background-image: url('../img/carousel/1OnsiteCafeBar-2.jpg');
	-webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out;
}
#quattro-2 {
    background-image: url('../img/carousel/2CreativeOfficeSpace.jpg');
	background-position: center center;
}
#quattro-2:hover{
    background-image: url('../img/carousel/2CreativeOfficeSpace-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
#quattro-3 {
    background-image: url('../img/carousel/3CommunalHotDesks.jpg');
	background-position: center center;
}
#quattro-3:hover {
    background-image: url('../img/carousel/3CommunalHotDesks-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
#quattro-4 {
    background-image: url('../img/carousel/4EventVenue.jpg');
	background-position: center center;
}
#quattro-4:hover {
    background-image: url('../img/carousel/4EventVenue-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
#quattro-5 {
    background-image: url('../img/carousel/5MeetingRooms.jpg');
	background-position: center center;
}
#quattro-5:hover {
    background-image: url('../img/carousel/5MeetingRooms-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
/*#########################            HOMEPAGE: Section 4: End           #########################*/


/*#########################           HOMEPAGE: Section 5: Begin          #########################*/
.section-cinque {
	margin: 100px auto 0;
	padding: 280px 2% 60px;
	background-color: #fffee3;
	height: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: #000;
	text-align: center;
}
/*#########################            HOMEPAGE: Section 5: End           #########################*/


/*#########################           HOMEPAGE: Section 6: Begin          #########################*/
.section-sei {
	margin: 0 auto 0;
	padding: 60px 0 60px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/3 Book a Tour Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 250px;
	border-top: 3px solid #223300;
}
.section-sei-button {
	width: 80%;
	height: 60px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
}
/*#########################            HOMEPAGE: Section 6: End           #########################*/


/*#########################           HOMEPAGE: Section 7: Begin          #########################*/
.section-sette {
	margin: 0 auto 0;
	padding: 5% 5% 0;
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
	display: block;
	font-family: "Aptos";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #000;
	text-align: center;
}
.section-sette-groups {
	margin: 40px 0 0;
	padding: 0 0 60px;
}
.section-sette-author {
	margin: 40px 0 30px;
	font-size: 15px;
	font-weight: 600;
	line-height: 17px;
}
/*#########################            HOMEPAGE: Section 7: End           #########################*/
	
	
	
/*#################################################################################################*/
/*###############################           BOOK A TOUR             ###############################*/
/*#################################################################################################*/

/*#########################          BOOK A TOUR: Section 1: Begin        #########################*/
.tour-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/Main walkpath to front door with art piece.jpg");
	background-position: center center;
	background-size: cover;
	height: 400px;
	border-top: 3px solid #223300;
}
.tour-section-uno-button {
	width: 80%;
	height: 60px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################           BOOK A TOUR: Section 1: End         #########################*/


/*#########################          BOOK A TOUR: Section 2: Begin        #########################*/
.tour-section-due {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.tour-section-due-tourbox {
	margin: 30px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 40px;
	padding: 20px 0 100px;
}
.tour-section-due-tourbox-header {
	padding: 30px 100px 0px;
	font-family: "Aptos";
    font-size: 24px;
	font-weight: 600;
}
.tour-section-due-tourbox-copy {
	padding: 0px 20% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
}
/*#########################           BOOK A TOUR: Section 2: End         #########################*/


/*#########################          BOOK A TOUR: Section 3: Begin        #########################*/
.tour-section-tre {
	height: auto;
}
.tour-section-tre-formbox {
	margin: -70px auto 100px;
	background-color: #fac711;
	background-image: url("../img/2 Tour Form Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 1000px;
	width: 80%;
	border: 2px solid #000;
	border-radius: 50px;
	padding: 60px 5% 30px;
}
.tour-section-tre-grid {
	margin: 0 auto 0;
	padding: 0;
	display: block;
}
.tour-section-tre-inputs {
	margin: 10px auto 10px;
	padding: 10px;
	width: 100%;
	background-color: #fffee3;
	font-family: "Aptos";
    font-size: 16px;
	font-weight: 500;
	border: none;
	outline: none;
	border-radius: 5px;
}
.tour-section-tre-dropdown {
	margin: 10px auto 10px;
	padding: 10px;
	width: 100%;
	background-color: #fffee3;
	font-family: "Aptos";
    font-size: 20px;
	font-weight: 500;
	border: none;
	outline: none;
	border-radius: 5px;
}
.tour-section-tre-submit {
	margin: 20px auto 0;
	width: 150px;
	height: 60px;
	background-color: #d24110;
	border: 3px solid #223300;
	border-radius: 10px;
	font-family: "big_caslonmedium", serif;
    font-size: 24px;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
	color: #fff;
}
.tour-section-tre-completedform-container {
	margin: 100px auto 0px;
	padding: 5% 0 10%;
	text-align: center;
	background-color: #fffee3;
	border-radius: 30px;
}
.tour-section-tre-completedform-container-2 {
	margin: 0px auto 0px;
	padding: 2% 0 2%;
	text-align: center;
	background-color: #fffee3;
	border-radius: 30px;
}
.tour-section-tre-completedform {
	margin: 30px auto 0px;
	font-family: "Aptos";
    font-size: 24px;
	font-weight: 600;
	text-align: center;
}
.tour-section-tre-completedform-2 {
	margin: 20px auto 0px;
	font-family: "Aptos";
    font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.error {
	color: #FF0000;
}
/*#########################           BOOK A TOUR: Section 3: End         #########################*/


/*#################################################################################################*/
/*###############################           OFFICE SPACE            ###############################*/
/*#################################################################################################*/

/*#########################         OFFICE SPACE: Section 1: Begin        #########################*/
.officespace-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/1 Office Space Banner.png");
	background-position: center center;
	background-size: cover;
	height: 400px;
	border-top: 3px solid #223300;
}
.officespace-section-uno-button {
	width: 80%;
	height: 65px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 1: End         #########################*/


/*#########################         OFFICE SPACE: Section 2: Begin        #########################*/
.officespace-section-due {
	margin: 0px auto 0px;
	padding: 30px 5% 30px;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	text-align: center;
}
.officespace-section-due-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 500;
	color: #000;
	line-height: 38px;
	text-align: center;
}
.officespace-section-due-copy {
	margin: 20px auto 0px;
	padding: 0 0 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 2: End         #########################*/


/*#########################         OFFICE SPACE: Section 3: Begin        #########################*/
.officespace-section-tre {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../img/2 Bungalow Header Strip.JPG");
	background-position: center center;
	background-size: cover;
	height: 200px;
	border-top: 3px solid #223300;
}
.officespace-section-tre-subheader {
	margin: 0px auto 0px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	line-height: 16px;
	text-align: center;
}
.officespace-section-tre-header {
	margin: 10px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 50px;
	font-weight: 400;
	color: #FFF;
	line-height: 70px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 3: End         #########################*/


/*#########################         OFFICE SPACE: Section 4: Begin        #########################*/
.officespace-section-quattro {
	margin: 0px auto 0px;
	height: 220px;
	background-color: #455611;
	border-top: 3px solid #223300;
}
/*#########################          OFFICE SPACE: Section 4: End         #########################*/


/*#########################         OFFICE SPACE: Section 5: Begin        #########################*/
.officespace-section-cinque {
	margin: 0px auto 0px;
	background-color: #fffee3;
	height: 350px;
	border-top: 3px solid #223300;
	padding: 0 5% 0;
	text-align: center;
}
.officespace-section-cinque-grid-1 {
	margin: 0px auto 0px;
	padding: 0 5% 0;
	display: block;
}
.officespace-section-cinque-grid-2 {
	margin: 0px auto 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
}
.officespace-section-cinque-bungalowimage {
	margin: 30px 0 30px;
	background-image: url("../img/3 Bungalow Main Image.jpg");
	background-position: center center;
	background-size: cover;
	height: 350px;
	width: 350px;
	border: 2px solid #223300;
	border-radius: 40px;
}
.officespace-section-cinque-bannercopy {
	margin: -600px 0 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 300;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	z-index: 999;
}
.officespace-section-cinque-bungalowsizes {
	margin: 450px 0 80px;
}
.officespace-section-cinque-bungalowsizes-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: 400;
	color: #000;
	line-height: 50px;
	text-align: center;
}
.officespace-section-cinque-bungalowsizes-buttons {
	margin: 10px 0 0;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fac711;
	border: 1px solid #000;
	border-radius: 5px;
	width: 100%;
	height: 60px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: center;
}
.officespace-section-cinque-bungalowsizes-buttons-header {
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	text-align: center;
}
.officespace-section-cinque-bungalowsizes-buttons-subheader {
	font-family: "Aptos Light";
	font-size: 14px;
	font-weight: 400;
	color: #000;
	line-height: 16px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 5: End         #########################*/


/*#########################         OFFICE SPACE: Section 6: Begin        #########################*/
.officespace-section-sei {
	margin: 280px auto 0;
	background-color: #fffee3;
	height: 400px;
	text-align: center;
}
.officespace-section-sei-carousel {
	margin: 0 5% 0;
	height: 300px;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	text-align: center;
}
#bungalow-sei-1 {
	background-image: url('../img/carousel/1 Bungalow - Large Boardroom.jpg');
	background-position: center center;
}
#bungalow-sei-2 {
	background-image: url('../img/carousel/2 Bungalow - Medium Boardroom.jpg');
	background-position: center center;
}
#bungalow-sei-3 {
	background-image: url('../img/carousel/3 Bungalow - Classroom.jpg');
	background-position: center center;
}

/*#########################          OFFICE SPACE: Section 6: End         #########################*/


/*#########################         OFFICE SPACE: Section 7: Begin        #########################*/
.officespace-section-sette {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/5 Studio Header Strip.jpg");
	background-position: center center;
	background-size: cover;
	height: 200px;
	border-top: 3px solid #223300;
}
.officespace-section-sette-subheader {
	margin: 0px auto 0px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	line-height: 16px;
	text-align: center;
}
.officespace-section-sette-header {
	margin: 10px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 50px;
	font-weight: 400;
	color: #FFF;
	line-height: 70px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 7: End         #########################*/



/*#########################         OFFICE SPACE: Section 8: Begin        #########################*/
.officespace-section-otto {
	margin: 0px auto 0px;
	height: 220px;
	background-color: #d34b14;
	border-top: 3px solid #223300;
}
/*#########################          OFFICE SPACE: Section 8: End         #########################*/


/*#########################         OFFICE SPACE: Section 9: Begin        #########################*/
.officespace-section-nove {
	margin: 0px auto 0px;
	background-color: #fffee3;
	height: 350px;
	border-top: 3px solid #223300;
	padding: 0 5% 0;
	text-align: center;
}
.officespace-section-nove-grid-1 {
	margin: 500px auto 0px !important;
	padding: 0 5% 0;
	display: block;
}
.officespace-section-nove-grid-2 {
	margin: 0px auto 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
}
.officespace-section-nove-studioimage {
	margin: -660px 0 30px;
	background-image: url("../img/6 Studio Office Main Image.png");
	background-position: center center;
	background-size: cover;
	height: 350px;
	width: 350px;
	border: 2px solid #223300;
	border-radius: 40px;
}
.officespace-section-nove-bannercopy {
	margin: -680px 0 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 300;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	z-index: 999;
}
.officespace-section-nove-bungalowsizes {
	margin: 450px 0 80px;
}
.officespace-section-nove-bungalowsizes-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: 400;
	color: #000;
	line-height: 50px;
	text-align: center;
}
.officespace-section-nove-bungalowsizes-buttons {
	margin: 10px 0 0;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fac711;
	border: 1px solid #000;
	border-radius: 5px;
	width: 100%;
	height: 60px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: center;
}
.officespace-section-nove-bungalowsizes-buttons-header {
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	text-align: center;
}
.officespace-section-nove-bungalowsizes-buttons-subheader {
	font-family: "Aptos Light";
	font-size: 14px;
	font-weight: 400;
	color: #000;
	line-height: 16px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 9: End         #########################*/


/*#########################        OFFICE SPACE: Section 10: Begin        #########################*/
.officespace-section-dieci {
	margin: 280px auto 0;
	background-color: #fffee3;
	height: auto;
	text-align: center;
}
.officespace-section-dieci-carousel {
	margin: 0 5% 0;
	height: 300px;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
}
#studio-dieci-1 {
	background-image: url('../img/carousel/1 Second Floor Walkway.jpg');
	background-position: center center;
}
#studio-dieci-2 {
	background-image: url('../img/carousel/2 Small Perimeter Studio.png');
	background-position: center center;
}
#studio-dieci-3 {
	background-image: url('../img/carousel/3 Medium Perimeter Studio.png');
	background-position: center center;
}

/*#########################         OFFICE SPACE: Section 10: End         #########################*/


/*#########################        OFFICE SPACE: Section 11: Begin        #########################*/
.officespace-section-undici {
	margin: 60px 0 60px;
	background-color: #fffee3;
	height: auto;
	text-align: center;
}
.officespace-section-undici-amenities {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-top: 60px;
	padding-bottom: 60px;
}
.officespace-section-undici-amenities-header {
	padding: 0 auto 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 42px;
	font-weight: 500;
	text-align: center;
}
.officespace-section-undici-amenities-grid {
	padding: 10px 5% 10px;
	display: block;
}
.officespace-section-undici-amenities-copy {
	padding: 10px 0 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

/*#########################         OFFICE SPACE: Section 11: End         #########################*/


/*#########################        OFFICE SPACE: Section 12: Begin        #########################*/
.section-dodici {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/8 Book a Tour Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 250px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.section-dodici-button {
	width: 80%;
	height: 60px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 60px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################         OFFICE SPACE: Section 12: End         #########################*/


/*#################################################################################################*/
/*###############################            MEMBERSHIP             ###############################*/
/*#################################################################################################*/

/*#########################          MEMBERSHIP: Section 1: Begin         #########################*/
.membership-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/1 Membership Banner.jpg");
	background-position: center center;
	background-size: cover;
	height: 400px;
	border-top: 3px solid #223300;
}
.membership-section-uno-button {
	width: 80%;
	height: 65px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################           MEMBERSHIP: Section 1: End          #########################*/


/*#########################          MEMBERSHIP: Section 2: Begin         #########################*/
.membership-section-due {
	margin: 0px auto 0px;
	background-color: #d34b14;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 5%;
	text-align: center;
}
.membership-section-due-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 500;
	color: #FFF;
	line-height: 38px;
	text-align: center;
}
.membership-section-due-copy {
	margin: 40px auto 0px;
	padding: 0 10% 0;
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	line-height: 22px;
	text-align: center;
}
/*#########################           MEMBERSHIP: Section 2: End          #########################*/


/*#########################          MEMBERSHIP: Section 3: Begin         #########################*/
.membership-section-tre {
	margin: 0px auto 0px;
	padding: 60px 0 60px;
	display: grid;
    grid-template-columns: 30% 70%;
	background-image: url("../img/2 Studio Background.png");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membership-section-tre-box {
	margin: 0 5% 0;
	height: auto;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membership-section-tre-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: 500;
	color: #000;
	line-height: 34px;
	text-align: center;
}
.membership-section-tre-box-subheader {
	margin: 0px auto 20px;
	font-family: "Aptos Light";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: center;
}
.membership-section-tre-box-copy {
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: left;
}
.membership-section-tre-box-title {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: left;
}
/*#########################           MEMBERSHIP: Section 3: End          #########################*/


/*#########################          MEMBERSHIP: Section 4: Begin         #########################*/
.membership-section-quattro {
	margin: 0px auto 0px;
	padding: 60px 0 60px;
	display: grid;
    grid-template-columns: 70% 30%;
	background-image: url("../img/3 Resident Background.png");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membership-section-quattro-box {
	margin: 0 5% 0px;
	height: auto;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membership-section-quattro-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: 500;
	color: #000;
	line-height: 34px;
	text-align: center;
}
.membership-section-quattro-box-subheader {
	margin: 0px auto 20px;
	font-family: "Aptos Light";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: center;
}
.membership-section-quattro-box-copy {
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: left;
}
.membership-section-quattro-box-title {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: left;
}
/*#########################           MEMBERSHIP: Section 4: End          #########################*/


/*#########################          MEMBERSHIP: Section 5: Begin         #########################*/
.membership-section-cinque {
	margin: 0px auto 0px;
	padding: 60px 0 60px;
	display: grid;
    grid-template-columns: 30% 70%;
	background-image: url("../img/4 Roaming Background.jpg");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membership-section-cinque-box {
	margin: 0 5% 0;
	height: auto;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membership-section-cinque-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: 500;
	color: #000;
	line-height: 34px;
	text-align: center;
}
.membership-section-cinque-box-subheader {
	margin: 0px auto 20px;
	font-family: "Aptos Light";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: center;
}
.membership-section-cinque-box-copy {
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: left;
}
.membership-section-cinque-box-title {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: left;
}
/*#########################           MEMBERSHIP: Section 5: End          #########################*/


/*#########################          MEMBERSHIP: Section 6: Begin         #########################*/
.membership-section-sei {
	margin: 0px auto 0px;
	padding: 20px 0 40px;
	background-color: #455611;
	font-family: "Aptos";
	font-size: 26px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	border-top: 3px solid #223300;
	text-align: center;
}
.membership0section-sei-button{
	font-family: "Aptos";
	font-size: 20px;
	background: #d34b14;
	height: auto;
	width: 80%;
	margin: 20px auto 0;
	padding: 5px 25px 5px;
	border: 2px solid #000;
	border-radius: 25px;
}

/*#########################           MEMBERSHIP: Section 6: End          #########################*/


/*#########################          MEMBERSHIP: Section 7: Begin         #########################*/
.membership-section-sette {
	margin: 0px auto 0px;
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
	padding: 5%;
	text-align: center;
}
.membership-section-sette-header {
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 500;
	color: #000;
	line-height: 38px;
	text-align: center;
}
.membership-section-sette-subheader {
	margin: 30px auto 0px;
	font-family: "Aptos";
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	text-align: center;
}
.membership-section-sette-box {
	margin: 60px 0 0;
	height: auto;
	border: 3px solid #000;
	border-radius: 30px;
}
.membership-section-sette-box-rows {
	height: auto;
	display: grid;
	grid-template-columns: 28% 18% 18% 18% 18%;
}
.membership-section-sette-box-bgcolor1 {
	background-color: #fbcd26;
}
.membership-section-sette-box-bgcolor2 {
	padding: 20px 0 20px;
	background-color: #fbd23b;
	font-family: "big_caslonmedium", serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	line-height: 16px;
	text-align: center;
}
.membership-section-sette-box-bgcolor3 {
	background-color: #fce070;
	font-family: "Aptos Bold";
	font-size: 12px;
	font-weight: 500;
	color: #000;
	line-height: 14px;
	text-align: center;
	padding: 10px 0 10px;
}

.membership-section-sette-box-bgcolor4 {
	background-color: #fcdc60;
	font-family: "Aptos Bold";
	font-size: 12px;
	font-weight: 500;
	color: #000;
	line-height: 14px;
	text-align: center;
	padding: 10px 0 10px;
}
.membership-section-sette-box-bgcolor5 {
	background-color: #fff9ce;
	display: flex;
    justify-content: center;
    align-items: center;
}
.membership-section-sette-box-bgcolor6 {
	background-color: #fef0af;
	display: flex;
    justify-content: center;
    align-items: center;
}
/*#########################           MEMBERSHIP: Section 7: End          #########################*/


/*#########################          MEMBERSHIP: Section 8: Begin         #########################*/
.section-otto {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/5 Book a Tour Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 250px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.section-otto-button {
	width: 80%;
	height: 60px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 60px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################           MEMBERSHIP: Section 8: End          #########################*/


/*#################################################################################################*/
/*###############################          PRIVATE EVENTS           ###############################*/
/*#################################################################################################*/

/*#########################        PRIVATE EVENTS: Section 1: Begin       #########################*/
.privateevents-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/1 Private Events Banner.jpg");
	background-position: center center;
	background-size: cover;
	height: 400px;
	border-top: 3px solid #223300;
}
.privateevents-section-uno-button {
	width: 80%;
	height: 65px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################         PRIVATE EVENTS: Section 1: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 2: Begin       #########################*/
.privateevents-section-due {
	margin: 0 auto 0;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 5%;
	text-align: center;
}
.privateevents-section-due-header {
	margin: 0px auto 0px;
	padding: 0 5% 0;
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 500;
	color: #000;
	line-height: 38px;
	text-align: center;
}
.privateevents-section-due-copy {
	margin: 20px auto 0px;
	padding: 0 0 0;
	font-family: "Aptos";
	font-size: 14px;
	font-weight: 600;
	color: #000;
	line-height: 16px;
	text-align: center;
}
/*#########################         PRIVATE EVENTS: Section 2: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 3: Begin       #########################*/
.privateevents-section-tre {
	margin: 0px auto 0px;
	background-color: #d34b14;
	display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
	border-top: 3px solid #223300;
	padding: 2% 0 2%;
	text-align: center;
}
.privateevents-section-tre-items {
	margin: 0px auto 0px;
	font-family: "Aptos Semibold";
	font-size: 16px;
	font-weight: 300;
	color: #FFF;
	line-height: 18px;
	text-align: center;
}
/*#########################         PRIVATE EVENTS: Section 3: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 4: Begin       #########################*/
.privateevents-section-quattro {
	padding: 60px 0 0;
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.privateevents-section-quattro-cafe {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 100px;
}
.privateevents-section-quattro-cafe-header {
	padding: 40px 5% 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-quattro-cafe-copy {
	padding: 10px 5% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.privateevents-section-quattro-carousel-container {
	margin: -140px auto 0;
	padding: 0 5% 80px;
	width: 100%;
}
.privateevents-section-quattro-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 70%;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-quattro-1 {
    background-image: url('../img/carousel/privateevents/1 Cafe_Events02.jpg');
	background-position: center center;
}
#privateevents-quattro-2 {
    background-image: url('../img/carousel/privateevents/2 Cafe_Events.jpg');
	background-position: center center;
}
#privateevents-quattro-3 {
    background-image: url('../img/carousel/privateevents/4 Café 01.jpg');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 4: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 5: Begin       #########################*/
.privateevents-section-cinque {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-cinque-courtyard {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 100px;
}
.privateevents-section-cinque-courtyard-header {
	padding: 40px 5% 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-cinque-courtyard-copy {
	padding: 10px 5% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.privateevents-section-cinque-carousel-container {
	margin: -140px auto 0;
	padding: 0 5% 80px;
	width: 100%;
}
.privateevents-section-cinque-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 70%;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-cinque-1 {
    background-image: url('../img/carousel/privateevents/1 Courtyard.jpg');
	background-position: bottom center;
}
#privateevents-cinque-2 {
    background-image: url('../img/carousel/privateevents/2 PW Courtyard at eye level.jpg');
	background-position: center center;
}
#privateevents-cinque-3 {
    background-image: url('../img/carousel/privateevents/3 Courtyard_Events03.jpg');
	background-position: center center;
}
#privateevents-cinque-4 {
    background-image: url('../img/carousel/privateevents/4 Courtyard_Events02.jpg');
	background-position: center center;
}
#privateevents-cinque-5 {
    background-image: url('../img/carousel/privateevents/5 Courtyard_Events04.png');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 5: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 6: Begin       #########################*/
.privateevents-section-sei {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-sei-rooftop {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 100px;
}
.privateevents-section-sei-rooftop-header {
	padding: 40px 5% 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-sei-rooftop-copy {
	padding: 10px 5% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.privateevents-section-sei-carousel-container {
	margin: -140px auto 0;
	padding: 0 5% 80px;
	width: 100%;
}
.privateevents-section-sei-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 70%;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-sei-1 {
    background-image: url('../img/carousel/privateevents/1 Rooftop 01.jpg');
	background-position: center center;
}
#privateevents-sei-2 {
    background-image: url('../img/carousel/privateevents/2 Hollywood-Day-Pass-2-1320x824.jpg');
	background-position: center center;
}
#privateevents-sei-3 {
    background-image: url('../img/carousel/privateevents/3 Index.png');
	background-position: center center;
}
#privateevents-sei-4 {
    background-image: url('../img/carousel/privateevents/4 Yoga Deck.jpg');
	background-position: center center;
}
#privateevents-sei-5 {
    background-image: url('../img/carousel/privateevents/5 Rooftop 02.jpg');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 6: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 7: Begin       #########################*/
.privateevents-section-sette {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-sette-garden {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 100px;
}
.privateevents-section-sette-garden-header {
	padding: 40px 5% 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-sette-garden-copy {
	padding: 10px 5% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.privateevents-section-sette-carousel-container {
	margin: -140px auto 0;
	padding: 0 5% 80px;
	width: 100%;
}
.privateevents-section-sette-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 70%;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-sette-1 {
    background-image: url('../img/carousel/privateevents/1 Garden_Events04.png');
	background-position: center center;
}
#privateevents-sette-2 {
    background-image: url('../img/carousel/privateevents/2 Garden_Events03.png');
	background-position: center center;
}
#privateevents-sette-3 {
    background-image: url('../img/carousel/privateevents/3 Garden_Events.jpg');
	background-position: center center;
}
#privateevents-sette-4 {
    background-image: url('../img/carousel/privateevents/4 Garden_Events02.png');
	background-position: center center;
}
#privateevents-sette-5 {
    background-image: url('../img/carousel/privateevents/5 Garden 03.JPG');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 7: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 8: Begin       #########################*/
.privateevents-section-otto {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-otto-ovalroom {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 100px;
}
.privateevents-section-otto-ovalroom-header {
	padding: 40px 5% 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-otto-ovalroom-copy {
	padding: 10px 5% 10px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.privateevents-section-otto-carousel-container {
	margin: -140px auto 0;
	padding: 0 5% 80px;
	width: 100%;
}
.privateevents-section-otto-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 70%;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-otto-1 {
    background-image: url('../img/carousel/privateevents/Oval Room_Events.jpg');
	background-position: center center;
}
#privateevents-otto-2 {
    background-image: url('../img/carousel/privateevents/TiffanyJPhotography-Sneaks-7672.jpg');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 8: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 9: Begin       #########################*/
.privateevents-section-nove {
	margin: 0 auto 0;
	background-color: #fffee3;
	height: auto;
	padding: 5%;
	text-align: center;
}
.privateevents-section-nove-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 500;
	color: #000;
	line-height: 38px;
	text-align: center;
}
.privateevents-section-nove-tri {
	margin: 50px auto 0px;
	padding: 0 0 0;
	display: block;
	text-align: center;
}
.privateevents-section-nove-tri-header {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 22px;
	font-weight: 300;
	line-height: 30px;
}
.privateevents-section-nove-tri-copy {
	margin: 0px auto 60px;
	padding: 0 10% 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 300;
	line-height: 18px;
}
.privateevents-section-nove-amenitieslist {
	margin: 60px auto 60px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
}
/*#########################         PRIVATE EVENTS: Section 9: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 10: Begin      #########################*/
.privateevents-section-dieci {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/1370-N-St-Andrews-Pl-Los-Angeles-CA-Arial-View-Facing-The-Hollywood-Sign-81-LargeHighDefinition.jpg");
	background-position: bottom center;
	background-size: cover;
	height: 250px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.privateevents-section-dieci-button {
	width: 80%;
	height: 60px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################        PRIVATE EVENTS: Section 10: End        #########################*/


/*#################################################################################################*/
/*###############################            OUR CAMPUS             ###############################*/
/*#################################################################################################*/

/*#########################          OUR CAMPUS: Section 1: Begin         #########################*/
.ourcampus-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/1370-N-St-Andrews-Pl-Los-Angeles-CA-Arial-View-Facing-The-Hollywood-Sign-81-LargeHighDefinition.jpg");
	background-position: bottom center;
	background-size: cover;
	height: 400px;
	border-top: 3px solid #223300;
}
.ourcampus-section-uno-button {
	width: 80%;
	height: 60px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################           OUR CAMPUS: Section 1: End          #########################*/


/*#########################          OUR CAMPUS: Section 2: Begin         #########################*/
.ourcampus-section-due {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.ourcampus-section-due-about {
	margin: 60px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 90%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 250px;
}
.ourcampus-section-due-about-header {
	padding: 30px 5% 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 36px;
	font-weight: 500;
	text-align: center;
}
.ourcampus-section-due-about-copy {
	padding: 10px 5% 10px !important;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.ourcampus-section-due-about-subheader-container {
	display: block;
	padding-bottom: 30px;
}
.ourcampus-section-due-about-subheader {
	margin: 0 0 10px;
	text-align: center;
	font-family: "Aptos Bold";
	font-weight: 300;
}
.ourcampus-section-due-about-subheader-copy {
	margin: 0 0 30px;
	text-align: center;
}
.ourcampus-section-due-cards-container {
	margin: -250px auto 0;
	display: block;
	text-align: center;
}
.ourcampus-section-due-cards-buttons {
	margin: 80% 10% 0 !important;
	width: 82% !important;
	height: 50px !important;
	padding: 0 0 0 !important;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "Aptos";
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	text-align: center !important;
	line-height: 50px;
	border: 1px solid #fff;
	border-radius: 15px;
}
.ourcampus-section-due-cards-buttons-2 {
	margin: 74% 10% 0 !important;
	width: 82% !important;
	height: 70px !important;
	padding: 5px 0 0 !important;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "Aptos";
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	text-align: center !important;
	line-height: 28px;
	border: 1px solid #fff;
	border-radius: 15px;
}
.ourcampus-section-due-cards-subcontainer {
	margin: 0px auto 0px;
	padding: 10% 5% 0;
}
.ourcampus-section-due-cards-copy {
	position: relative !important;
	height: auto !important;
	padding: 0 5% 0;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
.ourcampus-section-due-cards-subheader {
	position: relative !important;
	height: 50px !important;
	margin-top: 40px;
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	line-height: 16px;
}
.scene {
  display: inline-block;
  width: 350px;
  height: 350px;
/*   border: 1px solid #CCC; */
  margin: 20px 20px;
  perspective: 600px;
}
.card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}
.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 260px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  backface-visibility: hidden;
}
.card__face--front--1 {
    background-image: url("../img/cards/cards-1.jpg");
	border-radius: 25px;
}
.card__face--back--1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-1.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--2 {
    background-image: url("../img/cards/cards-2.jpg");
	border-radius: 25px;
}
.card__face--back--2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-2.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--3 {
    background-image: url("../img/cards/cards-3.jpg");
	border-radius: 25px;
}
.card__face--back--3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-3.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--4 {
    background-image: url("../img/cards/cards-4.jpg");
	border-radius: 25px;
}
.card__face--back--4 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-4.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--5 {
    background-image: url("../img/cards/cards-5.jpg");
	border-radius: 25px;
}
.card__face--back--5 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-5.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--6 {
    background-image: url("../img/cards/cards-6.jpg");
	border-radius: 25px;
}
.card__face--back--6 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-6.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--7 {
    background-image: url("../img/cards/cards-7.jpg");
	border-radius: 25px;
}
.card__face--back--7 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-7.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--8 {
    background-image: url("../img/cards/cards-8.jpg");
	border-radius: 25px;
}
.card__face--back--8 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-8.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--9 {
    background-image: url("../img/cards/cards-9.jpg");
	border-radius: 25px;
}
.card__face--back--9 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-9.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
/*#########################           OUR CAMPUS: Section 2: End          #########################*/


/*#########################          OUR CAMPUS: Section 3: Begin         #########################*/
.ourcampus-section-tre {
	margin: 0 auto 0;
	padding: 100px 5% 100px;
	background-color: #fffee3;
	height: auto;
	text-align: center;
}
.ourcampus-section-tre-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 44px;
	font-weight: 500;
	color: #000;
	line-height: 42px;
	text-align: center;
}
.ourcampus-section-tre-quad-container {
	margin: 60px auto 0px;
	padding: 0 0 0;
	display: block;
	text-align: center;
}
.ourcampus-section-tre-quad-header {
	margin: 20px auto 20px;
	font-family: "Aptos Bold";
	font-size: 22px;
	font-weight: 300;
	line-height: 24px;
}
.ourcampus-section-tre-quad-copy {
	margin: 0px auto 60px;
	padding: 0 25% 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 300;
	line-height: 18px;
}
.ourcampus-section-tre-amenitieslist {
	margin: 80px auto 0px;
	padding: 0 5% 0;
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
}
/*#########################           OUR CAMPUS: Section 3: End          #########################*/


/*#########################          OUR CAMPUS: Section 4: Begin         #########################*/
.ourcampus-section-quattro-main-header {
	background-color: #d34b14;
	padding: 5% 5% 15%;
	height: auto;
	border-top: 3px solid #223300;
}
.ourcampus-section-quattro {
	background-color: #d34b14;
	padding: 0 5% 0;
	display: block;
}
.ourcampus-section-quattro-leftside {
	margin: 0 auto 0;
	padding: 0 0 0;
	border-right: 3px solid #223300;
}
.ourcampus-section-quattro-rightside {
	display: block;
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	color: #fff;
	text-align: center;
	padding: 0 0 60px;
}
.ourcampus-section-quattro-header {
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.ourcampus-section-quattro-photos {
	margin: 0px auto 0;
	width: 80%;
	height: 250px;
	border: 2px solid #223300;
	border-radius: 15px;
	margin-bottom: 30px;
	text-align: center;
}
/*#########################           OUR CAMPUS: Section 4: End          #########################*/


/*#########################          OUR CAMPUS: Section 5: Begin         #########################*/
.ourcampus-section-sette {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/2 Studio Background.png");
	background-position: center center;
	background-size: cover;
	height: 250px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.ourcampus-section-sette-button {
	width: 80%;
	height: 60px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################          OUR CAMPUS: Section 5: End           #########################*/


/*#################################################################################################*/
/*###############################         MEMBERSHIP TIERS          ###############################*/
/*#################################################################################################*/

/*#########################       MEMBERSHIP TIERS: Section 1: Begin      #########################*/
.membershiptiers-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/Bungalow and Walkway.jpg");
	background-position: center center;
	background-size: cover;
	height: 400px;
	border-top: 3px solid #223300;
}
.membershiptiers-section-uno-button {
	width: 90%;
	height: 65px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 60px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################        MEMBERSHIP TIERS: Section 1: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 2: Begin      #########################*/
.membershiptiers-section-due {
	margin: 0px auto 0px;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 60px 5% 60px;
	text-align: center;
}
.membershiptiers-section-due-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 36px;
	font-weight: 500;
	color: #000;
	line-height: 40px;
	text-align: center;
}
.membershiptiers-section-due-copy {
	margin: 40px auto 0px;
	padding: 0 10% 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: center;
}
/*#########################        MEMBERSHIP TIERS: Section 2: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 3: Begin      #########################*/
.membershiptiers-section-tre {
	margin: 0px auto 0px;
	padding: 80px 5% 80px;
	background-image: url("../img/Phone Booths.jpeg");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membershiptiers-section-tre-box {
	margin: 0 0 0;
	height: auto;
	width: 100%;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membershiptiers-section-tre-box-header-container {
	display: block;
}
.membershiptiers-section-tre-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 42px;
	font-weight: 600;
	color: #000;
	line-height: 45px;
	width: auto;
	white-space: nowrap;
}
.membershiptiers-section-tre-box-subheader {
	margin-top: auto;
	font-family: "Aptos";
	font-size: 26px;
	font-weight: 500;
	color: #000;
	line-height: 30px;
	padding-bottom: 5px;
}
.membershiptiers-section-tre-box-copy {
	padding: 30px 0 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: left;
}
.membershiptiers-section-tre-box-title {
	margin: 25px auto 25px;
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	text-align: left;
}
.membershiptiers-section-tre-box-included {
	margin: 5px 0 5px;
	padding-top: 12px;
	width: 350px;
	height: 50px;
	background-color: #d34b14;
	border: 2px solid #000;
	border-radius: 10px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	cursor: pointer;
}
.membershiptiers-section-tre-dialogue-box {
	margin: -25% 0 0 600px;
	padding: 30px;
	width: 350px;
	height: 250px;
	background-color: #d34b14;
	border: 3px solid #000;
	border-radius: 25px;
	text-align: center;
}
.membershiptiers-section-tre-dialogue-box-header {
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 300;
	color: #000;
	line-height: 20px;
}
.membershiptiers-section-tre-dialogue-box-copy {
	padding: 15px 0 40px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
}
.membershiptiers-section-tre-dialogue-box-subcopy {
	position: absolute;
	top: -3px;
	left: -3px;
	padding: 30px 10% 0;
	width: 350px;
	height: 250px;
	background-color: rgba(34, 51, 0, 1);
	border: 3px solid #FFF;
	border-radius: 25px;
	text-align: center;
	color: #fff;
    display: none;
}
.membershiptiers-section-tre-getpass-container {
	margin: -40px 0 0 0;
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	z-index: 999;
}
.membershiptiers-section-tre-getpass-header {
	margin: 80px 0 0;
	font-family: "Aptos Bold";
	font-size: 28px;
	font-weight: 300;
}
.membershiptiers-section-tre-getpass-subcontainer {
	margin: 20px 0 0;
	display: block;
}
.membershiptiers-section-tre-getpass-subheader {
	margin: 40px 0 0;
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 300;
}
.membershiptiers-section-tre-getpass-bookhere {
	margin: 10px 0 10px;
	padding-top: 12px;
	width: 300px;
	height: 50px;
	background-color: rgba(34, 51, 0, 0.8);
	border: 2px solid #000;
	border-radius: 15px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 300;
	color: #FFF;
	text-align: center;
}
/*#########################        MEMBERSHIP TIERS: Section 3: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 4: Begin      #########################*/
.membershiptiers-section-quattro {
	margin: 0px auto 0px;
	padding: 80px 5% 80px;
	background-image: url("../img/Bungalow Field Pathway.jpg");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membershiptiers-section-quattro-box {
	margin: 0 0 0;
	height: auto;
	width: 100%;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
/*#########################        MEMBERSHIP TIERS: Section 4: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 5: Begin      #########################*/
.membershiptiers-section-cinque {
	margin: 0px auto 0px;
	padding: 80px 30px 80px;
	background-image: url("../img/B24 Nighttime Bungalow.png");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
/*#########################        MEMBERSHIP TIERS: Section 5: End       #########################*/


/*#################################################################################################*/
/*###############################          HOW TO FIND US           ###############################*/
/*#################################################################################################*/

/*#########################         CAFE AND BAR: Section 1: Begin       #########################*/
.cafeandbar-section-uno {
	margin: 0px auto 0;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/Nighttime Café.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
	padding-left: 10%;
}
.cafeandbar-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################          CAFE AND BAR: Section 1: End        #########################*/


/*#########################         CAFE AND BAR: Section 2: Begin       #########################*/
.cafeandbar-section-due {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.cafeandbar-section-due-box {
	margin: 100px 35% 0 20%;
	height: auto;
	background-color: #fac711;
	padding: 5% 10% 5% 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.cafeandbar-section-due-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: bold;
	color: #000;
	line-height: 60px;
	width: auto;
	white-space: nowrap;
}
.cafeandbar-section-due-box-copy {
	margin: 40px auto 0;
	font-family: "Aptos";
	font-size: 22px;
	font-weight: 500;
	color: #000;
	line-height: 24px;
	padding-bottom: 5px;
}
.cafeandbar-section-due-box-icon {
	margin: -330px 0 100px 60%;
	width: 300px;
	height: 300px;
	background-color: #d34b14;
	border: 3px solid #223300;
	border-radius: 25px;
	padding: 30px;
	text-align: center;
}
/*#########################          CAFE AND BAR: Section 1: End        #########################*/


/*#########################         CAFE AND BAR: Section 1: Begin       #########################*/
.cafeandbar-section-tre {
	margin: 0px auto 0;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/ThePreserve_191117_09 copy.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
	padding-left: 10%;
}


/*#########################         CAFE AND BAR: Section 3: Begin       #########################*/
.cafeandbar-section-quattro {
	background-color: #fffee3;
	height: auto;
	padding-bottom: 60px;
}
.cafeandbar-section-quattro-box-icon {
	margin: -370px 0 100px 60%;
	width: 300px;
	height: 300px;
	background-color: #d34b14;
	border: 3px solid #223300;
	border-radius: 25px;
	padding: 30px;
	text-align: center;
}
/*#########################          CAFE AND BAR: Section 3: End        #########################*/


/*#################################################################################################*/
/*###############################         COMMUNITY EVENTS          ###############################*/
/*#################################################################################################*/

/*#########################       COMMUNITY EVENTS: Section 1: Begin      #########################*/
.communityevents-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/DSC05985.JPG");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.communityevents-section-uno-button {
	width: 40%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################        COMMUNITY EVENTS: Section 1: End       #########################*/


/*#########################       COMMUNITY EVENTS: Section 2: Begin      #########################*/
.communityevents-section-due {
	margin: 0 auto 0;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 5% 20% 5%;
	text-align: center;
}
.communityevents-section-due-copy {
	margin: 0 auto 0px;
	padding: 0 0 0;
	font-family: "Aptos";
	font-size: 30px;
	font-weight: 600;
	color: #000;
	line-height: 36px;
	text-align: center;
}
/*#########################        COMMUNITY EVENTS: Section 2: End       #########################*/


/*#########################       COMMUNITY EVENTS: Section 3: Begin      #########################*/
.communityevents-section-tre {
	margin: 0px auto 0px;
	background-color: #d34b14;
	display: grid;
    grid-template-columns: 25% 25% 25% 25%;
	border-top: 3px solid #223300;
	padding: 3% 10% 3%;
	text-align: center;
}
.communityevents-section-tre-items {
	margin: 0px auto 0px;
	font-family: "Aptos Semibold";
	font-size: 24px;
	font-weight: 300;
	color: #FFF;
	line-height: 28px;
	text-align: center;
}
/*#########################        COMMUNITY EVENTS: Section 3: End       #########################*/


/*#########################       COMMUNITY EVENTS: Section 4: Begin      #########################*/
.communityevents-section-quattro {
	background-color: #fffee3;
	height: auto;
}
.communityevents-section-quattro-events-mainheader {
	margin: 100px 0 0;
	padding-bottom: 100px;
	font-family: "Aptos Bold";
    font-size: 55px;
	font-weight: 300;
	text-align: center;
}
.communityevents-section-quattro-events {
	margin: 60px auto 120px; 
	background-color: #fac711;
	text-align: left;
	width: 65%;
	border: 2px solid #000;
	border-radius: 25px;
}
.communityevents-section-quattro-events-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
	text-align: left;
}
.communityevents-section-quattro-events-copy {
	padding: 10px 25% 0 100px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
}
.communityevents-section-quattro-events-details {
	padding: 50px 100px 50px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.communityevents-section-quattro-events-subheader-container {
	margin: 20px 0 0;
	display: grid;
	grid-template-columns: 20% 80%;
	grid-column-gap: 15px;
	padding-bottom: 20px;
}
.communityevents-section-quattro-events-subheader {
	text-align: left;
	font-family: "Aptos Bold";
	font-size: 30px;
	font-weight: 300;
}
.communityevents-section-quattro-events-subheader-copy {
	text-align: left;
	font-size: 30px;
}
.communityevents-section-quattro-events-book-button {
	margin: 0 100px 100px;
	width: 40%;
	height: 60px;
    background-color: rgba(34, 51, 0, 0.9);
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 60px;
	border: 2px solid #000;
	border-radius: 25px;
	text-align: center;
}
.communityevents-section-quattro-events-photo {
	margin: -480px 0 120px 70%;
	width: 300px;
	height: 400px;
	background-position: center center;
	background-size: cover;
	border: 2px solid #000;
	border-radius: 25px;
}
.communityevents-section-quattro-events-photo-2 {
	margin: -450px 0 120px 65%;
	width: 400px;
	height: 300px;
	background-position: center center;
	background-size: cover;
	border: 2px solid #000;
	border-radius: 25px;
}
/*#########################        COMMUNITY EVENTS: Section 4: End       #########################*/
	
	
	
}


/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#############################################################                                               #############################################################*/
/*#############################################################                   MOBILE: END                 #############################################################*/
/*#############################################################                                               #############################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/






/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#############################################################                                               #############################################################*/
/*#############################################################                     DESKTOP                   #############################################################*/
/*#############################################################                                               #############################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/



@media (min-width: 600px) {
	

.display-mobile {
	display: none;		
}
.display-mobile-grid {
	display: none;		
}
.display-desktop {
	display: block;		
}
.display-desktop-grid {
	display: grid;		
}
	
	
body{
    line-height: 1.4;
}

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

.tag {
  opacity: 0;
  transform: translate(0, 0vh);
  transition: all 2.5s;
}
.tag.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.tag2 {
  opacity: 0;
  transform: translate(0, 0vh);
  transition: all 2.5s;
}
.tag2.visible {
  opacity: 1;
  transform: translate(0, 0);
}


/*#################################################################################################*/
/*###############################              SHARED               ###############################*/
/*#################################################################################################*/

/*#########################    SHARED: Main Nav / Header Section: Begin   #########################*/
.main-wrapper {
	display: block;
	font-family: "big_caslonmedium", sans-serif;
}
.main-wrapper img{
    width: 100%;
    display: block;
}
.main-wrapper a{
    color: #000;
    text-decoration: none;
}
.main-wrapper ul li{
    list-style-type: none;
}

.navbar{
    background: #fffee3;
    padding: 0 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 100px;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 10;
}
.navbar-logo {
	width: 400px;
}
.brand-and-icon{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}
.navbar-brand{
	font-family: "big_caslonmedium", serif;
    font-size: 50px;
    letter-spacing: 3px;
    font-weight: 500;
}
.navbar-toggler{
    display: block;
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    transition: all 0.4s ease;
    border: 2px solid #000;
    border-radius: 4px;
}
.navbar-toggler:hover{
    opacity: 0.7;
}
.navbar-collapse{
    overflow-y: scroll;
    display: none;
}
.navbar-nav > li > a{
    text-transform: uppercase;
	font-family: "Aptos Light";
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding: 0.6rem 0;
    margin: 0.2rem 0;
    border-bottom: 1px solid #ddd;
    border-radius: 1px;
    position: relative;
    transition: all 0.4s ease;
}
.drop-icon{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-nav > li > a:hover{
    opacity: 0.7;
}
.sub-menu h4{
    text-transform: capitalize;
    font-size: 1rem;
    padding: 0.5rem 0;
}
.sub-menu ul li{
    text-transform: capitalize;
    padding: 0.1rem 0;
    margin: 0.1rem 0;
    font-size: 0.95rem;
}
.sub-menu ul li a{
    opacity: 0.8;
    transition: all 0.5s ease;
}
.sub-menu ul li a:hover{
    padding-left: 14px;
    opacity: 0.9;
}
.sub-menu{
    display: none;
}

.sub-menu-item{
    padding-left: 1.2rem;
}
.sub-menu-item:nth-child(3){
    background: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.sub-menu-item:nth-child(3) h2{
    text-transform: capitalize;
    margin: 1.5rem 0;
}
.sub-menu-item:nth-child(3) .btn{
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    background: #000;
    color: #fff;
    transition: all 0.5s ease;
}
.sub-menu-item:nth-child(3) .btn:hover{
    background: transparent;
    color: #000;
}
.sub-menu-item:nth-child(4){
    width: 50%;
    margin: 0 auto;
    padding: 2rem 0;
}
.button-bookatour {
	font-family: "Aptos Light";
	background: #d34b14;
	height: 50%;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
}
/*#########################     SHARED: Main Nav / Header Section: End    #########################*/


/*#########################         SHARED: Footer Section: Begin         #########################*/
.footer-header {
	padding: 40px 5% 0px; 
	background-color: #455611; 
	font-family: "big_caslonmedium", sans-serif;
    font-size: 50px;
	color: #fff;
    letter-spacing: 3px;
    font-weight: 400;
}

.footer-container {
	padding: 20px 5% 0px; 
	background-color: #455611; 
	height: 300px; 
	color: #FFF;
	z-index: 999;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer-subcontainer {
	font-family: "Aptos", serif;
    font-size: 50px;
	color: #fff;
    font-weight: 600;
}
.footer-subcontainer2 {
	float: right;
}
.footer-subcontainer-hours {
	float: left;
	width: 100px;
}
.footer-copy {
	font-family: "Aptos", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
}
.footer-column-header {
	font-family: "big_caslonmedium", sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 14px;
}
.footer-container-legal {
	margin-top: -40px;
	padding: 15px 5% 15px; 
	background-color: #223300; 
	color: #FFF;
}
.footer-subcontainer-legal {
	text-align: center;
	width: 100%;
}
/*#########################          SHARED: Footer Section: End          #########################*/


/*#################################################################################################*/
/*###############################             HOMEPAGE              ###############################*/
/*#################################################################################################*/

/*#########################        HOMEPAGE: Video Section 1: Begin       #########################*/
.header{
    background-color: #fff;
	min-height: 1116px;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.header h2{
    margin: 1rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
}
.header p{
    margin: 1rem auto;
    color: #fff;
    width: 60%;
    opacity: 0.8;
    font-weight: 300;
    font-size: 1.2rem;
    text-align: center;
}
.header button{
    margin: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border: none;
    padding: 0.8rem 1.5rem;
    transition: all 0.5s ease;
    cursor: pointer;
}
.header button:hover{
    background: #fff;
    color: #000;
}

video{
  position: relative;
  top: 360px;
  transform: translateY(-50%);
  filter: brightness(70%);
  
}
/*#########################         HOMEPAGE: Video Section 1: End        #########################*/


/*#########################           HOMEPAGE: Section 2: Begin          #########################*/
.section-deux {
	margin-top: -198px;
	padding: 60px 15% 60px;
	background-color: #D34B14;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
	text-align: center;
	z-index: 9999;
}
.section-deux-header {
	font-family: "big_caslonmedium", serif;
    font-size: 60px;
	font-weight: 500;	
	color: #fff;
	line-height: 65px;
}
.section-deux-copy {
	padding: 40px 15% 0px;
	font-family: "Aptos";
    font-size: 20px;
	color: #fff;
	line-height: 23px;
}
/*#########################            HOMEPAGE: Section 2: End           #########################*/


/*#########################           HOMEPAGE: Section 3: Begin          #########################*/
.section-tre {
	height: 700px;
	background-image: url("../img/3ButtonBackground.png");
	display: grid;
	grid-template-columns: 30% 40% 30%;
}
.section-tre-button {
	margin: 380px auto 0px;
	padding: 5%;
	width: 80%;
	height: 100px;
	border: 1px solid #fff;
	border-radius: 25px;
	font-family: "big_caslonmedium", serif;
    font-size: 40px;
	font-weight: 500;
	text-align: center; 
	color: #fff;
	background-color: rgba(0,0,0,.50);	
	display: flex;
    justify-content: center;
    align-items: center;
}
.section-tre-button-2 {
	margin: 380px auto 0px;
	padding: 5%;
	width: 80%;
	height: 100px;
	border: 1px solid #fff;
	border-radius: 25px;
	font-family: "big_caslonmedium", serif;
    font-size: 40px;
	font-weight: 500;
	color: #fff;
	background-color: rgba(0,0,0,.50);
	display: flex;
    justify-content: center;
    align-items: center;
}
/*#########################            HOMEPAGE: Section 2: End           #########################*/


/*#########################           HOMEPAGE: Section 4: Begin          #########################*/
.section-quattro {
	background-color: #fffee3;
	height: 900px;
	border-top: 3px solid #223300;
}
.section-quattro-ourcampus {
	margin: 100px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.section-quattro-ourcampus-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.section-quattro-ourcampus-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.section-quattro-carousel-container {
	margin: -180px auto 0px;
}
.section-quattro-carousel {
	margin: 0 auto 0;
	height: 350px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
.section-quattro-carousel-inner {
	margin: 0 auto 0;
	height: 346px;
	width: 346px;
	border-radius: 25px;
}
.section-quattro-carousel-message {
	margin-top: 130px;
	padding: 10px 20% 10px;
	font-family: "Aptos";
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	line-height: 38px;
}
#quattro-1 {
    background-image: url('../img/carousel/1OnsiteCafeBar.jpg');
	background-position: center center;
}
#quattro-1:hover {
    background-image: url('../img/carousel/1OnsiteCafeBar-2.jpg');
	-webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    -ms-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out;
}
#quattro-2 {
    background-image: url('../img/carousel/2CreativeOfficeSpace.jpg');
	background-position: center center;
}
#quattro-2:hover{
    background-image: url('../img/carousel/2CreativeOfficeSpace-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
#quattro-3 {
    background-image: url('../img/carousel/3CommunalHotDesks.jpg');
	background-position: center center;
}
#quattro-3:hover {
    background-image: url('../img/carousel/3CommunalHotDesks-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
#quattro-4 {
    background-image: url('../img/carousel/4EventVenue.jpg');
	background-position: center center;
}
#quattro-4:hover {
    background-image: url('../img/carousel/4EventVenue-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
#quattro-5 {
    background-image: url('../img/carousel/5MeetingRooms.jpg');
	background-position: center center;
}
#quattro-5:hover {
    background-image: url('../img/carousel/5MeetingRooms-2.jpg');
	-webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
/*#########################            HOMEPAGE: Section 4: End           #########################*/


/*#########################           HOMEPAGE: Section 5: Begin          #########################*/
.section-cinque {
	margin: 0px auto 60px;
	padding: 0 10% 0;
	background-color: #fffee3;
	height: 500px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	font-family: "Aptos";
	font-size: 24px;
	font-weight: 600;
	line-height: 80px;
	color: #000;
}
/*#########################            HOMEPAGE: Section 5: End           #########################*/


/*#########################           HOMEPAGE: Section 6: Begin          #########################*/
.section-sei {
	margin: -80px auto 60px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/3 Book a Tour Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 800px;
	border-top: 3px solid #223300;
}
.section-sei-button {
	width: 50%;
	height: 150px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 500;
	color: #fff;
	line-height: 150px;
	border: 3px solid #223300;
	border-radius: 25px;
}
/*#########################            HOMEPAGE: Section 6: End           #########################*/


/*#########################           HOMEPAGE: Section 7: Begin          #########################*/
.section-sette {
	margin: -80px auto 0px;
	padding: 5% 5% 0;
	background-color: #fffee3;
	height: 650px;
	border-top: 3px solid #223300;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 3%;
	font-family: "Aptos";
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	color: #000;
	text-align: center;
}
.section-sette-author {
	margin-top: 40px;
	font-size: 15px;
	font-weight: 600;
	line-height: 17px;
	margin-bottom: 60px;
}
/*#########################            HOMEPAGE: Section 7: End           #########################*/



/*#################################################################################################*/
/*###############################           BOOK A TOUR             ###############################*/
/*#################################################################################################*/

/*#########################          BOOK A TOUR: Section 1: Begin        #########################*/
.tour-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/Main walkpath to front door with art piece.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.tour-section-uno-button {
	width: 20%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################           BOOK A TOUR: Section 1: End         #########################*/


/*#########################          BOOK A TOUR: Section 2: Begin        #########################*/
.tour-section-due {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.tour-section-due-tourbox {
	margin: 100px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 40px;
	padding: 30px 0 150px;
}
.tour-section-due-tourbox-header {
	padding: 30px 100px 0px;
	font-family: "Aptos";
    font-size: 24px;
	font-weight: 600;
}
.tour-section-due-tourbox-copy {
	padding: 0px 20% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
/*#########################           BOOK A TOUR: Section 2: End         #########################*/


/*#########################          BOOK A TOUR: Section 3: Begin        #########################*/
.tour-section-tre {
	height: auto;
}
.tour-section-tre-formbox {
	margin: -100px auto 100px;
	background-color: #fac711;
	background-image: url("../img/2 Tour Form Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 1000px;
	width: 60%;
	border: 2px solid #000;
	border-radius: 50px;
	padding: 60px 10% 30px;
}
.tour-section-tre-grid {
	margin: 0 auto 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 40px;
}
.tour-section-tre-inputs {
	margin: 10px auto 10px;
	padding: 10px;
	width: 80%;
	background-color: #fffee3;
	font-family: "Aptos";
    font-size: 20px;
	font-weight: 500;
	border: none;
	outline: none;
	border-radius: 5px;
}
.tour-section-tre-dropdown {
	margin: 10px auto 10px;
	padding: 10px;
	width: 50%;
	background-color: #fffee3;
	font-family: "Aptos";
    font-size: 20px;
	font-weight: 500;
	border: none;
	outline: none;
	border-radius: 5px;
}
.tour-section-tre-submit {
	margin: 20px auto 0;
	width: 150px;
	height: 60px;
	background-color: #d24110;
	border: 3px solid #223300;
	border-radius: 10px;
	font-family: "big_caslonmedium", serif;
    font-size: 30px;
	font-weight: 500;
	line-height: 60px;
	text-align: center;
	color: #fff;
}
.tour-section-tre-completedform-container {
	margin: 200px auto 0px;
	padding: 5% 5% 10%;
	text-align: center;
	background-color: #fffee3;
	border-radius: 30px;
}
.tour-section-tre-completedform {
	margin: 30px auto 0px;
	font-family: "Aptos";
    font-size: 30px;
	font-weight: 600;
	text-align: center;
}
.error {
	color: #FF0000;
}
/*#########################           BOOK A TOUR: Section 3: End         #########################*/


/*#################################################################################################*/
/*###############################           OFFICE SPACE            ###############################*/
/*#################################################################################################*/

/*#########################         OFFICE SPACE: Section 1: Begin        #########################*/
.officespace-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/1 Office Space Banner.png");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.officespace-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 1: End         #########################*/


/*#########################         OFFICE SPACE: Section 2: Begin        #########################*/
.officespace-section-due {
	margin: 0px auto 0px;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 250px;
	border-top: 3px solid #223300;
	padding: 0 25% 0;
	text-align: center;
}
.officespace-section-due-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 48px;
	font-weight: 500;
	color: #000;
	line-height: 42px;
	text-align: center;
}
.officespace-section-due-copy {
	margin: 20px auto 0px;
	padding: 0 0 0;
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 2: End         #########################*/


/*#########################         OFFICE SPACE: Section 3: Begin        #########################*/
.officespace-section-tre {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url("../img/2 Bungalow Header Strip.JPG");
	background-position: center center;
	background-size: cover;
	height: 200px;
	border-top: 3px solid #223300;
}
.officespace-section-tre-subheader {
	margin: 0px auto 0px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	line-height: 16px;
	text-align: center;
}
.officespace-section-tre-header {
	margin: 10px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 70px;
	font-weight: 400;
	color: #FFF;
	line-height: 70px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 3: End         #########################*/


/*#########################         OFFICE SPACE: Section 4: Begin        #########################*/
.officespace-section-quattro {
	margin: 0px auto 0px;
	height: 190px;
	background-color: #455611;
	border-top: 3px solid #223300;
}
/*#########################          OFFICE SPACE: Section 4: End         #########################*/


/*#########################         OFFICE SPACE: Section 5: Begin        #########################*/
.officespace-section-cinque {
	margin: 0px auto 0px;
	background-color: #fffee3;
	height: 350px;
	border-top: 3px solid #223300;
	padding: 0 5% 0;
	text-align: center;
}
.officespace-section-cinque-grid-1 {
	margin: -180px auto 0px;
	padding: 0 15% 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 8%;
}
.officespace-section-cinque-grid-2 {
	margin: 0px auto 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
}
.officespace-section-cinque-bungalowimage {
	margin-left: 5%;
	background-image: url("../img/3 Bungalow Main Image.jpg");
	background-position: center center;
	background-size: cover;
	height: 440px;
	width: 440px;
	border: 2px solid #223300;
	border-radius: 40px;
}
.officespace-section-cinque-bannercopy {
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 300;
	color: #FFF;
	line-height: 24px;
	text-align: left;
}
.officespace-section-cinque-bungalowsizes {
	margin: 20px 0 80px;
}
.officespace-section-cinque-bungalowsizes-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 40px;
	font-weight: 400;
	color: #000;
	line-height: 70px;
	text-align: center;
}
.officespace-section-cinque-bungalowsizes-buttons {
	margin: 10px 0 0;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fac711;
	border: 1px solid #000;
	border-radius: 5px;
	width: 100%;
	height: 80px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 23px;
	text-align: center;
}
.officespace-section-cinque-bungalowsizes-buttons-header {
	font-family: "Aptos Bold";
	font-size: 24px;
	font-weight: 500;
	color: #000;
	line-height: 26px;
	text-align: center;
}
.officespace-section-cinque-bungalowsizes-buttons-subheader {
	font-family: "Aptos Light";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 16px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 5: End         #########################*/


/*#########################         OFFICE SPACE: Section 6: Begin        #########################*/
.officespace-section-sei {
	margin: 0 0 0 -5%;
	background-color: #fffee3;
	height: 400px;
	text-align: center;
}
.officespace-section-sei-carousel {
	margin: 0 auto 0;
	height: 350px;
	width: 525px;
	border: 2px solid #000;
	border-radius: 25px;
}
#bungalow-sei-1 {
	background-image: url('../img/carousel/1 Bungalow - Large Boardroom.jpg');
	background-position: center center;
}
#bungalow-sei-2 {
	background-image: url('../img/carousel/2 Bungalow - Medium Boardroom.jpg');
	background-position: center center;
}
#bungalow-sei-3 {
	background-image: url('../img/carousel/3 Bungalow - Classroom.jpg');
	background-position: center center;
}

/*#########################          OFFICE SPACE: Section 6: End         #########################*/


/*#########################         OFFICE SPACE: Section 7: Begin        #########################*/
.officespace-section-sette {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url("../img/5 Studio Header Strip.jpg");
	background-position: center center;
	background-size: cover;
	height: 200px;
	border-top: 3px solid #223300;
}
.officespace-section-sette-subheader {
	margin: 0px auto 0px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	line-height: 16px;
	text-align: center;
}
.officespace-section-sette-header {
	margin: 10px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 70px;
	font-weight: 400;
	color: #FFF;
	line-height: 70px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 7: End         #########################*/



/*#########################         OFFICE SPACE: Section 8: Begin        #########################*/
.officespace-section-otto {
	margin: 0px auto 0px;
	height: 200px;
	background-color: #d34b14;
	border-top: 3px solid #223300;
}
/*#########################          OFFICE SPACE: Section 8: End         #########################*/


/*#########################         OFFICE SPACE: Section 9: Begin        #########################*/
.officespace-section-nove {
	margin: 0px auto 0px;
	background-color: #fffee3;
	height: 350px;
	border-top: 3px solid #223300;
	padding: 0 5% 0;
	text-align: center;
}
.officespace-section-nove-grid-1 {
	margin: -180px auto 0px;
	padding: 0 15% 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 8%;
}
.officespace-section-nove-grid-2 {
	margin: 0px auto 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
}
.officespace-section-nove-studioimage {
	background-image: url("../img/6 Studio Office Main Image.png");
	background-position: center center;
	background-size: cover;
	height: 440px;
	width: 440px;
	border: 2px solid #223300;
	border-radius: 40px;
}
.officespace-section-nove-bannercopy {
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 300;
	color: #FFF;
	line-height: 24px;
	text-align: left;
}
.officespace-section-nove-bungalowsizes {
	margin: 20px 0 80px;
}
.officespace-section-nove-bungalowsizes-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 40px;
	font-weight: 400;
	color: #000;
	line-height: 70px;
	text-align: center;
}
.officespace-section-nove-bungalowsizes-buttons {
	margin: 10px 0 0;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fac711;
	border: 1px solid #000;
	border-radius: 5px;
	width: 100%;
	height: 80px;
	font-family: "Aptos Light";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 23px;
	text-align: center;
}
.officespace-section-nove-bungalowsizes-buttons-header {
	font-family: "Aptos Bold";
	font-size: 24px;
	font-weight: 500;
	color: #000;
	line-height: 26px;
	text-align: center;
}
.officespace-section-nove-bungalowsizes-buttons-subheader {
	font-family: "Aptos Light";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 16px;
	text-align: center;
}
/*#########################          OFFICE SPACE: Section 9: End         #########################*/


/*#########################        OFFICE SPACE: Section 10: Begin        #########################*/
.officespace-section-dieci {
	margin: 0 0 0 -5%;
	background-color: #fffee3;
	height: 400px;
	text-align: center;
}
.officespace-section-dieci-carousel {
	margin: 0 auto 0;
	height: 350px;
	width: 525px;
	border: 2px solid #000;
	border-radius: 25px;
}
#studio-dieci-1 {
	background-image: url('../img/carousel/1 Second Floor Walkway.jpg');
	background-position: center center;
}
#studio-dieci-2 {
	background-image: url('../img/carousel/2 Small Perimeter Studio.png');
	background-position: center center;
}
#studio-dieci-3 {
	background-image: url('../img/carousel/3 Medium Perimeter Studio.png');
	background-position: center center;
}

/*#########################         OFFICE SPACE: Section 10: End         #########################*/


/*#########################        OFFICE SPACE: Section 11: Begin        #########################*/
.officespace-section-undici {
	margin: 50px 0 0;
	background-color: #fffee3;
	height: 550px;
	text-align: center;
}
.officespace-section-undici-amenities {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 60px;
}
.officespace-section-undici-amenities-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 70px;
	font-weight: 500;
}
.officespace-section-undici-amenities-grid {
	padding: 10px 10% 10px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.officespace-section-undici-amenities-copy {
	padding: 10px 0 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 600;
	line-height: 22px;
}

/*#########################         OFFICE SPACE: Section 11: End         #########################*/


/*#########################        OFFICE SPACE: Section 12: Begin        #########################*/
.section-dodici {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/8 Book a Tour Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 450px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.section-dodici-button {
	width: 30%;
	height: 120px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 400;
	color: #fff;
	line-height: 120px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################         OFFICE SPACE: Section 12: End         #########################*/


/*#################################################################################################*/
/*###############################            MEMBERSHIP             ###############################*/
/*#################################################################################################*/

/*#########################          MEMBERSHIP: Section 1: Begin         #########################*/
.membership-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/1 Membership Banner.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.membership-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################           MEMBERSHIP: Section 1: End          #########################*/


/*#########################          MEMBERSHIP: Section 2: Begin         #########################*/
.membership-section-due {
	margin: 0px auto 0px;
	background-color: #d34b14;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 2% 20% 2%;
	text-align: center;
}
.membership-section-due-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 500;
	color: #FFF;
	line-height: 60px;
	text-align: center;
}
.membership-section-due-copy {
	margin: 40px auto 0px;
	padding: 0 10% 0;
	font-family: "Aptos";
	font-size: 22px;
	font-weight: 400;
	color: #FFF;
	line-height: 26px;
	text-align: center;
}
/*#########################           MEMBERSHIP: Section 2: End          #########################*/


/*#########################          MEMBERSHIP: Section 3: Begin         #########################*/
.membership-section-tre {
	margin: 0px auto 0px;
	display: grid;
    grid-template-columns: 50% 50%;
	background-image: url("../img/2 Studio Background.png");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
}
.membership-section-tre-box {
	margin: 100px 5% 0px;
	height: 450px;
	background-color: #fac711;
	padding: 5% 10% 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membership-section-tre-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 46px;
	font-weight: 500;
	color: #000;
	line-height: 46px;
	text-align: center;
}
.membership-section-tre-box-subheader {
	margin: 0px auto 20px;
	font-family: "Aptos Light";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 20px;
	text-align: center;
}
.membership-section-tre-box-copy {
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	text-align: left;
}
.membership-section-tre-box-title {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 22px;
	text-align: left;
}
/*#########################           MEMBERSHIP: Section 3: End          #########################*/


/*#########################          MEMBERSHIP: Section 4: Begin         #########################*/
.membership-section-quattro {
	margin: 0px auto 0px;
	display: grid;
    grid-template-columns: 50% 50%;
	background-image: url("../img/3 Resident Background.png");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
}
.membership-section-quattro-box {
	margin: 170px 5% 0px;
	height: 400px;
	background-color: #fac711;
	padding: 5% 10% 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membership-section-quattro-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 46px;
	font-weight: 500;
	color: #000;
	line-height: 46px;
	text-align: center;
}
.membership-section-quattro-box-subheader {
	margin: 0px auto 20px;
	font-family: "Aptos Light";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 20px;
	text-align: center;
}
.membership-section-quattro-box-copy {
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	text-align: left;
}
.membership-section-quattro-box-title {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 22px;
	text-align: left;
}
/*#########################           MEMBERSHIP: Section 4: End          #########################*/


/*#########################          MEMBERSHIP: Section 5: Begin         #########################*/
.membership-section-cinque {
	margin: 0px auto 0px;
	display: grid;
    grid-template-columns: 50% 50%;
	background-image: url("../img/4 Roaming Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
}
.membership-section-cinque-box {
	margin: 200px 5% 0px;
	height: 400px;
	background-color: #fac711;
	padding: 5% 10% 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membership-section-cinque-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 46px;
	font-weight: 500;
	color: #000;
	line-height: 46px;
	text-align: center;
}
.membership-section-cinque-box-subheader {
	margin: 0px auto 20px;
	font-family: "Aptos Light";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 20px;
	text-align: center;
}
.membership-section-cinque-box-copy {
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	text-align: left;
}
.membership-section-cinque-box-title {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 22px;
	text-align: left;
}
/*#########################           MEMBERSHIP: Section 5: End          #########################*/


/*#########################          MEMBERSHIP: Section 6: Begin         #########################*/
.membership-section-sei {
	margin: 0px auto 0px;
	background-color: #455611;
	font-family: "Aptos";
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	border-top: 3px solid #223300;
	padding: 2% 0 2%;
	text-align: center;
}
.membership0section-sei-button{
	font-family: "Aptos";
	font-size: 24px;
	background: #d34b14;
	height: auto;
	width: 400px;
	margin: 20px auto 0;
	padding: 10px 25px 10px;
	border: 2px solid #000;
	border-radius: 25px;
}

/*#########################           MEMBERSHIP: Section 6: End          #########################*/


/*#########################          MEMBERSHIP: Section 7: Begin         #########################*/
.membership-section-sette {
	margin: 0px auto 0px;
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
	padding: 5% 10% 5%;
	text-align: center;
}
.membership-section-sette-header {
	font-family: "big_caslonmedium", serif;
	font-size: 54px;
	font-weight: 500;
	color: #000;
	line-height: 54px;
	text-align: center;
}
.membership-section-sette-subheader {
	margin: 30px auto 0px;
	font-family: "Aptos";
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 22px;
	text-align: center;
}
.membership-section-sette-box {
	margin: 80px 0 0;
	height: auto;
	border: 3px solid #000;
	border-radius: 30px;
}
.membership-section-sette-box-rows {
	height: 100px;
	display: grid;
	grid-template-columns: 28% 18% 18% 18% 18%;
}
.membership-section-sette-box-bgcolor1 {
	background-color: #fbcd26;
}
.membership-section-sette-box-bgcolor2 {
	background-color: #fbd23b;
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: 400;
	color: #000;
	line-height: 100px;
	text-align: center;
}
.membership-section-sette-box-bgcolor3 {
	background-color: #fce070;
	font-family: "Aptos Bold";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: center;
	padding: 35px 0 35px;
}
.membership-section-sette-box-bgcolor4 {
	background-color: #fcdc60;
	font-family: "Aptos Bold";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: center;
	padding: 35px 0 35px;
}
.membership-section-sette-box-bgcolor5 {
	background-color: #fff9ce;
	display: flex;
    justify-content: center;
    align-items: center;
}
.membership-section-sette-box-bgcolor6 {
	background-color: #fef0af;
	display: flex;
    justify-content: center;
    align-items: center;
}
/*#########################           MEMBERSHIP: Section 7: End          #########################*/


/*#########################          MEMBERSHIP: Section 8: Begin         #########################*/
.section-otto {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/5 Book a Tour Background.jpg");
	background-position: center center;
	background-size: cover;
	height: 450px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.section-otto-button {
	width: 30%;
	height: 120px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 400;
	color: #fff;
	line-height: 120px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################           MEMBERSHIP: Section 8: End          #########################*/


/*#################################################################################################*/
/*###############################          PRIVATE EVENTS           ###############################*/
/*#################################################################################################*/

/*#########################        PRIVATE EVENTS: Section 1: Begin       #########################*/
.privateevents-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/1 Private Events Banner.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.privateevents-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################         PRIVATE EVENTS: Section 1: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 2: Begin       #########################*/
.privateevents-section-due {
	margin: 0 auto 0;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 3% 30% 3%;
	text-align: center;
}
.privateevents-section-due-header {
	margin: 0px auto 0px;
	padding: 0 5% 0;
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 500;
	color: #000;
	line-height: 64px;
	text-align: center;
}
.privateevents-section-due-copy {
	margin: 20px auto 0px;
	padding: 0 0 0;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 600;
	color: #000;
	line-height: 22px;
	text-align: center;
}
/*#########################         PRIVATE EVENTS: Section 2: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 3: Begin       #########################*/
.privateevents-section-tre {
	margin: 0px auto 0px;
	background-color: #d34b14;
	display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
	border-top: 3px solid #223300;
	padding: 2% 0 2%;
	text-align: center;
}
.privateevents-section-tre-items {
	margin: 0px auto 0px;
	font-family: "Aptos Semibold";
	font-size: 34px;
	font-weight: 300;
	color: #FFF;
	line-height: 36px;
	text-align: center;
}
/*#########################         PRIVATE EVENTS: Section 3: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 4: Begin       #########################*/
.privateevents-section-quattro {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.privateevents-section-quattro-cafe {
	margin: 100px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.privateevents-section-quattro-cafe-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-quattro-cafe-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.privateevents-section-quattro-carousel-container {
	margin: -260px auto 0;
	padding: 0 0 80px;
}
.privateevents-section-quattro-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-quattro-1 {
    background-image: url('../img/carousel/privateevents/1 Cafe_Events02.jpg');
	background-position: center center;
}
#privateevents-quattro-2 {
    background-image: url('../img/carousel/privateevents/2 Cafe_Events.jpg');
	background-position: center center;
}
#privateevents-quattro-3 {
    background-image: url('../img/carousel/privateevents/4 Café 01.jpg');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 4: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 5: Begin       #########################*/
.privateevents-section-cinque {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-cinque-courtyard {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.privateevents-section-cinque-courtyard-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-cinque-courtyard-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.privateevents-section-cinque-carousel-container {
	margin: -260px auto 0;
	padding: 0 0 80px;
}
.privateevents-section-cinque-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-cinque-1 {
    background-image: url('../img/carousel/privateevents/1 Courtyard.jpg');
	background-position: bottom center;
}
#privateevents-cinque-2 {
    background-image: url('../img/carousel/privateevents/2 PW Courtyard at eye level.jpg');
	background-position: center center;
}
#privateevents-cinque-3 {
    background-image: url('../img/carousel/privateevents/3 Courtyard_Events03.jpg');
	background-position: center center;
}
#privateevents-cinque-4 {
    background-image: url('../img/carousel/privateevents/4 Courtyard_Events02.jpg');
	background-position: center center;
}
#privateevents-cinque-5 {
    background-image: url('../img/carousel/privateevents/5 Courtyard_Events04.png');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 5: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 6: Begin       #########################*/
.privateevents-section-sei {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-sei-rooftop {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.privateevents-section-sei-rooftop-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-sei-rooftop-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.privateevents-section-sei-carousel-container {
	margin: -260px auto 0;
	padding: 0 0 80px;
}
.privateevents-section-sei-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-sei-1 {
    background-image: url('../img/carousel/privateevents/1 Rooftop 01.jpg');
	background-position: center center;
}
#privateevents-sei-2 {
    background-image: url('../img/carousel/privateevents/2 Hollywood-Day-Pass-2-1320x824.jpg');
	background-position: center center;
}
#privateevents-sei-3 {
    background-image: url('../img/carousel/privateevents/3 Index.png');
	background-position: center center;
}
#privateevents-sei-4 {
    background-image: url('../img/carousel/privateevents/4 Yoga Deck.jpg');
	background-position: center center;
}
#privateevents-sei-5 {
    background-image: url('../img/carousel/privateevents/5 Rooftop 02.jpg');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 6: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 7: Begin       #########################*/
.privateevents-section-sette {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-sette-garden {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.privateevents-section-sette-garden-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-sette-garden-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.privateevents-section-sette-carousel-container {
	margin: -260px auto 0;
	padding: 0 0 80px;
}
.privateevents-section-sette-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-sette-1 {
    background-image: url('../img/carousel/privateevents/1 Garden_Events04.png');
	background-position: center center;
}
#privateevents-sette-2 {
    background-image: url('../img/carousel/privateevents/2 Garden_Events03.png');
	background-position: center center;
}
#privateevents-sette-3 {
    background-image: url('../img/carousel/privateevents/3 Garden_Events.jpg');
	background-position: center center;
}
#privateevents-sette-4 {
    background-image: url('../img/carousel/privateevents/4 Garden_Events02.png');
	background-position: center center;
}
#privateevents-sette-5 {
    background-image: url('../img/carousel/privateevents/5 Garden 03.JPG');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 7: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 8: Begin       #########################*/
.privateevents-section-otto {
	background-color: #fffee3;
	height: auto;
}
.privateevents-section-otto-ovalroom {
	margin: 0px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 80%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 240px;
}
.privateevents-section-otto-ovalroom-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.privateevents-section-otto-ovalroom-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.privateevents-section-otto-carousel-container {
	margin: -260px auto 0;
	padding: 0 0 80px;
}
.privateevents-section-otto-carousel {
	margin: 100px auto 0;
	height: 233px;
	width: 350px;
	border: 2px solid #000;
	border-radius: 25px;
}
#privateevents-otto-1 {
    background-image: url('../img/carousel/privateevents/Oval Room_Events.jpg');
	background-position: center center;
}
#privateevents-otto-2 {
    background-image: url('../img/carousel/privateevents/TiffanyJPhotography-Sneaks-7672.jpg');
	background-position: center center;
}
/*#########################         PRIVATE EVENTS: Section 8: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 9: Begin       #########################*/
.privateevents-section-nove {
	margin: 0 auto 0;
	background-color: #fffee3;
	height: auto;
	padding: 3% 15% 3%;
	text-align: center;
}
.privateevents-section-nove-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 44px;
	font-weight: 500;
	color: #000;
	line-height: 42px;
	text-align: center;
}
.privateevents-section-nove-tri {
	margin: 100px auto 0px;
	padding: 0 0 0;
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-column-gap: 3%;
	text-align: center;
}
.privateevents-section-nove-tri-header {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 26px;
	font-weight: 300;
	line-height: 40px;
}
.privateevents-section-nove-tri-copy {
	margin: 0px auto 0px;
	padding: 0 25% 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 300;
	line-height: 18px;
}
.privateevents-section-nove-amenitieslist {
	margin: 80px auto 0px;
	font-family: "Aptos";
	font-size: 24px;
	font-weight: 600;
	line-height: 40px;
}
/*#########################         PRIVATE EVENTS: Section 9: End        #########################*/


/*#########################        PRIVATE EVENTS: Section 10: Begin      #########################*/
.privateevents-section-dieci {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/1370-N-St-Andrews-Pl-Los-Angeles-CA-Arial-View-Facing-The-Hollywood-Sign-81-LargeHighDefinition.jpg");
	background-position: bottom center;
	background-size: cover;
	height: 500px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.privateevents-section-dieci-button {
	width: 30%;
	height: 120px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 400;
	color: #fff;
	line-height: 120px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################        PRIVATE EVENTS: Section 10: End        #########################*/


/*#################################################################################################*/
/*###############################            OUR CAMPUS             ###############################*/
/*#################################################################################################*/

/*#########################          OUR CAMPUS: Section 1: Begin         #########################*/
.ourcampus-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/1370-N-St-Andrews-Pl-Los-Angeles-CA-Arial-View-Facing-The-Hollywood-Sign-81-LargeHighDefinition.jpg");
	background-position: bottom center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.ourcampus-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################           OUR CAMPUS: Section 1: End          #########################*/


/*#########################          OUR CAMPUS: Section 2: Begin         #########################*/
.ourcampus-section-due {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.ourcampus-section-due-about {
	margin: 100px auto 0px;
	background-color: #fac711;
	text-align: center;
	width: 70%;
	border: 2px solid #000;
	border-radius: 25px;
	padding-bottom: 250px;
}
.ourcampus-section-due-about-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
}
.ourcampus-section-due-about-copy {
	padding: 10px 10% 10px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.ourcampus-section-due-about-subheader-container {
	display: grid;
	grid-template-columns: 25% 75%;
	grid-column-gap: 15px;
	padding-bottom: 30px;
}
.ourcampus-section-due-about-subheader {
	text-align: right;
	font-family: "Aptos Bold";
	font-weight: 300;
}
.ourcampus-section-due-about-subheader-copy {
	text-align: left;
}
.ourcampus-section-due-cards-container {
	margin: -250px auto 0;
	padding-right: 30px;
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-column-gap: 15px;
	width: 1100px;
	text-align: center;
}
.ourcampus-section-due-cards-buttons {
	margin: 80% 10% 0 !important;
	width: 82% !important;
	height: 50px !important;
	padding: 0 0 0 !important;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "Aptos";
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	text-align: center !important;
	line-height: 50px;
	border: 1px solid #fff;
	border-radius: 15px;
}
.ourcampus-section-due-cards-buttons-2 {
	margin: 74% 10% 0 !important;
	width: 82% !important;
	height: 70px !important;
	padding: 5px 0 0 !important;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "Aptos";
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	text-align: center !important;
	line-height: 28px;
	border: 1px solid #fff;
	border-radius: 15px;
}
.ourcampus-section-due-cards-subcontainer {
	margin: 0px auto 0px;
	padding: 10% 5% 0;
}
.ourcampus-section-due-cards-copy {
	position: relative !important;
	height: auto !important;
	padding: 0 5% 0;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 20px;
}
.ourcampus-section-due-cards-subheader {
	position: relative !important;
	height: 50px !important;
	margin-top: 40px;
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	line-height: 16px;
}
.scene {
  display: inline-block;
  width: 350px;
  height: 350px;
/*   border: 1px solid #CCC; */
  margin: 20px 20px;
  perspective: 600px;
}
.card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}
.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 260px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  backface-visibility: hidden;
}
.card__face--front--1 {
    background-image: url("../img/cards/cards-1.jpg");
	border-radius: 25px;
}
.card__face--back--1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-1.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--2 {
    background-image: url("../img/cards/cards-2.jpg");
	border-radius: 25px;
}
.card__face--back--2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-2.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--3 {
    background-image: url("../img/cards/cards-3.jpg");
	border-radius: 25px;
}
.card__face--back--3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-3.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--4 {
    background-image: url("../img/cards/cards-4.jpg");
	border-radius: 25px;
}
.card__face--back--4 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-4.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--5 {
    background-image: url("../img/cards/cards-5.jpg");
	border-radius: 25px;
}
.card__face--back--5 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-5.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--6 {
    background-image: url("../img/cards/cards-6.jpg");
	border-radius: 25px;
}
.card__face--back--6 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-6.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--7 {
    background-image: url("../img/cards/cards-7.jpg");
	border-radius: 25px;
}
.card__face--back--7 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-7.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--8 {
    background-image: url("../img/cards/cards-8.jpg");
	border-radius: 25px;
}
.card__face--back--8 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-8.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
.card__face--front--9 {
    background-image: url("../img/cards/cards-9.jpg");
	border-radius: 25px;
}
.card__face--back--9 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../img/cards/cards-9.jpg");
	border-radius: 25px;
    transform: rotateY(180deg);
}
/*#########################           OUR CAMPUS: Section 2: End          #########################*/


/*#########################          OUR CAMPUS: Section 3: Begin         #########################*/
.ourcampus-section-tre {
	margin: 0 auto 0;
	padding: 100px 5% 100px;
	background-color: #fffee3;
	height: auto;
	text-align: center;
}
.ourcampus-section-tre-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 44px;
	font-weight: 500;
	color: #000;
	line-height: 42px;
	text-align: center;
}
.ourcampus-section-tre-quad-container {
	margin: 100px auto 0px;
	padding: 0 0 0;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	text-align: center;
}
.ourcampus-section-tre-quad-header {
	margin: 20px auto 0px;
	font-family: "Aptos Bold";
	font-size: 26px;
	font-weight: 300;
	line-height: 40px;
}
.ourcampus-section-tre-quad-copy {
	margin: 0px auto 0px;
	padding: 0 25% 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 300;
	line-height: 18px;
}
.ourcampus-section-tre-amenitieslist {
	margin: 80px auto 0px;
	padding: 0 20% 0;
	font-family: "Aptos";
	font-size: 24px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
}
/*#########################           OUR CAMPUS: Section 3: End          #########################*/


/*#########################          OUR CAMPUS: Section 4: Begin         #########################*/
.ourcampus-section-quattro-main-header {
	background-color: #d34b14;
	padding: 2%;
	height: auto;
	border-top: 3px solid #223300;
}
.ourcampus-section-quattro {
	background-color: #d34b14;
	padding: 0 5% 0;
	display: grid;
	grid-template-columns: 45% 55%;
	border-top: 3px solid #223300;
}
.ourcampus-section-quattro-leftside {
	margin: 0 auto 0;
	padding: 120px 20% 0;
	border-right: 3px solid #223300;
}
.ourcampus-section-quattro-rightside {
	padding-top: 60px;
	display: grid;
	grid-template-columns: 20% 80%;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	color: #fff;
}
.ourcampus-section-quattro-header {
	font-family: "big_caslonmedium", serif;
	font-size: 50px;
	font-weight: 600;
	line-height: 54px;
	text-align: center;
	color: #fff;
}
.ourcampus-section-quattro-photos {
	width: 500px;
	height: 350px;
	border: 2px solid #223300;
	border-radius: 15px;
	margin-bottom: 60px;
}
.ourcampus-section-quattro-dot {
	margin-left: -12px;
}
/*#########################           OUR CAMPUS: Section 4: End          #########################*/


/*#########################        PRIVATE EVENTS: Section 10: Begin      #########################*/
.ourcampus-section-sette {
	margin: 0px auto 0px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
	background-image: url("../img/2 Studio Background.png");
	background-position: center center;
	background-size: cover;
	height: 500px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
}
.ourcampus-section-sette-button {
	width: 30%;
	height: 120px;
    background-color: rgba(34, 51, 0, 0.7);
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 400;
	color: #fff;
	line-height: 120px;
	border: 1px solid #fff;
	border-radius: 25px;
}
/*#########################        PRIVATE EVENTS: Section 10: End        #########################*/


/*#################################################################################################*/
/*###############################         MEMBERSHIP TIERS          ###############################*/
/*#################################################################################################*/

/*#########################       MEMBERSHIP TIERS: Section 1: Begin      #########################*/
.membershiptiers-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/Bungalow and Walkway.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.membershiptiers-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################        MEMBERSHIP TIERS: Section 1: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 2: Begin      #########################*/
.membershiptiers-section-due {
	margin: 0px auto 0px;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 6% 20% 6%;
	text-align: center;
}
.membershiptiers-section-due-header {
	margin: 0px auto 0px;
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: 500;
	color: #000;
	line-height: 60px;
	text-align: center;
}
.membershiptiers-section-due-copy {
	margin: 40px auto 0px;
	padding: 0 10% 0;
	font-family: "Aptos";
	font-size: 22px;
	font-weight: 400;
	color: #000;
	line-height: 26px;
	text-align: center;
}
/*#########################        MEMBERSHIP TIERS: Section 2: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 3: Begin      #########################*/
.membershiptiers-section-tre {
	margin: 0px auto 0px;
	padding: 80px 30px 80px;
	background-image: url("../img/Phone Booths.jpeg");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membershiptiers-section-tre-box {
	margin: 0 50px 0;
	height: auto;
	width: 50%;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.membershiptiers-section-tre-box-header-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 10px;
}
.membershiptiers-section-tre-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 70px;
	font-weight: 600;
	color: #000;
	line-height: 68px;
	width: auto;
	white-space: nowrap;
}
.membershiptiers-section-tre-box-subheader {
	margin-top: auto;
	font-family: "Aptos";
	font-size: 30px;
	font-weight: 500;
	color: #000;
	line-height: 30px;
	padding-bottom: 5px;
}
.membershiptiers-section-tre-box-copy {
	padding: 30px 0 0;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 18px;
	text-align: left;
}
.membershiptiers-section-tre-box-title {
	margin: 25px auto 0px;
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	text-align: left;
}
.membershiptiers-section-tre-box-included {
	margin: 5px 0 5px;
	padding-top: 12px;
	width: 350px;
	height: 50px;
	background-color: #d34b14;
	border: 2px solid #000;
	border-radius: 10px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	cursor: pointer;
}
.membershiptiers-section-tre-dialogue-box {
	margin: -25% 0 0 600px;
	padding: 30px;
	width: 350px;
	height: 250px;
	background-color: #d34b14;
	border: 3px solid #000;
	border-radius: 25px;
	text-align: center;
}
.membershiptiers-section-tre-dialogue-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 32px;
	font-weight: bold;
	color: #000;
	line-height: 36px;
	text-align: center;
}
.membershiptiers-section-tre-dialogue-box-copy {
	padding: 40px;
	font-family: "Aptos";
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 18px;
	text-align: center;
}
.membershiptiers-section-tre-dialogue-box-subcopy {
	position: absolute;
	top: -3px;
	left: -3px;
	padding: 30px 10% 0;
	width: 350px;
	height: 250px;
	background-color: rgba(34, 51, 0, 1);
	border: 3px solid #FFF;
	border-radius: 25px;
	text-align: center;
	color: #fff;
    display: none;
}
.membershiptiers-section-tre-getpass-container {
	margin: -100px 30% 0 0;
	font-family: "Aptos";
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	z-index: 999;
}
.membershiptiers-section-tre-getpass-header {
	margin: 80px 0 0;
	font-family: "Aptos Bold";
	font-size: 28px;
	font-weight: 300;
}
.membershiptiers-section-tre-getpass-subcontainer {
	margin: 20px 0 0;
	display: grid;
	grid-template-columns: 100px 300px;
}
.membershiptiers-section-tre-getpass-subheader {
	margin: 40px 0 0;
	font-family: "Aptos Bold";
	font-size: 20px;
	font-weight: 300;
}
.membershiptiers-section-tre-getpass-bookhere {
	margin: 10px 0 10px;
	padding-top: 12px;
	width: 350px;
	height: 50px;
	background-color: rgba(34, 51, 0, 0.8);
	border: 2px solid #000;
	border-radius: 15px;
	font-family: "Aptos Bold";
	font-size: 18px;
	font-weight: 300;
	color: #FFF;
	text-align: center;
}
/*#########################        MEMBERSHIP TIERS: Section 3: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 4: Begin      #########################*/
.membershiptiers-section-quattro {
	margin: 0px auto 0px;
	padding: 80px 30px 80px;
	background-image: url("../img/Bungalow Field Pathway.jpg");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
.membershiptiers-section-quattro-box {
	margin: 0 50px 0;
	height: auto;
	width: 50%;
	background-color: #fac711;
	padding: 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
/*#########################        MEMBERSHIP TIERS: Section 4: End       #########################*/


/*#########################       MEMBERSHIP TIERS: Section 5: Begin      #########################*/
.membershiptiers-section-cinque {
	margin: 0px auto 0px;
	padding: 80px 30px 80px;
	background-image: url("../img/B24 Nighttime Bungalow.png");
	background-position: center center;
	background-size: cover;
	height: auto;
	border-top: 3px solid #223300;
}
/*#########################        MEMBERSHIP TIERS: Section 5: End       #########################*/


/*#################################################################################################*/
/*###############################          HOW TO FIND US           ###############################*/
/*#################################################################################################*/

/*#########################         CAFE AND BAR: Section 1: Begin       #########################*/
.cafeandbar-section-uno {
	margin: 0px auto 0;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/Nighttime Café.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
	padding-left: 10%;
}
.cafeandbar-section-uno-button {
	width: 30%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################          CAFE AND BAR: Section 1: End        #########################*/


/*#########################         CAFE AND BAR: Section 2: Begin       #########################*/
.cafeandbar-section-due {
	background-color: #fffee3;
	height: auto;
	border-top: 3px solid #223300;
}
.cafeandbar-section-due-box {
	margin: 100px 35% 0 20%;
	height: auto;
	background-color: #fac711;
	padding: 5% 10% 5% 5%;
	border: 3px solid #223300;
	border-radius: 40px;
}
.cafeandbar-section-due-box-header {
	font-family: "big_caslonmedium", serif;
	font-size: 60px;
	font-weight: bold;
	color: #000;
	line-height: 60px;
	width: auto;
	white-space: nowrap;
}
.cafeandbar-section-due-box-copy {
	margin: 40px auto 0;
	font-family: "Aptos";
	font-size: 22px;
	font-weight: 500;
	color: #000;
	line-height: 24px;
	padding-bottom: 5px;
}
.cafeandbar-section-due-box-icon {
	margin: -330px 0 100px 60%;
	width: 300px;
	height: 300px;
	background-color: #d34b14;
	border: 3px solid #223300;
	border-radius: 25px;
	padding: 30px;
	text-align: center;
}
/*#########################          CAFE AND BAR: Section 1: End        #########################*/


/*#########################         CAFE AND BAR: Section 1: Begin       #########################*/
.cafeandbar-section-tre {
	margin: 0px auto 0;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/ThePreserve_191117_09 copy.jpg");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	border-bottom: 3px solid #223300;
	padding-left: 10%;
}


/*#########################         CAFE AND BAR: Section 3: Begin       #########################*/
.cafeandbar-section-quattro {
	background-color: #fffee3;
	height: auto;
	padding-bottom: 60px;
}
.cafeandbar-section-quattro-box-icon {
	margin: -370px 0 100px 60%;
	width: 300px;
	height: 300px;
	background-color: #d34b14;
	border: 3px solid #223300;
	border-radius: 25px;
	padding: 30px;
	text-align: center;
}
/*#########################          CAFE AND BAR: Section 3: End        #########################*/


/*#################################################################################################*/
/*###############################         COMMUNITY EVENTS          ###############################*/
/*#################################################################################################*/

/*#########################       COMMUNITY EVENTS: Section 1: Begin      #########################*/
.communityevents-section-uno {
	margin: 0px auto 0px;
	display: flex;
    justify-content: left;
    align-items: center;
	background-image: url("../img/DSC05985.JPG");
	background-position: center center;
	background-size: cover;
	height: 700px;
	border-top: 3px solid #223300;
	padding-left: 10%;
}
.communityevents-section-uno-button {
	width: 40%;
	height: 100px;
	background-color: #d34b14;
	font-family: "big_caslonmedium", serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	line-height: 100px;
	border: 3px solid #223300;
	border-radius: 25px;
	text-align: center;
}
/*#########################        COMMUNITY EVENTS: Section 1: End       #########################*/


/*#########################       COMMUNITY EVENTS: Section 2: Begin      #########################*/
.communityevents-section-due {
	margin: 0 auto 0;
	background-color: #fffee3;
	display: flex;
    justify-content: center;
    align-items: center;
	height: auto;
	border-top: 3px solid #223300;
	padding: 5% 20% 5%;
	text-align: center;
}
.communityevents-section-due-copy {
	margin: 0 auto 0px;
	padding: 0 0 0;
	font-family: "Aptos";
	font-size: 30px;
	font-weight: 600;
	color: #000;
	line-height: 36px;
	text-align: center;
}
/*#########################        COMMUNITY EVENTS: Section 2: End       #########################*/


/*#########################       COMMUNITY EVENTS: Section 3: Begin      #########################*/
.communityevents-section-tre {
	margin: 0px auto 0px;
	background-color: #d34b14;
	display: grid;
    grid-template-columns: 25% 25% 25% 25%;
	border-top: 3px solid #223300;
	padding: 3% 10% 3%;
	text-align: center;
}
.communityevents-section-tre-items {
	margin: 0px auto 0px;
	font-family: "Aptos Semibold";
	font-size: 24px;
	font-weight: 300;
	color: #FFF;
	line-height: 28px;
	text-align: center;
}
/*#########################        COMMUNITY EVENTS: Section 3: End       #########################*/


/*#########################       COMMUNITY EVENTS: Section 4: Begin      #########################*/
.communityevents-section-quattro {
	background-color: #fffee3;
	height: auto;
}
.communityevents-section-quattro-events-mainheader {
	margin: 100px 0 0;
	padding-bottom: 100px;
	font-family: "Aptos Bold";
    font-size: 55px;
	font-weight: 300;
	text-align: center;
}
.communityevents-section-quattro-events {
	margin: 60px auto 120px; 
	background-color: #fac711;
	text-align: left;
	width: 65%;
	border: 2px solid #000;
	border-radius: 25px;
}
.communityevents-section-quattro-events-header {
	padding: 60px 100px 20px;
	font-family: "big_caslonmedium", serif;
    font-size: 55px;
	font-weight: 500;
	text-align: left;
}
.communityevents-section-quattro-events-copy {
	padding: 10px 25% 0 100px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
}
.communityevents-section-quattro-events-details {
	padding: 50px 100px 50px;
	font-family: "Aptos";
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
}
.communityevents-section-quattro-events-subheader-container {
	margin: 20px 0 0;
	display: grid;
	grid-template-columns: 20% 80%;
	grid-column-gap: 15px;
	padding-bottom: 20px;
}
.communityevents-section-quattro-events-subheader {
	text-align: left;
	font-family: "Aptos Bold";
	font-size: 30px;
	font-weight: 300;
}
.communityevents-section-quattro-events-subheader-copy {
	text-align: left;
	font-size: 30px;
}
.communityevents-section-quattro-events-book-button {
	margin: 0 100px 100px;
	width: 40%;
	height: 60px;
    background-color: rgba(34, 51, 0, 0.9);
	font-family: "big_caslonmedium", serif;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	line-height: 60px;
	border: 2px solid #000;
	border-radius: 25px;
	text-align: center;
}
.communityevents-section-quattro-events-photo {
	margin: -480px 0 120px 70%;
	width: 300px;
	height: 400px;
	background-position: center center;
	background-size: cover;
	border: 2px solid #000;
	border-radius: 25px;
}
.communityevents-section-quattro-events-photo-2 {
	margin: -450px 0 120px 65%;
	width: 400px;
	height: 300px;
	background-position: center center;
	background-size: cover;
	border: 2px solid #000;
	border-radius: 25px;
}
/*#########################        COMMUNITY EVENTS: Section 4: End       #########################*/


}

/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#############################################################                                               #############################################################*/
/*#############################################################                   DESKTOP: END                #############################################################*/
/*#############################################################                                               #############################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/
/*#########################################################################################################################################################################*/



.topnav {
	display: none;
}

.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a.active {
  background-color: #fffee3;
  color: #000;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .main-wrapper {
	display: none;
  }
  .topnav {
	display: block;
    overflow: hidden;
    background-color: #fffee3;
	color: #000;
	text-transform: uppercase;
	font-family: "Aptos Light";
    font-size: 14px !important;
    font-weight: 700;
}
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* Media Queries */
@media screen and (min-width: 992px){
    .navbar{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #ddd;
        padding: 0 5rem;
        position: relative;
    }
    .navbar-toggler{
        display: none;
    }
    .brand-and-icon{
        border-bottom: none;
        padding: 0;
    }
    .navbar-collapse{
        display: block!important;
        overflow-y: hidden;
        flex: 1 0 auto;
    }
    .navbar-nav{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-nav > li > a{
        border-bottom: none;
        margin: 0 0.4rem;
        padding: 1.7rem 1.8rem 1.7rem 0.8rem;
        font-size: 0.8rem;
    }
    .sub-menu{
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: #f8f8f8;
    }
    .navbar-nav > li:hover .sub-menu{
        display: grid!important;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 5rem;
    }
    .navbar-nav > li{
        border-bottom: 2px solid transparent;
        transition: border-bottom 0.4s ease;
    }
    .navbar-nav > li:hover{
     /* border-bottom-color: #000; */
    }
    .sub-menu-item{
        padding-left: 0;
    }
    .sub-menu-item:nth-child(3){
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* header */
    .header{
        height: calc(100vh - 75px);
    }
    .header h2{
        font-size: 6rem;
    }
    .header p{
        width: 40%;
    }
}