/* ---- STRUCTURE ----------------------------------------------------------------------- */
html, body, nav.off-canvas { height: 100%; }
body { font-size: 62.5%; color: #212121; overflow-x: hidden; background-color: #fafafa; min-width: 100%; }
body.is-reveal-open { padding-right: 1.05rem; }
section { width: 100%; position: relative; }
div.reveal { overflow-x: hidden; border: none; outline: none; focus: none; }
header, footer { width: 100%; z-index: 2; position: relative; }

#HEADER div.bkgd { background-color: #ffffff; }
#FOOTER div.bkgd { background-color: #ffffff; }
.off-canvas-content { background: transparent; }
#OFFCANVAS div.bkgd { background-color: #181818; }
#NAVBAR, #RESPONSE, #COUNT { background: #085078; } 
#MAP { min-height: 65vh; }
#COOKIES { padding-top: 1.25em; position: absolute; top: 0; z-index: 9998; border: none; display: none; }
#RESPONSE { position: absolute; top: 0; z-index: 9998; border: none; }
#BKGD { width: 100%; height: 100vh; position: fixed; top: 0; left:0; z-index: 0; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#BANNER { width: 100%; height: 50vh; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: inherit; background-size: cover; }
#VIDEO { min-width: 100%; min-height: 100%; width: auto; height: auto; position: fixed; top: 50%; left: 50%; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
#SOCIAL { position: absolute; top: 0; right: 0; z-index: 3; }
#MAIN, #SUBFOOTER, #SIGNUP { position: relative; }
#MAIN { min-height: 50vh; }
#SUBFOOTER { z-index: 2; }


/* ---- OBJECTS ----------------------------------------------------------------------- */
img, figure { min-width: 100%; }
figure { margin: 0; }

svg.reverse, svg.accent, svg.secondary, svg.grey, svg.black { background: transparent !important; }
svg.reverse path, svg.reverse polygon, svg.reverse rect { fill: #ffffff; }
svg.black path, svg.black polygon, svg.black rect { fill: #141414; }
svg.grey path, svg.grey polygon, svg.grey rect { fill: #e9eef1; }
svg.accent path, svg.accent polygon, svg.accent rect { fill: #085078; }
svg.secondary path, svg.secondary polygon, svg.secondary rect { fill: #85d8ce; }

#BANNER figure { background-repeat: no-repeat; background-size: cover; }
audio { width: 100%; focus: none; outline: none; }
video { width: 100%; focus: none; outline: none; }


/* ---- TYPOGRAPHY ----------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald'; font-size: 1.6em; letter-spacing: 0; }
p, li, address, label, td, select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], textarea { font-family: 'Lato'; }
p, li, address, label, td { font-size: 1.6em; }
address { font-style: normal; }

.text-tiny, small { font-size: 1em !important; line-height: 1.5em !important; }
.text-small { font-size: 2em !important; line-height: 1.25em !important; }
.text-medium { font-size: 2.5em !important; line-height: 1.3em !important; }
.text-large { font-size: 4em !important; line-height: 1.1em !important; }
.text-xlarge { font-size: 5.5em !important; line-height: 1em !important; }

.text-primary { color: #222 !important; }
.text-reverse { color: #fff !important; }
.text-grey, .text-gray { color: #aaa !important; }
.text-transparent { opacity: .5 !important; }
.text-expand { letter-spacing: .25em !important; }

.rtl { unicode-bidi: bidi-override; direction: rtl; }
.collapsed > li { padding: 0 !important; margin: 0 !important; }


/* ---- LINKS ----------------------------------------------------------------------- */
a:link { outline: none; focus: none; font-family: inherit; color: inherit; }
a:hover, nav a:hover { color: #085078; } 

a.close-button, a.close, a.close-reveal-modal { font-size: 1.5em; font-weight: normal; margin-top: .35em; z-index: 9999; background: transparent; }
a.close-button:hover, a.close:hover, a.close-reveal-modal:hover { text-decoration: none; opacity: .5; }
a.left-off-canvas-toggle, a.right-off-canvas-toggle { margin: .25em .5em; }
a.toggle-offcanvas { font-size: 3em; color: rgba(0,0,0,.25); position: absolute; top: .25em; right: .5em; z-index: 9997; }
a.toggle-offcanvas:hover { color: rgba(0,0,0,.45); }

.menu li.text-reverse a:hover { color: #085078; }

.video-controls { position: absolute; top: 0; right: 0; z-index: 5; }
.video-controls a { opacity: .5; }
.video-controls a:hover { opacity: 1; }

a.button, button, .button, input[type="submit"].button, input[type="reset"].button, input[type="button"].button { color: #fff !important; background-color: #085078; padding-top: .85em !important; padding-bottom: .85em !important; outline: none; focus: none; }
a.button:hover, button:hover, .button:hover, input.button[type="submit"]:hover, input.button[type="reset"]:hover, input.button[type="button"]:hover { background-color: #085078; } 

.button.hollow { border-width: .1em; border-color: #085078; color: #085078 !important; }
.button.hollow:hover { background-color: #085078; border-color: #085078; color: #fff !important; } 

.button.hollow.text-reverse { border-color: #fff !important; color: #fff !important; }
.button.hollow.text-reverse:hover { background: #fff; color: #333 !important; }

.icon { font-family: 'FontAwesome'; text-decoration: none; }
.underline, .underline a { text-decoration: underline !important; }
.plain:before, .plain:after, .plain a:before, .plain a:after { content: '' !important; }
.download:hover { text-decoration: underline; }
.download:before { content: '\f1c1'; font-family: 'FontAwesome'; text-decoration: none; padding-right: .5em; display: inline-block; }
.arrow:before { content: '\f0d7'; font-family: 'FontAwesome'; text-decoration: none; padding-right: .5em; display: inline-block; }
.update:before { content: '\f040'; font-family: 'FontAwesome'; text-decoration: none; padding-right: .5em; display: inline-block; }

a:hover img { opacity: .75; }
.logo:hover img { opacity: 1; }


/* ---- NAVIGATION ----------------------------------------------------------------------- */
header .menu li a:link, header .menu li a:visited, header .menu li.search label:before { color: inherit; }
footer .menu li a:link, footer .menu li a:visited { font-size: 90%; color: inherit; }
header .menu li a:hover, footer .menu li a:hover { color: inherit; opacity: .5; }
header .menu li.text-reverse a:hover { color: #fff !important; }
nav.row { max-width: 100vw; }

li.search { position: relative; z-index: 0; }
li.search:hover { z-index: 5; }
li.search label { display: block; text-indent: -9999px; width: 2.5em; cursor: pointer; }
li.search label:before { font-family: 'FontAwesome'; font-size: 1.5em; text-decoration: none; display: inline-block; text-indent: 0; position: absolute; top: 9%; right: 25%; content:'\f002'; }
li.search:hover label:before { color: #ccc; }
li.search input[type="submit"] { visibility: collapse; }
li.search #SEARCH { position: absolute; top: .1em; right: 0; width: 0; height: 100%; overflow: hidden; }
li.search #SEARCH input { font-size: inherit; display: block; margin: 0; padding-left: 1.5em; padding-right: 5em; -webkit-transition: all 1s ease; transition: all 1s ease; focus: none; outline: none; position: absolute; top: 0; right: 0; width: 100%; box-shadow: none; }
li.search:hover #SEARCH { width: 25em; -webkit-transition: all 1s ease; transition: all 1s ease; }
li.search:hover input { right: 0; -webkit-transition: all 1s ease; transition: all 1s ease; }

#SIDENAV li.search { top: 1em; }
#SIDENAV li.search label { width: 50%; height: 5em; }
#SIDENAV li.search label:before { top: 5%; left: 5%; right: auto; }
#SIDENAV li.search #SEARCH { left: 0; height: 5em; }
#SIDENAV li.search #SEARCH input { padding-left: 3em; position: static; }
#SIDENAV li.search:hover label { width: 2.5em; }
#SIDENAV li.search:hover #SEARCH { width: 99%; }
#SIDENAV li.search:hover input { left: 0; }

.menu .active > a:link { background: transparent; }
.sub-menu li { font-size: 1em; text-transform: none; }
.sub-menu li:first-child { border-top: none; }
.sub-menu li a:link { background-color: #085078; } 
.sub-menu li a:hover { background-color: #085078 !important; }     
.sub-menu li a:link, .sub-menu li a:visited { color: #fff !important; margin-top: 0; }
.sub-menu li a:hover { color: #fff; opacity: 1; }
.sub-menu.first-sub { margin-left: 1.5em; border: none; }
.dropdown.menu .submenu { margin-top: 0; border: none; }
.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border: none; }
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after { border-color: transparent transparent transparent rgba(255,255,255,.5); margin-right: -1em; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after, .is-accordion-submenu-parent > a::after { border-color: #085078 transparent transparent; } 

.menu-centered { text-align: center; }
.menu-centered > ul.menu { display: inline-block; }

ul.pagination li { -webkit-border-radius: .313em; -moz-border-radius: .313em; border-radius: .313em; }
ul.pagination li a:link {  }
ul.pagination li.current { background: transparent; padding: 0; }
ul.pagination li.current a, ul.pagination li.current button { font-weight: normal; color: #fff; background: #085078; }
ul.pagination li.accent a:hover, ul.pagination li.accent button:hover { background: transparent; background: #085078; }

.flex-direction-nav a { height: 80px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { font-size: 0 !important; }
.flex-direction-nav .flex-next { right: 25px !important; }
.flex-direction-nav a.flex-prev::before { content:'\f104'; font-family: 'FontAwesome'; font-size: 50px; }
.flex-direction-nav a.flex-next::before { content:'\f105'; font-family: 'FontAwesome'; font-size: 50px; }
.flex-control-paging li a:hover { background-color: #085078 !important; } 

#OFFCANVAS a:link, #OFFCANVAS a:active, #OFFCANVAS a:visited { color: inherit !important; }

#DETAILS nav ul > li a:link { font-size: .9em; }
#DETAILS nav ul > li a:hover { opacity: .75; }


/* ---- NAVIGATION EFFECTS ------------------------------------------------------ */
        .menu-divide li a { width: 100%; margin: .75em 0 0; position: relative; }
        .menu-divide li a:after { content:"|"; color: #ccc; margin-left: 1.5em; }
        .menu-divide .sub-menu li:first-child { border-top: none; }
        .menu-divide .sub-menu li a { margin-top: 0; }
        .menu-divide .sub-menu li a:hover { color: #fff; opacity: 1; }
        .menu-divide .sub-menu.first-sub { margin-left: 1.5em; border: none; }
        .menu-divide.dropdown.menu .submenu { margin-top: 0; }
        .menu-divide.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { border: none; }
        .menu-divide.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after { border-color: transparent transparent transparent rgba(255,255,255,.5); margin-right: -1em; }
        .menu-divide .dropdown.menu .submenu { border: none; } 
        .vertical.menu-divide li a:after { content:""; }
        .menu-divide li:last-child a:after { content:""; margin-left: 0; }
        .menu-divide li a:hover { opacity: .5; outline: none; focus: none; }
    

/* ---- FORMS ----------------------------------------------------------------------- */
::-webkit-input-placeholder { color: #333; }
:-moz-placeholder { color: #333; }
::-moz-placeholder { color: #333; }
:-ms-input-placeholder { color: #333; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], textarea { margin-top: .25rem; margin-bottom: 1.5rem; }
input[type="tel"] { width: 90%; }

.error { color: #f04124 !important; }
.error input, .error textarea, .error select { border-color: #f04124 !important; }

#SIGNUP input[type="text"], #SHOWCASE input[type="text"] { border-right: none; height: 2.72rem; -webkit-border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; -moz-border-radius-bottomright: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
#SIGNUP input.button, #SHOWCASE input.button { margin-top: .25em; -webkit-border-bottom-left-radius: 0 !important; -webkit-border-top-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; -moz-border-radius-topleft: 0 !important; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; }


/* ---- TEMPLATE BLOCKS ---------------------------------------------------------- */
.video-block { }

.price-block { }

.tab-block { }
.tab-block .tabs { border: none; }
.tab-block .tabs-title > a { background: #e9eef1; }
.tab-block .vertical .tabs-title > a { margin-top: .1em; }
.tab-block .horizontal .tabs-title > a { margin-right: .1em; }
.tab-block .tabs-title > a:focus, .tab-block .tabs-title > a:hover, .tabs-title > a[aria-selected="true"] { color: #fff; background: #085078; }

.table-block { }

.arrow-block > div { position: relative; z-index: 1; } 
.arrow-block div.bkgd { opacity: .5; z-index: 0 !important; }
.arrow-block div:nth-child(2) { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.arrow-block:before, .arrow-block:after { left: 50%; border: 1rem solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; margin-left: -.5rem; }
.top-arrow:before { bottom: 100%; border-bottom-color: inherit; }            
.bottom-arrow:after { top: 100%; border-top-color: inherit; }

.icon-block { }

.grid-block div { position: relative; z-index: 1; }
.grid-block div.bkgd { z-index: 0 !important; }

.photo-block > div { position: relative; z-index: 1; }
.photo-block div.photo { background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; border: none; }
.photo-block div.bkgd { z-index: 0 !important; }

.parallax-block * { position: relative; }
.parallax-block div.bkgd { background-attachment: fixed; z-index: 0 !important; }

.portfolio-block * { position: relative; }
.portfolio-block ul.slides { margin-left: 1.5% !important; }
.portfolio-block .columns { background-position: top center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; min-height: 10em; }
.portfolio-block .columns > .accent { position: absolute; width: 100%; height: 100%; opacity: 0; }
.portfolio-block .columns .details { opacity: 0; }
.portfolio-block .columns:hover > .accent { opacity: .5; }
.portfolio-block .columns:hover .details { opacity: 1; }

.flexslider-block { }

.angled-block { }
.left-2a, .right-2a > div { min-height: 10em; margin-bottom: 6em; }
.left-4a, .right-4a > div { min-height: 18em; margin-bottom: 12em; }
.left-6a, .right-6a > div { min-height: 25em; margin-bottom: 15em; }
.left-8a, .right-8a > div { min-height: 35em; margin-bottom: 20em; }
.left-2a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); transform: skewY(-2deg); -ms-transform-origin: 100%; -webkit-transform-origin: 100%; transform-origin: 100%; }
.left-4a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(-4deg); -webkit-transform: skewY(-4deg); transform: skewY(-4deg); -ms-transform-origin: 100%; -webkit-transform-origin: 100%; transform-origin: 100%; }
.left-6a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(-6deg); -webkit-transform: skewY(-6deg); transform: skewY(-6deg); -ms-transform-origin: 100%; -webkit-transform-origin: 100%; transform-origin: 100%; }
.left-8a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(-8deg); -webkit-transform: skewY(-8deg); transform: skewY(-8deg); -ms-transform-origin: 100%; -webkit-transform-origin: 100%; transform-origin: 100%; }
.right-2a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(2deg); -webkit-transform: skewY(2deg); transform: skewY(2deg); -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.right-4a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(4deg);-webkit-transform: skewY(4deg); transform: skewY(4deg); -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.right-6a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(6deg); -webkit-transform: skewY(6deg); transform: skewY(6deg); -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.right-8a:after { background: inherit; content: ''; display: block; height: 50%; position: absolute; left: 0; right: 0; z-index: -1; -webkit-backface-visibility: hidden; bottom: 0; -ms-transform: skewY(8deg); -webkit-transform: skewY(8deg); transform: skewY(8deg); -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.webform-block { }  


/* ---- SLIDER ----------------------------------------------------------------------- */
.flexslider { width: 100%; padding: 0; margin: 0; border: none; border-radius: 0; background-color: transparent; position: relative; z-index: 1; }
.flexslider ul.slides, .slides ul.slides > li { width:100%; height: 100%; padding:0; margin: 0; } 
.flexslider ul.slides > li { position: relative; }
.flex-control-nav, .slide-nav { position: relative; z-index: 2; }
.slide-nav li a { padding: 0 .5em; }
.flex-control-paging li a.flex-active { background: rgba(0,0,0,.5); }
.flex-control-paging li a { background: rgba(0,0,0,.25); }
.flex-direction-nav a, .flex-direction-nav a::before { text-shadow: 0 0 0 rgba(0,0,0,0); }
.flex-direction-nav a::before { font-size: 20px; }


/* ---- GALLERY -----------------------------------------------------------------------*/
#GALLERY-PHOTO figure { height: 90vh; background-position: center top; background-repeat: no-repeat; background-size: contain; }

#PLAYLIST figure img { position: relative; }
#PLAYLIST figure:hover { cursor: pointer; }
#PLAYLIST figure:hover img:before { content:'\f104'; font-family: 'FontAwesome'; font-size: 50px; position: absolute; z-index: 10; }

#GALLERY-PHOTO.gallery-grid { border: none; padding: 0; overflow: hidden; background: #181818; } 
#GALLERY-PHOTO.gallery-grid figure { position: relative; }
#GALLERY-PHOTO.gallery-grid > .row { min-width: 25%; max-width: 25%; height: 100%; position: absolute; top: 0; right: 0; background: rgba(255,255,255,.85); }

#GALLERY.gallery-row #GALLERY-PHOTO { position: relative; border: none; padding: 0; overflow: hidden; background: #181818; } 
#GALLERY.gallery-row #GALLERY-PHOTO figure { position: relative; }
#GALLERY.gallery-row #GALLERY-PHOTO figure:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; background: -moz-linear-gradient(top, rgba(24,24,24,0) 0%, rgba(24,24,24,0) 50%, rgba(24,24,24,0.5) 79%, rgba(24,24,24,1) 100%); background: -webkit-linear-gradient(top, rgba(24,24,24,0) 0%,rgba(24,24,24,0) 50%,rgba(24,24,24,0.5) 79%,rgba(24,24,24,1) 100%); background: linear-gradient(to bottom, rgba(24,24,24,0) 0%,rgba(24,24,24,0) 50%,rgba(24,24,24,0.5) 79%,rgba(24,24,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00181818', endColorstr='#181818',GradientType=0 ); }
#GALLERY.gallery-row #GALLERY-PHOTO > .row { min-width: 30%; max-width: 30%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,.85); }
#GALLERY.gallery-row #GALLERY-CONTROLS { position: relative; }
#GALLERY.gallery-row #GALLERY-CONTROLS a { position: absolute; top: 0; left: 2.5em; right: auto; z-index: 10; vertical-align: middle; display: table-cell; height: 100%; }
#GALLERY.gallery-row #GALLERY-CONTROLS a:last-child { left: auto; right: 2.5em; }
#GALLERY.gallery-row #GALLERY-CONTROLS a .fa { position: relative; height: 5%; top: 45%; }

#GALLERY.gallery-column #GALLERY-PHOTO { position: relative; border: none; padding: 0; overflow: hidden; } 
#GALLERY.gallery-column #GALLERY-CONTROLS { position: relative; }
#GALLERY.gallery-column #GALLERY-CONTROLS a { position: absolute; top: 0; bottom: auto; z-index: 10; vertical-align: middle; display: table-cell; }
#GALLERY.gallery-column #GALLERY-CONTROLS a:last-child { top: auto; bottom: 0; }
#GALLERY.gallery-column #GALLERY-CONTROLS a .fa { position: relative; }


/* ---- FILTERS (source: cssfilters.co) --------------------------------------- */
        figure.overcast { position: relative; -webkit-filter: brightness(75%); filter: brightness(75%); }

            figure.nineteen-77 { position: relative; -webkit-filter: contrast(110%) brightness(110%) saturate(130%); filter: contrast(110%) brightness(110%) saturate(130%); }
        figure.nineteen-77::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; background: rgba(243, 106, 188, 0.3); }

            figure.aiden { position: relative; -webkit-filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); }
        figure.aiden::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: darken; background: -webkit-linear-gradient(to right, rgba(66, 10, 14, 0.2) 1, rgba(66, 10, 14, 0)); background: linear-gradient(to right, rgba(66, 10, 14, 0.2) 1, rgba(66, 10, 14, 0)); }

            figure.brooklyn { position: relative; -webkit-filter: contrast(90%) brightness(110%); filter: contrast(90%) brightness(110%); }
        figure.brooklyn::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: overlay; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(168, 223, 193, 0.4) 1, rgba(183, 196, 200, 0.2)); background: radial-gradient(50% 50%, circle closest-corner, rgba(168, 223, 193, 0.4) 1, rgba(183, 196, 200, 0.2)); }

            figure.gingham { position: relative; -webkit-filter: brightness(105%) hue-rotate(350deg); filter: brightness(105%) hue-rotate(350deg); }
        figure.gingham::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: darken; background: -webkit-linear-gradient(to right, rgba(66, 10, 14, 0.2) 1, rgba(0, 0, 0, 0)); background: linear-gradient(to right, rgba(66, 10, 14, 0.2) 1, rgba(0, 0, 0, 0)); }

            figure.hudson-bay { position: relative; -webkit-filter: contrast(90%) brightness(120%) saturate(110%); filter: contrast(90%) brightness(120%) saturate(110%); }
        figure.hudson-bay::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: multiply; opacity: 0.5; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(255, 177, 166, 1) 50, rgba(52, 33, 52, 1)); background: radial-gradient(50% 50%, circle closest-corner, rgba(255, 177, 166, 1) 50, rgba(52, 33, 52, 1)); }

            figure.inkwell { position: relative; -webkit-filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); }
        figure.inkwell::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; background: rgba(0, 0, 0, 0); }

            figure.loki { position: relative; -webkit-filter: contrast(150%) saturate(110%); filter: contrast(150%) saturate(110%); }
        figure.loki::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: multiply; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0) 70, rgba(34, 34, 34, 1)); background: radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0) 70, rgba(34, 34, 34, 1)); }

            figure.toast { position: relative; -webkit-filter: contrast(150%) brightness(90%); filter: contrast(150%) brightness(90%); }
        figure.toast::before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; opacity: 0.5; background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(15, 78, 128, 1) 1, rgba(59, 0, 59, 1)); background: radial-gradient(50% 50%, circle closest-corner, rgba(15, 78, 128, 1) 1, rgba(59, 0, 59, 1)); }


/* ---- NEWS/BLOG -----------------------------------------------------------------------*/
#SHOWCASE figure { position: absolute; top: 0; left:0; z-index: -1; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }
#SHOWCASE figure.overcast { -webkit-filter: brightness(20%); filter: brightness(20%); }


/* ---- CARDS (source: littlesnippets.net) --------------------------------------- */


/* ---- ECOMMERCE ----------------------------------------------------------------------- */
li.cart { position: relative; }
li.cart a::after, li.cart > a::after { border-color: transparent transparent transparent !important; }
.page-template-foundation-cart li.cart .menu, .page-template-foundation-checkout li.cart .menu { display: none; }
.dropdown li.cart { padding-left: 1em; }
li.cart #COUNT { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-family: sans-serif; font-size: .75em; line-height: 1.1em; color: #fff; width: 1.75em; height: 1.75em; text-align: center; vertical-align: middle; padding: .4em; margin: 0; position: absolute; top: .5em; right: 0; }
.vertical #COUNT { left: 4em; }
.vertical.menu-outline #COUNT { top: 1em; left: 6em; }
.vertical.menu-border #COUNT { top: 1em; left: 4.5em; }
.vertical.menu-flip #COUNT { left: 2.5em; }

.page-order-complete #COUNT { display: none; }
#CART { display: none !important; background: #fff; width: 15em; min-height: 5em; padding-top: 1.75em; padding-right: 1.5em; padding-bottom: .5em; padding-left: 1.5em; position: absolute; z-index: 100; border: .1em solid #ccc; }
li:hover #CART { display: block !important; } 
.page-cart li:hover #CART, .page-checkout li:hover #CART, .page-order-confirmation li:hover #CART, .page-order-complete li:hover #CART { display: none !important; }
#CART p { font-size: .75em; margin: 0 .5em; }

div.store-item p { line-height: 1.25em; } 
div.store-item:hover img:hover, div.store-item:hover a:hover { opacity: .5; cursor: pointer; }
div.store-item button[type="submit"] { border: none; background: transparent; font-size: .9em; color: #666 !important; padding: 0 1em; margin-top: 1.1em; border-left: .15em solid #ccc; }
div.store-item button:hover i { opacity: .5; cursor: pointer; }
div.store-item button i { font-size: 1.25em; }
a:link.no-image, span.no-image { font-size: .75em; line-height: 1.25em; color: #ccc; text-align: center; text-decoration: none; background: #f1f1f1; display: block; width: 90%; height: 0; margin-top: 1.25em; padding: 33% 0 50%; }

form.empty input[type="submit"], form.add input[type="submit"], form.remove input[type="submit"] { color: #181818; text-decoration: none;  border: none; background: transparent; }
form.empty input[type="submit"] { font-size: 0.8125rem; text-decoration: underline; padding: 0.875rem 1.75rem 0.9375rem; }
form.add input[type="submit"]:hover, form.remove input[type="submit"]:hover { opacity: .5; }
form.empty input[type="submit"]:hover { color: #fff; }
#EMPTY input[type="submit"] { background: rgba(0,0,0,.05); color: #0a0a0a !important; }
#EMPTY input[type="submit"]:hover { background: rgba(0,0,0,.25); color: #fff !important; }

input#quantity { height: 2.75rem; margin-top: 0; text-align: center; } 
input#promoCode { height: 2.15rem; margin-top: 0; margin-bottom: .5em; }

    .ecommerce .vertical.menu-flip li:last-child:hover a { color: #085078 !important; } 
    #category-menu { border-top-color: #085078; border-bottom-color: #085078; } 
    li.store-item button i { color: #085078; }


/* ---- EVENTS ----------------------------------------------------------------------- */
.event time { display: block; text-align: center; text-transform: uppercase; }
.event time span { display: block; }
.event time .month { }
.event time .day { padding-bottom: .1em; }

figure.stack { position: relative; }
figure.stack img { position: absolute; top: 0; }
figure.stack img:last-child { position: relative; }


/* ---- ANIMATION -------------------------------------------------------------------------- */
#LOADING { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }
.progress { background: transparent; position: absolute; top: 50vh; left: 50vw; margin-left: -100px; -ms-transform: scale(5); -webkit-transform: scale(5); transform: scale(5); }

.animated { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }


/* ---- SOCIAL ------------------------------------------------------------------------ */
.social-icons li { display: inline-block; margin: auto .5em; }
.social-icons a { text-align: center; text-decoration: none; display: table; width: 2em; height: 2em; }
.social-icons a:hover { opacity: .75; }
.social-icons i { display: table-cell; vertical-align: middle; }

        .social-icons a { color: #fff; }
        .social-icons i { }
        .social-icons .fa-facebook { background: #3b5998; }
        .social-icons .fa-twitter { background: #00aced; }
        .social-icons .fa-rss { background: #eb8231; }
        .social-icons .fa-linkedin { background: #007bb6; }
        .social-icons .fa-youtube-play { background: #bb0000; }
        .social-icons .fa-google-plus { background: #dd4b39; }
        .social-icons .fa-pinterest-p { background: #cb2027; }
        .social-icons .fa-instagram { background: #517fa4; }
    

/* ---- UTLITY ----------------------------------------------------------------------- */
.display-type { font-family: 'Oswald' !important; letter-spacing: 0; }
.base-type { font-family: 'Lato' !important; }

.top-0m { margin-top: 0 !important; }
.top-1\/4m { margin-top: .25rem !important; }
.top-1\/2m { margin-top: .5rem !important; }
.top-1m { margin-top: 1rem !important; }
.top-2m { margin-top: 2rem !important; }
.top-3m { margin-top: 3rem !important; }
.right-0m { margin-right: 0 !important; }
.right-1\/4m { margin-right: .25rem !important; }
.right-1\/2m { margin-right: .5rem !important; }
.right-1m { margin-right: 1rem !important; }
.right-2m { margin-right: 2rem !important; }
.right-3m { margin-right: 3rem !important; }
.bottom-0m { margin-bottom: 0 !important; }
.bottom-1\/4m { margin-bottom: .25rem !important; }
.bottom-1\/2m { margin-bottom: .5rem !important; }
.bottom-1m { margin-bottom: 1rem !important; }
.bottom-2m { margin-bottom: 2rem !important; }
.bottom-3m { margin-bottom: 3rem !important; }
.left-0m { margin-left: 0 !important; }
.left-1\/4m { margin-left: .25rem !important; }
.left-1\/2m { margin-left: .5rem !important; }
.left-1m { margin-left: 1rem !important; }
.left-2m { margin-left: 2rem !important; }
.left-3m { margin-left: 3rem !important; }

.top-0p { padding-top: 0 !important; }
.top-1\/4p { padding-top: .25rem !important; }
.top-1\/2p { padding-top: .5rem !important; }
.top-1p { padding-top: 1rem !important; }
.top-2p { padding-top: 2rem !important; }
.top-3p { padding-top: 3rem !important; }
.right-0p { padding-right: 0 !important; }
.right-1\/4p { padding-right: .25rem !important; }
.right-1\/2p { padding-right: .5rem !important; }
.right-1p { padding-right: 1rem !important; }
.right-2p { padding-right: 2rem !important; }
.right-3p { padding-right: 3rem !important; }
.bottom-0p { padding-bottom: 0 !important; }
.bottom-1\/4p { padding-bottom: .25rem !important; }
.bottom-1\/2p { padding-bottom: .5rem !important; }
.bottom-1p { padding-bottom: 1rem !important; }
.bottom-2p { padding-bottom: 2rem !important; }
.bottom-3p { padding-bottom: 3rem !important; }
.left-0p { padding-left: 0 !important; }
.left-1\/4p { padding-left: .25rem !important; }
.left-1\/2p { padding-left: .5rem !important; }
.left-1p { padding-left: 1rem !important; }
.left-2p { padding-left: 2rem !important; }
.left-3p { padding-left: 3rem !important; }

.left-1r { -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
.left-2r { -ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
.left-3r { -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg); }
.right-1r { -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); }
.right-2r { -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); }
.right-3r { -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); }

.full-width { min-width: 100vw !important }
.full-height { min-height: 100vh !important }
.inline { display: inline-block !important; }
.left { float: left; }
.right { float: right; }
.vertical-align { display: table; width: 100%; height: 100%; position: relative; }
.vertical-align > div { display: table-cell; vertical-align: middle; height: 100%; }

div.bkgd { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; }
div.fullscreen-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; }
div.fullscreen-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-aspect-ratio: 16/9) { 
	div.fullscreen-video video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	div.fullscreen-video video { width: 300%; left: -100%; }
}
@media (max-width: 767px) { 
	div.fullscreen-video { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
	div.fullscreen-video video { display: none; }
}
        
.border { border: .025em solid #e9eef1 !important; }
.top-border { border-top: .025em solid #e9eef1 !important; }
.right-border { border-right: .025em solid #e9eef1 !important; }
.bottom-border { border-bottom: .025em solid #e9eef1 !important; }
.left-border { border-left: .025em solid #e9eef1 !important; }

.radius { -webkit-border-radius: .313em; -moz-border-radius: .313em; border-radius: .313em; }
.radius-tl { -webkit-border-top-left-radius: .313em; -moz-border-top-left-radius: .313em; border-top-left-radius: .313em; }
.radius-tr { -webkit-border-top-right-radius: .313em; -moz-border-top-right-radius: .313em; border-top-right-radius: .313em; }
.radius-bl { -webkit-border-bottom-left-radius: .313em; -moz-border-bottom-left-radius: .313em; border-bottom-left-radius: .313em; }
.radius-br { -webkit-border-bottom-right-radius: .313em; -moz-border-bottom-right-radius: .313em; border-bottom-right-radius: .313em; }

.photo { border: .5em solid #fff; border-bottom-width: 1em; }
.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.keep { min-width: 0; }

.text-base { color: #212121 !important; } 
.text-accent { color: #085078 !important; } 
.text-secondary { color: #85d8ce !important; } 
.accent { background: #085078; } 
.secondary { background: #85d8ce; } 
.gradient { background: -webkit-linear-gradient(45deg, #085078 10%, #85d8ce 90%); background: -moz-linear-gradient(45deg, #085078 10%, #85d8ce 90%); background: -ms-linear-gradient(45deg, #085078 10%, #85d8ce 90%); background: -o-linear-gradient(45deg, #085078 10%, #85d8ce 90%); background: linear-gradient(45deg, #085078 10%, #85d8ce 90%); }
.reverse, .white { background: #fff !important; }
.grey, .gray { background: #e9eef1 !important; }
.black { background: #141414 !important; }
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.transparent { opacity: .5; }

.overlay { position: relative; }
.overlay:after { content: ""; position: relative; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,.5); }

.shadow { -webkit-box-shadow: 10px 10px 25px -25px rgba(102,102,102,1); -moz-box-shadow: 10px 10px 25px -25px rgba(102,102,102,1); box-shadow: 10px 10px 25px -25px rgba(102,102,102,1); } 

.halo:before { content:''; position: absolute; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; margin: 0 auto; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.5) 31%, rgba(255,255,255,0.3) 44%, rgba(255,255,255,0.07) 62%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.5) 31%, rgba(255,255,255,0.3) 44%, rgba(255,255,255,0.07) 62%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.5) 31%, rgba(255,255,255,0.3) 44%, rgba(255,255,255,0.07) 62%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ffffff', endColorstr='#00ffffff',GradientType=1); transform: translate(-30%,-30%); -webkit-transform: translate(-30%,-30%); -ms-transform:translate(-30%,-30%); }

.reverse-halo:before { content:''; position: absolute; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; margin: 0 auto; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.5) 31%, rgba(255,255,255,0.3) 44%, rgba(0,0,0,0.07) 62%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 31%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.07) 62%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 31%, rgba(0,0,0,0.3) 44%, rgba(0,0,0,0.07) 62%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2181818', endColorstr='#00181818',GradientType=1); transform: translate(-30%,-30%); -webkit-transform: translate(-30%,-30%); -ms-transform:translate(-30%,-30%); }

.animated.delay { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.debug { border: .15em dashed red !important; } 


/* ---- CLIENT ------------------------------------------------------------------------ */
#HEADER { padding-top: 4em; height: 40em; max-height: 40em; }
#HEADER .logo { float: left; margin-left: 7vw; }
#HEADER nav { position: absolute; bottom: 0; background: #181818; width: 100%; }
#HEADER nav ul { margin-top: 0 !important; margin-bottom: .5em; }
#HEADER nav ul .active { opacity: .5; }
#HEADER nav ul li.menu-item-21 a::after { content: ''; } 
#HEADER nav li.cart a:link { color: #fff; }
#SIGNUP { background: #fff; padding-bottom: 2.5em; } 
#SIGNUP form { border-top-color: #fff !important; }
#FOOTER div .small-centered { text-align: center; }
#FOOTER .social-icons { font-size: 50%; padding-left: 10%; }
#FOOTER .name { display: none; }
#FOOTER .email { display: none; }
.copyright { margin-top: 1em; }

/* ---- MOBILE ------------------------------------------------------------------------ */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body.is-reveal-open { padding-right: 0; }
	p, li, address, label, td { font-size: 1.6em; }
	.text-tiny, small { font-size: 1em !important; }
	.text-small { font-size: 1.5em !important; }
	.text-medium { font-size: 2em !important; }
	.text-large { font-size: 2em !important; }
	.text-xlarge { font-size: 4.5em !important; }

    a.toggle-offcanvas { font-size: 3em !important; color: #fff; opacity: .25; }
#FOOTER .social-icons { padding-left: 0; } }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    
}

@media only screen and (orientation: portrait) {

}

@media only screen and (orientation: landscape) {

}