/* import base styles for some elements */
/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== jacksbox styles ========================================================================== */
/* *** scss variables *** */
/* *** scss variables *** */
body { position: relative; font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px; line-height: 20px; color: #5b7788; -webkit-font-smoothing: antialiased; }

.clearfix { clear: both; }

header, .toolbar-wrapper, .portal-wrapper, .content-wrapper, footer { width: 100%; }

.center { position: relative; margin: 0 auto; width: 1200px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { padding: 0; margin: 0; color: #09293d; text-transform: uppercase; font-weight: normal; }

h1, .h1 { font-family: "Unica One", serif; font-size: 36px; line-height: 48px; font-weight: bold; }

h2, .h2 { font-family: "Unica One", serif; font-size: 24px; line-height: 36px; font-weight: bold; }

h3, .h3 { font-family: "Unica One", serif; font-size: 24px; line-height: 30px; }

h4, .h4 { font-family: "Unica One", serif; font-size: 18px; line-height: 24px; }

h5, .h5 { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px; line-height: 24px; font-weight: bold; }

h6, .h6 { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 14px; line-height: 24px; }

.subheadline { color: #5b7788; }

p, ul { padding: 10px 20px; margin: 0; font-size: 14px; line-height: 20px; color: #5b7788; }

b, strong { font-weight: bold; }

i, em { font-style: italic; color: #061c2a; }

a { text-decoration: none; -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; }

.box-grey { border: 1px solid #b2c6d2; background: #f1f1f1; }

.box-pink { border: 1px solid #d1157c; background: #f3dceb; }

.box-green { border: 1px solid #84c100; background: #eaf8ca; }

.content-wrapper .content a { color: #2b82b8; }
.content-wrapper .content a:visited { color: #2b82b8; }
.content-wrapper .content a:focus { color: #2b82b8; }
.content-wrapper .content a:hover { color: #d1157c; }
.content-wrapper .content a:active { color: #2b82b8; }
.content-wrapper .content p { margin: 5px 0; }
.content-wrapper .content article { margin: 0 0 40px 0; }
.content-wrapper .content ul { margin: 15px 0; padding: 0 20px; list-style: inside square; }
.content-wrapper .content ul li { margin: 5px 0; }
.content-wrapper .content .img { display: inline-block; border: 1px solid #b2c6d2; background: #f1f1f1; padding: 4px; }
.content-wrapper .content a.img { border: 1px solid #b2c6d2; background: #f1f1f1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.content-wrapper .content a.img:hover { border: 1px solid #91cef4; background: #d0edfc; }

.btn { display: block; padding: 10px 40px; font-size: 22px; font-family: "Unica One", serif; text-transform: uppercase; text-align: center; background: none; border: none; cursor: pointer; color: white; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }
.btn:visited { color: white; }
.btn:focus { color: white; }
.btn:hover { color: white; }
.btn:active { color: white; }

.btn-inline { display: inline; display: inline-block; }

.btn-blue { background: #91cef4; }

.btn-blue:hover { background: #2b82b8; }

.btn-blue-d { background: #2b82b8; }

.btn-blue-d:hover { background: #91cef4; }

.btn-green { background: #84c100; }

.btn-green:hover { background: #a3bf56; }

.btn-pink { background: #d1157c; }

.btn-pink:hover { background: #c44e9a; }

.btn-disabled { background: #b2c6d2; }

.btn-disabled:hover { background: #b2c6d2; }

.btn-icon { padding: 0; margin: 0 0 0 0; width: 40px; height: 40px; float: left; }

.mCSB_inside > .mCSB_container { margin-right: 10px; }

.mCSB_scrollTools { width: 10px; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #dae5eb; filter: none; -ms-filter: none; width: 100%; height: 100%; margin: 0 auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #6f99b3; width: 8px; height: 100%; margin: 0 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background: #6f99b3; }

.row { margin-bottom: 40px; }

.row:after { content: " "; display: table; clear: both; }

.col-1:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .col-6:after, .col-7:after, .col-8:after, .col-9:after, .col-10:after, .col-11:after, .col-12:after { content: " "; display: table; clear: both; }

.col-1 { width: 8.33%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-2 { width: 16.66%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-3 { width: 25%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-4 { width: 33.33%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-5 { width: 41.66%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-6 { width: 50%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-7 { width: 58.33%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-8 { width: 66.66%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-9 { width: 74.99%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-10 { width: 83.33%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-11 { width: 91.66%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

.col-12 { width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

header { position: relative; height: 60px; background: #054e7b; font-family: "Unica One", serif; text-transform: uppercase; z-index: 2500; }
header hgroup { height: 60px; width: 270px; }
header .logo { position: absolute; top: 14px; left: 0px; height: 32px; }
header .mainnav { position: absolute; top: 0px; right: 0px; }
header .mainnav a { padding: 20px 0; display: block; font-size: 16px; color: white; text-decoration: none; }
header .mainnav a:visited { color: white; }
header .mainnav a:focus { color: white; }
header .mainnav a:hover { color: white; }
header .mainnav a:active { color: white; }
header .mainnav ul { margin: 0px; padding: 0px; }
header .mainnav li { height: 60px; padding: 0 20px; float: left; background: #054e7b; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }
header .mainnav li:hover, header .mainnav .active { background: #2b82b8; }
header .mainnav .btn-language .icon { display: inline-block; position: relative; top: 3px; width: 16px; height: 16px; margin-right: 14px; background: url(../img/mainnav.icon.globe.png) left 0 no-repeat; }
header .mainnav .btn-language a { font-size: 12px; font-weight: normal; font-family: Verdana, Helvetica, Arial, Sans-Serif; }

.toolbar-wrapper { position: relative; height: 40px; background: #09293d; font-size: 14px; z-index: 2500; }
.toolbar-wrapper .shadow { position: absolute; top: 0px; left: 0px; width: 100%; height: 5px; background: url(../img/toolbar.shadow.png) left top repeat-x; z-index: 3000; }
.toolbar-wrapper .toolbar ul { padding: 0px; margin: 0px; }
.toolbar-wrapper .toolbar ul li { position: relative; height: 40px; float: left; background: #09293d; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }
.toolbar-wrapper .toolbar ul li a { display: block; padding: 10px 15px 9px 15px; color: #b2c6d2; text-decoration: none; }
.toolbar-wrapper .toolbar ul li a:visited { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li a:focus { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li a:hover { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li a:active { color: #b2c6d2; }
.xxxtoolbar-wrapper .toolbar ul li a .icon { display: inline-block; position: relative; top: 3px; width: 16px; height: 16px; margin-right: 14px; background: url(../img/toolbar.icon.placeholder.png) left 0 no-repeat; }
.toolbar-wrapper .toolbar ul li:hover { background-color: #051621; }
.toolbar-wrapper .toolbar ul li:hover a { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li:hover a:visited { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li:hover a:focus { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li:hover a:hover { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li:hover a:active { color: #b2c6d2; }
.toolbar-wrapper .toolbar ul li:hover a .icon { background-position: left 0; }
.toolbar-wrapper .toolbar ul .active:hover, .toolbar-wrapper .toolbar ul .active { background-color: #f1f1f1; }
.toolbar-wrapper .toolbar ul .active:hover a, .toolbar-wrapper .toolbar ul .active a { color: #2d4453; }
.toolbar-wrapper .toolbar ul .active:hover a:visited, .toolbar-wrapper .toolbar ul .active a:visited { color: #2d4453; }
.toolbar-wrapper .toolbar ul .active:hover a:focus, .toolbar-wrapper .toolbar ul .active a:focus { color: #2d4453; }
.toolbar-wrapper .toolbar ul .active:hover a:hover, .toolbar-wrapper .toolbar ul .active a:hover { color: #2d4453; }
.toolbar-wrapper .toolbar ul .active:hover a:active, .toolbar-wrapper .toolbar ul .active a:active { color: #2d4453; }
.toolbar-wrapper .toolbar ul .active:hover a .icon, .toolbar-wrapper .toolbar ul .active a .icon { background-position: left -16px; }
.toolbar-wrapper .toolbar .toolnav { border-left: 1px solid #5b7788; float: left; }
.toolbar-wrapper .toolbar .toolnav li { border-right: 1px solid #5b7788; }
.toolbar-wrapper .toolbar .usernav { border-right: 1px solid #5b7788; float: right; }
.toolbar-wrapper .toolbar .usernav li { border-left: 1px solid #5b7788; }
.toolbar-wrapper .toolbar .usernav .login .dropdown-box { position: absolute; top: 40px; right: 0px; padding: 40px; background: #f1f1f1; white-space: nowrap; display: none; }
.toolbar-wrapper .toolbar .usernav li span.title-profile { color: #91CEF4; }
.toolbar-wrapper .toolbar .usernav li.active span.title-profile { color: #09293D; }

.teaser-wrapper { background: #91cef4; padding: 40px 0 40px 0; }
.teaser-wrapper .teaser { height: 518px; margin: 0; padding: 0; background: url(../img/teaser.img.jpg) top left no-repeat; }
.teaser-wrapper .teaser .call { position: absolute; top: 19px; right: 79px; width: 650px; height: 256px; }
.teaser-wrapper .teaser .call .inner { padding: 20px; }
.teaser-wrapper .teaser .call .action-buttons { position: absolute; bottom: 20px; right: 20px; width: 420px; }
.teaser-wrapper .teaser .call .action-buttons .btn { width: 50%; padding: 10px 0; float: left; }

.quicklinks { background: #91cef4; padding: 40px 0 40px 0; border-bottom: 40px solid #054e7b; }
.quicklinks .quicklink { padding: 0; margin: 0 4% 0 0; width: 22%; font-size: 14px; background: #75b4dc; float: left; }
.quicklinks .quicklink .box { position: relative; display: block; height: 95px; color: #fff; overflow: hidden; }
.quicklinks .quicklink .box h4 { position: absolute; bottom: 14px; right: 20px; color: #fff; -webkit-transition: bottom 0.5s ease-in-out; -moz-transition: bottom 0.5s ease-in-out; -o-transition: bottom 0.5s ease-in-out; transition: bottom 0.5s ease-in-out; }
.quicklinks .quicklink .box p { position: absolute; top: 100%; left: 0px; padding: 20px; color: #fff; -webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; }
.quicklinks .quicklink .box .icon { position: absolute; bottom: 14px; left: 20px; width: 64px; height: 64px; background: url(../img/quicklinks.icon.placeholder.png) left top no-repeat; -webkit-transition: bottom 0.5s ease-in-out; -moz-transition: bottom 0.5s ease-in-out; -o-transition: bottom 0.5s ease-in-out; transition: bottom 0.5s ease-in-out; }
.quicklinks .quicklink .box:hover { background: #84c100; }
.quicklinks .quicklink .box:hover .icon { bottom: 100%; }
.quicklinks .quicklink .box:hover h4 { bottom: 100%; }
.quicklinks .quicklink .box:hover p { top: 0; }
.quicklinks .last { margin: 0; }

.content-wrapper { padding: 40px 0; background: #f1f1f1; }
.content-wrapper .center { border: 1px solid #b2c6d2; }
.content-wrapper .content { padding: 40px 20px 40px 20px; background: #fff; }
.content-wrapper .content .ajax-loader { width: 100%; min-height: 300px; background: url(../img/ajax.spinner.gif) center 100px no-repeat; }
.content-wrapper .tabelement { border: 1px solid #b2c6d2; }
.content-wrapper .tabelement .tabnav ul { margin: 0; padding: 0; background: #2b82b8; border: none; }
.content-wrapper .tabelement .tabnav ul li { margin: 0; padding: 0; float: left; list-style: none; border-right: 1px solid #91cef4; }
.content-wrapper .tabelement .tabnav ul li a { display: block; padding: 11px 30px; color: white; background: #2b82b8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.content-wrapper .tabelement .tabnav ul li a:visited { color: white; }
.content-wrapper .tabelement .tabnav ul li a:focus { color: white; }
.content-wrapper .tabelement .tabnav ul li a:hover { color: white; }
.content-wrapper .tabelement .tabnav ul li a:active { color: white; }
.content-wrapper .tabelement .tabnav ul li:hover a { background: #91cef4; }
.content-wrapper .tabelement .tabnav ul li.active { border-right: 1px solid #b2c6d2; }
.content-wrapper .tabelement .tabnav ul li.active a { background: #fff; color: #061c2a; }
.content-wrapper .tabelement .tabnav ul li.active a:visited { color: #061c2a; }
.content-wrapper .tabelement .tabnav ul li.active a:focus { color: #061c2a; }
.content-wrapper .tabelement .tabnav ul li.active a:hover { color: #061c2a; }
.content-wrapper .tabelement .tabnav ul li.active a:active { color: #061c2a; }
.content-wrapper .tabelement .tabcontent { margin: 0; padding: 40px; background: #fff; }

.content-wrapper-fullwidth { padding: 40px 0; background: #f1f1f1; }

footer { background: #054e7b; }
footer .footer { padding: 20px; }
footer .footer p { padding: 20px 0; color: #2b82b8; }
footer .footer .footernav { margin: 0; padding: 20px 0; }
footer .footer .footernav ul { margin: 0; padding: 0; }
footer .footer .footernav ul li { margin: 0 0 10px 0 0; padding: 0; }
footer .footer .footernav ul li a { color: #2b82b8; }
footer .footer .footernav ul li a:visited { color: #2b82b8; }
footer .footer .footernav ul li a:focus { color: #2b82b8; }
footer .footer .footernav ul li a:hover { color: #91cef4; }
footer .footer .footernav ul li a:active { color: #2b82b8; }
footer .footer .footernav ul li a:before { content: "» "; }
footer .footer .socialnav li { margin: 0 20px 0 0; float: left; }
footer .footer .socialnav li .icon { display: block; width: 49px; height: 49px; background-image: url(../img/footer.social.icons.png); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: background-position 0.25s ease-in-out; -moz-transition: background-position 0.25s ease-in-out; -o-transition: background-position 0.25s ease-in-out; transition: background-position 0.25s ease-in-out; }
footer .footer .socialnav li .i-facebook { background-position: 0 0; }
footer .footer .socialnav li .i-facebook:hover { background-position: 0 -49px; }
footer .footer .socialnav li .i-twitter { background-position: -49px 0; }
footer .footer .socialnav li .i-twitter:hover { background-position: -49px -49px; }
footer .footer .socialnav li .i-google { background-position: -98px 0; }
footer .footer .socialnav li .i-google:hover { background-position: -98px -49px; }

.subnav-horizontal .teaser-wrapper { padding: 0; }
.subnav-horizontal .teaser-wrapper .teaser { height: 172px; background: url(../img/subpage.teaser.img.png) top left no-repeat; }
.subnav-horizontal .teaser-wrapper .teaser .subnav { position: absolute; left: 0px; bottom: 10px; width: 100%; height: 40px; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul { margin: 0; padding: 0; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li { padding: 0 0 25px 0; float: left; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li a { display: block; padding: 12px 0; background: #09293d; opacity: .93; font-family: "Unica One", serif; font-size: 16px; line-height: 16px; text-transform: uppercase; text-align: center; color: white; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li a:visited { color: white; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li a:focus { color: white; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li a:hover { color: white; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li a:active { color: white; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul li a:hover { background: #2b82b8; opacity: 1; -webkit-transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul .active { background: url(../img/subnav.h.arrow.png) bottom center no-repeat; }
.subnav-horizontal .teaser-wrapper .teaser .subnav ul .active a { background: #2b82b8; opacity: 1; }

.subnav-vertical .content-wrapper .center { background: #d0edfc; }
.subnav-vertical .content-wrapper .center .subnav { width: 25%; height: 100%; padding: 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
.subnav-vertical .content-wrapper .center .subnav .v-lvl { margin: 0; padding: 0; border-bottom: 1px solid #fff; }
.subnav-vertical .content-wrapper .center .subnav .v-lvl .v-lvl { border: none; }
.subnav-vertical .content-wrapper .center .subnav li { border-top: 1px solid #fff; }
.subnav-vertical .content-wrapper .center .subnav li a { position: relative; display: block; padding: 12px 0 11px 40px; color: #054e7b; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.subnav-vertical .content-wrapper .center .subnav li a:visited { color: #054e7b; }
.subnav-vertical .content-wrapper .center .subnav li a:focus { color: #054e7b; }
.subnav-vertical .content-wrapper .center .subnav li a:hover { color: white; }
.subnav-vertical .content-wrapper .center .subnav li a:active { color: #054e7b; }
.subnav-vertical .content-wrapper .center .subnav li a .arrow { position: absolute; bottom: -19px; right: 20px; width: 19px; height: 19px; background: url(../img/subnav.v-1.arrow.png) left top no-repeat; z-index: 3000; }
.subnav-vertical .content-wrapper .center .subnav li a:hover { background: #91cef4; }
.subnav-vertical .content-wrapper .center .subnav .active { border-top: 1px solid #054e7b; }
.subnav-vertical .content-wrapper .center .subnav .active a { color: white; background: #054e7b; }
.subnav-vertical .content-wrapper .center .subnav .active a:visited { color: white; }
.subnav-vertical .content-wrapper .center .subnav .active a:focus { color: white; }
.subnav-vertical .content-wrapper .center .subnav .active a:hover { color: white; }
.subnav-vertical .content-wrapper .center .subnav .active a:active { color: white; }
.subnav-vertical .content-wrapper .center .subnav .active a:hover { background: #054e7b; }
.subnav-vertical .content-wrapper .center .subnav .active li { border-top: none; border-bottom: 1px solid #91cef4; }
.subnav-vertical .content-wrapper .center .subnav .active li a { padding-left: 80px; background: #2b82b8; }
.subnav-vertical .content-wrapper .center .subnav .active li a .arrow { background: url(../img/subnav.v-2.arrow.png) left top no-repeat; }
.subnav-vertical .content-wrapper .center .subnav .active li a:hover { background: #91cef4; }
.subnav-vertical .content-wrapper .center .subnav .active .active a:hover { background: #2b82b8; }
.subnav-vertical .content-wrapper .center .subnav .active .last { border: none; }
.subnav-vertical .content-wrapper .center .content { width: 75%; padding: 40px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; float: left; }

.content-on-grey .content-wrapper { padding: 0; }
.content-on-grey .content-wrapper .center { border: none; }
.content-on-grey .content-wrapper .center .content { background: none; }
.content-on-grey .content-wrapper .center .content h1 { padding: 0 20px; margin: 0 0 20px 0; color: #5b7788; }
.content-on-grey .content-wrapper .center .content .row { position: relative; }
.content-on-grey .content-wrapper .center .content .browsenav h3 { font-size: 18px; color: #b2c6d2; border-bottom: 1px solid #b2c6d2; }
.content-on-grey .content-wrapper .center .content .browsenav a { display: block; padding: 5px 0 0 0; cursor: pointer; background: url(../img/browse.icon.arrow.png) right 10px no-repeat; }
.content-on-grey .content-wrapper .center .content .browselist .box-info { margin: 0 0 20px 0; height: 160px; border: 1px solid #b2c6d2; background: #fff; }
.content-on-grey .content-wrapper .center .content .browselist .box-info p { padding: 6px 12px; font-size: 12px; line-height: 16px; }
.content-on-grey .content-wrapper .center .content .browselist .box-select { height: 480px; border: 1px solid #b2c6d2; background: #fff; overflow: hidden; }
.content-on-grey .content-wrapper .center .content .browselist .box-select.box-select-small { height: 300px; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul { margin: 0; padding: 0; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li { margin: 0; padding: 6px 12px; list-style: none; font-size: 12px; cursor: pointer; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li .icon { display: inline-block; width: 12px; height: 12px; margin: 0 10px 0 0; background: url(../img/browse.icon.placeholder.png) left top no-repeat; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li.digitallyAvailable { background-color: #C4F8AD; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li.active { background: #d0edfc; color: #2d4453; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li:hover { background: #d0edfc; color: #2d4453; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li.digitallyAvailable:hover { background-color: #ddf6d2; }
.content-on-grey .content-wrapper .center .content .browselist .box-select ul li.active .icon, .content-on-grey .content-wrapper .center .content .browselist .box-select ul li:hover .icon { background-position: left bottom; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper { display: none; position: absolute; top: 0px; left: 0px; width: 75%; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book { height: 480px; border: 1px solid #b2c6d2; background: #fff; overflow: hidden; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-infos { padding: 20px 0; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-infos ul, .content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-infos li { margin: 0px; padding: 0px; list-style: none; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-infos table { width: 100%; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-infos table td { width: 50%; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-infos table td.value { color: #2d4453; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav { background: #054e7b; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul { margin: 0; padding: 0; list-style: none; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li { float: left; margin: 0; padding: 0; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li a { display: block; padding: 10px 30px; font-family: "Unica One", serif; font-size: 16px; color: #fff; text-transform: uppercase; border-left: 1px solid #051621; border-right: 1px solid #051621; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li a:hover { background: #2b82b8; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li.close { float: right; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li.close a { padding: 20px 30px; border-right: none; background: url(../img/browse.details.icon.close.png) center center no-repeat; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li.close a:hover { background: url(../img/browse.details.icon.close.png) center center no-repeat #2b82b8; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li.icon { position: relative; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-nav ul li.icon div { display: block; width: 40px; height: 40px; background: #91cef4; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-header { background:#09293d; padding: 10px; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-header h2 { font-size: 16px; line-height: 22px; color: #fff; }
.content-on-grey .content-wrapper .center .content .browselist .box-book-wrapper .box-book .book-header h5 { font-size: 14px; line-height: 18px; font-weight: normal; text-transform: none; color: #b2c6d2; }

.overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #09293d; opacity: .5; z-index: 2000; display: none; }

.modal { position: absolute; padding: 20px; top: 140px; display: none; z-index: 3000; background: #f1f1f1; }

.modal { margin: 0; padding: 20px; }
.modal .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(../img/modal.icon.close.png) left top no-repeat; }
.modal .close:hover { background: url(../img/modal.icon.close.png) left bottom no-repeat; }
.modal h3 { margin-right: 80px; }

.language-selector .languagenav ul { margin: 20px 0 0 0; padding: 0; }
.language-selector .languagenav li { margin: 0; padding: 0; width: 100%; height: 40px; }
.language-selector .languagenav li a { color: #054e7b; display: block; padding: 10px 20px; }
.language-selector .languagenav li a:visited { color: #054e7b; }
.language-selector .languagenav li a:focus { color: #054e7b; }
.language-selector .languagenav li a:hover { color: white; }
.language-selector .languagenav li a:active { color: #054e7b; }
.language-selector .languagenav .active, .language-selector .languagenav .active:hover { background: #2b82b8; }
.language-selector .languagenav .active a, .language-selector .languagenav .active:hover a { color: white; }
.language-selector .languagenav .active a:visited, .language-selector .languagenav .active:hover a:visited { color: white; }
.language-selector .languagenav .active a:focus, .language-selector .languagenav .active:hover a:focus { color: white; }
.language-selector .languagenav .active a:hover, .language-selector .languagenav .active:hover a:hover { color: white; }
.language-selector .languagenav .active a:active, .language-selector .languagenav .active:hover a:active { color: white; }
.language-selector .languagenav li:hover { background: #91cef4; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }

form label { padding: 10px 40px 10px 20px; font-family: "Unica One", serif; text-transform: uppercase; font-size: 18px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
form .form-field { position: relative; width: 100%; margin: 0 0 20px 0; }
form .form-field:after { content: " "; display: table; clear: both; }
form .form-field.error label { color: #d1157c; }
form .form-field.error input, form .form-field.error textarea { background: #f3dceb; border: 1px solid #d1157c; color: #2d4453; }
form .form-field.error .error { display: block; }
form .radio, form .checkbox, form input, form textarea, form .select { float: left; cursor: pointer; }
form input, form textarea { padding: 10px 5px; background: #f1f1f1; border: 1px solid #b2c6d2; color: #5b7788; font-size: 18px; line-height: 23px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form input:focus, form textarea:focus { background-color: #d0edfc; border: 1px solid #91cef4; color: #054e7b; outline: 0; }
form .radio .btn-radio { width: 38px; height: 38px; background: url(../img/form.radio.png) left top no-repeat #f1f1f1; border: 1px solid #b2c6d2; margin-right: 20px; }
form .radio .active { background-position: left bottom; }
form .checkbox .btn-checkbox { width: 38px; height: 38px; background: url(../img/form.checkbox.png) left top no-repeat #f1f1f1; border: 1px solid #b2c6d2; margin-right: 20px; }
form .checkbox .btn-checkbox.active { background-position: left bottom; }
form .select .btn-select { position: relative; padding: 0; background: url(../img/form.dropdown.arrow.png) right top #f1f1f1 no-repeat; border: 1px solid #b2c6d2; color: #5b7788; font-size: 18px; line-height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form .select .btn-select .current-select { padding: 10px 20px; }
form .select .btn-select ul { position: absolute; top: 38px; left: -1px; display: none; margin: 0; padding: 0px; width: 100%; background-color: #91cef4; border: 1px solid #2b82b8; color: #054e7b; z-index: 2000; }
form .select .btn-select ul li { list-style: none; margin: 0; padding: 10px 20px; }
form .select .btn-select ul li:hover { background: #d0edfc; }
form .select .btn-select.active { background: url(../img/form.dropdown.arrow.png) right bottom #2b82b8 no-repeat; border: 1px solid #2b82b8; color: #fff; }
form .form-hint { position: absolute; right: 0px; top: 0px; width: 33.333%; padding: 0 0 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }
form .form-hint p { font-size: 14px; padding: 20px; color: #fff; }
form .form-hint.hint { background: url(../img/form.hint.hint.png) left 20px no-repeat; z-index: 2000; }
form .form-hint.hint p { background: #84c100; }
form .form-hint.error { background: url(../img/form.hint.error.png) left 20px no-repeat; }
form .form-hint.error p { background: #d1157c; }
form.form label { width: 50%; }
form.form input, form.form textarea, form.form .select { width: 50%; }
form.form .form-hint { width: 300px; right: -300px; }
form.form .btn { margin: 0 0 20px 50%%; width: 50%; }
form.fullwidth label { width: 33.33%; }
form.fullwidth input, form.fullwidth textarea, form.fullwidth .select { width: 33.33%; }
form.fullwidth .form-hint { width: 33.33%; right: 0; }
form.fullwidth .btn { margin: 0 0 20px 33.33%; width: 33.33%; }

.form-search label { font-size: 16px; }
.form-search input, .form-search textarea { font-size: 16px; }
.form-search .col-search label { padding: 12px 20px 0 0; width: 33.33%; }
.form-search .col-search input { width: 66.66%; }
.form-search .col-search .btn { margin-left: 33.33%; width: 66.66%; }
.form-search .col-search .btn-icon { padding: 0; margin: 0 0 0 0; width: 43px; height: 43px; float: right; }
.form-search .col-search .field-location { width: 50%; }
.form-search .col-search .field-year { width: 23.33%; }
.form-search .col-search .label-year { padding: 10px 0; width: 20%; text-align: center; }
.form-search .field-6 { width: 50%; float: left; }
.form-search .field-6:after { content: " "; display: block; clear: none; }
.form-search .box { padding: 0 20px; }
.form-search .box h4 { padding-bottom: 5px; margin: 10px 0 25px 0; border-bottom: 1px solid #b2c6d2; }
.form-search .box label { padding: 10px 0; width: 70%; }
.form-search .box.box-grey .checkbox { float: right; }
.form-search .box.box-grey .btn-checkbox { margin: 0; background: url(../img/form.checkbox.png) left top no-repeat white; }
.form-search .box.box-grey .btn-checkbox.active { background-position: left bottom; }
.form-search .box:after { content: " "; display: table; clear: both; }

.spacer { margin: 20px 0 0 0; height: 40px; width: 40px; float: left; }

.spacer:after { content: " "; display: table; clear: both; }

/* ========================================================================== Media Queries ========================================================================== */
/* LAYOUT STAYS THE SAME */
/* SOME CHANGES TO THE LAYOUT NEEDED */
/* import helper styles */
/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.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, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* import print styles */
/* ========================================================================== Print styles ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ 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) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .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; /* h5bp.com/t */ }
  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; }
}