
/* ---- TYPOGRAPHY ----------------------------------------------------------------------- */
body { font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway'; font-size: 1.6em; font-weight: normal; }
p, li, address, label, td, select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], textarea { font-family: 'PT Sans'; }
p, li, address, code, label, td { font-size: 1.6em; }

.sans-serif-type { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.serif-type { font-family: 'Georgia', serif; }
.monospace-type { font-family: monospace; }
.icon { font-family: 'FontAwesome'; text-decoration: none; }
.display-type { font-family: 'Raleway'; }
.base-type { font-family: 'PT Sans'; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.rtl { unicode-bidi: bidi-override; direction: rtl; }

.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.text-expand { letter-spacing: .85em; }

.text-xsmall, .text-tiny, small { font-size: 1em !important; }
.text-small { font-size: 1.5em !important; }
.text-medium { font-size: 2.5em !important; }
.text-large { font-size: 3em !important; }
.text-xlarge { font-size: 5.5em !important; }

.text-tight { line-height: 1em; }
.text-single { line-height: 1.25em; }
.text-double { line-height: 2.5em; }


/* ---- LINKS ----------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active { outline: none; focus: none; font-family: inherit; color: inherit; }
a:hover { color: #0055c4; }

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: .75; }

a.left-off-canvas-toggle, a.right-off-canvas-toggle { margin: .25em .5em; }
a.toggle-offcanvas { font-size: 4em; color: #fff; opacity: .5; position: absolute; top: .25em; right: .5em; z-index: 9997; }
a.toggle-offcanvas:hover { opacity: 1; }

.button, button, input[type="submit"].button, input[type="reset"].button, input[type="button"].button { color: #fff !important; background-color: #0033a0; padding: .85em 1.85em !important; outline: none; focus: none; }
.button:hover, button:hover, input.button[type="submit"]:hover, input.button[type="reset"]:hover, input.button[type="button"]:hover { background-color: #0055c4; } 

.button.hollow, button.hollow { border-width: .1em; border-color: #0033a0; color: #0033a0 !important; }
.button.hollow:hover, button.hollow:hover { background-color: #0055c4; border-color: #0055c4; color: #fff !important; } 

.button.hollow.text-reverse, .button.hollow.text-white, button.hollow.text-reverse, button.hollow.text-white { border-color: #fff !important; color: #fff !important; }
.button.hollow.text-reverse:hover, .button.hollow.text-white:hover, button.hollow.text-reverse:hover, button.hollow.text-white:hover { color: #fff !important; opacity: .75; }

.button.hollow.text-grey, .button.hollow.text-grey, .button.hollow.text-gray, .button.hollow.text-gray, button.hollow.text-grey, button.hollow.text-grey, button.hollow.text-gray, button.hollow.text-gray { border-color: #aaa !important; color: #aaa !important; }
.button.hollow.text-grey:hover, .button.hollow.text-grey:hover, .button.hollow.text-gray:hover, .button.hollow.text-gray:hover, button.hollow.text-grey:hover, button.hollow.text-grey:hover, button.hollow.text-gray:hover, button.hollow.text-gray:hover { color: #aaa !important; opacity: .75; }

.button.hollow.text-accent { border-color: #0033a0 !important; color: #0033a0 !important; }
.button.hollow.text-accent:hover { color: #0033a0 !important; opacity: .75; }

.hover:hover { opacity: .75; }
.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; }

.video-controls { position: absolute; top: 0; right: 0; z-index: 5; }
.video-controls a { opacity: .5; }
.video-controls a:hover { opacity: 1; }


/* ---- NAVIGATION ----------------------------------------------------------------------- */
.menu li a:link { line-height: 1.25em; } 
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: #0033a0; } 
.sub-menu li a:hover { background-color: #0055c4 !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: #0055c4 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: #0033a0; }
ul.pagination li.accent a:hover, ul.pagination li.accent button:hover { background: transparent; background: #0055c4; }

.flex-control-nav, .slide-nav { position: relative; z-index: 2; }
.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; }

.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: #0055c4 !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; }


/* ---- 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-group-label { background: transparent; border: none; }


/* ---- OBJECTS ----------------------------------------------------------------------- */
img, figure { min-width: 100%; }
figure { margin: 0; }
audio { width: 100%; focus: none; outline: none; }
video { width: 100%; focus: none; outline: none; }
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}
.flex-video { margin-bottom: 0; }
.reveal-overlay { z-index: 9999; }
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }


/* ---- COLOR ----------------------------------------------------------------------- */
body { color: #212121; background-color: #ffffff; }
svg.reverse, svg.accent, svg.secondary, svg.grey, svg.black { background: transparent !important; }

.text-black { color: #141414 !important; }
.black { background: #141414 !important; }
svg.black path, svg.black polygon, svg.black rect { fill: #141414; }

.text-reverse, .text-white { color: #fff !important; }
.reverse, .white { background: #fff !important; }
svg.reverse path, svg.reverse polygon, svg.reverse rect, svg.white path, svg.white polygon, svg.white rect { fill: #ffffff; }

.text-grey, .text-gray { color: #aaa !important; }
.grey, .gray { background: #aaa !important; }
svg.grey path, svg.grey polygon, svg.grey rect, svg.gray path, svg.gray polygon, svg.gray rect { fill: #aaaaaa; }
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.text-transparent { opacity: .5 !important; }
.no-border { border-color: transparent !important; }
.transparent { background-color: transparent !important; }

.error { color: #f04124 !important; }
.text-base, .text-primary { color: #212121 !important; } 

.text-accent { color: #0033a0 !important; } 
.accent { background: #0033a0 !important; } 
svg.accent path, svg.accent polygon, svg.accent rect { fill: #0033a0; }

.text-secondary { color: #85d8ce !important; } 
.secondary { background: #85d8ce !important; } 
svg.secondary path, svg.secondary polygon, svg.secondary rect { fill: #85d8ce; }

.gradient { background: -webkit-linear-gradient(45deg, #0033a0 10%, #85d8ce 90%); background: -moz-linear-gradient(45deg, #0033a0 10%, #85d8ce 90%); background: -ms-linear-gradient(45deg, #0033a0 10%, #85d8ce 90%); background: -o-linear-gradient(45deg, #0033a0 10%, #85d8ce 90%); background: linear-gradient(45deg, #0033a0 10%, #85d8ce 90%); }

#HEADER div.bkgd { background-color: #ffffff; }
#FOOTER div.bkgd { background-color: #ffffff; }
#OFFCANVAS div.bkgd { background-color: #181818; }


/* ---- APPEARANCE ----------------------------------------------------------------------- */
.border { border: .025em solid; }
.top-border-black { border-top: .025em solid #141414 !important; }
.right-border-black { border-right: .025em solid #141414 !important; }
.bottom-border-black { border-bottom: .025em solid #141414 !important; }
.left-border-black { border-left: .025em solid #141414 !important; }
.top-border-reverse, .top-border-white { border-top: .025em solid #fff; !important; }
.right-border-reverse, .right-border-white { border-right: .025em solid #fff; !important; }
.bottom-border-reverse, .bottom-border-white { border-bottom: .025em solid #fff; !important; }
.left-border-reverse, .left-border-white { border-left: .025em solid #fff; !important; }
.top-border-grey, .top-border-gray { border-top: .025em solid #aaa; !important; }
.right-border-grey, .right-border-gray { border-right: .025em solid #aaa; !important; }
.bottom-border-grey, .bottom-border-gray { border-bottom: .025em solid #aaa; !important; }
.left-border-grey, .left-border-gray { border-left: .025em solid #aaa; !important; }
.top-border-accent { border-top: .025em solid #0033a0 !important; }
.right-border-accent { border-right: .025em solid #0033a0 !important; }
.bottom-border-accent { border-bottom: .025em solid #0033a0 !important; }
.left-border-accent { border-left: .025em solid #0033a0 !important; }
.top-border-secondary { border-top: .025em solid #85d8ce !important; }
.right-border-secondary { border-right: .025em solid #85d8ce !important; }
.bottom-border-secondary { border-bottom: .025em solid #85d8ce !important; }
.left-border-secondary { border-left: .025em solid #85d8ce !important; }

.photo, .polaroid { border: .5em solid #fff; border-bottom-width: 1em; }

.no-radius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.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; }
.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.shadow { -webkit-box-shadow: .625em .625em 1.563em -1.563em rgba(102,102,102,1); -moz-box-shadow: .625em .625em 1.563em -1.563em rgba(102,102,102,1); box-shadow: .625em .625em 1.563em -1.563em 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%); }

.overlay { }
.overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,.5); }

.opacity-0 { opacity: 0; }
.opacity-1 { opacity: 0.1; }
.opacity-2 { opacity: 0.2; }
.opacity-3 { opacity: 0.3; }
.opacity-4 { opacity: 0.4; }
.opacity-5 { opacity: 0.5; }
.opacity-6 { opacity: 0.6; }
.opacity-7 { opacity: 0.7; }
.opacity-8 { opacity: 0.8; }
.opacity-9 { opacity: 0.9; }


/* ---- STRUCTURE ----------------------------------------------------------------------- */
html, body, nav.off-canvas { height: 100%; }
body { overflow-x: hidden; 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; }

.display-block { display: block; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.display-table { display: table; }
.display-cell { display: table-cell; }

.full-width { width: 100%; min-width: 100%; }
.full-height { height: 100%; min-height: 100%; }
.half-width { width: 50%; min-width: 50%; }
.half-height { height: 50%; min-height: 50%; }
.keep { min-width: 0; }

.vertical-align { display: table; width: 100%; height: 100%; position: relative; }
.vertical-align > div { display: table-cell; vertical-align: middle; height: 100%; }

.overflow-hidden { overflow: hidden; }

.reveal { padding: 0; }

#COOKIES, #RESPONSE { top: 0; }
#SOCIAL { top: 0; right: 0; }

.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; }

.flex-video { margin-bottom: 0; }
.fullscreen-video { overflow: hidden; }
.fullscreen-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#BANNER { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: inherit; background-size: cover; }


/* ---- SLIDER ----------------------------------------------------------------------- */
.flexslider ul.slides { font-size: .6em; }
    #FLEXSLIDER { height: 12em; min-height: 12em; }
    #FLEXSLIDER ul.slides, .slides ul.slides > li, #FLEXSLIDER .slides li > figure { min-height: 12em; }


/* ---- PLACEMENT ----------------------------------------------------------------------- */
.absolute { position: absolute; top: 0; left: 0; }
.relative { position: relative; }
.fixed { position: fixed; }

.zindex-999, .z-index-999 { z-index: 9998; }
.zindex-100, .z-index-100 { z-index: 100; }
.zindex-10, .z-index-10 { z-index: 10; }
.zindex-5, .z-index-5 { z-index: 5; }
.zindex-4, .z-index-4 { z-index: 4; }
.zindex-3, .z-index-3 { z-index: 3; }
.zindex-2, .z-index-2 { z-index: 2; }
.zindex-1, .z-index-1 { z-index: 1; }
.zindex-0, .z-index-0 { z-index: 0; }
.zindex--1, .z-index--1 { z-index: -1; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.top-0m { margin-top: 0 !important; }
.top-1\/4m { margin-top: 0.25rem !important; }
.top-1\/2m { margin-top: 0.5rem !important; }
.top-3\/4m { margin-top: 0.75rem !important; }
.top-1m { margin-top: 1.0rem !important; }
.top-1m.top-1\/4m { margin-top: 1.25rem !important; }
.top-1m.top-1\/2m { margin-top: 1.5rem !important; }
.top-1m.top-3\/4m { margin-top: 1.75rem !important; }
.top-2m { margin-top: 2.0rem !important; }
.top-2m.top-1\/4m { margin-top: 2.25rem !important; }
.top-2m.top-1\/2m { margin-top: 2.5rem !important; }
.top-2m.top-3\/4m { margin-top: 2.75rem !important; }
.top-3m { margin-top: 3.0rem !important; }
.top-3m.top-1\/4m { margin-top: 3.25rem !important; }
.top-3m.top-1\/2m { margin-top: 3.5rem !important; }
.top-3m.top-3\/4m { margin-top: 3.75rem !important; }
.top-4m { margin-top: 4.0rem !important; }
.top-4m.top-1\/4m { margin-top: 4.25rem !important; }
.top-4m.top-1\/2m { margin-top: 4.5rem !important; }
.top-4m.top-3\/4m { margin-top: 4.75rem !important; }
.top-5m { margin-top: 5.0rem !important; }

.right-0m { margin-right: 0 !important; }
.right-1\/4m { margin-right: 0.25rem !important; }
.right-1\/2m { margin-right: 0.5rem !important; }
.right-3\/4m { margin-right: 0.75rem !important; }
.right-1m { margin-right: 1.0rem !important; }
.right-1m.right-1\/4m { margin-right: 1.25rem !important; }
.right-1m.right-1\/2m { margin-right: 1.5rem !important; }
.right-1m.right-3\/4m { margin-right: 1.75rem !important; }
.right-2m { margin-right: 2.0rem !important; }
.right-2m.right-1\/4m { margin-right: 2.25rem !important; }
.right-2m.right-1\/2m { margin-right: 2.5rem !important; }
.right-2m.right-3\/4m { margin-right: 2.75rem !important; }
.right-3m { margin-right: 3.0rem !important; }
.right-3m.right-1\/4m { margin-right: 3.25rem !important; }
.right-3m.right-1\/2m { margin-right: 3.5rem !important; }
.right-3m.right-3\/4m { margin-right: 3.75rem !important; }
.right-4m { margin-right: 4.0rem !important; }
.right-4m.right-1\/4m { margin-right: 4.25rem !important; }
.right-4m.right-1\/2m { margin-right: 4.5rem !important; }
.right-4m.right-3\/4m { margin-right: 4.75rem !important; }
.right-5m { margin-right: 5.0rem !important; }

.bottom-0m { margin-bottom: 0 !important; }
.bottom-1\/4m { margin-bottom: 0.25rem !important; }
.bottom-1\/2m { margin-bottom: 0.5rem !important; }
.bottom-3\/4m { margin-bottom: 0.75rem !important; }
.bottom-1m { margin-bottom: 1.0rem !important; }
.bottom-1m.bottom-1\/4m { margin-bottom: 1.25rem !important; }
.bottom-1m.bottom-1\/2m { margin-bottom: 1.5rem !important; }
.bottom-1m.bottom-3\/4m { margin-bottom: 1.75rem !important; }
.bottom-2m { margin-bottom: 2.0rem !important; }
.bottom-2m.bottom-1\/4m { margin-bottom: 2.25rem !important; }
.bottom-2m.bottom-1\/2m { margin-bottom: 2.5rem !important; }
.bottom-2m.bottom-3\/4m { margin-bottom: 2.75rem !important; }
.bottom-3m { margin-bottom: 3.0rem !important; }
.bottom-3m.bottom-1\/4m { margin-bottom: 3.25rem !important; }
.bottom-3m.bottom-1\/2m { margin-bottom: 3.5rem !important; }
.bottom-3m.bottom-3\/4m { margin-bottom: 3.75rem !important; }
.bottom-4m { margin-bottom: 4.0rem !important; }
.bottom-4m.bottom-1\/4m { margin-bottom: 4.25rem !important; }
.bottom-4m.bottom-1\/2m { margin-bottom: 4.5rem !important; }
.bottom-4m.bottom-3\/4m { margin-bottom: 4.75rem !important; }
.bottom-5m { margin-bottom: 5.0rem !important; }

.left-0m { margin-left: 0 !important; }
.left-1\/4m { margin-left: 0.25rem !important; }
.left-1\/2m { margin-left: 0.5rem !important; }
.left-3\/4m { margin-left: 0.75rem !important; }
.left-1m { margin-left: 1.0rem !important; }
.left-1m.left-1\/4m { margin-left: 1.25rem !important; }
.left-1m.left-1\/2m { margin-left: 1.5rem !important; }
.left-1m.left-3\/4m { margin-left: 1.75rem !important; }
.left-2m { margin-left: 2.0rem !important; }
.left-2m.left-1\/4m { margin-left: 2.25rem !important; }
.left-2m.left-1\/2m { margin-left: 2.5rem !important; }
.left-2m.left-3\/4m { margin-left: 2.75rem !important; }
.left-3m { margin-left: 3.0rem !important; }
.left-3m.left-1\/4m { margin-left: 3.25rem !important; }
.left-3m.left-1\/2m { margin-left: 3.5rem !important; }
.left-3m.left-3\/4m { margin-left: 3.75rem !important; }
.left-4m { margin-left: 4.0rem !important; }
.left-4m.left-1\/4m { margin-left: 4.25rem !important; }
.left-4m.left-1\/2m { margin-left: 4.5rem !important; }
.left-4m.left-3\/4m { margin-left: 4.75rem !important; }
.left-5m { margin-left: 5.0rem !important; }

.top-0p { padding-top: 0 !important; }
.top-1\/4p { padding-top: 0.25rem !important; }
.top-1\/2p { padding-top: 0.5rem !important; }
.top-3\/4p { padding-top: 0.75rem !important; }
.top-1p { padding-top: 1.0rem !important; }
.top-1p.top-1\/4p { padding-top: 1.25rem !important; }
.top-1p.top-1\/2p { padding-top: 1.5rem !important; }
.top-1p.top-3\/4p { padding-top: 1.75rem !important; }
.top-2p { padding-top: 2.0rem !important; }
.top-2p.top-1\/4p { padding-top: 2.25rem !important; }
.top-2p.top-1\/2p { padding-top: 2.5rem !important; }
.top-2p.top-3\/4p { padding-top: 2.75rem !important; }
.top-3p { padding-top: 3.0rem !important; }
.top-3p.top-1\/4p { padding-top: 3.25rem !important; }
.top-3p.top-1\/2p { padding-top: 3.5rem !important; }
.top-3p.top-3\/4p { padding-top: 3.75rem !important; }
.top-4p { padding-top: 4.0rem !important; }
.top-4p.top-1\/4p { padding-top: 4.25rem !important; }
.top-4p.top-1\/2p { padding-top: 4.5rem !important; }
.top-4p.top-3\/4p { padding-top: 4.75rem !important; }
.top-5p { padding-top: 5.0rem; }

.right-0p { padding-right: 0 !important; }
.right-1\/4p { padding-right: 0.25rem !important; }
.right-1\/2p { padding-right: 0.5rem !important; }
.right-3\/4p { padding-right: 0.75rem !important; }
.right-1p { padding-right: 1.0rem !important; }
.right-1p.right-1\/4p { padding-right: 1.25rem !important; }
.right-1p.right-1\/2p { padding-right: 1.5rem !important; }
.right-1p.right-3\/4p { padding-right: 1.75rem !important; }
.right-2p { padding-right: 2.0rem !important; }
.right-2p.right-1\/4p { padding-right: 2.25rem !important; }
.right-2p.right-1\/2p { padding-right: 2.5rem !important; }
.right-2p.right-3\/4p { padding-right: 2.75rem !important; }
.right-3p { padding-right: 3.0rem !important; }
.right-3p.right-1\/4p { padding-right: 3.25rem !important; }
.right-3p.right-1\/2p { padding-right: 3.5rem !important; }
.right-3p.right-3\/4p { padding-right: 3.75rem !important; }
.right-4p { padding-right: 4.0rem !important; }
.right-4p.right-1\/4p { padding-right: 4.25rem !important; }
.right-4p.right-1\/2p { padding-right: 4.5rem !important; }
.right-4p.right-3\/4p { padding-right: 4.75rem !important; }
.right-5p { padding-right: 5.0rem !important; }

.bottom-0p { padding-bottom: 0 !important; }
.bottom-1\/4p { padding-bottom: 0.25rem !important; }
.bottom-1\/2p { padding-bottom: 0.5rem !important; }
.bottom-3\/4p { padding-bottom: 0.75rem !important; }
.bottom-1p { padding-bottom: 1.0rem !important; }
.bottom-1p.bottom-1\/4p { padding-bottom: 1.25rem !important; }
.bottom-1p.bottom-1\/2p { padding-bottom: 1.5rem !important; }
.bottom-1p.bottom-3\/4p { padding-bottom: 1.75rem !important; }
.bottom-2p { padding-bottom: 2.0rem !important; }
.bottom-2p.bottom-1\/4p { padding-bottom: 2.25rem !important; }
.bottom-2p.bottom-1\/2p { padding-bottom: 2.5rem !important; }
.bottom-2p.bottom-3\/4p { padding-bottom: 2.75rem !important; }
.bottom-3p { padding-bottom: 3.0rem !important; }
.bottom-3p.bottom-1\/4p { padding-bottom: 3.25rem !important; }
.bottom-3p.bottom-1\/2p { padding-bottom: 3.5rem !important; }
.bottom-3p.bottom-3\/4p { padding-bottom: 3.75rem !important; }
.bottom-4p { padding-bottom: 4.0rem !important; }
.bottom-4p.bottom-1\/4p { padding-bottom: 4.25rem !important; }
.bottom-4p.bottom-1\/2p { padding-bottom: 4.5rem !important; }
.bottom-4p.bottom-3\/4p { padding-bottom: 4.75rem !important; }
.bottom-5p { padding-bottom: 5.0rem !important; }

.left-0p { padding-left: 0 !important; }
.left-1\/4p { padding-left: 0.25rem !important; }
.left-1\/2p { padding-left: 0.5rem !important; }
.left-3\/4p { padding-left: 0.75rem !important; }
.left-1p { padding-left: 1.0rem !important; }
.left-1p.left-1\/4p { padding-left: 1.25rem !important; }
.left-1p.left-1\/2p { padding-left: 1.5rem !important; }
.left-1p.left-3\/4p { padding-left: 1.75rem !important; }
.left-2p { padding-left: 2.0rem !important; }
.left-2p.left-1\/4p { padding-left: 2.25rem !important; }
.left-2p.left-1\/2p { padding-left: 2.5rem !important; }
.left-2p.left-3\/4p { padding-left: 2.75rem !important; }
.left-3p { padding-left: 3.0rem !important; }
.left-3p.left-1\/4p { padding-left: 3.25rem !important; }
.left-3p.left-1\/2p { padding-left: 3.5rem !important; }
.left-3p.left-3\/4p { padding-left: 3.75rem !important; }
.left-4p { padding-left: 4.0rem !important; }
.left-4p.left-1\/4p { padding-left: 4.25rem !important; }
.left-4p.left-1\/2p { padding-left: 4.5rem !important; }
.left-4p.left-3\/4p { padding-left: 4.75rem !important; }
.left-5p { padding-left: 5.0rem !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); }


/* ---- ANIMATION ----------------------------------------------------------------------- */
.animated { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
.animated.delay { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }

#LOADING { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }
#LOADING .progress { background: transparent; position: absolute; top: 50vh; left: 50vw; margin-left: -100px; -ms-transform: scale(5); -webkit-transform: scale(5); transform: scale(5); }


/* ---- UTILITY ----------------------------------------------------------------------- */
.debug { border: .15em dashed red !important; } 
.unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.selectable { -moz-user-select: text; -khtml-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }


/* ---- 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; }

.facebook { color: #3b5998; }
.twitter { color: #00aced; }
.rss { color: #eb8231; }
.linkedin { color: #007bb6; }
.youtube { color: #bb0000; }
.google { color: #dd4b39; }
.pinterest { color: #cb2027; }
.instagram { color: #517fa4; }
.vimeo { color: #45bbff; }

        .social-icons a { color: #fff; }
        .social-icons i { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
        .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; }
    

/* ---- 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: #0033a0; }

.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 {  }

.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 { }

.parallax-block * {  }
.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 { }  


/* ---- NAVIGATION EFFECTS ------------------------------------------------------ */
        .menu-basic li a { width: 100%; position: relative; }
        .menu-basic li a:hover { opacity: .5; outline: none; focus: none; }
        .menu-basic li .sub-menu a:hover { opacity: 1; }
        .menu-basic .sub-menu li { border-top: .05em solid #0033a0; } 
        .menu-basic .sub-menu li:first-child { border-top-color: #0055c4; } 
        .menu-basic .sub-menu.first-sub { border-color: #0055c4; background: #0055c4; } 
    

/* ---- 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; }


/* ---- NEWS/BLOG -----------------------------------------------------------------------*/
#SHOWCASE figure { 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%); }


/* ---- ECOMMERCE ----------------------------------------------------------------------- */
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 { 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; }


/* ---- FILTERS (source: una.im/CSSgram) --------------------------------------- */


/* ---- CARDS (source: littlesnippets.net) --------------------------------------- */


/* ---- OVERRIDES ------------------------------------------------------------------------ */
.menu-social-container { font-size: .75em; position: fixed; top: .5em; right: 1em; z-index: 9999; }
.menu-social-container li { padding-right: .5em; }
#HEADER { margin-top: 0; transition: all 1s; position: fixed; z-index: 999; }
#HEADER .logo { padding: 1em 4em; }
#HEADER a:link { font-size: .85em; padding: 1rem 1.35rem; }
#HEADER a:visited, #HEADER a:active {  }
#HEADER.short a:link, #HEADER.short a:visited, #HEADER.short a:active {  }
#HEADER #menu-main { margin-top: 4em !important; }
#MAP { min-height: 50em; } 
#MAIN { padding-top: 4em; overflow-y: hidden; }
#DEMO, #VIDEO { z-index: 9999; }
#BLOCK-1657 { position: absolute; }
.bkgd { background-size: 100rem auto; }
#BANNER { position: absolute; top: 0; left: 0; width: 100%; height: 60em; border-bottom: 1em solid #0033a0; background-color: #333; background-attachment: fixed; }
.parallax { width: 100%; height: 20em; background-color: #333; background-attachment: fixed; }
.single-post #BANNER { position: relative; padding-top: 15em; height: auto; }
#FOOTER .logo { width: 100%; position: absolute; bottom: 12em; left: 0; }
#FOOTER .logo img { max-width: 18%; min-width: 0; display: block; margin: auto; }
#FOOTER .menu-footer-main-container, #FOOTER .menu-social-container { margin-top: 1.5em; }
address { font-style: normal; }
#INFOBLOCK { padding-bottom: 10em; }
#INFOBLOCK > .row { font-size: .9em; width: 20%; float: left; }
#INFOBLOCK h5 { font-size: 1.25em !important; font-weight: bold; text-transform: uppercase; }
#INFOBLOCK .menu li { display: block; }
#INFOBLOCK .menu a:link { padding: .5em 0; }
#menu-social a:link { font-size: 2.5em; padding: 0 !important; }
#FOOTER .name, #FOOTER .email { display: none; }
#FOOTER .phone { font-family: Ubuntu, Helvetica, Arial, sans-serif; }

figure img { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
figure svg { width: 25%; margin: 20% auto; }
figure:hover img { opacity: .75; }
figure:hover svg path { fill: #fff !important; } 

.recommended {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.recommended * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.recommended img {
  max-width: 100%;
  vertical-align: top;
}
.recommended figcaption {
  position: absolute;
  height: 100%;
  overflow: hidden;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 1.5em;
  background-color: #0033a0;
  opacity: 0;
}
.recommended a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.recommended:hover figcaption,
.recommended.hover figcaption {
    opacity: .75;
    height: calc(50%);
}
.column-block h5 { border-top: .15em solid #0033a0; margin-top: -.25em; }
.column-block h5 a:hover { color: #fff !important; opacity: .75; }

/* ---- 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 { color: #333; position: fixed; margin-top: 1em !important; }
#HEADER .logo { padding: 1em 9em 1em 0; }
.menu.vertical > li.social { display: inline-block !important; }
.menu.vertical > li.social a:link { padding: 0 .35em; }
#menu-social-1 { display: none; }}

@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) {

}