/* AKJournals */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
html body span.clr,
html body div.clr,
html body li.clr,
html body dd.clr
{background: none;border: 0;clear: both; display: block;float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* General */
html {height: 100%; height: auto; width: 100%;}
a {text-decoration: none; color: #f57822;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
a:hover {text-decoration: underline; color: #007da5;}
a:link, a:visited {text-decoration: none;}
:focus {outline: none;}
.hidden {display: none !important;}
.row-fluid {width: 100%; height: 100%; padding: 0;}
.row-fluid:before, .row-fluid:after {display: table; content: ""; line-height: 0;}
.row-fluid:after {clear: both;}
body {font-family: 'Roboto', Arial, sans-serif; font-size: 100%; line-height: 1.4; margin: 0; padding: 0; background: #666; color: #555; font-weight: 400; height: 100%;
-webkit-font-smoothing: subpixel-antialiased;}
.home #grid {background: url(../images/global/grid.png); width: 100%; min-height: 100%; position: absolute; z-index: 2; float: none; display: block;}
strong {font-weight: 600;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;} del {text-decoration: line-through;}
img {width: 100%; height: auto;}
.body img {width: 100%; height: auto;}
/* Wrappers / Main Layout Elements */
.body {background: #fff; padding: 0; margin: 0; height: 100%;}
.container {margin: 0; padding: 130px 0 0 0; width: 100%; height: auto;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
.container.menuhide {margin: 0; padding: 20px 0 0 0;}
.home .container {padding: 0;}
.content-wrap {width: 100%; height: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
/* Colors */
.akjgreen {color: #007da5;}
.lightgray {color: #ddd;}
.middlegray {color: #959595;}
.blue {color: #5191df;}
.green {color: #8ab95f;}
.red {color: #ce543d;}
.orange {color: #f57822;}
.turquoise {color: #3fb09c;}
.dpink {color: #d30044;}
.purple {color: #673ab7;}
.akjgreenbg {background: #007da5; color: #fff;}
.lightgraybg {background: #b5b5b5;}
.middlegraybg {background: #959595; color: #fff;}
.graybg {background: #666; color: #fff;}
.bluebg {background: #5191df; color: #fff;}
.greenbg {background: #8ab95f; color: #fff;}
.redbg {background: #ce543d; color: #fff;}
.orangebg {background: #f57822; color: #fff;}
.turquoisebg {background: #3fb09c; color: #fff;}
.dpinkbg {background: #d30044; color: #fff;}
.purplebg {background: #673ab7; color: #fff;}
/* Stripes */
#ak {background: #ddd; display: block; width: 100%; padding: 0; margin: 0; opacity: 1; z-index: 147; float: left;}
#ak div {height: 5px; padding: 0; margin: 0; display: block; float: left;}
#ak01, #akc01 {background: #f9a46e; width: 16%;}
#ak02, #akc02 {background: #f57822; width: 20%;}
#ak03, #akc03 {background: #faceb1; width: 9%;}
#ak04, #akc04 {background: #f9a46e; width: 15%;}
#ak05, #akc05 {background: #f78f4c; width: 5%;}
#ak06, #akc06 {background: #fac39f; width: 20%;}
#ak07, #akc07 {background: #f57822; width: 10%;}
#ak08, #akc08 {background: #f9a46e; width: 5%;}
/* Header*/
header {width: 100%; height: auto; background: url(../../images/akjournals/header01.jpg) center top no-repeat #007da5; background-size: cover;
padding: 200px 0 90px 0; color: #fff;}
#safari header {margin: 0 0 5px 0;}
header.menuhide {padding: 100px 0 90px 0;}
header .content-wrap {margin: 0 auto; padding: 0 30px; max-width: 1200px;}
header .headline {font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-size: 320%; font-weight: 300; letter-spacing: -1.5px; padding: 0 0 20px 0; line-height: 1.1;}
header .content {font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 130%; padding: 0 0 30px 0; }
header .buttons a {margin: 0 10px 0 0; border: 1px solid #fff;}
/* Content */
#cbody {margin: 0; padding: 0 20px;}
.home #content {padding: 0 0 10px 0; width: 100%; margin: 0; background: #fff; position: relative;}
#content {padding: 0; width: 70%; margin: 0; background: #fff; display: block; float: left;}
#left-column {display: block; width: 30%;max-width: 425px; padding: 40px 30px; margin: 0; min-height: 100%; border-right: 1px solid #ddd; float: left; left: 0px; background: #fff;
right: auto; position: relative; overflow-y: auto; transition: all .3s ease-out;}
#left-column.menuhide {padding: 50px 30px; }
#right-column {float: left; display: block; width: 34%; padding: 0 0 0 30px; margin: 0 0 25px 0; font-weight: 400; float: left;}
fieldset {margin: 0.5em 0; padding: 0.5em 10px;}
#block p {margin: 0 0 40px 0; padding: 0 0 0 1px; clear: both; float: left;}
#content p.custom, .moduletable-speaker p {padding: 0 !important; margin: 0 !important;}
#intro {color: #656565; clear: both; font-size: 120%; color: #656565; margin: 0 auto 35px auto; width: 100%; padding: 0; float: left;}
.strongblock {display: block; margin: 15px 0 0 0 ; font-weight: 600;}
form {margin: 0;}
ul, ol {margin: 0 0 40px 0; padding: 0 0 0 2%; list-style-position: outside; float: left; clear: both;}
#content li {margin: 0 0 3px 0; padding: 0 30px 0 0;}
.home #content ul, ol {margin: 0; padding: 5px 0 19px 1.5em; list-style-position: outside; float: left; clear: both;}
.items-leading span.welcome {font-size: 120%; font-weight: 300; margin: -15px 0 0 0 !important;}
.items-leading .leading-0 #blockleft p, .items-leading .leading-0 #blockright p {padding: 0 0 0 1px; margin: 0;}
/* Modules */
div.moduletable {margin: 0; border: none; padding: 0;}
/* Pathway */
#pathway {border-top: 3px solid #efefef; background: #F5F5F5; float: left; width: 100%; padding: 16px 0 13px 0; margin: 0;}
#pathway .content-wrap {padding: 0 30px; float: none;}
.breadcrumb {margin: 0 auto; padding: 0; font-weight: 400; max-width: 1200px; font-size: 105%; line-height: 1;}
.breadcrumb li {float: left; display: inline-block;}
.breadcrumb .divider {padding: 0 7px; float: left;}
.breadcrumb .icon-location {padding: 0;}
#pathway {color: #959595;}
#pathway a, #pathway a:visited {color: #959595; text-decoration: none;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
#pathway a:hover, #pathway a:active {color: #444; text-decoration: none;}
#pathway span {color: #959595; text-decoration: none;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
#pathway a:hover span {color: #555; text-decoration: none;}
#pathway li.active span {font-weight: 600;}
/* Copyright */
#copyright {border-top: 1px solid #777; float: left; width: 100%; padding: 20px 0; margin: 0; color: #ddd; font-size: 95%; line-height: 1.5; font-weight: 300;}
#copyright .content-wrap {padding: 0 30px; max-width: 1200px; margin: 0 auto; display: block;}
#copyright a {float: left; margin: 0 30px 0 0; color: #ddd; padding: 0; font-weight: 300;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
#copyright a:hover {text-decoration: none; color: #fff;}
#copyright-info {float: left; width: 70%;}
#copyright-logo {float: right; width: 20%; text-align: center;}
/* Footer notes */
#footer-notes {text-align: left; text-decoration: none; font-weight: 300; border-top: 1px solid #777;
color: #ddd; display: block; width: 100%; margin: 0 auto; padding: 30px 0; font-size: 95%; line-height: 1.5; float: left;}
#footer-notes .content-wrap {padding: 0 30px; max-width: 1200px;}
/* Footer menu */
#footer-menu {text-align: left; text-decoration: none; font-weight: 300; border-top: 0px solid #f57822;
color: #ddd; display: block; width: 100%; margin: 0 auto; padding: 40px 0 30px 0; font-size: 110%; line-height: 1.7; float: left;}
#footer-menu .content-wrap {padding: 0 30px; max-width: 1200px;}
#footer-menu ul, ol {margin: 0; padding: 0; list-style-position: outside; list-style: none; float: left; width: 33%; clear: none;}
#footer-menu a {margin: 0; color: #ddd; padding: 0; font-weight: 400; text-decoration: none;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
#footer-menu a:hover {color: #fff;}
/* Footer */
footer {text-align: left; text-decoration: none; font-weight: 300; border-top: 1px solid #777;
color: #ddd; display: block; width: 100%; margin: 0 auto; padding: 35px 0; font-size: 95%; line-height: 1.5; float: left;}
footer strong {display: block; font-weight: 500; margin: 0 0 15px 0; font-size: 115%;}
footer .content-wrap {padding: 0 30px; max-width: 1200px; display: block;}
#fleft {float: left; padding: 0 0 0 0; margin: 0 35px 0 0;}
#fright {float: left; padding: 0 35px 0 0;}
footer a, footer a:link {color: #fff;
-o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -webkit-transition:all 300s ease-out; transition:all 300ms ease-out;}
footer a:hover {color: #fff; text-decoration: none;}
#flogo {float: right; padding: 0; margin: 0;}
#flogo a {display: block; float: right; width: 200px; height: 80px; background: url(../../images/akjournals/aklogo.png) center center no-repeat; text-indent: -9999px; opacity: 0.8;
-o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -webkit-transition:all 300s ease-out; transition:all 300ms ease-out;}
#flogo a:hover {opacity: 1;}
#fright ul {list-style: none; padding: 0; margin: 0;}
#fright a {display: block; margin: 0 0 0 0; clear: both;}
/* Images */
img {border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
a img {border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
a:hover img {opacity: 0.8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0;}
#CB_Image img {border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
#blocksimg {display: block; float: left; width: 630px; border: solid 0px #DDD; padding: 0; margin: 5px 0 25px 0;}
#blocksimg img {width: 196px !important; margin: 0 21px 0 0; float: left;}
#blocksimg img.lastimg {width: 196px !important; margin: 0;}
#imgblocks {background: #f5f5f5; padding: 20px 20px 5px 20px; float: left; margin: 0 0 25px 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#imgblocks:hover {background: #f1f1f1;}
/* Pagenav */
div.pagenavcounter {margin:10px 0 0 0; padding: 0;}
ul.pagenav {list-style-type:none; padding:0; margin-top: 10px; text-align: center;}
ul.pagenav li {display:inline; padding: 0px 4px; margin:0;}
ul.pagenav li {line-height:2em;}
ul.pagenav li a {display:inline; text-decoration:none}
/* Pagination */
div.pagination {display: block; clear: both; padding: 0; margin: 0 0 10px 0; width: 100%; text-align: center; color: #858585;}
div.pagination a {color: #858585; background: #f5f5f5;
font-size: 16px; text-decoration: none; display: block; float: left; padding: 14px 25px 10px 25px; margin: 0; font-weight: 400; width: auto;
border-left: 1px solid #DDD; text-align: center;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200s ease-out; transition:all 200ms ease-out;}
div.pagination ul {list-style-type: none; margin: 0px auto !important; padding: 0; display: inline-block; float: none; overflow: hidden; border: 1px solid #ddd; background: #f5f5f5;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.pagination li {display: inline; padding: 0 !important; margin: 0 !important;}
div#content div.pagination p.counter {font-weight:bold; text-align: center;}
span.pagenav {background: #F5F5F5; color: #858585;
font-size: 16px; text-decoration: none; display: block; float: left; padding: 14px 25px 10px 25px; margin: 0; font-weight: 400; width: auto; color: #555; text-align: center;}
.pagination .active {background: #e9e9e9; border-left: 1px solid #ddd;}
a.pagenav:hover {color: #fff; background: #858585; text-decoration: none;}
.pagination-start span.active, .pagination-end span.active,
.pagination-prev span.active, .pagination-next span.active {background: #f5f5f5 !important;}
.pagination-prev span.active, .pagination-next span.active {color: #9f9f9f !important;}
.pagination-next span, .pagination-next a {border-left: 1px solid #ddd;}
.pagination-prev a {border-right: 0px solid #DDD; border-left: none !important;}
.pagination-prev span {border-right: 0px solid #DDD; border-left: none !important;}
.pagination-start a {border-right: none !important; border-left: 0px solid #ddd;}
.pagination-end a {border-right: 1px solid #ddd;}
/* Wrapper */
div.contentpane {border: 0px solid #ccc;}
div#system-message-container ul {margin:0;}
/* Main Contents + Blocks */
#allwrap {height: auto; margin: 0; padding: 0; background: #fff; float: left; width: 100%; clear: both;}
#wrapper {width: 100%; background: none; margin: 0 auto;}
#wrap {width: 100%; margin: 0 auto; padding: 0;}
#fullwidth {display: block; float: left; width: 100%; padding: 40px 0 10px 0; height: auto;}
.bottom {display: block; float: left; width: 100%; margin: 0 0 -40px 0; height: auto;}
#block {display: block; max-width: 1200px; padding: 0 30px; margin: 0 auto; float: left;width: 100%;}
#block960b {display: block; float: left; max-width: 1200px; padding: 10px 0 25px 0; margin: 0;}
#blocks.list {display: block; float: left; width: 100%; padding: 0 0 0 0; margin: 3px 0 10px 0;}
#block-wide {display: block; width: 100%; padding: 0 30px 20px 30px; margin: 0 0 30px 0; float: left;}
#block-wide.lightgray {border-top: 5px solid #ddd; color: #555;}
#block-wide.lightgray h1 {color: #ddd;}
#block-wide.middlegray {border-top: 5px solid #959595; color: #555;}
#block-wide.middlegray h1 {color: #959595;}
#block-wide.blue {border-top: 5px solid #5191df; color: #555;}
#block-wide.blue h1 {color: #5191df;}
#block-wide.green {border-top: 5px solid #8ab95f; color: #555;}
#block-wide.green h1 {color: #8ab95f;}
#block-wide.red {border-top: 5px solid #ce543d; color: #555;}
#block-wide.red h1 {color: #ce543d;}
#block-wide.orange {border-top: 5px solid #f57822; color: #555;}
#block-wide.orange h1 {color: #f57822;}
#block-wide.turquoise {border-top: 5px solid #3fb09c; color: #555;}
#block-wide.turquoise h1 {color: #3fb09c;}
#block-wide.dpink {border-top: 5px solid #d30044; color: #555;}
#block-wide.dpink {color: #d30044;}
#block-wide.purple {border-top: 5px solid #673ab7; color: #555;}
#block-wide.purple h1 {color: #673ab7;}
/* Grid 4 */
.grid-row-four {float: left; width: 100%; display: flex; flex-wrap: wrap;}
.grid-row-four.last {border-bottom: none; float: left; width: 100%; display: flex; flex-wrap: wrap;}
.grid-row-four .grid-item {text-align: center; border-right: 1px solid #ddd; flex: 0 0 calc(25%); border-bottom: 1px solid #ddd;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 140%; font-weight: 300; letter-spacing: -0.5px;}
.grid-row-four.last .grid-item {border-bottom: none;}
.grid-row-four .grid-item:hover {/*background: #fafafa;*/
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.fourth {border-right: none;}
/* Grid 4 icons */
.grid-row-four .grid-item .icon {display: inline-block; height: 200px; width: 200px; margin: 25px auto 0 auto; background: #fff; border: 2px solid #ddd; text-indent: -9999px; /*cursor: pointer;*/
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item:hover .icon {/*background: #f5f5f5;*/}
.grid-row-four .grid-item .label {display: block; padding: 0 50px 40px 50px; color: #959595;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item:hover .label {color: #555;}
.grid-item .icon a {display: block; width: 100%; height: 100%;}
/* Grid 4 Subject icons */
/* Applied Science */
.grid-row-four .grid-item.applied-science .icon a {background: url(../../images/akjournals/subjects/icon-applied-science.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.applied-science .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.applied-science .icon {border: none; background: url(../../images/akjournals/subjects/icon-applied-science-over.png) center center no-repeat #fff;}
/* Business */
.grid-row-four .grid-item.business .icon a {background: url(../../images/akjournals/subjects/icon-business.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.business .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.business .icon {border: none; background: url(../../images/akjournals/subjects/icon-business-over.png) center center no-repeat #fff;}
/* Chemistry */
.grid-row-four .grid-item.chemistry .icon a {background: url(../../images/akjournals/subjects/icon-chemistry.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.chemistry .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.chemistry .icon {border: none; background: url(../../images/akjournals/subjects/icon-chemistry-over.png) center center no-repeat #fff;}
/* Behavior */
.grid-row-four .grid-item.behavior .icon a {background: url(../../images/akjournals/subjects/icon-behavior.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.behavior .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.behavior .icon {border: none; background: url(../../images/akjournals/subjects/icon-behavior-over.png) center center no-repeat #fff;}
/* Architect */
.grid-row-four .grid-item.architect .icon a {background: url(../../images/akjournals/subjects/icon-architect.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.architect .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.architect .icon {border: none; background: url(../../images/akjournals/subjects/icon-architect-over.png) center center no-repeat #fff;}
/* Environment */
.grid-row-four .grid-item.environment .icon a {background: url(../../images/akjournals/subjects/icon-environment.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.environment .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.environment .icon {border: none; background: url(../../images/akjournals/subjects/icon-environment-over.png) center center no-repeat #fff;}
/* Mathematics */
.grid-row-four .grid-item.mathematics .icon a {background: url(../../images/akjournals/subjects/icon-mathematics.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.mathematics .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.mathematics .icon {border: none; background: url(../../images/akjournals/subjects/icon-mathematics-over.png) center center no-repeat #fff;}
/* Engineering */
.grid-row-four .grid-item.engineering .icon a {background: url(../../images/akjournals/subjects/icon-engineering.png) center center no-repeat #fff;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-row-four .grid-item.engineering .icon:hover a {opacity: 0;}
.grid-row-four .grid-item.engineering .icon {border: none; background: url(../../images/akjournals/subjects/icon-engineering-over.png) center center no-repeat #fff;}
/* Grid 4 Covers */
.grid-row-four .grid-item .cover {display: inline-block; height: 305px; width: 215px; max-width: 215px; margin: 35px auto 25px auto; background: #fff; border: 1px solid #ddd; text-indent: -9999px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.grid-item .cover a {display: block; width: 100%; height: 100%; float: left;}
.grid-item .cover img {width: 100%; height: auto; float: left;}
/* Grid 3 */
.grid-row-three {float: left; width: 100%; display: flex; flex-wrap: wrap;}
.grid-row-three.last {border-bottom: none; float: left; width: 100%; display: flex; flex-wrap: wrap;}
.grid-row-three .grid-item {text-align: left; border-right: 1px solid #ddd; flex: 0 0 calc(33%); border-bottom: 1px solid #ddd;
font-size: 100%; letter-spacing: -0.1px;}
.grid-row-three.last .grid-item {border-bottom: none;}
.grid-row-three .grid-item.third {border-right: none;}
.grid-row-three .grid-item .content {display: inline-block; height: auto; padding: 20px 30px 20px 30px; background: #fff; float: left; width: 100%;
-o-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
#block-wide.news h2 {font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 180%; padding: 15px 30px 0 30px; margin: 0; font-weight: 400;}
#blocks p {padding: 0 10px 10px 1px; width: 100%;}
#separator {display: block; float: left; clear: both; width: 100%; padding: 0; border-top: solid 1px #ddd; height: 0px; background: #f5f5f5; text-indent: -9999px; margin: 0 0 35px 0;}
.hidden {height: 0px; font-size: 0px; line-height: 0px; text-indent: -9999px;}
/* Browse */
#item-block {padding: 10px 0 40px 0; margin: 0 0 30px 0; border-bottom: 1px solid #ddd; float: left; width: 100%;}
#item-block.last {border-bottom: none;}
#item-cover {float: left; max-height: 305px; height: auto; max-width: 215px; background: #f5f5f5; text-align: center; border: 1px solid #ddd; margin: 0 0 0 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#item-content {float: left; width: 55%; border-right: 1px solid #ddd; padding: 0 40px 15px 30px; min-height: 305px;}
#item-title {font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 200%; margin: 0; font-weight: 400; line-height: 1.2;}
#item-context {float: left; padding: 20px 0 0 0;}
#item-context a.more {font-size: 105%; padding: 10px 20px; margin: 30px 5px 0 0;}
#item-functions {float: left; width: 20%; padding: 5px 0 10px 30px; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 110%;}
#item-cover a {display: block; width: 100%; height: 100%; float: left;}
#browse-tools {margin: 0 0 35px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f9f9f9; text-indent: -9999px; padding: 15px;}
/* Home Custom Styles */
.blog-featured {width: 100%;}
.items-row {width: 100%;}
.blog-featured h1 {text-align:center; margin: 40px auto;}
/* Accordion */
#accordion {margin: 0 0 30px 0; float: left; clear: both; width: 100%; border-top: 1px solid #ddd;}
.accordion-group {margin: 0; border-bottom: 1px solid #ddd; overflow: hidden;}
h3.accordion-heading {font-size: 130%; font-weight: 300; line-height: 1; padding: 15px 20px;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; letter-spacing: -0.5px; cursor: pointer; border-bottom: 1px solid #ddd; margin: 0;}
h4.accordion-heading {font-size: 110%; font-weight: 300; line-height: 1; padding: 15px 20px;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; letter-spacing: -0.5px; cursor: pointer; border-bottom: 1px solid #ddd; margin: 0;}
.accordion-heading .accordion-toggle {padding: 15px 20px; display: block; cursor: pointer; color: #555;
-o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.accordion-heading .accordion-toggle:hover {text-decoration: none;}
h3.ui-state-active {font-weight: 500; color: #007da5;}
.accordion-heading span.date {color: #959595;}
/*.accordion-inner {border-bottom: 1px solid #ddd; padding: 20px; float: left; width: 100%;}*/
.accordion-inner:hover {}
.accordion-inner h4 {font-size: 120%; margin: 15px 0 10px 0;}
.accordion-inner p {margin: 0 0 5px 0 !important; font-size: 95% !important; padding: 0 !important;}
.accordion-inner p.coming {margin: 14px 0 12px 0 !important; font-size: 95% !important; padding: 0 !important;}
.accordion-inner p.event {margin: 15px 0 5px 0 !important;}
.accordion-inner p.desc {margin: 0px 0 15px 0 !important;}
.accordion-inner ul, ol {clear: both; float: left; list-style-position: outside; margin: 0; padding: 10px 0 5px 15px;}
.accordion-inner ul.sessions {margin: 0 0 10px 0; padding: 5px 0 5px 15px !important;}
.collapse {position: relative; height: 0; overflow: hidden;
-webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease;}
.collapse.in {overflow: hidden;}
.collapse.in:hover {position: relative; height: auto; overflow: hidden;}
/* General */
h1, h2, h3, h4, h5, h6 {clear: both; line-height: 1.1; letter-spacing: 0px; text-transform: none; font-weight: 300; max-width: 1200px; display: block;
font-family: 'Montserrat', Helvetica, Arial, sans-serif; }
h1 {font-size: 280%; margin: 40px auto 30px auto; padding: 0 30px; color: #007da5; letter-spacing: -1.5px;}
h2 {font-size: 260%; margin: 0 auto 30px auto; letter-spacing: -1.4px; }
h3 {font-size: 240%; margin: 0 auto 30px auto; letter-spacing: -1.3px; }
h4 {font-size: 220%; margin: 0 auto 30px auto; letter-spacing: -1.2px; }
h5 {font-size: 200%; margin: 0 auto 30px auto; letter-spacing: -1.1px; }
h6 {font-size: 180%; margin: 0 auto 30px auto; letter-spacing: -1px; }
/* Content */
a.list:hover {color: #fff !important; text-decoration: none; background: url(images/icon-list.png) 255px center no-repeat #8AB95F;}
#button {display: block; width: 100%; text-align: center; float: left;}
a.more {display: inline-block; margin: 30px auto 0 auto; text-align: center; padding: 13px 25px; font-size: 110%; color: #fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
a.more:hover {background: #666; text-decoration: none;}
/* Hidden Elements */
.column-1 p, .column-2 p {display: none;}
/* Left Accordion Menu */
#left-column ul {padding: 0; list-style: none; float: left; width: 100%;}
.ac {border-top: 1px solid #ddd;}
.accordion-list {margin: 0 0 40px 0!important;}
left-column li {margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
.accordion-list li a {display: block; border-bottom: 1px solid #eaeaea; padding: 1rem; font-size:.9rem; float: left; width: 100%; color: #555;
font-size: 140%; font-weight: 300; line-height: 1; padding: 15px 20px;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; letter-spacing: -0.5px; cursor: pointer;
-o-transition: all .3s ease-out, color 1s ease-out; -ms-transition: all .3s ease-out, color 1s ease-out; -moz-transition: all .3s ease-out, color 1s ease-out; -webkit-transition: all .3s ease-out, color 1s ease-out; transition: all .3s ease-out, color 1s ease-out;}
.accordion-list li a:hover { background-color: #e5f2f6; text-decoration: none;}
/*accordion-list li:last-child a { border-bottom: none;}*/
.accordion-list > li > ul li a {padding: 15px 20px;}
.ac ul {display:none; margin: 0; }
.ac-list-item {position: relative; float: left; width: 100%; cursor: pointer;}
.ac-btn {display: inline-block; text-align: center; width: 40px; height: 40px; position:absolute; top: 7px; right: 10px; font-size: 180%; font-weight: 300;}
.ac-btn::after{content:"+"}
.ac .is-open>.ac-list {display:block}
.ac .is-open>.ac-btn::after{content:"-"}
.ac-animation ul {display:block; max-height: 0; transition: max-height .1s linear; overflow:hidden; margin: 0; }
.ac-animation .is-open > .ac-list {max-height: 100000px; border-bottom: 1px solid #ddd; padding: 15px 20px;}
.ac--animation .is-open ul li ul.ac-list {}
.ac-list-item a {
-o-transition: all .3s ease-out, color 1s ease-out; -ms-transition: all .3s ease-out, color 1s ease-out; -moz-transition: all .3s ease-out, color 1s ease-out; -webkit-transition: all .3s ease-out, color 1s ease-out; transition: all .3s ease-out, color 1s ease-out;}
.ac-list-item.is-open a {font-weight: 500; color: #007da5; border-bottom: 1px solid #ddd;}
.ac-list-item .ac-list a {font-weight: 300; font-size: 120%; border: none; color: #555;}
.ac-list-item .ac-list.is-open a.ac-anchor {font-weight: 500; font-size: 120%; border: none;}
#search-block {display: block; border: 1px solid #ddd; width: 100%; height: auto; float: left; margin: 0 0 30px 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
#search-block:hover {border: 1px solid #959595;}
#search-field {float: left; width: 75%; padding: 15px; color: #959595;}
#search-button {float: right; width: 55px; height: 52px; background: url(../../../images/akjournals/icon-search.png) center center no-repeat; text-indent: -9999px; opacity: .6; cursor: pointer;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
#search-button:hover {opacity: 1;}
#left-column.nomenu {padding: 45px 30px 40px 30px;}
/* Responsive Elements */
@media only screen and (max-width: 1100px) {
.mobile-header {display: block;}
#header #buttons {text-align: center; width: 100% !important; float: none; max-width: 100%; padding: 0; margin: 0 auto;}
.headerbutton {float: left; width: 100%; border-bottom: 1px solid #ddd;}
.headerbutton a {float: left; display: block; opacity: 1; color: #fff; font-size: 110%; margin: 0; padding: 17px 20px 15px 20px; width: 25%;
-o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
#content-bottommenuwrap .headerbutton {border-bottom: 1px solid #46ba9e; display: none;}
#content-bottommenuwrap .headerbutton a {font-size: 100%; text-align: center;}
#topmenuwrap {height: 60px;}
#topmenuwrap #akctopmenu {height: 60px; width: 100%; max-width: 100%;}
#topmenuwrap #akctopmenu .menu li ul {display: block; position: relative; background: none; width: 100%; border: none; padding: 0;
-webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px rgba(0,0,0,0)}
#topmenuwrap #akctopmenu .menu li ul {display: none !important;}
#topmenuwrap #akctopmenu .menu li ul li a {background: none; color: #ddd;}
#topmenuwrap #akctopmenu .menu li.item-101 a {}
#topmenuwrap #akctopmenu .menu li.item-101 a:hover {}
p.subtitle br, p.subscription {display: none;}
footer {width: 100%;}
table.rates br {display: none;}
#content-topmenu, #content-bottommenu {max-width: 100%; width: 100%;}
/* More Button */
#content {width: 100%;}
#right-column {clear: both; width: 100%; padding: 0; margin: 0 0 5px 0;}
#right-column li {width: 50%; float: left; clear: none;}
#right-column ul.menu li.last a, #right-column ul.menu-submenu li.last a {border: none !important;}
div.notes {margin: 15px 0;}
#right-column #sponsors {width: 100%; margin: 0 auto; padding: 0; text-align: center; float: left;}
#right-column #sponsors a {}
#right-column #sponsors.one a {width: 100% !important; clear: none !important; float: left !important; border: none !important;}
#right-column #sponsors.two a {width: 50%; clear: none; float: left !important; border-bottom: none;}
#right-column #sponsors.three a {width: 33% !important; clear: none !important; float: left !important; border: none !important;}
#right-column #sponsors.four a {width: 50% !important; clear: none !important; float: left !important; border: none !important;}
#notes a.more, a.reservation {margin: 0px 0 25px 0;}
#pathway {padding: 15px 0;}
.breadcrumb {padding: 0;}
div.pagination {margin: 0 0 15px 0;}
div.pagination ul {width: 100%;}
div.pagination a {display: none; width: 33.33333%;}
span.pagenav {width: 33.333333%;}
.pagination-next span, .pagination-next a, .pagination-prev span, .pagination-prev a {display: block !important; width: 33.333333%;}
.pagination-prev span {border-right: 1px solid #DDD; border-left: none !important;}
.pagination-prev a {border-right: 1px solid #ddd;}
.pagination-next span {border-left: 1px solid #ddd;}
.pagination .active {background: #e9e9e9 none repeat scroll 0 0; border-left: 0px solid #ddd;}
.pagination-next span.active {background: none; border-left: 1px solid #ddd;}
.custom-travel, .custom-facebook, .custom-linkedin {margin: 0 0 10px 0; clear: none; width: 49%;}
.custom-facebook {float: left;}
.custom-linkedin {float: right;}
#bank {padding-bottom: 85px;}
#cover-left {width: 230px; padding: 0;}
#cover-right {width: 69%; padding: 0;}
#right-column #sponsors h4 br {display: none;}
.noborder {border-bottom: none !important;}
#siteNav
{width: auto; height: 86px; z-index: 11; position:fixed !important; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; margin: 0;}
.show-on-small {display: inline-block;}
.on {width: 95px; padding: 0;}
ul.menu ul {display: block; opacity: 1; }
ul.menu li {text-indent: 0px; border-bottom: 0px solid #454545;}
ul.menu > li, ul.menu li,
ul.menu a, ul.menu li > a {display: block;}
#topmenuwrap #akctopmenu .menu li a {}
#topmenuwrap #logo {padding: 0; margin: 0; float: right; display: block; width: 50px;}
.no-csstransforms3d ul.menu.menu-active {left: 0;}
#menuToggler .icon {display: inline-block; vertical-align: middle; padding-right: 5px;}
#menuToggler span {display: inline-block; vertical-align: middle; font-weight: 800; font-size: 12px; line-height: 28px;}
#menuToggler a:hover {text-decoration: none;}
.grid-row-four .grid-item {flex: 50% !important;}
.grid-row-four .grid-item.second {border-right: none;}
.grid-row-four.last .grid-item.first, .grid-row-four.last .grid-item.second {border-bottom: 1px solid #ddd;}
/*.grid-row-three .grid-item {flex: 49% !important;}*/
header {padding: 120px 0 50px 0;}
.container {padding: 80px 0 0 0;}
}
@media only screen and (max-width: 768px) {
#headerbutton {width: 100%; float: none; margin: 0 auto;}
#headerbutton a, body.white #headerbutton a, #headerbutton.fixed a, body.white #headerbutton.fixed a {width: 50%;}
#logowrap #logo {width: auto; margin: 0 auto; float: none;}
#logo h2 {width: 100%; text-align: center; float: none; font-size: ;}
#logo h3 {width: 100%; text-align: center; float: none;}
#logo h4 {width: 100%; text-align: center; float: none;}
#wrap {max-width: 768px;}
#blockleft, #blockright {display: block; float: left; width: 100%; padding: 0; clear: both;}
.cols-3 .item {width: 100%; text-align: center; margin: 0 auto; border-bottom: 1px solid #ddd; padding: 15px 0;}
.cols-3 .item:hover {margin: 0 auto;}
#fleft {float: left; width: 100%; padding: 0; margin: 0; border: none; clear: both; text-align: center;}
#fright {float: left; width: 100%; margin: 0; padding: 0;}
#flogo {float: left; padding: 28px 0 0 0; width: 100%; }
#flogo a {float: none; margin: 0 auto;}
p.note br {display: none;}
#copyright {text-align: center;}
#copyright-info {width: 100%;}
ul.social {margin: 15px 0 5px 0;}
#gallery-preview #links a {width: 50%;}
#buttons {margin: -10px 0 0 0;}
#buttons a.more {width: 100%; margin: 5px 0 0 0;}
div.map {margin: 20px 0 25px 0px !important;}
ul.speakers li {width: 100%;}
.pseudo {display: none;}
.intro a.second {margin-top: 15px;}
#cover-left {width: 230px;}
#cover-right {width: 100%; clear: both; margin: 0 0 0 0;}
p.bigimg {margin: 0 0 10px 0 !important;}
#message .left {float: left; clear: both; text-align: center; width: 100%;}
#message .right {float: left; clear: both; text-align: center; width: 100%;}
#message #mbutton {width: 100%; float: none; margin: 0 auto; clear: both; max-width: 400px;}
#message #mbutton a {text-align: center;}
#bank {font-size: 100%; text-align: center; padding-bottom: 80px;}
#bank a {clear: both; margin: 0 0 5px 0; width: 100%;}
#content-topmenu ul li, #content-bottommenu ul li {width: 100% !important;}
#footer-menu {padding: 25px 0 0 0;}
#footer-menu ul, ol {width: 100%; clear: both; text-align: center; border-bottom: 1px solid #777; padding: 0 0 15px 0; margin: 0 0 15px 0;}
#footer-menu a {display: inline-block; padding: 0;}
#footer-menu ul.menutmenu {border-bottom: none; padding: 0 0 5px 0;}
footer {padding: 25px 0;}
.grid-row-three {flex-direction: column;}
.grid-row-three .grid-item {border-right: none; border-bottom: 1px solid #ddd; padding: 15px 0;}
.grid-row-three.last .grid-item {border-bottom: 1px solid #ddd;}
#block-wide.news h2 {padding: 15px 0 0 0;}
.grid-row-three .grid-item .content {padding: 20px 0;}
}
@media only screen and (max-width: 550px) {
header {padding: 120px 0 90px 0;}
header .headline, header .content, header .buttons {width: 100%; text-align: center;}
header .buttons a {margin: 0 0 10px 0; width: 80%;}
h1 {font-size: 240%;}
/* GrayLink / More / Buttons */
#more a {
text-decoration: none;
display: block; float: left; padding: 14px 0 11px 0; margin: 0; color: #858585; font-weight: 400; width: 100%;
border-right: none; border-left: none;
border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; text-align: center;
}
#more a.first, #more a.last {border: none; width: 100%;}
#more a:hover {color: #fff; background: #858585;}
#more a.first {
-webkit-border-top-left-radius: 1px; -webkit-border-bottom-left-radius: 1px;
-moz-border-radius-topleft: 1px; -moz-border-radius-bottomleft: 1px;
border-top-left-radius: 1px; border-bottom-left-radius: 1px;}
#more a.last {
-webkit-border-top-right-radius: 1px; -webkit-border-bottom-right-radius: 1px;
-moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px;
border-top-right-radius: 1px; border-bottom-right-radius: 1px;}
#right-column #sponsors.one a, #right-column #sponsors.two a, #right-column #sponsors.three a, #right-column #sponsors.four a
{width: 100% !important; clear: none !important; float: left !important; border-bottom: 1px solid #ddd !important;}
#right-column #sponsors.one a.last, #right-column #sponsors.two a.last, #right-column #sponsors.three a.last, #right-column #sponsors.four a.last
{border: none !important;}
#speakerhead {margin: 0; clear: both;}
#block300, #block300b {width: 100%; padding: 5px 0 10px 0;}
#block300 {border-bottom: 1px solid #ddd; border-right: none;}
#pathway {padding: 10px 0;}
.breadcrumb li {clear: both; line-height: 1.2; padding: 2px 1px;}
.breadcrumb .divider {display: none;}
.pdf, .doc, pdf.first, doc.first {float: left; width: 100%;}
/* Header links */
.home ul, ol {padding: 5px 0 19px 13px;}
ul, ol {margin: 0; padding: 5px 0 19px 13px;}
#right-column ul.menu-submenu li a.noborder {border-bottom: 1px dotted #bfbfbf !important;}
#fright {padding: 5px 0;}
.grid-row-four .grid-item {flex: 100% !important; border-right: none !important;}
.grid-row-four.last .grid-item.third {border-bottom: 1px solid #ddd;}
}
@media only screen and (max-width: 400px) {
footer {font-size: 90%;}
}