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

/* Global */

html, body { background-color: rgb(248, 248, 248); margin: 0; padding: 0; width: 100%; height: 100%; font-size: 1em; line-height: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
img, embed, object, video { border: none; padding: 0; margin: 0; width: 100%; display: block; }
#site-wrapper { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; z-index: 100; }
#main-wrapper { margin: 0; padding: 0; position: relative; clear: both; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 9000; }
.container { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; clear: both; width: 100%; overflow: hidden; }

/* Mobile Small */
@media screen
and (max-width: 374px) {
	
#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 120px; z-index: 10000; }
.gilmore-logo { float: left; margin: 32px 0 0 10%; padding: 0; width: 180px; z-index: 100; }
#navigation { display: none; }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 22% 0 0 6%; padding: 4%; width: 80%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 8% auto 0 auto; padding: 4%; width: auto; height: 65%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 22% auto 0 auto; padding: 4%; width: auto; height: 45%; display: inline-block; }
#close-horiz { position: absolute; top: 15%; right: 11%; width: 30px; height: 30px; z-index: 600; }
#close-vert { position: absolute; top: 9%; right: 13%; width: 30px; height: 30px; z-index: 600; }
#close-square { position: absolute; top: 9%; right: 13%; width: 30px; height: 30px; z-index: 600; }
.header { display: none; }
.header-mobile { margin: 0 0 0 10%; padding: 10% 0 10% 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 1.6em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.size { font-family: 'futura-pt'; font-weight: 300; font-size: .65em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 2em; }
.feature-left { margin: 0 0 0 10%; padding: 0; float: left; width: 80%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 10% 10% 10% 10%; padding: 0; width: 80%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; height: auto; }
.feature-copy { float: left; margin: 16% 0 0 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.6em; text-align: left; }
.feature-title { display: none; }
.copy { float: left; margin: 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.5em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: center; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0 0 0 -95px; padding: 0; width: 190px; height: 60px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1.1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.4em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 5% 0 0 0; padding: 0; width: 70%; text-align: left; }
.sample-box { float: left; margin: 0 6% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 26% 0 0 10%; padding: 10% 0 0 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 1.6em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .65em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 10% 0 0 10%; padding: 0 0 10% 0; float: left; width: 80%; height: auto; }
.box-quad { float: left; margin: 0 0 5% 0; padding: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.copy-quad { float: left; margin: 20px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: 1em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background-color: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { display: none; }
.footer-column-mobile { float: left; margin: 14% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.1em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.6em; text-align: center; }
#social-footer { margin: 4% 0 17% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 3px 0 3px; padding: 0; position: relative; width: 48px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 48px; height: 48px; }
.social-blue { margin: 0; padding: 0; float: left; width: 48px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 48px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }

}

/* Mobile */
@media screen
and (max-width: 480px)
and (min-width: 375px) {
	
#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 140px; z-index: 10000; }
.gilmore-logo { float: left; margin: 38px 0 0 10%; padding: 0; width: 200px; z-index: 100; }
#navigation { display: none; }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 20% 0 0 6%; padding: 4%; width: 80%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 8% auto 0 auto; padding: 4%; width: auto; height: 70%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 20% auto 0 auto; padding: 4%; width: auto; height: 45%; display: inline-block; }
#close-horiz { position: absolute; top: 14%; right: 11%; width: 30px; height: 30px; z-index: 600; }
#close-vert { position: absolute; top: 8%; right: 12%; width: 30px; height: 30px; z-index: 600; }
#close-square { position: absolute; top: 8%; right: 8%; width: 30px; height: 30px; z-index: 600; }
.header { display: none; }
.header-mobile { margin: 0 0 0 10%; padding: 8% 0 8% 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 1.8em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.size { font-family: 'futura-pt'; font-weight: 300; font-size: .675em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 2em; }
.feature-left { margin: 0 0 0 10%; padding: 0; float: left; width: 80%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 10% 10% 10% 10%; padding: 0; width: 80%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; height: auto; }
.feature-copy { float: left; margin: 15% 0 0 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1.1em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.5em; text-align: left; }
.feature-title { display: none; }
.copy { float: left; margin: 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.5em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 10% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: center; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0 0 0 -105px; padding: 0; width: 210px; height: 65px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1.1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.6em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 5% 0 0 0; padding: 0; width: 70%; text-align: left; }
.sample-box { float: left; margin: 0 7% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 20% 0 0 10%; padding: 8% 0 0 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 1.8em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .6em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 8% 0 0 8%; padding: 0 0 8% 0; float: left; width: 84%; height: auto; }
.box-quad { float: left; margin: 0 2.5% 4% 2.5%; padding: 0; width: 45%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.copy-quad { float: left; margin: 16px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: .95em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background-color: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { display: none; }
.footer-column-mobile { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.1em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.5em; text-align: center; }
#social-footer { margin: 3% 0 15% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 3px 0 3px; padding: 0; position: relative; width: 50px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 50px; height: 50px; }
.social-blue { margin: 0; padding: 0; float: left; width: 50px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 50px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }
}

/* Mobile Large */
@media screen
and (max-width: 767px)
and (min-width: 481px) {

#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 140px; z-index: 10000; }
.gilmore-logo { float: left; margin: 36px 0 0 10%; padding: 0; width: 200px; z-index: 100; }
#navigation { display: none; }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 18% 0 0 6%; padding: 4%; width: 80%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 8% auto 0 auto; padding: 4%; width: auto; height: 80%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 18% auto 0 auto; padding: 4%; width: auto; height: 55%; display: inline-block; }
#close-horiz { position: absolute; top: 13%; right: 10%; width: 35px; height: 35px; z-index: 600; }
#close-vert { position: absolute; top: 8%; right: 12%; width: 35px; height: 35px; z-index: 600; }
#close-square { position: absolute; top: 8%; right: 8%; width: 35px; height: 35px; z-index: 600; }
.header { display: none; }
.header-mobile { margin: 0 0 0 10%; padding: 7% 0 7% 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 1.9em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.size { font-family: 'futura-pt'; font-weight: 300; font-size: .65em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 2em; }
.feature-left { margin: 0 0 0 10%; padding: 0; float: left; width: 80%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 10% 10% 10% 10%; padding: 0; width: 80%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; height: auto; }
.feature-copy { float: left; margin: 12% 0 0 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1.2em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.5em; text-align: left; }
.feature-title { display: none; }
.copy { float: left; margin: 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.5em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 8% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: center; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0 0 0 -110px; padding: 0; width: 220px; height: 65px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1.1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.6em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 4% 0 0 0; padding: 0; width: 64%; text-align: left; }
.sample-box { float: left; margin: 0 7% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 16% 0 0 10%; padding: 6% 0 0 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 1.9em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .6em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 7% 0 0 8%; padding: 0 0 10% 0; float: left; width: 84%; height: auto; }
.box-quad { float: left; margin: 0 2.5% 5% 2.5%; padding: 0; width: 45%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.copy-quad { float: left; margin: 22px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: 1em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background-color: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { float: left; margin: 10% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.2em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.5em; text-align: center; }
.footer-column-mobile { display: none; }
#social-footer { margin: 2% 0 12% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 4px 0 4px; padding: 0; position: relative; width: 54px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 54px; height: 54px; }
.social-blue { margin: 0; padding: 0; float: left; width: 54px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 54px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }

}

/* Tablet Vertical */
@media screen
and (min-width: 768px)
and (max-width: 1023px) {
	
#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 145px; z-index: 10000; }
.gilmore-logo { float: left; margin: 40px 0 0 10%; padding: 0; width: 190px; z-index: 100; }
#navigation { display: none; }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 15% 0 0 6%; padding: 4%; width: 80%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 10% auto 0 auto; padding: 4%; width: auto; height: 80%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 15% auto 0 auto; padding: 4%; width: auto; height: 65%; display: inline-block; }
#close-horiz { position: absolute; top: 12%; right: 9%; width: 35px; height: 35px; z-index: 600; }
#close-vert { position: absolute; top: 8%; right: 12%; width: 35px; height: 35px; z-index: 600; }
#close-square { position: absolute; top: 8%; right: 8%; width: 35px; height: 35px; z-index: 600; }
.header { display: none; }
.header-mobile { margin: 0 0 0 10%; padding: 6% 0 6% 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.1em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.size { font-family: 'futura-pt'; font-weight: 300; font-size: .65em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 2em; }
.feature-left { margin: 0 0 0 10%; padding: 0; float: left; width: 80%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 10% 10% 10% 10%; padding: 0; width: 80%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 10%; padding: 0; width: 80%; height: auto; }
.feature-copy { float: left; margin: 9% 0 0 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1.2em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.5em; text-align: left; }
.feature-title { display: none; }
.copy { float: left; margin: 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.5em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 6% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: center; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0 0 0 -110px; padding: 0; width: 220px; height: 65px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1.1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.6em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 3% 0 0 0; padding: 0; width: 50%; text-align: left; }
.sample-box { float: left; margin: 0 6% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 12% 0 0 10%; padding: 6% 0 0 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.1em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .6em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 7% 0 0 8.2%; padding: 0 0 10% 0; float: left; width: 83.6%; height: auto; }
.box-quad { float: left; margin: 0 2% 5% 2%; padding: 0; width: 29.3333333%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.copy-quad { float: left; margin: 20px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: .95em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background-color: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { float: left; margin: 8% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.2em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.5em; text-align: center; }
.footer-column-mobile { display: none; }
#social-footer { margin: 2% 0 10% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 5px 0 5px; padding: 0; position: relative; width: 55px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 55px; height: 55px; }
.social-blue { margin: 0; padding: 0; float: left; width: 55px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 55px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }

}

/* Tablet Horizontal & Small Screens */
@media screen
and (min-width: 1024px)
and (max-width: 1280px) {
	
#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 145px; z-index: 10000; }
.gilmore-logo { float: left; margin: 55px 0 0 10%; padding: 0; width: 190px; z-index: 100; }
#navigation { float: right; margin: 0 10% 0 0; padding: 0; width: auto; }
#navigation ul { float: right; margin: 0; padding: 0; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 160px; }
#navigation ul a { font-family: 'futura-pt'; letter-spacing: .02em; font-size: 1.1em; color: rgb(120, 120, 120); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation ul li { margin: 80px 0 0 26px; padding: 0; float: left; width: auto; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(40, 40, 40); }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 7% 0 0 11%; padding: 4%; width: 70%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 6% auto 0 auto; padding: 4%; width: auto; height: 70%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 7% auto 0 auto; padding: 4%; width: auto; height: 70%; display: inline-block; }
#close-horiz { position: absolute; top: 11%; right: 8%; width: 40px; height: 40px; z-index: 600; }
#close-vert { position: absolute; top: 9%; right: 13%; width: 40px; height: 40px; z-index: 600; }
#close-square { position: absolute; top: 9%; right: 9%; width: 40px; height: 40px; z-index: 600; }
.header { margin: 0 0 0 10%; padding: 9% 0 0 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.1em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.header-mobile { display: none; }
.feature-left { margin: 0 0 0 10%; padding: 0; float: left; width: 40%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 8% 8% 8% 8%; padding: 0; width: 84%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 4%; padding: 0; width: 36%; height: auto; }
.feature-copy { float: left; margin: 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1.2em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.4em; text-align: left; }
.feature-title { float: left; margin: 0; padding: 0; width: 100%; }
.copy { float: left; margin: 4% 0 0 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.5em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 9% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: left; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0; padding: 0; width: 180px; height: 55px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.4em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 5% 0 0 0; padding: 0; width: 80%; text-align: left; }
.sample-box { float: left; margin: 0 6% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 9% 0 0 10%; padding: 5% 0 0 0; float: left; width: 80%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.1em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .6em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 5% 0 0 8.8%; padding: 0 0 8% 0; float: left; width: 82.4%; height: auto; }
.box-quad { float: left; margin: 0 1.5% 4% 1.5%; padding: 0; width: 22%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.box-quad:hover > .wrapper-white > .wrapper-image-quad-square > div { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.copy-quad { float: left; margin: 20px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: .95em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background-color: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { float: left; margin: 7% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.2em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.4em; text-align: center; }
.footer-column-mobile { display: none; }
#social-footer { margin: 1% 0 8% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 5px 0 5px; padding: 0; position: relative; width: 58px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 58px; height: 58px; }
.social-blue { margin: 0; padding: 0; float: left; width: 58px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 58px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }
	
}

/* Desktop Medium */
@media screen
and (min-width: 1281px)
and (max-width: 1600px) {

#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 160px; z-index: 10000; }
.gilmore-logo { float: left; margin: 60px 0 0 13%; padding: 0; width: 220px; z-index: 100; }
#navigation { float: right; margin: 0 13% 0 0; padding: 0; width: auto; }
#navigation ul { float: right; margin: 0; padding: 0; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 200px; }
#navigation ul a { font-family: 'futura-pt'; letter-spacing: .02em; font-size: 1.2em; color: rgb(120, 120, 120); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation ul li { margin: 90px 0 0 28px; padding: 0; float: left; width: auto; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(40, 40, 40); }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 6% 0 0 14%; padding: 3%; width: 66%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 6% auto 0 auto; padding: 3%; width: auto; height: 70%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 6% auto 0 auto; padding: 3%; width: auto; height: 70%; display: inline-block; }
#close-horiz { position: absolute; top: 10%; right: 7%; width: 45px; height: 45px; z-index: 600; }
#close-vert { position: absolute; top: 10%; right: 14%; width: 45px; height: 45px; z-index: 600; }
#close-square { position: absolute; top: 10%; right: 10%; width: 45px; height: 45px; z-index: 600; }
.header { margin: 0 0 0 13%; padding: 8% 0 0 0; float: left; width: 74%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.2em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.header-mobile { display: none; }
.feature-left { margin: 0 0 0 13%; padding: 0; float: left; width: 40%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 10% 10% 10% 10%; padding: 0; width: 80%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 4%; padding: 0; width: 30%; height: auto; }
.feature-copy { float: left; margin: 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1.2em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.5em; text-align: left; }
.feature-title { float: left; margin: 0; padding: 0; width: 100%; }
.copy { float: left; margin: 3% 0 0 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.6em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 8% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: left; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0; padding: 0; width: 180px; height: 55px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.4em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 3% 0 0 0; padding: 0; width: 60%; text-align: left; }
.sample-box { float: left; margin: 0 5% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 8% 0 0 13%; padding: 4% 0 0 0; float: left; width: 74%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.2em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .6em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 5% 0 0 11.25%; padding: 0 0 6% 0; float: left; width: 77.5%; height: auto; }
.box-quad { float: left; margin: 0 1.5% 4% 1.5%; padding: 0; width: 22%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.box-quad:hover > .wrapper-white > .wrapper-image-quad-square > div { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.copy-quad { float: left; margin: 22px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: 1em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background-color: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { float: left; margin: 6% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.2em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.5em; text-align: center; }
.footer-column-mobile { display: none; }
#social-footer { margin: 1% 0 7% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 5px 0 5px; padding: 0; position: relative; width: 58px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 58px; height: 58px; }
.social-blue { margin: 0; padding: 0; float: left; width: 58px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 58px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }

}

/* Desktop Large */
@media screen
and (min-width: 1601px) {

#nav-wrapper { background-color: rgb(248, 248, 248); margin: 0; padding: 0; float: left; width: 100%; height: 170px; z-index: 10000; }
.gilmore-logo { float: left; margin: 64px 0 0 15%; padding: 0; width: 220px; z-index: 100; }
#navigation { float: right; margin: 0 15% 0 0; padding: 0; width: auto; }
#navigation ul { float: right; margin: 0; padding: 0; list-style-type: none; width: auto; display: inline-block; white-space: nowrap; height: 200px; }
#navigation ul a { font-family: 'futura-pt'; letter-spacing: .02em; font-size: 1.2em; color: rgb(120, 120, 120); text-decoration: none; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
#navigation ul li { margin: 95px 0 0 30px; padding: 0; float: left; width: auto; text-align: left; cursor: pointer; display: inline-block; white-space: nowrap; }
#navigation ul li a:hover, #navigation ul li a:active { color: rgb(40, 40, 40); }
#gallery-wrapper { background-color: rgba(0, 0, 0, .8); position: absolute; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#gallery-container { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; text-align: center; z-index: 500; }
#image-wrapper-horiz { background-color: rgb(255, 255, 255); position: relative; margin: 5% 0 0 17%; padding: 3%; width: 60%; height: auto; }
#image-wrapper-vert { background-color: rgb(255, 255, 255); position: relative; margin: 5% auto 0 auto; padding: 3%; width: auto; height: 70%; display: inline-block; }
#image-wrapper-square { background-color: rgb(255, 255, 255); position: relative; margin: 5% auto 0 auto; padding: 3%; width: auto; height: 70%; display: inline-block; }
#close-horiz { position: absolute; top: 10%; right: 7%; width: 45px; height: 45px; z-index: 600; }
#close-vert { position: absolute; top: 10%; right: 14%; width: 45px; height: 45px; z-index: 600; }
#close-square { position: absolute; top: 10%; right: 10%; width: 45px; height: 45px; z-index: 600; }
.header { margin: 0 0 0 15%; padding: 7% 0 0 0; float: left; width: 70%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.4em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.header-mobile { display: none; }
.feature-left { margin: 0 0 0 15%; padding: 0; float: left; width: 35%; height: auto; overflow: hidden; }
.feature-image-wrapper { background-color: rgb(255, 255, 255); margin: 0; padding: 0; float: left; width: 100%; height: auto; overflow: hidden; }
.feature-image { float: left; margin: 10% 10% 10% 10%; padding: 0; width: 80%; height: auto; overflow: hidden; }
.feature-image img { float: left; margin: 0; width: 100%; height: auto; }
.feature-right { float: left; margin: 0 0 0 3%; padding: 0; width: 27%; height: auto; }
.feature-copy { float: left; margin: 0; padding: 0; width: 100%; height: auto; font-family: 'futura-pt'; font-weight: 300; font-size: 1.25em; color: rgb(120, 120, 120); letter-spacing: .02em; line-height: 1.6em; text-align: left; }
.feature-title { float: left; margin: 0; padding: 0; width: 100%; }
.copy { float: left; margin: 4% 0 0 0; padding: 0; width: 100%; }
.name { font-family: 'omnes-pro'; font-weight: 200; font-size: 1.7em; color: rgb(80, 80, 80); text-align: left; }
.info { line-height: 2em; }
.button-box { float: left; margin: 8% 0 0 0; padding: 0; width: 100%; height: 55px; text-align: left; }
a.acquire-button { background: rgb(255, 255, 255); position: absolute; margin: 0; padding: 0; width: 180px; height: 55px; font-family: 'omnes-pro'; font-weight: 300; font-size: 1em; color: rgb(80, 80, 80); letter-spacing: .05em; line-height: 3.4em; text-align: center; text-decoration: none; border-radius: 5px; box-shadow: 0px 3px rgb(235, 235, 235); z-index: 150; -o-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; }
a.acquire-button:hover, a.acquire-button:active { color: rgb(0, 0, 0); }
.sample-box-wrapper { float: left; margin: 3% 0 0 0; padding: 0; width: 60%; text-align: left; }
.sample-box { float: left; margin: 0 5% 0 0; padding: 0; width: 25%; text-align: left; border: 1px solid rgb(200, 200, 200); }
.divider-quad { margin: 7% 0 0 15%; padding: 4% 0 0 0; float: left; width: 70%; height: auto; font-family: 'omnes-pro'; font-weight: 200; font-size: 2.4em; color: rgb(80, 80, 80); line-height: 1em; text-align: left; border-top: 1px solid rgb(200, 200, 200); }
.title { font-family: 'Times New Roman'; font-style: italic; font-size: .6em; color: rgb(180, 180, 180); line-height: 2em; }
.wrapper-quad { margin: 4% 0 0 13.25%; padding: 0 0 6% 0; float: left; width: 73.5%; height: auto; }
.box-quad { float: left; margin: 0 2.5% 4% 2.5%; padding: 0; width: 20%; height: auto; overflow: hidden; }
.wrapper-white { background-color: rgb(255, 255, 255); float: left; margin: 0; width: 100%; height: auto; overflow: hidden; }
.wrapper-image-quad-square { position: relative; margin: 12%; padding: 0; width: 76%; height: 76%; overflow: hidden; }
.image-quad { background-color: rgb(0, 0, 0); float: left; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.image-quad img { background-size: cover; background-repeat: no-repeat; background-position: center; }
.box-quad:hover > .wrapper-white > .wrapper-image-quad-square > div { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.copy-quad { float: left; margin: 24px 0 0 0; width: 100%; height: 50px; font-family: 'futura-pt'; font-weight: 400; font-size: 1em; color: rgb(100, 100, 100); letter-spacing: .02em; text-align: center; }	
.collection-button { float: left; margin: -100% 0 0 0; width: 100%; height: 100%; z-index: 300; }
.hidden-button { position: relative; left: 0; top: 0; z-index: 100; }
footer#footer-global { background: rgb(255, 255, 255); float: left; margin: 0; padding: 0; width: 100%; }
.footer-column { float: left; margin: 5% 0 0 0; padding: 0; width: 100%; font-family: 'futura-pt'; font-size: 1.25em; font-weight: 300; color: rgb(180, 180, 180); line-height: 1.6em; text-align: center; }
.footer-column-mobile { display: none; }
#social-footer { margin: 1% 0 6% 0; padding: 0; float: left; clear: both; width: 100%; text-align: center; }
.social-icon { margin: 0 5px 0 5px; padding: 0; position: relative; width: 58px; text-align: center; display: inline-block; }
.social-icon-wrapper { margin: 0 auto 0 auto; padding: 0; top: 0; left: 0; position: relative; width: 58px; height: 58px; }
.social-blue { margin: 0; padding: 0; float: left; width: 58px; z-index: 1; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-blue:hover, .social-blue:active { opacity: 0; }
.social-gray { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 58px; z-index: 2; opacity: 0; -o-transition: opacity .2s ease-in-out; -ms-transition: opcaity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social-gray:hover, .social-gray:active { opacity: 100; }

}