/*
Theme Name: The Sentry
Version: 1.0
Author: Tilden + Sizeable Interactive
Author URI: http://www.tildenmarketing.com/ + http://sizeableinteractive.com
Description: Custom WordPress theme for The Sentry
*/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

@import url(css/icons.css);
@import url(js/vendor/owl-carousel/owl.carousel.min.css);


/* ==========================================================================
   Begin Font Delcarations
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic);
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb.woff') format('woff'); }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-Italic.woff') format('woff'); font-style: italic; }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-Bold.woff') format('woff'); font-weight: bold; }
@font-face { font-family: 'DINWeb'; src: url('css/fonts/DINWeb-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; }


/* ==========================================================================
   Baseline Reset
   ========================================================================== */

html, body, button, input, select, textarea { color: #333; font: 14px/1.3 'DINWeb', 'Ropa Sans', 'Helvetica Neue', sans-serif; }
body { margin: 0; padding: 0; }
::-moz-selection { background: #FF8; text-shadow: none; }
::selection { background: #FF8; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
img { border: 0; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


/* ==========================================================================
   Begin Theme Styles
   ========================================================================== */

/* =General
------------------------------------------------------------------- */
body { background: #393e42 url(images/bg-page.jpg) no-repeat center top; color: #fff; }
h1 { font-size: 42px; line-height: 1.0; font-weight: normal; margin: 25px 0; }
h2 { font-size: 42px; line-height: 1.0; font-weight: normal; margin: 25px 0; }
h3 { font-size: 22px; line-height: 1.0; font-weight: normal; margin: 0 0 4px; }
h4 { font-size: 16px; line-height: 1.0; font-weight: bold; margin: 0 0 4px; }
h5 { margin: 0 0 4px; }
p { margin: 0 0 15px; line-height: 1.4; }

a { color: #fff; text-decoration: none; -webkit-transition: color .2s, background-color .2s, opacity .2s, border-color .2s; transition: color .2s, background-color .2s, opacity .2s, border-color .2s; -moz-transition: color .2s, background-color .2s, opacity .2s, border-color .2s; }
a:hover { color: #ccc; -webkit-transition: color .2s, background-color .2s, opacity .2s, border-color .2s; transition: color .2s, background-color .2s, opacity .2s, border-color .2s; -moz-transition: color .2s, background-color .2s, opacity .2s, border-color .2s; }

.button { display: inline-block; border: 1px solid #111; padding: 8px 25px; color: #111; margin-left: 8px; text-decoration: none !important; text-transform: uppercase; background-color: transparent; cursor: pointer; }
.button:hover { background-color: #fbed1f; }


/*lists*/
nav ul { margin: 0; padding: 0; }
nav ul li { margin: 0; padding: 0; list-style: none; }

.centered-list { float: left; width: 100%; overflow: hidden; position: relative; }
.centered-list ul { clear: left; float: left; position: relative; left: 50%; text-align: center; }
.centered-list ul li { float: left; position: relative; right: 50%; list-style: none; }

.hr { border-top: 1px solid #ccc; margin: 20px 0; }
.nowrap { white-space: nowrap; }

/*gravity forms*/


/* =Modules
------------------------------------------------------------------- */
/* Main Nav */
nav.main ul li { display: inline; }
nav.main ul li a { display: inline-block; height: 10px; text-transform: uppercase; margin: 0 3px; padding: 0 3px; line-height: 12px; font-size: 14px;  font-weight: bold; letter-spacing: -1px;  }
nav.main ul li a:hover, header.main nav.main ul li.current-menu-item a { color: #000; background-color: #fced19;}
nav.main ul li:first-child a { margin-left: 0; }
nav.main ul li:last-child a { margin-right: 0; }

/* Highlights */
.hlight { line-height: 1.0; position: relative; }
.hlight > span { position: relative; display: block; z-index: 20; padding: 0 10px; color: #000; }

.hlight:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; height: 84%; top: 4%; transition: all .2s; }
.hlight.black > span { color: #fff; }
.hlight.black:after { background-color: #221f1f; }
.hlight.yellow:after { background-color: rgba(251,237,31,0.9); }
.hlight.red:after { background-color: #e92127; }
.hlight.blue:after { background-color: #26a9e0; }
.hlight.green:after { background-color: #0a938a; }

/* Backgrounds */
.bg-black { background-color: #000; }
.bg-white { background-color: #fff; }
.bg-yellow { background-color: #fbed1f; }
.bg-red { background-color: #e92127; }
.bg-blue { background-color: #26a9e0; }
.bg-green { background-color: #0a938a; }

.bin { z-index: 100; position: relative; }
.bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; width: 100%; height: 100%; z-index: 99; -webkit-transition: all .2s; }

/* Action Button */
div.action { display: inline-block; padding: 6px 20px 6px 40px; border: 1px solid #fff; line-height: 1.0; text-transform: uppercase; text-align: center; }
a.action:hover { color: #fced19; border-color: #fced19; }

/* Footnotes */
sup.footnote { position: relative; }
sup.footnote .ref { cursor: pointer; background-color: #26a8df; padding: 0 5px; font-size: .85em; }
sup.footnote .tooltip { display: none; width: 320px; position: absolute; bottom: 18px; left: 18px; background-color: #fff; border: 1px solid #757474; font-size: 10px; padding: 10px 20px 10px 10px; text-align: left; box-shadow: 0 0 5px rgba(0,0,0,.25); }
sup.footnote .tooltip .icon-cross { position: absolute; top: 4px; right: 4px; font-size: 18px; text-decoration: none; color: #888; }
sup.footnote .tooltip .icon-cross:hover { color: #111; }

/* =Container(s)
------------------------------------------------------------------- */
#page { max-width: 1060px; margin: 0 auto; padding: 0 20px; }



/* =Header
------------------------------------------------------------------- */
/*header.main { position: relative; height: 170px; padding-bottom: 35px; transition: height .3s; }
header.main .logo { margin: 6px 0 0 25px; position: absolute; top: 0; left: 0; }*/

header.main a.menu-trigger { display: none; }
/*header.main nav.main { padding-bottom: 4px; border-bottom: 1px solid #fced19; position: absolute; top: 100px; right: 0; }*/
header.main nav.main { padding-bottom: 4px; border-bottom: 1px solid #fced19;}
header.main nav.main .action { text-align: right; position: absolute; top: -70px; right: 0; }

/* Panel Menu */
body #jPanelMenu-menu { background-color: #111; }
body #jPanelMenu-menu ul li { display: block; margin: 30px 0; }
body #jPanelMenu-menu ul li a { display: block; font-size: 18px; margin: 0; padding: 0 20px; height: 13px; line-height: 16px; }
body #jPanelMenu-menu a.action { padding: 6px; margin: 10px; }


/* =Content
------------------------------------------------------------------- */
.banner { position: relative; margin: 0 0 15px; padding: 0 8%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.banner .bin { z-index: 100; position: relative; min-height: 350px; padding: 30px 0 20px; transition: min-height .3s; }
.banner .bin footer { padding: 20px 0; position: absolute; bottom: 0; border-top: 1px solid #fff; width: 100%; font-weight: 300; }
.banner .bin footer h1 { font-size: 28px; font-weight: 300; margin: 0; }

.banner.inset-shadow .bg { box-shadow: inset 0 -90px 60px rgba(0,0,0,0.5); }

.banner.brief { background-color: #000; }
.banner.brief h1 { max-width: 75%; }
.banner.brief .bin { padding-top: 130px; }
.banner.brief .bg { opacity: 0.9; }

.banner.report { color: #221f1f; }
.banner.report .bin { padding: 60px 200px 20px 0; }
.banner.report .bin h1 { font-size: 52px; line-height: 1.0; }
.banner.report .bin p { font-size: 32px; font-weight: 300; line-height: 1.0; }
.banner.report .bg { opacity: 0.15; }

.banner .back { margin-bottom: 0; }
.banner .back a { display: inline-block; margin-bottom: 0; }
.banner .back a:hover:after { background-color: #fbed1f; transition: all .2s; }

.content { font-size: 15px; color: #231f20; background-color: #efefef; }
.content > .bin { padding: 30px 100px 50px; }
.categories .bin .current-cat a { background: #111; color: #fff !important; }
.content a { color: #111; text-decoration: underline; }
.content p, .content ul, .content ol, .content h3, .content h4 { padding-left: 260px; }
.content p { word-wrap: break-word; }
.content.full p, .content.full ul, .content.full ol, .content.full h3, .content.full h4 { padding-left: 0; }
.content ul, .content ol { margin-left: 30px; }
.content ul li, .content ol li { margin: 0 0 12px; background-color: rgba(251,237,31,0.9); max-width: 400px; line-height: 16px; }
.content ol { list-style:upper-roman; }
.executive-summary { font-weight: bold; }
.content blockquote { font-size: 24px; }
.content blockquote p { padding-left: 0; }
.content blockquote.side { position: relative; font-size: 16px; line-height: 1.3; color: #aaa; font-weight: 300; width: 150px; float: left; margin: 50px 0 0 40px; }
.content blockquote.side:after { content: ''; display: block; width: 170px; height: 12px; background-color: rgba(251,237,31,0.9); position: absolute; top: 7px; left: -10px; z-index: 10; }
.content blockquote.side p { position: relative; line-height: 1.3; z-index: 20; }

.content #block-nav .bin { border-bottom: 1px solid #333; padding: 40px 20px; width: 100%; }
.content #block-nav .bin ul { padding: 0; margin: 0; text-align: center; }
.content #block-nav .bin ul li { list-style: none; display: inline; padding: 0; margin: 0; background-color: transparent; text-align: center; }
.content #block-nav .bin ul li a { display: inline-block; text-align: center; color: #111; border: 1px solid #111; min-width: 120px; padding: 10px 20px 8px; margin: 4px; text-transform: uppercase; line-height: 1.0; text-decoration: none; }
.content #block-nav .bin ul li a:hover { background-color: #fbed1f; }

.content #block-nav.glossary .bin ul { border: 1px solid #111; }
.content #block-nav.glossary .bin ul li a, .content #block-nav.glossary .bin ul li span { border: none; padding: 7px; min-width: 15px; }
.content #block-nav.glossary .bin ul li span { cursor: default; color: #aaa; }

.content .pagination { text-align: right; font-size: 14px; }
.content .pagination ul { margin: 0; padding: 0; }
.content .pagination ul li { display: inline; margin: 0; padding: 0; list-style: none; background: none; font-weight: bold; }
.content .pagination ul li a { text-decoration: none; display: inline-block; font-weight: 300; padding: 3px 4px; border: 1px solid transparent; line-height: 1.0; color: #777; }
.content .pagination ul li a:hover { border-color: #111; color: #111; }
.content .pagination ul li span { display: inline-block; padding: 6px; color: #111; }
.content .pagination ul li.prev a,
.content .pagination ul li.next a { border-color: #111; padding: 8px 25px; color: #111; margin-left: 8px; }
.content .pagination ul li.prev a { margin-right: 8px; margin-left: 0; }
.content .pagination ul li.prev a:hover,
.content .pagination ul li.next a:hover { background-color: #fbed1f; }

/* Gravity Forms */
body .content .gform_wrapper { margin-top: 30px; }
body .content ul li, body .content ol li { max-width: 100%; }
body .content .gform_wrapper li { background-color: transparent; }
body .gform_wrapper .top_label .gfield_label { margin-bottom: 0; }
body .gform_wrapper h3.gform_title { font-size: 1.5em; }
.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] { border: 1px solid #666 !important; }

/* Post Listing */
body.blog .content, body.single .content { background-color: #fff; }
.post p.meta { font-size: 14px; text-transform: uppercase; }
.post p.meta a { text-decoration: none; }
.post p.meta a:hover { text-decoration: underline; }

.content.listing .item { display: block; border-bottom: 1px solid #111; text-decoration: none; text-align: center; padding: 25px 100px; }
.content.listing .item h2 { font-size: 36px; font-weight: bold; margin: 0; letter-spacing: -2px; }

.content.listing a.post:hover { background-color: #26a9e0; }
.content.listing .post p { margin: 4px 0 8px; }

.content.listing .letter { background-color: #26a9e0; padding: 20px 0; text-align: center; }
.content.listing .letter h1 { font: 36px; font-weight: bold; }
.content.listing .term h2 { text-transform: lowercase; margin-top: 15px; }
.content.listing .term p { font-size: 17px; }

.content.listing .more { text-align: center; padding: 25px 0; }
.content.listing .more .button { padding-left: 40px; padding-right: 40px; }

/* Post */
.content.post header { text-align: center; padding: 40px 60px; border-bottom: 1px solid #333; }
.content.post header p { margin: 0; padding: 0; }
.content.post header h1 { margin: 0; padding: 0; font-weight: bold; line-height: 1.0; }


/* =Template: About
------------------------------------------------------------------- */
/* Accordion */

.accordion h1 { margin: 0; padding: 0; }
.accordion h1 a { position: relative; display: block; font-weight: 300; font-size: 30px; line-height: 1.0; color: #221f1f; padding: 50px; background-color: #eee; border-bottom: 1px solid #8e8e90; }
.accordion h1 a.active, .accordion h1 a:hover { background-color: #26a8df; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
.accordion h1 a span.icon-arrow-right { display: block; position: absolute; top: 50px; right: 50px; transform: rotate(0deg); transform: rotate(0deg); transition: transform .3s; }
.accordion h1 a.active span.icon-arrow-right { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; }
.accordion article.content { background-color: #fff; border-bottom: 1px solid #8e8e90; }

/* Blocks */
.block { margin: 10px 0; }
.block.video .video, .block.video .caption { height: 292px; display: block; float: left; }
.block.video .video { width: 66.176470588%; position: relative; }
.block.video .video:hover { color: #fff; }
.block.video .video:hover .bg { opacity: 0.75; }
.block.video .video span { position: relative; z-index: 100; font-size: 72px; width: 72px; height: 72px; position: absolute; left: 50%; top: 50%; margin-top: -36px; margin-left: -36px; }
.block.video .video h3 { position: absolute; bottom: 40px; left: 30px; z-index: 100; font-size: 36px; font-weight: normal; color: #221f1f; }
.block.video .caption { width: 33.823529411%; padding-left: 10px; color: #000100; }
.block.video .caption p { font-size: 34px; font-weight: 300; line-height: 1.0; padding: 50px 40px 0 40px; letter-spacing: -1px; }
.block.video .caption p strong { font-weight: 500; }
.block.video .caption .bg-yellow { height: 292px; }

.block.notice { margin-top: 0; color: #221f1f; font-size: 18px; padding: 40px 100px; font-weight: 300; }
.block.notice p { margin: 0; }

.block.thanks { margin-top: 0; color: #fff; font-size: 24px; padding: 115px 150px 30px; font-weight: 300; background: rgba(0,0,0,0.85) url(images/bg-footer-logo.png) no-repeat center 6px; text-align: center; }
.block.thanks p { margin: 0 0 20px; }

.block.partner.parent { background-color: #fff; }
.block.partner { font-size: 14px; padding: 60px 0 45px; font-weight: 300; background: #ced0d1; color: #221f1f; }
.block.partner .logo { width: 25%; text-align: center; float: left; padding-top: 40px; }
.block.partner .description { width: 75%; float: right; padding-right: 60px; }
.block.partner h3 { font-size: 18px; font-weight: bold; }
.block.partner p { line-height: 1.6; }
.block.partner a { color: #221f1f; }
.block.partner a:hover { color: #555; text-decoration: underline; }

/* Stack List */
.stack-list article { padding: 40px 30px; border-bottom: 1px solid #bcbcbd; text-align: center; cursor: default; transition: padding .2s; }
.stack-list article img { max-width: 280px; }
.stack-list article:hover { box-shadow: inset 0 0 40px rgba(0,0,0,.1); transition: all .2s; }
.stack-list article h3 { font-size: 32px; font-weight: bold; letter-spacing: -1px; }
.stack-list article p.title { margin: 0; }

/* Flex Columns */
.columns-flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.columns-flex .item {
	display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; -moz-align-items: center;
	width: 25%; float: left; padding: 0; margin: 0; text-align: center; cursor: default; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; transition: all .2s; }
.columns-flex.odd .item { width: 33.333333%; }
.columns-flex .item:hover { box-shadow: inset 0 0 50px rgba(0,0,0,.15); transition: all .2s; }
.columns-flex .item h3 { display: inline-block; vertical-align: middle; font-size: 22px; font-weight: bold; letter-spacing: -1px; }
.columns-flex .item .title { margin: 0; font-weight: 300; }
.columns-flex .item .bin { width: 100%; height: 100%; padding: 90px 12px; text-align: center; }
.columns-flex .item.tall .bin { padding-top: 50px; padding-bottom: 50px; }
.columns-flex .item .bin:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
.columns-flex.bottom-row .item { border-top: 1px solid #bcbcbd; border-bottom: none; }
.columns-flex.bottom-row .item { border-top: 1px solid #bcbcbd; border-bottom: none; }

.stack-notice { clear: both; padding: 50px 100px; font-size: 26px; font-weight: 300; line-height: 1.0; letter-spacing: -1px; text-align: center; border-bottom: 1px solid #bcbcbd; }


/* =Template: Sidebar
------------------------------------------------------------------- */
.container:after { visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0; }
.container { display: inline-block; }
.container { position: relative; z-index: 1; width: 100%; }
.container .col { position: relative; float: right; }
.container aside.col { width: 32%; }
.container section.col { width: 68%; }
.container aside.col { right: 68%; }
.container section.col { right: -32%; }
.container:before, .container:after { content: ''; position: absolute; z-index: -1; top: 0; right: 68%; width: 32%; height: 100%; background: rgba(255,255,255,0.85); }

/*Aside*/
.container aside.col { color: #221f1f; font-size: 15px; padding: 40px 60px 40px 25px; }
.container aside.col h2 { font-size: 26px; font-weight: 300; text-transform: uppercase; margin: 0 0 15px; }

/*Main*/
.container section.col { padding-left: 20px; }

.container section.col .overview { display: block; min-height: 290px; position: relative; overflow: hidden; margin: 0 0 20px; transition: min-height .2s; }
.container section.col .overview:last-child { margin-bottom: 0; }
.container section.col .overview .bin { position: relative; z-index: 100; }
.container section.col .overview .bin h2.hlight { max-width: 65%; font-size: 32px; letter-spacing: -2px; }
.container section.col .overview .bin h2.hlight:after { height: 72%; top: 5%; }
.container section.col .overview .bg { opacity: 0.6; }
.container section.col a.overview:hover .bg { opacity: 1.0; transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }

.container section.col .overview.brief .bin { padding: 130px 0 0 35px; }

.container section.col .overview.report .bin { padding: 60px 200px 0 35px; color: #221f1f; }
.container section.col .overview.report .bg { opacity: 0.15; }
.container section.col .overview.report h2 { margin-bottom: 8px; }
.container section.col .overview.report .go { font-size: 28px; font-weight: 300; }
.container section.col a.overview.report:hover .bg { opacity: 0.06; }


/* =Topics Grid
------------------------------------------------------------------- */
.topics-grid .item { position: relative; display: block; float: left; overflow: hidden; color: #fff; margin: 3px; padding: 0 25px; }
.topics-grid a.item:hover { color: #fff; }
.topics-grid .item .bin { z-index: 100; position: relative; height: 292px; padding: 30px 0 20px; transition: height .3s; }
.topics-grid .row .item:first-child { margin-left: 0 !important; }
.topics-grid .row .item:last-child { margin-right: 0 !important; }

.topics-grid .item h2 { font-size: 44px; position: absolute; top: 38%; }

.topics-grid .item .action { padding: 15px 0 20px; position: absolute; bottom: 0; border-top: 1px solid #fff; font-size: 26px; width: 100%; font-weight: 300; }
.topics-grid .item .icon-play { font-size: 72px; width: 72px; height: 72px; position: absolute; left: 50%; top: 50%; margin-top: -36px; margin-left: -36px; }
.topics-grid .video h3 { font-size: 26px; width: 100%; font-weight: 300; position: absolute; bottom: 20px; left: 0; }

.topics-grid a.item:hover .bg { opacity: 0.75; transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }

/* VARIANTS */
/* sizes*/
.topics-grid .item.size-3-3 { width: 99.6%; padding-left: 8%; padding-right: 8%; }
.topics-grid .item.size-3-3 h2 { width: 100%; }

.topics-grid .item.size-1-3 { width: 32.745098039%; }

.topics-grid .item.size-2-3 { width: 66.176470588%; }

/* styles */
.topics-grid .feature .bin { height: 345px; }

.topics-grid .item.brief .bg { box-shadow: inset 0 -60px 60px rgba(0,0,0,0.75); }
.topics-grid .item.brief .hlight { display: inline-block; font-size: 19px; }

.topics-grid .item.overlay { position: relative; }
.topics-grid .item.overlay p { font-size: 32px; line-height: 1.1; margin: 0; padding: 60px 0 0 20px; color: #000100; display: inline-block; vertical-align: middle; }
.topics-grid .item.overlay .bg { opacity: 0.15; }
.topics-grid a.item.overlay:hover .bg { opacity: 0.1; }

.topics-grid .carousel { padding: 0; overflow: hidden; max-height: 292px; }
.topics-grid .carousel .bin { padding-left: 0; padding-right: 0; }
.topics-grid .carousel .action { width: 90%; left: 50%; margin-left: -45%; }
.topics-grid .carousel .slide { position: relative; }
.topics-grid .carousel .slide a { position: relative; display: block; }
.topics-grid .carousel .slide a:hover .bg { opacity: 0.75; transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.topics-grid .carousel .owl-controls { position: absolute; bottom: 13px; right: 40px; z-index: 999; }
.topics-grid .carousel .owl-controls .owl-page { display: inline-block; padding: 8px; font-size: 16px; font-weight: 300; }
.topics-grid .carousel .owl-controls .owl-page.active { font-weight: 600; }
.topics-grid .carousel .owl-buttons { display: none; }

.topics-grid .terminology, .topics-grid a.terminology:hover { color: #053552; }
.topics-grid .terminology .action { color: #909295; border-color: #909295; }
.topics-grid .terminology dl dt, .topics-grid .terminology dl dd { margin: 0; padding: 0; }
.topics-grid .terminology dl dt { font-size: 33px; font-weight: 700; }
.topics-grid .terminology dl dd { font-size: 20px; font-weight: 300; }


/* =Footer
------------------------------------------------------------------- */
footer.main { margin-top: 2px; padding-left: 13.921568627%; }
footer.main .newsletter, footer.main .support { display: block; float: left; height: 100px; background-color: #838589; margin: 2px 2px; vertical-align: top; }
footer.main .newsletter { width: 60.3%; margin-right: .5%; margin-bottom: 10px; padding: 15px; }
footer.main .newsletter h4 { font-size: 22px; margin: 0; padding: 0; text-transform: uppercase; }
footer.main .newsletter p { font-size: 10px; margin: 0 0 5px; padding: 0; }
footer.main .newsletter input[type=email] { font-size: 12px; padding: 3px 10px; width: 80%; float: left; border: 0; -webkit-appearance: none; border-radius: 0; }
footer.main .newsletter input[type=submit] { font-size: 14px; text-transform: uppercase; background: none; -webkit-appearance: none; border: 0; color: #fff; width: 18%; float: right; cursor: pointer; transition: all .2s; }
footer.main .newsletter input[type=submit]:hover { background-color: #fbed1f; color: #000; transition: all .2s; }
footer.main .support { width: 38%; font-size: 28px; padding: 25px 0 0 0; }
footer.main .support .hlight.yellow:after { transition: all .2s; }
footer.main .support:hover .hlight.yellow:after { background-color: #26a9e0; transition: all .2s; }

footer.main a.action { display: block; width: 100%; font-size: 16px; padding: 10px; margin: 10px 0; }

footer.main .bin { background-color: #0d0f11; padding: 0 70px 35px 35px; font-size: 11px; }
footer.main .bin .col-1 { width: 27%; float: left; }
footer.main .bin .col-2 { width: 71%; float: right; position: relative;  }

footer.main .bin nav.social { position: absolute; right: 0; bottom: 50px; }
footer.main .bin nav.social ul li { display: inline; }
footer.main .bin nav.social ul li a { display: inline-block; margin: 0 8px; color: #fff; font-size: 32px; }
footer.main .bin nav.social ul li a:hover { color: #26a9e0; }

footer.main .bin nav.main ul li a { color: #a4a6a9; font-size: 12px; }
footer.main .bin nav.main ul li a:hover { color: #333; }

footer.main .bin .top .col-1 { padding-top: 115px; background: url(images/bg-footer-logo.png) no-repeat left 6px; font-size: 15px; }
footer.main .bin .top .col-2 { padding-top: 135px; }

footer.main .bin .bottom .col-1 p { margin-bottom: 10px; }
footer.main .bin .bottom .col-2 p { margin-bottom: 25px; }
footer.main .bin .bottom .mask { font-size: 13px; }
footer.main .bin .bottom .mask .at { font-family: 'Helvetica Neue', sans-serif; }
footer.main .bin .copyright { padding-right: 15px; }

/* ==WordPress
------------------------------------------------------------------- */

embed, iframe, object, video { max-width: 100%; }

/* Images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; }

.alignleft { float: left; margin: 0 25px 5px 0; }
.alignright { float: right; margin: 0 0 5px 25px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin: 15px 0; }
/*.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }*/
.wp-caption { max-width: 100%; padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.gallery-columns-1 .gallery-icon img { padding: 3%; }


/* ==========================================================================
   Media Queries
   ========================================================================== */

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

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

	/* =Header
	------------------------------------------------------------------- */
	header.main { height: 120px; }
	header.main nav.main { display: none; }
	header.main a.menu-trigger { display: block; position: absolute; top: 30px; right: 20px; }
	header.main a.menu-trigger span { font-size: 48px; }
	header.main .logo { width: 300px; }

}

/* =Tablet (Portrait) */
@media only screen and (max-width: 990px) {

	/* =Header
	------------------------------------------------------------------- */
	header.main { height: 120px; }
	header.main nav.main { display: none; }
	header.main a.menu-trigger { display: block; position: absolute; top: 30px; right: 20px; }
	header.main a.menu-trigger span { font-size: 48px; }
	header.main .logo { width: 300px; }

	/* =Topics Grid
	------------------------------------------------------------------- */
	.topics-grid .item { padding-left: 20px; padding-right: 20px; }
	.topics-grid .item .bin { height: 230px; padding: 25px 0 20px; }

	.topics-grid .item h2 { font-size: 32px; top: 38%; }

	.topics-grid .item .action { padding: 15px 0 15px; font-size: 20px; }
	.topics-grid .video h3 { font-size: 20px; bottom: 15px; }

	/* Variants */
	/* sizes*/
	.topics-grid .item.size-1-3 { width: 32.7%; }
	.topics-grid .item.size-3-3 { padding-left: 6%; padding-right: 6%; }

	/* styles */
	.topics-grid .item.feature .bin { height: 260px; }

	.topics-grid .item.brief .hlight { font-size: 17px; }

	.topics-grid .item.overlay p { font-size: 26px; padding: 30px 0 0 20px; }

	.topics-grid .carousel { padding-left: 0; padding-right: 0; }
	.topics-grid .carousel .owl-controls .owl-page { font-size: 14px; }

	.topics-grid .terminology .bin { padding-top: 10px; }
	.topics-grid .terminology dl dt { font-size: 20px; }
	.topics-grid .terminology dl dd { font-size: 18px; }

	/* =Content
	------------------------------------------------------------------- */
	.banner .bin { min-height: 320px; }
	.banner .bin footer h1 { font-size: 32px; }

	.banner.report .bin { padding-top: 40px; }
	.banner.report .bin h1 { font-size: 42px; }
	.banner.report .bin p { font-size: 32px; }

	.content > .bin { padding: 30px; }
	.content p, .content ul, .content ol, .content h3, .content h4 { padding-left: 200px; }

	.content blockquote.side { margin: 30px 0 0 20px; }

	/* Post Listing */
	.content.listing .item { padding-left: 30px; padding-right: 30px; }


	/* =Template: Sidebar
	------------------------------------------------------------------- */

	/*Aside*/
	.container aside.col { padding: 30px; }
	.container aside.col h2 { font-size: 20px; }

	/*Main*/
	.container section.col { padding-left: 15px; }
	.container section.col .overview { min-height: 240px; margin: 0 0 15px; }
	.container section.col .overview .bin h2.hlight { max-width: 70%; font-size: 24px; letter-spacing: -1px; }
	.container section.col .overview.brief .bin { padding: 100px 0 0 25px; }

	.container section.col .overview.report .bin { padding: 40px 30px 0 30px; }
	.container section.col .overview.report .bin h2 { font-size: 28px; }
	.container section.col .overview.report .go { font-size: 22px; font-weight: 300; }

	
	/* =Template: About
	------------------------------------------------------------------- */

	/* Accordion */
	.accordion h1 a { font-size: 28px; padding: 40px; }
	.accordion h1 a span.icon-arrow-right { top: 40px; right: 40px; }

	/* Blocks */
	.block.video .video, .block.video .caption { height: 260px; }
	.block.video .video h3 { bottom: 30px; left: 20px; }
	.block.video .caption p { font-size: 28px; padding: 40px 30px 0; }
	.block.video .caption .bg-yellow { height: 260px; }

	.block.notice { padding: 30px 60px; }

	.block.thanks { font-size: 22px; padding: 110px 60px 30px; }

	.block.partner { font-size: 14px; padding: 60px 0 45px; font-weight: 300; background: #ced0d1; color: #221f1f; }
	.block.partner .logo { padding-left: 15px;; }
	.block.partner .description { padding-left: 20px; padding-right: 30px; }

	.columns-flex .item h3 { font-size: 20px; }
	.columns-flex .item .title { font-size: 14px; }
	.columns-flex .item .bin { padding: 60px 10px; }
	.columns-flex .item.tall .bin { padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px;}

	.stack-notice { padding: 60px 60px; font-size: 20px; }

	/* Stack List */
	.stack-list article { padding: 30px 20px; }
	.stack-list article h3 { font-size: 28px; }


	/* =Footer
	------------------------------------------------------------------- */
	footer.main { padding-left: 10%; }
	footer.main .newsletter h4 { font-size: 22px; }
	footer.main .support { font-size: 23px; padding: 20px 0 0 0; }

}

/* Mobile (Landscape) */
@media only screen and (max-width: 680px) {

	/* =General
	------------------------------------------------------------------- */
	h1 { font-size: 32px; }
	h2 { font-size: 32px; }
	h3 { font-size: 20px; }
	h4 { font-size: 16px; }

	/* =Header
	------------------------------------------------------------------- */
	header.main { height: 80px; }
	header.main nav.main { display: none; }
	header.main a.menu-trigger { display: block; position: absolute; top: 20px; right: 20px; }
	header.main a.menu-trigger span { font-size: 38px; }
	header.main .logo { width: 220px; }

	/* =Topics Grid
	------------------------------------------------------------------- */
	.topics-grid .item { margin: 6px 0; }
	.topics-grid .item .bin { height: 200px; padding: 15px 0 15px; }
	.topics-grid .item h2 { font-size: 26px; top: 18%; line-height: 1.2; }
	.topics-grid .item h2.hlight:after { height: 90%; top: 3%; }
	.topics-grid .item.size-1-3,
	.topics-grid .item.size-2-3,
	.topics-grid .item.size-3-3 { width: 100%; }


	/* =Content
	------------------------------------------------------------------- */
	.banner .bin { min-height: 250px; }
	.banner .bin footer h1 { font-size: 24px; }

	.banner.brief h1 { max-width: 100%; }
	.banner.brief .bin { padding-top: 120px; }

	.banner.report .bin { padding: 50px 0 20px; }
	.banner.report .bin h1 { font-size: 36px; }
	.banner.report .bin p { font-size: 26px; }

	.content > .bin { padding: 20px; }
	.content h2.hlight:after { height: 100%; top: 0; }
	.content p, .content ul, .content ol, .content h3, .content h4 { padding-left: 0; }

	.content blockquote.side { width: 100%; float: none; margin: 20px 0; }
	.content blockquote.side:after { width: 102%; }

	/* Post Listing */
	.content.listing .item { padding-left: 20px; padding-right: 20px; }

	/* Post Single */
	.content.post header h1 { font-size: 32px; }

	/* Footnotes */
	sup.footnote .tooltip { width: 220px; bottom: 18px; }


	/* =Template: Sidebar
	------------------------------------------------------------------- */

	.container section.col .overview .bin h2.hlight { font-size: 22px; }
	.container section.col .overview .bin h2.hlight:after { height: 92%; }


	/* =Template: About
	------------------------------------------------------------------- */

	/* Accordion */
	.accordion h1 a { font-size: 20px; padding: 30px 20px; }
	.accordion h1 a span.icon-arrow-right { top: 30px; right: 20px; }

	/* Blocks */
	.block.video .video, .block.video .caption { height: auto; width: 100%; float: none; }
	.block.video .video { height: 160px; }
	.block.video .video span { font-size: 48px; width: 48px; height: 48px; margin-top: -30px; margin-left: -24px }
	.block.video .video h3 { bottom: 20px; left: 20px; font-size: 22px; }
	.block.video .caption { padding: 0; margin-top: 10px; }
	.block.video .caption p { font-size: 28px; padding: 30px 20px; }
	.block.video .caption .bg-yellow { height: auto; }

	.block.notice { padding: 25px 20px; font-size: 16px; }

	.block.thanks { font-size: 16px; padding: 110px 20px 30px; }

	.block.partner { padding: 40px 0 25px; }
	.block.partner .logo { width: 100%; float: none; padding: 0 0 20px; }
	.block.partner .description { width: 100%; float: none; padding: 0 20px; }

	.columns-flex .item, .columns-flex.odd .item { width: 50%; }
	.columns-flex .item:hover { box-shadow: none; }
	.columns-flex .item h3 { font-size: 18px; }
	.columns-flex .item .title { font-size: 12px; }
	.columns-flex .item .bin { padding: 30px 10px; }
	.columns-flex .item.tall .bin { padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px;}

	.stack-notice { padding: 30px 20px; font-size: 20px; }
	.stack-notice .hlight:after { height: 96%; }


	/* =Footer
	------------------------------------------------------------------- */
	footer.main { padding-left: 0; }
	footer.main .bin { margin-left: 10%; padding: 0 20px 35px 20px}
	footer.main .bin .col-1,
	footer.main .bin .col-2  { width: 100%; float: none; }
	footer.main .bin .top .col-2 { padding-top: 0; }

	footer.main .newsletter,
	footer.main .support { width: 100%; float: none; }
	footer.main .newsletter h4 { font-size: 18px; }
	footer.main .newsletter input[type=email] { width: 70%; }
	footer.main .newsletter input[type=submit] { width: 28%; }
	footer.main .support { font-size: 28px; padding: 20px 0 0 0; }

	footer.main .bin nav.main { display: none; }
	footer.main .bin .links { display: block; margin-top: 12px; }

}

/* Mobile (Portrait) */
@media only screen and (max-width: 500px) {

	/* =General
	------------------------------------------------------------------- */
	h1 { font-size: 28px; }
	h2 { font-size: 28px; }


	/* =Header
	------------------------------------------------------------------- */
	header.main .logo { width: 190px; margin-left: 0; margin-top: 4px; }
	header.main a.menu-trigger { right: 0; top: 24px; }


	/* =Topics Grid
	------------------------------------------------------------------- */
	.topics-grid .carousel .owl-controls .owl-pagination { display: none !important; }
	.topics-grid .carousel .owl-controls { width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }
	.topics-grid .carousel .owl-buttons { display: block; pointer-events: all; }
	.topics-grid .carousel .owl-buttons .owl-prev, .topics-grid .carousel .owl-buttons .owl-next {
		font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
		font-size: 48px; width: 48px; height: 48px; position: absolute; top: 45%; margin-top: -48px; text-align: center; text-shadow: 0 0 5px rgba(0,0,0,.5);	}
	.topics-grid .carousel .owl-buttons .owl-prev { left: 10px; }
	.topics-grid .carousel .owl-buttons .owl-next { right: 10px; }
	.topics-grid .carousel .owl-buttons .owl-prev:before { content: "\f104"; }
	.topics-grid .carousel .owl-buttons .owl-next:before { content: "\f105"; }
	

	/* =Content
	------------------------------------------------------------------- */
	.banner .bin { min-height: 200px; }
	.content #block-nav .bin ul li a { min-width: 50px; padding: 8px 15px 6px; margin: 4px; font-size: 13px; }

	/* Blocks */
	.columns-flex { display: block; }
	.columns-flex .item, .columns-flex.odd .item { display: block; width: 100%; border-right: 0; }

	/* Stack List */
	.stack-list article { padding: 20px 10px; }
	.stack-list article h3 { font-size: 20px; }


	/* =Template: Sidebar
	------------------------------------------------------------------- */
	.container .col { float: none; }
	.container aside.col { width: 100%; }
	.container section.col { width: 100%; }
	.container aside.col { right: auto; }
	.container section.col { right: auto; }
	.container:before, .container:after { display: none; }
	
	/*Aside*/
	.container aside.col { background: rgba(255,255,255,0.85); margin-bottom: 20px; }
	.container section.col { padding-left: 0; }

	/* =Footer
	------------------------------------------------------------------- */
	footer.main .bin nav.social { position: absolute; right: 0; bottom: 60px; }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; display:block; width: 0; height: 0; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before, .row:before,
.clearfix:after, .row:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after, .row:after {clear: both;}
.clearfix, .row { *zoom: 1; }

.clear { clear: both; }


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    /*
	a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
	*/
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* ==========================================================================
   Plugins
   ========================================================================== */
   
/* Magnific */
.mfp-bg,.mfp-wrap{left:0;top:0;position:fixed}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;height:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container,img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{position:absolute;left:0;box-shadow:0 0 8px rgba(0,0,0,.6)}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{display:block;width:auto;height:auto}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
/*transition*/
.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg,.mfp-fade.mfp-wrap .mfp-content{-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}

/*Ameex changes */

header .action {
/*  padding-left: 0px !important;
  padding-right: 0px !important;*/
  text-align: right;
  width: 100%;
  border:none;
}

.button.button-blue {
   background-color: #26a9e0;
   border-color:transparent !important;
   padding:5px 25px 3px;
   line-height: 1;
   font-weight: bold;
}

.button.button-blue:hover {
   background-color: #fbed1f;
   color:black;
}

.newsletter .button {
   margin-left:0;
   float:right;
}

header .action>h4 {
  float: left;
  width: 50%;
  text-align: left;
  line-height: 32px;
}
header .action > form {
  float: left;
  width: 50%;
}
header .action > form #Email_4+input {
  float: left;
  margin-left: 5px;
  background: transparent none repeat scroll 0% 0%;
  color: rgb(255, 255, 255);
  border: medium none;
  line-height: 30px;
  text-transform: uppercase;
}
header .action > form #Email_4 {
    float: left;
    width: 152px;
    margin-left: 5px;
}

.topics-grid .item .action{
position:static;
border:none;
}
.topics-grid .carousel .action{
margin-left:0px;
}
/*Home page changes */
.menu-wrapper{
float:right;
width:50%;
margin: 10px 0;
}
header .main{
display:block;
width:100%;
}
header .logo{
float:left;
width:auto;
}
.header-form, .header-text{
width:100%;
float:left;
}
#primary-nav.main{
width:auto;
float:left;
}
.header-form{
margin: 5px 0 10px 0;
}
@media only screen and (max-width: 767px) {
.menu-wrapper{
float:left;
width:100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
header.main .logo {
width: 255px;
float:left;
}
.menu-wrapper {
    float: left;
    width: 50%;
    margin: 10px 0 10px 30px;
}
}
/*Home page changes */

/*responsive header text fix*/
.menu-wrapper {
float: right;
}
.report.banner,
.content,
footer.main {
float: left;
}

@media (max-width:1199px) {
.menu-wrapper {
float: left;
}
}
.banner {
float: left;
width: 100%;
}
section{
float:left;
width:100%;
}