/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { font-family: 'PT Serif', serif; font-size: 18px; line-height: 1.56; color: #454545; min-width: 100%; letter-spacing: -0.015em; background: #1f1f1f;}

.shell { margin: 0 auto;     max-width: 99.375rem;}
.shell-small { max-width: 48.75rem; }
.shell-medium { max-width: 73.75rem;    max-width: 80%; }

/* ------------------------------------------------------------ *\
	Clear
\* ------------------------------------------------------------ */

.form-row:after,
.list-contacts:after,
.row:after,
.articles:after,
.employees:after,
.shell:after { content: ''; line-height: 0; display: table; clear: both; }


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.wrapper { height: 100%; }
.fullscreen { width:100% }
.section-inner { width: 100%;z-index: 10;}


.col { float: left; width: 50%; padding-right: 3.125rem; padding-left: 0.625rem; }
.col + .col { padding-left: 3.125rem; padding-right: 0; padding-right: 0.625rem; }

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

a { color: #991f26; }
a:hover { color: #232323; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */

h1 { font-family: 'futura', sans-serif; font-size: 3.1875rem; line-height: 1.29; color: #232323; text-transform: uppercase; }
h3 { font-family: 'futura', sans-serif; font-size: 1.5rem; line-height: 1.17; color: #282828; text-transform: uppercase; }
h4 { font-weight: normal; font-size: 1.5rem; line-height: 1.33; }
h5 { font-size: 1rem; text-transform: uppercase; color: #3e3e3e; }

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

[class^="ico-"] { font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; background-image: url(images/sprite.png); background-repeat: no-repeat; }

/* ------------------------------------------------------------ *\
	Logos
\* ------------------------------------------------------------ */

.logo {  width: 16.875rem; height: 5.25rem; float: left; font-size: 0; line-height: 0; text-indent: -250rem; margin-left: 0.625rem; background-size: 100% auto; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-arrow { background: url(images/ico-arrow.png) no-repeat 0 0; background-size: 100% auto; width: 4.625rem; height: 2.375rem;  }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn { border: 0.125rem solid #fff; font-size: 1.25rem; color: #fff; text-transform: uppercase; font-weight: bold; padding: 1.4375rem 1.1875rem 1.1875rem 1.75rem; letter-spacing: 0.23em;background-color: #991f26; border-color: #991f26; color: #fff; }
.btn:hover {color: #fff;border-color:#fff;background:none  }

.btn-secondary { border-color: #941f26; color: #941f26; }

.btn-small { padding: 0; border: 0; background-color: #991f26; font-size: 0.75rem; padding: 0.8125rem 1.75rem; }
.btn-small:hover { background-color: #232323; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/*  Form Elements Placeholders  */

::-webkit-input-placeholder { opacity: .5; }
:-moz-placeholder { opacity: .5; }
::-moz-placeholder { opacity: .5; }
:-ms-input-placeholder { opacity: .5; }

/*  Form Elements Base  */

.field { width: 100%; border: 0; border-bottom: 0.1875rem solid #4d4d4d; background: #1f1f1f; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form .form-label { font-size: 1.5rem; font-family: 'futura', sans-serif; text-transform: uppercase; font-weight: bold; float: left; width: 9.375rem; }
.form .form-controls { overflow: hidden; padding-top: 0.1875rem; }
.form .form-row { padding-bottom: 3.3125rem; }
.form .form-row-secondary .form-label { float: none; display: block; width: auto; }
.form .textarea { height: 16.625rem; }
.form .form-actions { text-align: center; }
.form .form-btn { background: none; width: 7.8125rem; height: 4.875rem;    margin: 1rem auto;    position: absolute;z-index: 9;left: 0;right: 0; }
.form .form-btn:hover { color: #fff; background-color: #941f26; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

/*  List Menu  */

.list-menu { border-top: 0.25rem solid transparent; }

.list-menu li + li { border-top: 0.0625rem solid #23274e; }

.list-menu a { display: block; background-color: #0e1129 !important; color: #fff; text-transform: uppercase; border-right: 0.25rem solid #23274e; font-family: 'myriad', serif; font-size: 1rem; padding: 0.875rem 0.3125rem 0.6875rem 1.375rem; }
.list-menu a:hover { background-color: #23274e !important; }

.list-menu .current a { border-color: #991f26; background-color: #23274e; }

/*  List Contacts  */

.list-contacts li { float: left; font-size: 1rem; line-height: 1.38; color: #585858; display: table; }
.list-contacts p { display: table-cell; vertical-align: middle; position: relative; padding: 0 0 0 3.75rem; }
.list-contacts strong { display: block; font-weight: normal; font-size: 1.375rem; color: #c8c8c8; padding-bottom: 0.75rem; }
.list-contacts a { color: #c8c8c8; font-size: 1.375rem; line-height: 2.8125rem;
	vertical-align: top;}
.list-contacts i {  /*top: 50%;*/ padding-right: 1rem; left: 0; color: #991f26; font-size: 2.8125rem; }

.list-contacts-secondary li { width: 50%; text-align: center;}

/* ------------------------------------------------------------ *\
	Navigations
\* ------------------------------------------------------------ */

.nav li { float: left; padding-left: 1.1875rem; }

.nav li a { display: block; color: #fff; text-transform: uppercase; font-family: 'futura', sans-serif; font-weight: bold; font-size: 1rem; }
.nav .current a,
.nav li a:hover { color: #991f26; }

.btn-close,
.btn-menu { display: none; }

/* ------------------------------------------------------------ *\
	Menu
\* ------------------------------------------------------------ */

.menu { position: relative;z-index: 999; }

.menu-btn {border: 0.125rem solid #fff; font-size: 0.9375rem; color: #fff; text-transform: uppercase; font-weight: bold; padding: 1rem 0.8125rem 0.8125rem 1rem; letter-spacing: 0.13em; display: block; }
.menu-btn:hover { background-color: #991f26; border-color: #991f26; color: #fff; }
.menu-btn:after {     vertical-align: middle; content: ''; background: url(images/btn-menu.png) no-repeat 0 0; width: 0.9375rem; height: 0.75rem; background-size: 100% 100%; display: inline-block; margin-left: 0.9375rem; }

.menu .list-menu { position: absolute; top: 100%; left: 0; width: 100%; max-height: 0rem; overflow: hidden;z-index: 999 }
.menu.expanded .list-menu { max-height: 25rem;z-index: 999; }

.menu-secondary .menu-btn { border-color: #4b4b4a; color: #4b4b4a; }
.menu-secondary .menu-btn:after { background-image: url(images/menu-btn2.png); background-size: 100% 100%; opacity: 0.4; }
.menu-secondary .menu-btn:hover { border-color: #941f26; color: #fff; }
.menu-secondary .menu-btn:hover:after { opacity: 1; }

.menu-secondary .list-menu { top: auto; bottom: 100%; border-bottom: 0.3125rem solid transparent; }
.menu-secondary .list-menu a { background-color: #4b4b4a; border-color: #dadada; }
.menu-secondary .list-menu a:hover { background-color: #dadada; color: #191919; }
.menu-secondary .list-menu li { border-top-color: #dadada; }
.menu-secondary .list-menu .current a { background-color: #dadada; border-color: #7e7e7e; color: #191919; }

.sh-2 {
	padding-top: 8rem;
}

form {
	padding-top: 8rem;
	padding-bottom: 12rem;
}

@media only screen and (max-width: 1080px){
	.sh-2 {
		padding-top: 4rem;
	}
}

.av{margin: 0 auto; text-align: center; }
.av h2{color: #FFFFFF; background-color: #971F26;    padding: .25rem 1.5rem; font-size: 1.75rem;width: 75%; margin: 0 auto; font-family: 'futura', sans-serif;text-transform: uppercase;}
.av h4{font-family: 'futura';}
.av div{border: 0.0625rem solid black; width: 75%; margin: 0 auto; padding: 1rem; background: #ffffff;}
.av div h3{font-size: 1.5rem;padding-bottom: 0;}
.av div h4{padding: 0 0rem 0rem; font-size: 1.25rem; font-weight: 700;    font-family: 'futura'; text-transform: uppercase;}
.av div p{    font-weight: 600;padding-bottom: 2.5rem;font-size: 1.25rem;text-transform: uppercase;}
.av div p span{    font-weight: 100;
    font-style: italic;
    text-transform: initial;
    font-size: 1.4rem;
    display: block;}

table{ color: #231F20;font-family: 'Open Sans', sans-serif;    font-size: 1.0625rem;}
td.table_top{    font-size: 1.125rem;}
thead{}
td{padding: 0.3125rem 0.625rem;}
th{}
tbody{}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 1.25rem 0 1.25rem 0 }
.header.sticky{  background: url('images/nav_background.png');}
.subpage .header.sticky,.subpage .header{   background: url('images/header_subpage_background.png') no-repeat; background-size: cover;}
.header-container { float: right;padding-top: 1.625rem; }

.header .nav { float: left; padding: 2.125rem 4rem 0 0; }
.header .menu { float: left; margin: 1rem 2.6875rem 0 0; }

.header-secondary { background-color: #232323; padding-top: 1.25rem;  }

.section{  width: 100%;  z-index: 1;}

/* ------------------------------------------------------------ *\
	Section Intro
\* ------------------------------------------------------------ */

.section-intro { position: relative; overflow: hidden; height: 80%; min-height: 40rem;     border-bottom: 0.625rem solid #991f26;}
.section-intro:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); content: ''; z-index: 4; }

.section-intro .section-content { max-width: 58.75rem; padding: 0 0.9375rem; margin: 0 auto; text-align: center; color: #fff;    position: relative;z-index: 6;    padding-top: 29rem;}

.section-intro h1 { color: #fff; padding-bottom: 0.3125rem; }
.section-intro h2{font-size: 3.4375rem;font-weight: 500;font-family: 'Open Sans', sans-serif;text-transform: uppercase;padding-bottom: 3.125rem;}

.section-intro .ico-arrow { position: absolute; bottom: 4.375rem; left: 50%; z-index: 6; cursor: pointer; animation: arrow 1s infinite; -webkit-animation: arrow 1s infinite; }

/* ------------------------------------------------------------ *\
	Section Projects
\* ------------------------------------------------------------ */

.section-projects { position: relative; height: 100%; background-color: #000;background:#FFF }
.section-projects .project { position: absolute; top: 0; left: 0; width: 33%; height: 33%;}
.section-projects .project:nth-child(2n) { left: 33%; }
.section-projects .project:nth-child(3n) { left: 66%; width: 34%; }
.section-projects .project:nth-child(n+4) { top: 33%;}
.section-projects .project:nth-child(n+7) { top: 66%; height: 34%; }

/* ------------------------------------------------------------ *\
	Section Company
\* ------------------------------------------------------------ */

.section-company { position: relative; text-align: center; padding: 5.125rem 0 3.125rem;  background: url(images/WilsonBlvdView3_HiRes.jpg) no-repeat;  box-shadow: inset 100rem 100rem rgba(31,31,31, 0.95);  background-position: center; background-size: cover;color:#fff }
.section-company h1 { padding-bottom: 4.0625rem;color: #cdcdcd;  }
.section-company h4 { padding-bottom: 3.75rem; }

.section-company ul{    float: left; width: 47%;margin-right:10%}
.section-company ul.right-list{margin-right:0;width: 40%;}
.section-company li{text-align: left;list-style-position: inside;    padding-bottom: 0.625rem;}

.section-company .shell-small {max-width: 68.75rem;}

.section-images{text-align:center}
.images-map{max-width:100%}
.images-stores{max-width:100%;padding:2.1875rem;}


.section-highlights li{color: #971F26;}
.section-highlights li p{color: #fff;}

.box {position: relative;}

.box p{position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.6); color: #fff; padding: 1rem; font-family: 'futura';}

.box1, .box2{margin: 0; padding: 0; height:27.0938rem; width: 37.5rem; display: inline-block; background: url(images/Liberty_Retail_1.jpg); background-repeat: no-repeat; background-size: cover;}

.box2{width:50.1688rem;  background: url(images/Liberty_Retail_2.jpg); background-repeat: no-repeat; background-size: cover;}

.box3{height:18.75rem; width: 28.125rem; background: red; display: inline-block; background: url(images/Liberty_Retail_3.jpg); background-repeat: no-repeat; background-size: cover;}

.box4 {height:18.75rem; width: 38.3531rem; background: red; display: inline-block; background: url(images/Liberty_Retail_4.jpg); background-repeat: no-repeat; background-size: cover;}

.box5 {height:18.75rem; width: 20.9375rem; background: red; display: inline-block; background: url(images/Liberty_Retail_5.jpg); background-repeat: no-repeat; background-size: cover;}


/* ------------------------------------------------------------ *\
	Transitions, Transforms and Animations
\* ------------------------------------------------------------ */

a,
.article-inner,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[class^="btn"] {
	-webkit-transition: color .3s, border-color .3s, background-color .3s;
			transition: color .3s, border-color .3s, background-color .3s;
}

.section-intro .ico-arrow {
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}


.menu .list-menu {
	-webkit-transition: max-height .3s;
	     -o-transition: max-height .3s;
	        transition: max-height .3s;
}

.menu-btn,
.btn {
	-webkit-transition: background-color .3s, border-color .3s;
	     -o-transition: background-color .3s, border-color .3s;
	        transition: background-color .3s, border-color .3s;
}

.mask-bio {top: 0;left: 0;bottom:0;right:0;display: none;position: fixed;z-index: 99;}
.bio-box{vertical-align: top;margin-bottom: 1.25rem;  max-width: 46.125rem;min-height: 29.6875rem;max-height: 29.6875rem;width:100%;position: fixed;z-index: 999;display: none;background: #272626;padding: 0;font-size: 0.875rem;line-height: 1.1875rem;font-weight: 400;color: #fff;left: 35%;top:50%;  border-bottom: 1.125rem solid #4B4B4A;}
.close-box {  margin-top: 1.25rem;margin-right: -0.25rem;float: right;cursor: pointer;background:url('images/popup_x.png') no-repeat;height:2.875rem;width:3.5rem}
.close-box:hover{opacity:.8}
.bio-box inner{}
.bio-box .bio-description{line-height: 1.6875rem;font-size: 1.125rem;font-weight: 300}
.bio-box img{float:left;margin-right: 0.9375rem}
.bio-box p{  margin-bottom: 1.75rem;}
.bio-box h4{   padding-bottom: 0.4375rem;margin-bottom: 1.1875rem;font-size: 1.625rem;padding: 1.75rem; background-color: #4B4B4A;font-weight: 900;text-transform: uppercase;}
.bio-box h4 span{  font-weight: 600;margin-left:0.9375rem;font-size: 0.875rem;letter-spacing: 0.1875rem;}
.bio-box h5{font-size: 1.5625rem;font-weight: 100;color:#253035}
.bio-box h6{color:#1D314F;font-size: 1.25rem;margin-top: 0.1875rem}
.leader{  padding: 1.25rem 3.75rem 3.75rem 1.5625rem;  overflow: auto;max-height: 21.75rem;}

.section-categories span.tags-here{  float: right;  width: 32.66%;color: #fff; font-size: 1.25rem;display:none}
.section-categories span.tags-here .clear{ color: #E8474A;font-size: 1.25rem;cursor:pointer}
.section-categories span.tags-here .tags-here-tags{font-size: 1.25rem;}

.g-recaptcha > div > div{
 margin 0.625rem auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}

@keyframes arrow {
  0% {
    margin-bottom: 0;
  }
  70% {
    margin-bottom: 0.625rem;
  }
  100% {
    margin-bottom: 0;
  }
}

@-webkit-keyframes arrow {
  0% {
    margin-bottom: 0;
  }
  70% {
    margin-bottom: 0.625rem;
  }
  100% {
    margin-bottom: 0;
  }
}

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 1500px){
	.article h3 { padding-left: 0; padding-right: 0; font-size: 1.125rem; }
	.section-shoppinganddining .articles { width: 90%; margin: 0 auto;}
	.box1, .box2, .box3, .box4, .box5{display: block; width: 90vw; height: 90vw; margin: 0;}
  .box{margin: 2rem 0;}
	.box p { width: 100%;}
}

@media only screen and (max-width: 1360px){

	body, html {
		font-size: 13px;
	}


	.article h3 { font-size: 1.125rem; }
	.article .article-inner { padding-left: 0.625rem; padding-right: 0.625rem; }

	.employee h3 { font-size: 1.125rem; }
	.employee h5 { font-size: 0.625rem; }
	.employee-content { font-size: 0.875rem; }
	.article-services h4 { font-size: 1.125rem; }
	.list-contacts a,
	.list-contacts p { font-size: 1rem; }
	.list-contacts strong { font-size: 1.125rem; }

	.section-contact .form { padding: 1.875rem 0 3.125rem; }
	.section-categories { margin-top:4.4625rem}
	.leasing-map{width:55%}
	.leasing-right{width:45%;}
  .col{float:none; margin:0 auto; width: 80%; z-index: 1000; text-align: center;}
.form-actions{margin-bottom: 10rem; margin: 0 auto;}
.g-recaptcha{display:inline-block; margin-bottom: 0;}
.form-btn{margin-top:8rem !important;}
.section-contact:after { background: none; position: absolute; bottom: 0; right: 0; content: ''; width: 58.625rem; height: 7rem; }
	.section-intro .section-content{padding-top:23.75rem}

}



@media only screen and (max-width: 1080px){
	body, html {
		font-size: 16px;
	}

	.article h3 { font-size: 1rem; }

	.logo { width: 9.375rem; height: 3.125rem; }

	.header { padding: 0.625rem 0;}

	.header .nav { padding-top: 0.9375rem; padding-right: 1.25rem; }
	.header .menu { margin: 0 0.625rem 0 0; }
	.menu-btn { font-size: 0.8125rem; }

	.nav a { font-size: 0.875rem; }


}

@media only screen and (max-width: 1023px){
	.section-sitemap, .section-sitemap .section-inner, .section-sitemap .shell-medium, .section-sitemap .section-body, .section-sitemap .articles, .section-sitemap .leasing-map, .section-sitemap img{height:auto !important;}
	body, html {
		font-size: 16px !important;
	}

	.nav a { font-size: 0.75rem; }
	.nav li { padding-left: 0.875rem; }

	.menu-btn { font-size: 0.625rem; }

	.list-menu a { font-size: 0.8125rem; padding-left: 0.9375rem; }

	.copyright { font-size: 0.875rem; }

}
@media only screen and (max-width: 1020px){
.header .menu { display: none !important; }
}

@media only screen and (max-width: 920px){
	.fullscreen {
		/* -webkit-transform: translate(-65%, -65%);
				-ms-transform: translate(-65%, -65%);
				 -o-transform: translate(-65%, -65%);
						transform: translate(-65%, -65%); */
	}
	.header { height: 4.375rem; }
	.leasing-map,.leasing-right{float:none;display:block;    width: 100%;margin: 0 auto;margin-bottom: 0.625rem;}
	.leasing-right >.av>h2 {font-size: 1.5rem !important;}

	.btn-menu { border: 0.125rem solid #fff; border-radius: 0.3125rem; background: url(images/btn-menu.png) no-repeat center center; background-size: 0.9375rem 0.75rem; position: absolute; top: 1.125rem; right: 0.625rem; display: block; width: 1.875rem; height: 1.875rem; }

	.btn-close { position: fixed; top: 0.75rem; right: 0.9375rem; display: block; color: #fff; z-index: 5; font-family: 'futura'; font-size: 1.25rem!important; }
	.btn-close:hover { color: #fff; }


	.nav { opacity: 0; position: absolute; top: -624.9375rem; left: -624.9375rem; }
	.nav.visible { top: 0; left: 0; position: static; opacity: 1; }
	.nav.visible ul { top: 0; left: 0; }
	.nav ul { background-color: #000; position: fixed; top: -624.9375rem; right: -624.9375rem; width: 100%; height: 100%; text-align: center; overflow: auto; }
	.nav li { padding: 0; float: none; display: block; }
	.nav li a { padding: 0.9375rem 0; }
	.nav li a { border-bottom: 0.0625rem solid #fff; }



	h1 { font-size: 1.625rem; }

	.section-intro { min-height: 24.0625rem; }
	.section-intro h1 { padding-bottom: 1.875rem;    font-size: 2.1875rem;}
	.section-intro h1 { font-size:1.5625rem;}
	.section-intro h2 {font-size: 1.6875rem;}
	.section-intro .section-content{padding-top:7.1875rem}
	.section-company li {font-size: 1.0625rem;}

	.btn { font-size: 0.6875rem; padding: 0.8125rem 1.25rem; }


	.section-content{padding-left:0.625rem;     width: 100vw;
}

	.col + .col,
	.col { width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; padding-bottom: 1.875rem; }


	.section-contact:after { display: none; }

	.nav {
		-webkit-transition: opacity .3s;
		     -o-transition: opacity .3s;
		        transition: opacity .3s;
	}
	.leasing-right h3{font-size:1.5625rem}
}

@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes reveal{0%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes reveal{0%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes reveal{0%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes reveal{0%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

@media only screen and (max-width: 920px){
	.fullscreen {
		/* -webkit-transform: translate(-65%, -65%);
				-ms-transform: translate(-65%, -65%);
				 -o-transform: translate(-65%, -65%);
						transform: translate(-65%, -65%); */
	}
	.section-intro h2{font-size: 1.75rem;padding-bottom: 1.5625rem;}
	.section-intro h1{font-size:2.5rem}
	.section-intro h3{font-size: 1.375rem;}
	.section{    min-height: 0 !important;display: inline-block !important; height: auto !important;}
	.section.section-intro{    min-height: 50vh !important;display: inline-block !important; height: auto !important;padding-bottom: 2rem;}
	.section-images,.section-contact{display:block !important;}
	.section-images{padding-bottom:0}
	.section-inner{float:none}
}

@media only screen and (max-width: 1360px){
	.logo { width: 12.375rem;
    height: 7.4375rem; }
}

@media only screen and (max-width: 1023px){
	.logo {    width: 9.375rem;
		height: 6.4375rem;}
		
		.nav li a {
			font-size: 0.75rem;
		}
}

@media only screen and (max-width: 920px){
	.logo  {   width: 5.375rem;
	height: 3.4375rem;}
}

/* =========================
   BASE
========================= */

/* =========================================================
   BASE
========================================================= */

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial, sans-serif;
	background: #222;
	color: #fff;
}

.wrapper {
	width: 100%;
	background-color: #222;
}

.section {
	position: relative;
	width: 100%;
}

.fullscreen {
	width: 100%;
	object-fit: cover;
	display: block;
}

/* =========================================================
   SHELLS
========================================================= */

.shell {
	margin: 0 auto;
}

.shell-large {
	max-width: 100%;
	padding: 4rem 0 6rem;
}

.shell-small {
	max-width: 900px;
	padding: 3rem 2rem;
	text-align: center;
}

/* =========================================================
   HERO
========================================================= */

.section-hero {
	max-height: 100vh;
	height: 100vh;
	overflow: hidden;
	background-color: #222;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: -14rem;
}

.section-hero img {
	inset: 0;
	z-index: 1;
}

.hero-top {
	position: absolute;
	top: 5rem;
	left: 5rem;
	z-index: 3;
}

.hero-top img {
	width: 32rem;
}

.hero-text {
	background: #222;
	text-align: center;
	margin: 5rem 0 2rem;
}

.hero-text .content {
	margin: 0 auto;
	width: 90%;
}

.hero-text h1 {
	font-size: 3.25rem;
	letter-spacing: .5rem;
	margin-bottom: .75rem;
	color: #fff;
	text-transform: uppercase;
}

.hero-text p {
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: .35rem;
	text-transform: uppercase;
	width: 90%;
	margin: 0 auto;
}

/* =========================================================
   DARK SECTIONS
========================================================= */

.section-dark {
	background-color: #222;
}

/* =========================================================
   IMAGE ROW
========================================================= */

.image-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.75rem;
	margin: 5rem 0 4.5rem;
}

.image-row img {
	width: 100%;
	object-fit: cover;
}

/* =========================================================
   BULLET LIST
========================================================= */

.section-inner {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

.section-title {
	text-align: left;
	width: 80%;
	margin: 0 auto 3rem;
	display: flex;
	align-items: center;
	column-gap: 3rem;
}

.section-title h2 {
	font-size: 2.15rem;
	letter-spacing: .2em;
	font-weight: 700;
	margin: 0;
	white-space: nowrap;
	flex: 0 0 auto;      
}

.divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.6);
	flex: 1;
}

.bullet-list {
	width: 80%;
	margin: 0 auto 2.5rem;
	padding-left: 3.25rem;
}

.bullet-list li {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.65;
	margin-bottom: 1rem;
	list-style: disc;
}

/* =========================================================
   BUTTONS
========================================================= */

.btn {
	display: inline-block;
	padding: 1.25rem 1.5rem;
	font-size: 1.15rem;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: .1rem;
}

.btn-red {
	background: #b62025;
	color: #fff;
}

.btn-red:hover {
	background: #981a1e;
}

/* =========================================================
   EXPERIENCE LIFE
========================================================= */

.section-experience {
	padding : 8rem 0 16rem;
	position: relative;
	overflow: hidden;
}

.section-experience img {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	z-index: 1;
}

.section-experience  .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	z-index: 2;
	background: #000;
    opacity: .3;
}

.experience-overlay {
	text-align: center;
	z-index: 3;
	margin: 0 auto;
	width: 90%;
	position: relative;
}

.experience-overlay .inner{
	background-color: #222222c4;
    padding: 2rem 2rem;
	width: 45%;
    margin: 0 0 0 auto;
}

.experience-overlay h2 {
	margin-top: 0;
	font-size: 3.5rem;
    letter-spacing: .5rem;
    margin-bottom: .75rem;
    color: #fff;
    text-transform: capitalize;
    font-family: 'futura', sans-serif;
    line-height: 1.29;
	text-align: right;
}

.experience-overlay strong {
	font-weight: 800;
}

.experience-overlay p {
	font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: .35rem;
    margin: 0 auto;
    text-align: right;
    margin-top: 2rem;
}

/* =========================================================
   FOOTER
========================================================= */
.footer { 
	background-color: #363636;
	padding:  1.5rem 0;
	z-index: 50;
	position: relative;  
	clear: both;
	width: 100%; 
	text-align: center;
	float: right;
}

.footer-logo {
	font-weight: 700;
	letter-spacing: .35em;
	margin-bottom: 1.5rem;
	width: 7rem;
}

.footer p {
	font-size: 1rem;
    text-transform: uppercase;
    font-family: 'futura', sans-serif;
    font-weight: 600;
    letter-spacing: .25rem;
	margin: 0;
}

@media only screen and (max-width: 1023px){
	 .section-hero{
		height: 40vh;
	}

	.hero-text p{
		width: 100%;
	}

	.bullet-list li {
    	font-size: 2.25rem;
	}

	.btn{
		font-size: 1.5rem;
	}
	.experience-overlay .inner {
		padding: 2rem 0;
		width: 100%;
		margin: 0 auto;
	}
}