﻿/* = Framework
----------------------------------------------------------------------------------------------------------------- */
header { position: relative; }
footer { padding: 40px 0; }

.stickyOn header { z-index: 1; }

.container { width: 1260px; margin: 0 auto; position: relative; }
.container img { max-width: 100%; }
.container--featured { width: 1360px; }

.template { padding: 40px 0; }

.template.template--hasHero { padding-top: 0; }
.template--hasHero .hero { margin-bottom: 40px; }

.template--2col .left-content { float: left; width: 300px; margin-right: 50px; }
.template--2col .right-content { float: left; width: calc(100% - 350px); }
.template--2col .right-content p:last-child { margin-bottom: 0; }

.template--slim .container { margin: 0 auto; max-width: 650px; }

.template.template--events { padding-top: 0; }

.full { margin: 50px 0; padding: 50px 0; }
.full:first-child { margin-top: 0; }
.full--noMTop { margin-top: 0; }
.full--grey { background: #f4f4f4; }
.full--dGrey { background: #a2a2a2; }
.full + .full { margin-top: 0; }
.full:last-of-type { margin-bottom: 0; }
.full.full--noMBot { margin-bottom: 0; }

.container--featured + .full { margin-top: 10px; }

@media screen and (min-width: 751px) and (max-width: 850px) {
    header { z-index: 2; }
}

@media screen and (max-width: 1430px) {
    .container { width: auto; margin-right: 25px; margin-left: 25px; }
}

@media screen and (max-width: 1024px) {
    .template--2col .left-content { width: 250px; margin-right: 40px; }
    .template--2col .right-content { width: calc(100% - 290px); }
}

@media screen and (max-width: 850px) {
    .template--2col { padding-top: 0; }
    .template--2col .left-content { float: none; margin: 0; width: 100%; padding-top: 65px; }
    .template--2col .right-content { float: none; margin: 0; width: 100%; }
}

@media screen and (max-width: 750px) {
    .stickyOn header { z-index: 11; }
}

@media screen and (max-width: 700px) {
    .template--slim .container { width: auto; margin-right: 25px; margin-left: 25px; }
}

@media screen and (max-width: 600px) {
    .template { padding: 35px 0; }
    .template--2col { padding-top: 0; }
    .full { margin: 40px 0; padding: 40px 0; }

    .template--hasHero .hero { margin-bottom: 35px; }

    .container--featured + .full { margin-top: 5px; }
}

@media screen and (max-width: 400px) {
    footer { padding: 35px 0; }

    .container,
    .template--slim .container { margin-right: 20px; margin-left: 20px; }

    .full { margin: 35px 0; padding: 35px 0; }

    .container--featured + .full { margin-top: 0; }

    .template { padding: 30px 0; }
    .template--2col { padding-top: 0; padding-bottom: 35px }

    .template--hasHero .hero { margin-bottom: 30px; }
}

@media screen and (max-width: 360px) {
    footer { padding: 30px 0; }

    .container,
    .template--slim .container { margin-right: 15px; margin-left: 15px; }

    .full { margin: 32px 0; padding: 32px 0; }
    .full--grey { margin: 30px 0; padding: 30px 0; }

    .template--2col { padding-top: 0; padding-bottom: 30px }
}

/* = Header Content
----------------------------------------------------------------------------------------------------------------- */
.hdr-dods { padding: 0 30px; color: #a2a2a2; font-size: 0.750em; background: #2F2F2F; position: relative; z-index: 5; }
.hdr-dods .dods-group,
.hdr-dods .dods-brands { margin: 0 5px 0 0; display: inline-block; }

.hdr-main { padding: 26px 0; background: #da1a35; position: relative; }
.hdr-main p { font-family: din-2014, sans-serif; font-weight: 700; }

.dods-group:after { content: ''; margin: 0px 0px 2px 8px; width: 36px; height: 22px; display: inline-block; vertical-align: middle; background: url(/_img/logos/logo-dods-sml.svg) no-repeat 0 0; }

.dods-brands > div { display: inline-block; padding: 7px 0 7px 20px; }
.dods-brands .db-select { color: #d8d8d8; position: relative; }
.dods-brands .db-select:after { font-size: 10px; padding-left: 4px; }
.dods-brands span { margin-left: 10px; }
.dods-brands ul { display: none; position: absolute; list-style: none; top: 30px; left: 5px; width: 220px; padding: 10px 0; margin: 0; background: #efefef; -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); }
.dods-brands li { margin: 0; }
.dods-brands li:hover a { text-decoration: underline; }
.dods-brands a { display: block; padding: 4px 15px; }
.dods-brands .db-select:hover ul { display: block; z-index: 1; }

.hdr-social { position: absolute; top: 50%; left: 30px; margin-top: -23px; color: #fff; }
.hdr-social p { margin: 0 0 5px; font-size: 0.813em; text-transform: uppercase; letter-spacing: 0.081em; }
.hdr-social a { margin-right: 9px; color: #fff; -webkit-transition: color .2s ease; transition: color .2s ease; }
.hdr-social a:hover { color: #FFD542; }
.hdr-social a:last-child { margin: 0; }

.sticky-srch,
.hdr-srch { position: absolute; cursor: pointer; top: 0; right: 0; width: 42px; height: 100%; border-left: 1px solid #ccc; }

.sticky-srch:before,
.hdr-srch:before { position: absolute; top: 50%; width: 100%; margin-top: -8px; }

.hdr-dods .hdr-srch { display: none; width: 30px; color: #fff; }
.hdr-dods .hdr-srch:before { margin: 0; top: 0; height: 36px; line-height: 36px; }

.sticky-srch { width: 51px; border-left: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); }
.sticky-srch:before { color: #fff; font-size: 14px; }

.hdr-subs { min-width: 300px; position: absolute; right: 30px; top: 50%; margin-top: -43px; }
.hdr-subs .hSubText { float: left; width: calc(100% - 80px); text-align: right; top: calc(50% - 2px); position: absolute; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hdr-subs img { width: 65px; float: right; }
.hdr-subs p { margin: 0 0 10px; color: #fff; font-size: 0.875em; line-height: 1.35em; }
.hdr-subs p:last-child { margin: 0; }
.hdr-subs p span { display: block; }

.logo { width: 393px; height: 65px; display: block; margin: 0 auto; background: url(/_img/logo_no-tagline.svg) no-repeat top left; }
.logo-sticky { width: 155px; padding: 14px 16px; position: relative; display: table-cell; vertical-align: middle; }

.sticky-header { position: fixed; top: 0; left: 0; display: table; width: 100%; background: #da1a35; z-index: 10; -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: transform .3s ease; transition: transform .3s ease; }
.stickyOn .sticky-header { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

@media screen and (min-width: 1401px) {
    .logo { width: 423px; height: 70px; background-size: 423px 70px; }
}

@media screen and (min-width: 1601px) {
    .logo { width: 453px; height: 75px; background-size: 453px 75px; }

    .hdr-main { padding: 24px 0; }
}

@media screen and (min-width: 961px) and (max-height: 700px) {
    .hdr-main { padding: 30px 0; }
}

@media screen and (min-width: 751px) {
    .hdr-srch:hover { background-color: #eaeaea; }
}

@media screen and (max-width: 1200px) {
    .hdr-main { position: static; }
    .hdr-subs { display: none; }

    .hdr-social { top: 4px; margin: 0; left: auto; right: 30px; z-index: 11; }
    .hdr-social p { display: none; }
    .hdr-social a { font-size: 0.875em; }
}

@media screen and (max-width: 1060px) {
    .sticky-srch { right: 54px; border-right: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); }
}

@media screen and (max-width: 800px) {
    .hdr-dods { font-size: 0.688em; }
    .dods-group:after { margin: 0 0 1px 5px; width: 32px; height: 19px; background-size: 100% auto; }

    .dods-brands ul { top: 29px; }
}

@media screen and (max-width: 750px) {
    .hdr-dods { padding: 0 20px; height: 36px; }

    .sbOn .hdr-dods { z-index: 2; }

    .hdr-social { display: none; right: 25px; }
    .hdr-main { padding: 25px 0; }

    .hdr-srch { border-right: 1px solid #ccc; }
    .hdr-nav .hdr-srch { display: none; }
    .hdr-dods .hdr-srch { width: 36px; right: 98px; font-size: 13px; border-color: rgba(255, 255, 255, 0.4); display: block; }
    .hdr-dods .dods-group { padding-top: 9px; }

    .dods-brands .db-select:before { content: ''; display: inline; height: 20px; width: 100%; position: absolute; bottom: -10px; left: 0; }
    .dods-brands ul { top: 32px; left: calc(50% + 10px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 200px; }
}

@media screen and (max-width: 600px) {
    .hdr-dods { padding: 0 15px; }
    .hdr-dods .hdr-srch { right: 92px; }
    .hdr-social { right: 20px; }

    .dods-brands > div { padding-left: 15px; }

    .logo { width: 333px; height: 55px; background-size: auto 100%; }
}

@media screen and (max-width: 520px) {
    .hdr-main { padding: 24px 0; }
    .logo { width: 303px; height: 50px; }
}

@media screen and (max-width: 480px) {
    .hdr-social { right: 15px; }
    .hdr-dods .dods-brands { display: none; }
}

@media screen and (max-width: 400px) {
    .hdr-main { padding: 23px 0; }
    .logo { width: 272px; height: 45px; }
}

@media screen and (max-width: 350px) {
    .hdr-dods { padding: 0 12px; }
    .hdr-dods .hdr-srch { right: 86px; }
    .hdr-social { right: 12px; }
}

/* = Header Search bar
----------------------------------------------------------------------------------------------------------------- */
.hdr-searchBar { position: absolute; bottom: 0; right: 0; width: 350px; background: #fff; -webkit-transition: bottom .3s ease, box-shadow .3s ease; transition: bottom .3s ease, box-shadow .3s ease; z-index: 1; }
.hdr-searchBar .sb-keyword { position: relative; height: 36px; border: none; font-size: 13px; width: calc(100% - 80px); }
.hdr-searchBar .sb-btn { position: absolute; right: 0; top: 0; height: 36px; width: 80px; text-align: center; }
.sbOn .hdr-searchBar { bottom: -36px; -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); }

@media screen and (min-width: 751px) {
    .stickyOn .hdr-searchBar { visibility: hidden; top: 0; position: fixed; bottom: auto; -webkit-transition: top .3s ease; transition: top .3s ease; }
    .stickyOn.sbOn .hdr-searchBar { visibility: visible; top: 49px; }
}

@media screen and (min-width: 751px) and (max-width: 1060px) {
    .stickyOn.sbOn.navOn .hdr-searchBar { top: 90px; }
}

@media screen and (max-width: 750px) {
    .hdr-searchBar { visibility: hidden; position: fixed; bottom: auto; top: 50%; bottom: auto; left: calc(50% - 175px); opacity: 0; -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    .stickyOn .hdr-searchBar { top: calc(50% + 7px); }
    .sbOn .hdr-searchBar { display: block; visibility: visible; bottom: auto; opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: transform .3s ease, visibility .3s ease, opacity .3s ease; transition: transform .3s ease, visibility .3s ease, opacity .3s ease; -webkit-transition-delay: .15s, 0s, .15s; transition-delay: .15s, 0s, .15s; z-index: 2; }

    body:after { content: ''; opacity: 0; }
    body.sbOn:after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 1; transition: opacity .3s ease; }
}

@media screen and (max-width: 400px) {
    .hdr-searchBar { width: 300px; left: calc(50% - 150px); }
}

@media screen and (max-width: 350px) {
    .hdr-searchBar { width: 280px; left: calc(50% - 140px); }
}

/* = Main navigation & Sticky Navigation
----------------------------------------------------------------------------------------------------------------- */
.hdr-nav { position: relative; min-height: 40px; background-color: #efefef; border-bottom: 1px solid #ccc; z-index: 2; }
.main-nav { text-align: center; }

.sticky-nav ul li.menu--tw a:before,
.main-nav ul li.menu--tw a:before { padding-right: 3px; text-decoration: none; }

.sticky-nav > ul,
.main-nav > ul { display: inline-block; }

.main-nav ul { margin: 0; padding: 0; }
.sticky-nav { text-align: right; }
.sticky-nav ul { margin: 0; padding: 0; text-align: right; }

.sticky-nav .more-nav,
.main-nav .more-nav { margin-left: 30px; }

.main-nav ul li,
.sticky-nav ul li { display: inline-block; list-style: none; margin: 0 30px 0 0; padding: 0; position: relative; }

.main-nav ul li .ico { display: none; }

.main-nav ul li:last-child,
.sticky-nav ul li:last-child { margin: 0; }

.main-nav ul li a,
.sticky-nav ul li a { display: block; padding: 9px 0 7px; font-size: 0.875em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.075em; }

.main-nav ul li a.on { color: #da1a35; }

.main-nav ul li ul,
.sticky-nav ul li ul { display: none; }

.main-nav ul li ul li,
.sticky-nav ul li ul li { margin: 0; display: block; }

.sticky-nav { padding-right: 80px; display: table-cell; vertical-align: middle; }
.sticky-nav ul li a { color: #fff; }
.sticky-nav ul li ul a { color: #1f1f1f; }
.sticky-nav ul .liHasChildren a:after { color: rgba(255, 255, 255, 0.6); }

.sticky-nav ul .ext a:after { color: #1f1f1f; }

.nav-social { display: none; position: absolute; padding: 8px 15px; bottom: 0; left: 0; width: 100%; background: #e4e4e4; }
.nav-social > * { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
.nav-social .ico { margin-right: 13px; font-size: 18px; }


@media screen and (min-width: 1061px) and (max-height: 650px) {
    .main-nav ul li.liHasChildren ul li a,
    .sticky-nav ul li.liHasChildren ul li a { padding: 8px 0 6px; }
}

@media screen and (min-width: 1061px) and (max-height: 600px) {
    .main-nav ul li.liHasChildren ul li a,
    .sticky-nav ul li.liHasChildren ul li a { padding: 7px 0 5px; }
}

@media screen and (min-width: 1061px) {
    .sticky-nav .more-nav li.liHasChildren:last-child ul { left: auto; right: 0; text-align: right; }

    .sticky-nav ul li ul li:hover a { text-decoration: underline; }
}

@media screen and (min-width: 751px) {
    .main-nav ul li.liHasChildren span,
    .sticky-nav ul li.liHasChildren span { padding-bottom: 20px; }

    .main-nav ul li.liHasChildren ul,
    .sticky-nav ul li.liHasChildren ul { position: absolute; padding: 15px 25px; width: 240px; left: -25px; top: 41px; background: #efefef; text-align: left; -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); z-index: 2; }

    .sticky-nav ul li.liHasChildren ul { top: 45px; }

    .main-nav ul li.liHasChildren:hover ul,
    .sticky-nav ul li.liHasChildren:hover ul { display: block; }

    .main-nav > ul > li:not(.liHasChildren) a:after,
    .sticky-nav > ul > li:not(.liHasChildren) a:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); background-color: #da1a35; -webkit-transition: transform .2s ease; transition: transform .2s ease; }

    .sticky-nav > ul > li:not(.liHasChildren) a:after { bottom: -4px; height: 3px; background-color: #fff; }

    .main-nav > ul > li:not(.liHasChildren) a:hover:after,
    .sticky-nav > ul > li:not(.liHasChildren) a:hover:after { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

    .main-nav ul li ul li:hover a { text-decoration: underline; }
}

@media screen and (min-width: 751px) and (max-width: 1060px) {
    .stickyOn .hdr-nav { position: fixed; width: 100%; top: -41px; left: 0; z-index: 10; -webkit-transition: top .3s ease; transition: top .3s ease; }
    .stickyOn.navOn .hdr-nav { top: 49px; }
    .stickyOn .hdr-nav .hdr-srch { display: none; }

    .sticky-nav > ul > li:not(.liHasChildren) a:after { content: none; }
}

@media screen and (min-width: 751px) and (max-width: 960px) {
    .main-nav ul li.liHasChildren ul { left: -50px; padding: 10px 20px; width: 200px; }
    .main-nav ul li.liHasChildren ul li a { padding: 7px 0 5px; }
}

@media screen and (min-width: 751px) and (max-width: 800px) {
    .main-nav ul li.liHasChildren ul { left: -45px; }
}

@media screen and (min-width: 751px) and (max-width: 850px), screen and (min-width: 961px) and (max-width: 1160px) {
    .main-nav .more-nav li.liHasChildren:last-child ul { left: auto; right: 0; text-align: right; }
}

@media screen and (max-width: 1060px) {
    .sticky-nav { display: none; }
}

@media screen and (max-width: 960px) {
    .main-nav { text-align: left; }
    .main-nav ul { text-align: left; margin-left: 30px; }
    .main-nav ul li { margin: 0 25px 0 0; }
    .main-nav ul li a { font-size: 0.813em; letter-spacing: 0.05em; }
    .main-nav ul .liHasChildren a:after { font-size: 12px; padding: 0 0 3px 4px; }
    .main-nav ul .ext > a:after { padding-left: 7px; }

    .sticky-nav .more-nav,
    .main-nav .more-nav { margin-left: 25px; }

    .main-nav > ul > li:not(.liHasChildren) a:after { height: 3px; }
}

@media screen and (max-width: 800px) {
    .main-nav ul { margin-left: 25px; }
    .main-nav ul li { margin: 0 20px 0 0; }

    .sticky-nav .more-nav,
    .main-nav .more-nav { margin-left: 20px; }
}

@media screen and (max-width: 750px) {
    .hdr-nav { position: fixed; top: 0; left: 0; left: -275px; width: 256px; border: none; height: 100%; background: #efefef; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.25); -webkit-transition: left .4s ease; transition: left .4s ease; z-index: 11; }
    .navOn .hdr-nav { left: 0; }

    .csstransforms3d .hdr-nav { left: 0; -webkit-transform: translate3d(-275px, 0, 0); -moz-transform: translate3d(-275px, 0, 0); transform: translate3d(-275px, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; }
    .csstransforms3d .navOn .hdr-nav { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

    .main-nav { height: 100%; height: calc(100% - 43px); overflow: auto; }
    .main-nav ul li { margin: 0; }
    .main-nav > ul { display: block; margin: 0; padding: 15px 20px 0; }
    .main-nav > ul > li { display: block; margin: 0; border-bottom: 1px solid #ccc; }
    .main-nav > ul > li:last-child { border: none; }
    .main-nav > ul > li > a { padding: 10px 4px 8px; font-size: 0.875em; }
    .main-nav > ul > li > ul { margin: 0 0 15px 15px; }
    .main-nav > ul > li > ul > li > a { padding: 6px 0 4px; }

    .main-nav ul .liHasChildren,
    .main-nav ul .liHasChildren a { position: relative; }
    .main-nav ul .liHasChildren a:after { display: none; padding: 0; position: absolute; right: 2px; top: 14px; }

    .main-nav .more-nav li ul li.ext a span:after { content: '\f08e'; font-family: "holyrood"; font-size: .9em; padding-left: 7px; display: inline-block; font-style: normal; position: relative; line-height: 1em; }

    .main-nav ul .liHasChildren > a { margin-right: 45px; }
    .main-nav ul li .ico { display: block; position: absolute; cursor: pointer; right: 0; top: 5px; height: 32px; line-height: 32px; width: 36px; text-align: center; border-left: 1px solid #ccc; }
    .main-nav ul li.subOn .ico:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

    .main-nav ul li.subOn ul { display: block; }

    .sticky-nav .more-nav,
    .main-nav .more-nav { margin: 0; padding: 0 20px 10px; }
    .main-nav > .more-nav > li:first-child { border-top: 1px solid #ccc; }

    .nav-social { display: block; }
    .cover { display: none; background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0.6; }
}

@media screen and (max-width: 480px) {
    .main-nav ul li a { font-size: 13px; }
    .main-nav > ul > li > a { padding: 11px 4px 9px; font-size: 14px; }
}

/* = Additional subnav on desktop only
----------------------------------------------------------------------------------------------------------------- */
.hdr-subnav { display: none; text-align: center; }
.sub-nav ul { list-style: none; margin: 0; padding: 6px 0 7px; background: #e5e5e5; }
.sub-nav ul li { display: inline-block; margin: 0 30px 0 0; }
.sub-nav ul li.menu--tw a:before { padding-right: 3px; text-decoration: none; }
.sub-nav ul li.on a { color: #da1a35; }
.sub-nav ul li a:hover { text-decoration: underline; }
.sub-nav ul li:last-child { margin: 0; }

@media screen and (min-width: 851px) {
    .hdr-subnav { display: block; }
}

/* = 2 col subnav
----------------------------------------------------------------------------------------------------------------- */
.twocol-nav { margin: 5px 0 30px; }
.twocol-nav:last-child { margin-bottom: 5px; }
.twocol-nav ul { list-style: none; margin: 0; padding: 0; }
.twocol-nav ul li { margin: 0; border-bottom: 1px solid #ddd; }
.twocol-nav ul li a { padding: 10px 15px; display: block; background: #fff; }
.twocol-nav ul li a:hover { color: #fff; background: #1f1f1f; }
.twocol-nav ul li.liOn a,
.twocol-nav ul li.on a { background: #da1a35; color: #fff; }

.twocol-nav .sub-toggle { cursor: pointer; padding: 13px 15px 10px; background: #e5e5e5; border-bottom: 2px solid #da1a35; font-size: 0.875em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.075em; position: relative; }
.twocol-nav .sub-toggle:after { display: none; position: absolute; top: 14px; right: 15px; }
.twocol-nav.on .sub-toggle:after { content: '\e819'; }

@media screen and (max-width: 850px) {
    .twocol-nav { margin: 0 -25px; position: absolute; top: 0; left: 0px; width: calc(100% + 50px); z-index: 1; }
    .twocol-nav .submenu { display: none; }
    .twocol-nav.on .submenu { display: block; -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); }
    .twocol-nav .sub-toggle { padding-top: 11px; display: block; font-size: 0.813em; border-width: 1px; }
    .twocol-nav .sub-toggle:after { display: block; }
}

@media screen and (max-width: 480px) {
    .twocol-nav ul li a { padding: 8px 15px; }
}

@media screen and (max-width: 400px) {
    .twocol-nav { margin: 0 -20px; width: calc(100% + 40px); }
}

@media screen and (max-width: 360px) {
    .twocol-nav { margin: 0 -15px; width: calc(100% + 30px); }
}

/* = Nav Hamburger
----------------------------------------------------------------------------------------------------------------- */
.burger { display: none; position: absolute; top: 50%; margin-top: -8px; right: 20px; overflow: hidden; cursor: pointer; z-index: 1; }
.hdr-dods .burger > div { display: inline-block; vertical-align: middle; }
.burger .b-label { padding-left: 6px; font-size: 13px; line-height: 1; color: #fff; text-transform: uppercase; letter-spacing: .025em; font-weight: 600; }
.hamburger { position: relative; padding: 0; width: 15px; height: 14px; cursor: pointer; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; overflow: hidden; }
.hamburger:focus { outline: none; }
.hamburger span { display: block; position: absolute; top: 50%; margin-top: -1px; left: 0; right: 0; height: 2px; background: #fff; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }
.hamburger span::before,
.hamburger span::after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.hamburger span::before { top: -5px; }
.hamburger span::after { bottom: -5px; }

.navOn .hamburger span { background: none; }
.navOn .hamburger span::before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navOn .hamburger span::after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.sticky-header .hamburger span,
.sticky-header .hamburger span::before,
.sticky-header .hamburger span::after { background: #fff; }
.navOn .sticky-header .hamburger span { background: none; }

@media screen and (max-width: 1060px) {
    .sticky-header .burger { margin-top: -7px; display: block; }
}

@media screen and (max-width: 750px) {
    .burger { display: block; }
}

@media screen and (max-width: 600px) {
    .hdr-dods .burger { right: 15px; }
}

@media screen and (max-width: 480px) {
    .burger { margin-top: -7px; }
}

@media screen and (max-width: 350px) {
    .hdr-dods .burger { right: 12px; }
}

/* = Footer content
----------------------------------------------------------------------------------------------------------------- */
.ftr-subsFollow { float: left; width: 250px; }

.ftr-follow,
.ftr-comp { margin-top: 30px; }

.ftr-follow h3 { margin-bottom: 15px; }
.ftr-follow .ico { margin: 0 8px 0 0; border: 1px solid #1f1f1f; text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 40px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0.875em; }
.ftr-follow .ico:before { line-height: 40px; }
.ftr-follow .ico--fb:hover { color: #fff; background-color: #3b5998; border-color: #3b5998; }
.ftr-follow .ico--tw:hover { color: #fff; background-color: #00aced; border-color: #00aced; }
.ftr-follow .ico--li:hover { color: #fff; background-color: #007bb6; border-color: #007bb6; }

.ftr-comp p { margin-bottom: 12px; font-size: 0.813em; font-family: din-2014, sans-serif; }
.ftr-comp p:last-child { margin-bottom: 0; }

.ftr-links { float: left; width: calc(100% - 290px); margin-left: 40px; padding-left: 40px; border-left: 1px solid #e5e5e5; }
.ftr-links ul { list-style: none; margin: 0; padding: 0; }
.ftr-links ul li { width: calc(100% - 20px); font-size: 0.875em; line-height: 1.25em; margin: 0 0 18px; }
.ftr-links ul li a:hover { text-decoration: underline; }
.ftr-links ul li:last-child { margin: 0; }
.ftrl-col { float: left; width: 20%; }
.ftrl-col h4 { padding-right: 15px; }
.ftrl-subCol:first-child { margin-bottom: 30px; }
.ftrl-dd .ico { display: none; }

.ftr-subs .hSubText { float: right; width: calc(100% - 120px); }
.ftr-subs img { width: 100px; float: left; }
.ftr-subs p { margin: 0 0 10px; font-size: 0.875em; font-family: din-2014, sans-serif; font-weight: 700; }
.ftr-subs p:last-child { margin: 0; }
.ftr-subs p span { display: block; }

@media screen and (max-width: 1200px) and (min-width: 1025px), screen and (max-width: 750px) {
    .ftrl-col { width: 33.333%; }
    .ftrl-col:nth-child(2) { width: 66.666%; clear: right; }
    .ftrl-col:nth-child(3) { clear: left; }
    .ftrl-col:nth-child(-n+2) { margin-bottom: 30px; }

    .ftrl-subCol { float: left; width: 50%; }
}

@media screen and (max-width: 1200px) {
    .ftrl-col h4 { margin-bottom: 15px; }
    .ftr-links ul li { margin: 0 0 15px; font-size: 0.813em; }
}

@media screen and (max-width: 1024px) {
    .ftr-subsFollow { float: none; width: 100%; padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px solid #e5e5e5; position: relative; }
    .ftr-subsFollow:before { content: ''; position: absolute; left: 50%; top: 0; bottom: 30px; width: 1px; height: calc(100% - 30px); background: #e5e5e5; }
    .ftr-subsFollow > div { float: left; width: calc(50% - 40px); margin: 0 40px 0 0; }
    .ftr-subsFollow .ftr-follow { margin: 0 0 0 40px; }
    .ftr-links { float: none; width: 100%; margin: 0; padding: 0; border: none; }
}

@media screen and (max-width: 650px) {
    .ftrl-col:nth-child(-n+2) { margin-bottom: 0; }

    .ftr-comp p { margin-bottom: 10px; }

    .ftr-subsFollow { border: none; padding: 0; }
    .ftr-subsFollow .ftr-subs { width: 100%; margin: 0 0 30px; }
    .ftr-subsFollow .ftr-follow { width: 100%; margin: 0; }
    .ftr-subsFollow:before { content: none; }

    .ftr-links ul li { font-size: 0.875em; }
    .ftr-links > .ftrl-dd:first-child { border: none; }

    .ftrl-dd .ico { display: block; position: absolute; right: 0; top: 9px; }
    .ftrl-col,
    .ftrl-subCol,
    .ftrl-col:nth-child(2) { float: none; width: 100%; }

    .ftrl-dd h4,
    .ftrl-subCol:first-child { margin: 0; }

    .ftrl-dd { position: relative; padding: 8px 0; border-top: 1px solid #eee; }
    .ftrl-dd ul { max-height: 0; overflow: hidden; }
    .ftrl-dd.on ul { margin: 15px 0 10px; max-height: 100%; }
    .ftrl-dd.on .ico { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

@media screen and (max-width: 480px) {
    .ftr-links ul li { font-size: 0.975em; margin: 0 0 14px; }
    .ftr-follow .ico { font-size: 1em; }
    .ftr-comp p { font-size: 0.913em; }
}

/* = Signup banner
----------------------------------------------------------------------------------------------------------------- */
.signup-banner { margin: 50px 0; padding: 50px 25px; background: #FFD542; }
.signup-banner:first-of-type { margin-top: 0; }
.signup-banner:last-of-type { margin-bottom: 0; }
.su-inner { max-width: 700px; margin: 0 auto; }
.su-inner h2 span { color: #DA1A35; }
.su-inputs { max-width: 500px; margin: 0 auto 15px; }
.su-inputs .btn { padding: 11px 18px 10px; font-size: 0.813em; }
.su-inputs input.text { width: calc(100% - 120px); border-color: #ddd; }
.su-inputs input { display: inline-block; vertical-align: middle; }
.su-form .checkList label { margin: 0; padding-left: 30px; font-size: 13px; font-family: 'Open Sans', sans-serif; }
.su-form .checkList a { text-decoration: underline; }
.su-form .formList label:before { position: absolute; top: 2px; left: 0; width: 14px; height: 14px; margin: 0; }
.su-form .checkList label.checked:after { left: 7px; top: 5px; }

@media screen and (max-width: 600px) {
    .signup-banner { margin: 40px 0; padding: 40px 25px; }
    .su-form .checkList label { font-size: 13px; padding-left: 27px; text-align: left; line-height: 1.25em; }
    .su-form .formList label:before { top: -1px; width: 12px; height: 12px; margin-right: 8px; }
    .su-form .checkList label.checked:after { top: 2px; width: 3px; height: 9px; }
}

@media screen and (max-width: 480px) {
    .signup-banner { margin: 35px 0; padding: 35px 22px; }
    .su-inputs .btn { padding: 10px 18px; }
    .su-form .formList label:before { top: 0; }
    .su-form .checkList label { font-size: 12px; }
    .su-form .checkList label.checked:after { top: 3px; }
}

@media screen and (max-width: 400px) {
    .su-inner > h2 { max-width: 80%; margin: 0 auto 18px; }

    .su-form .formList label:before { top: 3px; width: 10px; height: 10px; margin-right: 6px; }
    .su-form .checkList label { padding-left: 23px; font-size: 3vw; }
    .su-form .checkList label.checked:after { left: 6px; top: 5px; width: 3px; height: 8px; }

    .su-inputs { position: relative; }
    .su-inputs .btn { position: absolute; right: 0; top: 0; }
    .su-inputs input.text { display: block; width: calc(100% - 84px); }
}

@media screen and (max-width: 380px) {
    .signup-banner { margin: 25px 0; padding: 25px 22px; }
}

@media screen and (max-width: 340px) {
    .su-inner > h2 { max-width: 90%; margin: 0 auto 15px; }
    .su-form .checkList label { font-size: 2.8vw; }
}

/* = Signup form
----------------------------------------------------------------------------------------------------------------- */
.signup-full h3 { background: #ffd542; padding: 6px 14px; }
.signup-full .checkList label.checked:after { border-color: #da1a35; }

.suf-wrap { margin: 0 0 30px; }
.suf-wrap > div { margin-bottom: 20px; }
.suf-checkboxes > div { float: left; width: 50%; padding-right: 10px; }
.suf-wrap--details label { font-weight: 600; }

@media screen and (min-width: 381px) {
    .suf-half { width: 48%; margin: 0 4% 4% 0; float: left; }
    .suf-half--end { margin-right: 0; }
    .suf-wrap > div:nth-last-child(-n+2) { margin-bottom: 0; }
}

@media screen and (max-width: 380px) {
    .suf-wrap > div { margin-bottom: 15px; }
    .suf-wrap > div:last-child { margin: 0; }
    .suf-checkboxes > div { float: none; display: block; width: 100%; }
    .suf-checkboxes .formList:first-child label { margin: 0; }
}

/* = Page topic strip & Author Information
----------------------------------------------------------------------------------------------------------------- */
.pg-topic { margin: 40px 0; }
.pg-topic:first-child { margin-top: 0; }
.pgt-title { margin: 0 35px 0 0; padding: 10px 35px 10px 0px; border-right: 1px solid #ccc; font-size: 3.375em; font-family: din-2014, sans-serif; font-weight: 700; }
.pgt-info { margin: 0 35px 0 0; max-width: 700px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.pgt-info p { margin: 0; }

#page-holyrood-baby .pgt-title { font-size: 0; padding: 15px 35px 15px 0px; width: 465px; height: 66px; position: relative; }
#page-holyrood-baby .pgt-title:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/_img/holyrood-baby.svg); background-size: 435px auto; background-repeat: no-repeat; background-position: 0 center; }

#page-connect .pgt-title { font-size: 0; padding: 15px 35px 15px 0px; width: 415px; height: 78px; position: relative; }
#page-connect .pgt-title:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/_img/holyrood-connect.svg); background-size: 380px auto; background-repeat: no-repeat; background-position: 0 center; }


.pg-topic--noAuth .pgt-info { max-width: 800px; }

.pg-topic--noDesc h1 { margin: 0; padding: 0; border: none; }

.pgt-auth { width: 250px; }

.pgt-auth > div,
.av-auth > div { display: inline-block; vertical-align: middle; }

.pgt-authInfo { margin: 15px 0; }

.pgt-authName,
.ava-authName { margin: 0 0 5px; font-weight: 300; line-height: 1.25em; }

.ava-date { margin-bottom: 5px; }
.ava-date:last-child { margin-bottom: 0; }

.pgt-authName span,
.ava-authName span,
.ava-authName a,
.ava-authName a { font-weight: 700; }

.pgt-authImg,
.ava-authImg { width: 70px; height: 70px; margin: 0 20px 0 0; -webkit-border-radius: 50%; border-radius: 50%; background: #ccc; }
.ava-authImg { width: 60px; height: 60px; margin: 0 15px 0 0; }

.pgt-authImg img,
.ava-authImg img { -webkit-border-radius: 50%; border-radius: 50%; }

.pgt-authTw a,
.ava-authTw a { font-size: 0.875em; color: #da1a35; }

.pgt-authTw a:hover,
.ava-authTw a:hover { text-decoration: underline; }

.pgt-authTw a:before,
.ava-authTw a:before { vertical-align: middle; padding-right: 5px; text-decoration: none; }

.ava-authTw:empty { display: none; }

@media screen and (min-width: 1081px) {
    .av-auth .ava-authInfo { max-width: calc(100% - 80px); }
}

@media screen and (max-width: 1400px) {
    .pgt-title { font-size: 3.125em; }
    .pg-topic--noDesc { margin: 35px 0; }
}

@media screen and (max-width: 1200px) {
    .pg-topic { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .pgt-title { width: 100%; padding: 0 0 25px; margin: 0 0 25px; border: 0; border-bottom: 1px solid #ddd; }
    .pgt-info { margin: 0 30px 0 0; max-width: calc(100% - 280px); }

    .pg-topic--noAuth { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .pg-topic--noAuth .pgt-title { width: auto; margin: 0 35px 0 0; padding: 10px 35px 10px 0px; border: none; border-right: 1px solid #ccc; }
    .pg-topic--noAuth .pgt-info { margin: 0; max-width: 700px; }
}

@media screen and (max-width: 1024px) {
    .pgt-title { font-size: 3em; padding: 0 0 20px; margin: 0 0 20px; }

    .pg-topic--noAuth { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .pg-topic--noAuth .pgt-title { width: 100%; padding: 0 0 20px; margin: 0 0 20px; border: 0; border-bottom: 1px solid #ddd; }
    .pg-topic--noAuth .pgt-info { max-width: 100%; }

    .ava-authName,
    .ava-date { margin: 0 0 3px; }

    #page-holyrood-baby .pgt-title { width: 100%; padding: 10px 0 25px; height: 88px; }
    #page-connect .pgt-title { width: 100%; padding: 15px 0 25px; height: 106px; }

    #page-holyrood-baby .pgt-title:after,
    #page-connect .pgt-title:after { background-position: 0 top; }

    #page-connect .pgt-title { height: 100px; }
    #page-connect .pgt-title:after { background-size: 340px auto; }
}

@media screen and (max-width: 850px) {
    .pgt-title { font-size: 2.875em; }
}

@media screen and (max-width: 750px) {
    .pgt-title { font-size: 2.75em; }
    .pgt-info { max-width: 100%; width: 100%; margin: 0; }
    .pgt-auth { width: 100%; margin-top: 20px; }
    .pgt-authInfo { margin: 0; }
}

@media screen and (max-width: 650px) {
    .pg-topic--noAuth .pgt-title,
    .pgt-title { font-size: 2.625em; padding: 0 0 18px; margin: 0 0 16px; }
    .pgt-auth { margin-top: 18px; }
    .pgt-authImg { margin: 0 16px 0 0; }

    .pg-topic--noDesc { margin: 30px 0; }

    #page-holyrood-baby .pgt-title { padding: 10px 0 18px; height: 74px; }
    #page-holyrood-baby .pgt-title:after { background-size: 350px auto; }

    #page-connect .pgt-title { padding: 15px 0 18px; height: 85px; }
    #page-connect .pgt-title:after { background-size: 300px auto; }
}

@media screen and (max-width: 600px) {
    .pg-topic { margin: 35px 0; }
    .pg-topic--noDesc { margin: 30px 0; }

    .pg-topic--noAuth .pgt-title,
    .pgt-title { font-size: 2.5em; }

    .pgt-authImg { width: 60px; height: 60px; margin: 0 15px 0 0; }
    .pgt-authName { margin: 0 0 2px; }

    #page-connect .pgt-title { height: 75px; }
    #page-connect .pgt-title:after { background-size: 260px auto; }
}

@media screen and (max-width: 480px) {
    .pg-topic--noAuth .pgt-title,
    .pgt-title { font-size: 2.375em; padding: 0 0 16px; margin: 0 0 14px; }

    .pgt-authImg,
    .ava-authImg { width: 54px; height: 54px; margin: 0 12px 0 0; }

    .ava-authName,
    .ava-date { margin: 0 0 2px; }

    #page-holyrood-baby .pgt-title { height: 62px; }
    #page-holyrood-baby .pgt-title:after { background-position: center top; background-size: 300px auto; }

    #page-connect .pgt-title { height: 70px; }
    #page-connect .pgt-title:after { background-position: center top; background-size: 240px auto; }
}

@media screen and (max-width: 400px) {
    .pg-topic { margin: 30px 0; }
    .pg-topic--noDesc { margin: 25px 0; }
}

@media screen and (max-width: 380px) {
    .pgt-authImg,
    .ava-authImg { margin: 0 10px 0 0; }

    .pg-topic--noAuth .pgt-title,
    .pgt-title { font-size: 2.125em; padding: 0 0 12px; margin: 0 0 12px; }

    .pg-topic--noDesc { margin: 22px 0; }

    #page-holyrood-baby .pgt-title { height: 58px; }
    #page-holyrood-baby .pgt-title:after { background-size: 260px auto; }

    #page-connect .pgt-title { height: 58px; }
    #page-connect .pgt-title:after { background-size: 200px auto; }
}

@media screen and (max-width: 360px) {
    .pg-topic { margin: 26px 0; }
    .pg-topic--noDesc { margin: 20px 0; }
    .pg-topic--noAuth .pgt-title,
    .pgt-title { font-size: 2em; }
}

/* = Feature title
----------------------------------------------------------------------------------------------------------------- */
.feat-title { margin: 50px 0 10px; }
.feat-title:first-child { margin: 0 0 10px; }
.ft-cat { display: inline-block; font-size: 1.5em; font-weight: 700; }
.ft-seeAll { padding: 8px 0; float: right; }
.ft-seeAll a { padding-right: 30px; font-weight: 700; font-size: 0.813em; text-transform: uppercase; letter-spacing: 0.163em; background: url(/_img/icons/slim-right.svg) no-repeat right center; }
.ft-seeAll a:hover { text-decoration: underline; }

@media screen and (max-width: 600px) {
    .feat-title { margin: 40px 0 10px; }
}

@media screen and (max-width: 480px) {
    .ft-seeAll { padding: 7px 0; }
}

@media screen and (max-width: 400px) {
    .feat-title { margin: 35px 0 8px; }
    .feat-title:first-child { margin: 0 0 8px; }
}

@media screen and (max-width: 360px) {
    .feat-title { margin: 32px 0 8px; }
}

/* = Events content
----------------------------------------------------------------------------------------------------------------- */

/*Event - general*/
.ei-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; background: #ccc url(/_img/logo_sticky.svg) center no-repeat; z-index: 0; }
.ei-img:after { content: ''; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; opacity: .4; -webkit-transition: all .2s ease; transition: all .2s ease; }

.ei .ei-date { width: 75px; margin: 0 auto 1.25em; padding: 15px 0; border: 1px solid #fff; font-weight: 700; }
.ei .ei-date span { display: block; color: #fff; text-transform: uppercase; }
.ei .ei-loc:not(:last-child) { margin-bottom: 1em; font-weight: 700; }
.ei h2:last-child { margin-bottom: 0; }

/*Event - Grid*/
.ev-grid { margin: 0; }
.ev-grid:last-of-type { margin-bottom: 0; }
.ev-grid .ei { width: 25%; min-height: 350px; float: left; text-align: center; position: relative; }
.ev-grid .ei:hover .ei-img:after { opacity: .9; background: #da1a35; }

.ev-grid .ei-cont { padding: 0 20px; max-width: 260px; margin: 50px auto; color: #fff; position: relative; }
.ev-grid .ei-cont h2,
.ev-grid .ei-cont h3 { color: #fff; line-height: 1.067em; font-family: adobe-garamond-pro, serif; font-weight: 600; }
.ev-grid .ei-cont h3 { font-size: 1.5em; margin-bottom: 0; }

.ev-grid .ei--full { float: none; width: 100%; min-height: 400px; background-color: #fff; }
.ev-grid .ei--full .ei-cont { max-width: 500px; padding: 0 25px; }
.ev-grid .ei--full .ei-date { width: 85px; padding: 20px 0 18px; font-size: 1.125em; }

/*Event - Featured*/
.ev-featured { position: relative; margin-bottom: 50px; }
.ev-featured:last-child { margin-bottom: 0; }
.ev-featured .ei .ei-img { min-height: 400px; float: left; width: 50%; }
.ev-featured .ei .ei-cont { min-height: 400px; float: left; width: 50%; margin-left: 50%; padding: 60px 110px; background: #1f1f1f; text-align: center; }
.ev-featured .ei-img:after { content: none; }
.ev-featured h2,
.ev-featured p,
.ev-featured .ei-loc { color: #fff; }

.ev-featured .ei-loc { font-weight: 700; }

@media screen and (max-width: 1200px) {
    .ev-featured .ei .ei-cont { padding: 60px; }
}

@media screen and (max-width: 1024px) {
    .ev-featured .ei .ei-cont { padding: 60px 50px; }
}

@media screen and (max-width: 960px) {
    .ev-featured .ei .ei-cont { padding: 50px 40px; }
}

@media screen and (max-width: 950px) {
    .ev-grid .ei { min-height: 0; }
    .ev-grid .ei:not(.ei--full) { width: 50%; }
}

@media screen and (max-width: 850px) {
    .ev-featured .ei .ei-cont { padding: 40px 30px; }
}

@media screen and (max-width: 750px) {
    .ev-featured .ei .ei-img { height: 0; width: 100%; padding-top: 45%; min-height: 0; float: none; position: relative; }
    .ev-featured .ei .ei-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
    .ev-featured .ei .ei-cont { position: relative; float: none; width: 100%; margin: 0; padding: 40px 60px; min-height: 0; }
}

@media screen and (max-width: 600px) {
    .ei .ei-date { font-size: .9em; width: 70px; }
    .ei .ei-loc:not(:last-child) { margin-bottom: .75em; }

    .ev-grid .ei-cont { margin: 30px auto; }
    .ev-grid .ei--full .ei-cont { padding: 0 30px; margin: 40px auto; }
    .ev-grid .ei-cont h3 { font-size: 1.4em; }
    .ev-grid .ei-cont h2 { margin-bottom: .65em; }

    .ev-grid .ei-cont p { display: none; }

    .ev-featured { margin-bottom: 40px; }
    .ev-featured .ei .ei-cont { padding: 40px; }
    .ev-featured .ei .ei-locTitle p { display: none; }
}

@media screen and (max-width: 480px) {
    .ei .ei-date { width: 68px; }
    .ev-grid .ei-cont h3 { font-size: 1.35em; }

    .ev-featured { margin-bottom: 35px; }
    .ev-featured .ei .ei-cont { padding: 30px; }
    .ev-featured .ei .ei-img { padding-top: 50%; }
}

@media screen and (max-width: 380px) {
    .ei .ei-date { font-size: .8em; width: 55px; padding: 10px 0; }
    .ei .ei-loc { font-size: .9em; }

    .ev-grid .ei--full .ei-date { width: 80px; }
    .ev-grid .ei-cont { margin: 25px auto; padding: 0 15px; }
    .ev-grid .ei-cont h3 { font-size: 1.25em; }
    .ev-grid .ei--full .ei-cont { margin: 35px auto; padding: 0 25px; }

    .ev-featured .ei .ei-cont { padding: 30px 25px; }
    .ev-featured .ei .ei-img { padding-top: 56%; }
}

@media screen and (max-width: 360px) {
    .ev-grid .ei--full .ei-cont { padding: 0 20px; }
    .ev-grid .ei-cont h3 { font-size: 1.2em; }

    .ev-featured .ei .ei-cont { padding: 30px 20px; }
}

/* = Author / Editor banner feature
----------------------------------------------------------------------------------------------------------------- */
.auth-banner .ni .ni-img { position: absolute; height: 100%; top: 0; left: 0; padding: 0; min-height: 400px; float: left; width: 50%; }
.auth-banner .ni .ni-cont { margin-left: 50%; padding: 60px 110px; min-height: 400px; float: left; width: 50%; background: #da1a35; }
.auth-banner .ni-cat { margin-bottom: 20px; }
.auth-banner .ni-cat a { color: #ffd542; }
.auth-banner .ni-authTag { position: relative; margin-top: 20px; padding: 0; background: none; bottom: unset; }
.auth-banner h2 { color: #fff; }
.auth-banner p { margin-bottom: 15px; color: #fff; opacity: .8; }
.auth-banner .ni-auth { position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); }
.auth-banner .ni-auth .ni-authImg { width: 80px; height: 80px; margin: 0; background-color: #fff; }

@media screen and (max-width: 1200px) {
    .auth-banner .ni .ni-cont { padding: 60px 80px; }
}

@media screen and (max-width: 850px) {
    .auth-banner .ni .ni-cont,
    .auth-banner .ni .ni-img { position: relative; width: 100%; margin: 0; min-height: 0; }
    .auth-banner .ni .ni-img { padding-top: 42%; }
    .auth-banner .ni-auth { top: -40px; }
}

@media screen and (max-width: 750px) {
    .auth-banner .ni .ni-cont { padding: 60px; }
    .auth-banner .ni .ni-img { padding-top: 45%; }
    .auth-banner .ni-cat { margin-bottom: 15px; }
}

@media screen and (max-width: 600px) {
    .auth-banner .ni .ni-cont { padding: 60px 40px 40px; }
    .auth-banner .ni-auth { top: -30px; left: calc(50% - 30px); }
    .auth-banner .ni-auth .ni-authImg { width: 60px; height: 60px; }
}

@media screen and (max-width: 480px) {
    .auth-banner .ni .ni-cont { padding: 55px 30px 30px; }
    .auth-banner .ni .ni-img { padding-top: 50%; }
}

@media screen and (max-width: 380px) {
    .auth-banner .ni .ni-cont { padding: 50px 25px 25px; }
    .auth-banner .ni .ni-img { padding-top: 56%; }
}

@media screen and (max-width: 360px) {
    .auth-banner .ni .ni-cont { padding: 50px 20px 25px; }
}

/* = Topic panel and Featured panel
----------------------------------------------------------------------------------------------------------------- */
.tp-wrap,
.fp { margin: 40px 0; position: relative; }

.pg-topic + .fp,
.advert-holder--hidden:not(.advert-holder--blockDetected) + .fp { margin-top: 0; }

.tp-wrap:first-child,
.fp:first-child { margin-top: 0; }

.tp { position: relative; background: #ececec; }
.tp--hasPromo { width: 1010px; float: left; }

.tp-promo { margin: 0; float: right; width: calc(100% - 1030px); position: relative; position: -webkit-sticky; position: sticky; top: 68px; }
.no-csspositionsticky .tp-promo { top: 0; }

.tp-title { border-top: 10px solid #da1a35; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.tp-cat { float: left; font-size: 0.875em; padding: 0 16px 8px; color: #fff; background-color: #da1a35; }
.tp-cat a { color: #fff; }
.tp-cat a:hover { text-decoration: underline; }

.tp-theme { position: absolute; top: 27px; left: 0; margin: 0; padding: 5px 16px 4px; background: #fff; }

.tp-top { padding-bottom: 30px; }
.tp-bottom { margin: 0 50px 40px; padding-top: 20px; border-top: 1px solid #da1a35; }

.fi-main { position: relative; float: left; width: 840px; margin-right: 20px; background: #1f1f1f; }
.fi-main h2 { color: #fff; }
.fi-main p { color: #ababab; }
.fi-main .ni { height: 100%; position: absolute; top: 0; left: 0; right: 0; }
.fi-main .ni .ni-img { float: left; width: 52%; height: 100%; padding: 0; }
.fi-main .ni .ni-cont { float: right; width: 48%; height: 100%; padding: 60px 40px; text-align: center; }
.fi-main .ni-authTag { position: relative; padding: 0; margin-top: 15px; background: none; bottom: unset; }

.fi-list { float: right; width: calc(100% - 860px); }

.fi-list .ni,
.tp-list-a .ni { margin-bottom: 20px; }

.fi-list .ni:last-child,
.tp-list-a .ni:last-child { margin-bottom: 0; }

.fi-list .ni .ni-img,
.tp-list-a .ni .ni-img { float: left; width: 150px; margin-right: 15px; height: 0; padding-top: 135px; overflow: hidden; background: #ccc url(/_img/logo_sticky.svg) center no-repeat; background-size: 50% auto; position: relative; }

.fi-list .ni .ni-cont,
.tp-list-a .ni .ni-cont { float: right; width: calc(100% - 165px); }

.tp .ni-cat,
.fp .fi-list .ni-cat { margin-bottom: .5em; }

.tp-main { float: left; width: 820px; margin-right: 40px; }
.tp--hasPromo .tp-main { width: 460px; }
.tp--hasPromo .tp-main .ni-img { padding-top: 65.22% }

.tp-main .ni .ni-cont { margin: 25px 0 0 50px; }

.tp-list-a { float: right; width: calc(100% - 895px); margin: 45px 35px 0 0; }
.tp--hasPromo .tp-list-a { width: calc(100% - 535px); margin: 45px 35px 0 0; }

.tp-list-b .ni { float: left; width: 32%; margin-right: 2%; }
.tp-list-b .ni:nth-child(3n+3) { margin-right: 0; }
.tp-list-b .ni .ni-title { margin-left: 20px; display: list-item; }

@media screen and (max-width: 1430px) {
    .tp-promo { width: 300px; }

    .tp .tp-main { width: 50%; margin-right: 4%; }
    .tp .tp-list-a { width: calc(46% - 35px); }

    .tp--hasPromo { width: calc(100% - 320px); }

    .tp-list-a .ni .ni-img { width: 30%; padding-top: 28%; }
    .tp-list-a .ni .ni-cont { width: calc(70% - 15px); }

    .tp-main .ni .ni-cont { margin: 25px 0 0 40px; }

    .tp-bottom { margin: 0 40px 40px; }

    .fi-main { width: 60%; }
    .fi-main .ni .ni-cont { padding: 45px 35px; }

    .fi-main .ni .ni-img,
    .fi-main .ni .ni-cont { width: 50%; }

    .fi-list { width: calc(40% - 20px); }
    .fi-list .ni .ni-img { width: 30%; padding-top: 30%; }
    .fi-list .ni .ni-cont { width: calc(70% - 15px); }
}

@media screen and (max-width: 1200px) {
    .fi-main { width: 100%; margin: 0; position: relative; float: none; }
    .fi-main .ni { height: auto; position: relative; right: auto; bottom: auto; }
    .fi-main .ni .ni-img { float: none; height: 100%; position: absolute; top: 0; left: 0; }
    .fi-main .ni .ni-cont { padding: 60px; }

    .fi-list { float: none; width: 100%; }
    .fi-list .ni { float: left; width: 33.3%; margin: 25px 0 0; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
    .fi-list .ni .ni-title { line-height: 1.2em; }
    .fi-list .ni .ni-cont { padding-right: 15px; }
}

@media screen and (max-width: 1024px) {
    .fi-main .ni .ni-cont { padding: 60px 50px; }

    .tp { width: 100%; }
    .tp-promo { width: 100%; margin-top: 40px; }
}

@media screen and (max-width: 950px) {
    .fi-main .ni .ni-cont { padding: 50px 40px; }
}

@media screen and (max-width: 850px) {
    .fi-main .ni .ni-cont { padding: 40px 30px; }
}

@media screen and (max-width: 750px) {
    .tp .tp-main { width: 100%; margin: 0; }
    .tp-main .ni .ni-cont { margin: 40px 40px 0; }

    .tp .tp-list-a { width: 100%; margin: 0; padding: 35px 40px 0; }
    .tp-list-a .ni .ni-img { padding-top: 22.5%; }

    .tp-list-b .ni { float: none; width: 100%; margin: 0 0 15px; }
    .tp-list-b .ni:last-child { margin: 0; }

    .fi-main .ni .ni-img { position: relative; width: 100%; height: 0; padding-top: 45%; }
    .fi-main .ni .ni-cont { float: none; width: 100%; padding: 60px; }
}

@media screen and (max-width: 980px) and (min-width: 601px) {
    .fi-list .ni { margin: 20px 20px 0 0; width: calc(33.333% - 13.333px); }
    .fi-list .ni:last-child { margin-right: 0; }
    .fi-list .ni .ni-cont { width: 100%; float: none; padding: 0; margin: 15px 0 0; }
    .fi-list .ni .ni-img { margin: 0; width: 100%; padding-top: 66.67%; }
}

@media screen and (max-width: 700px) and (min-width: 601px) {
    .fi-list .ni .ni-title { font-size: 1.1em; }
}

@media screen and (max-width: 600px) {
    .tp-wrap, .fp { margin: 35px 0; }

    .tp-promo { margin-top: 35px; }

    .tp-title { border-width: 8px; }
    .tp-cat { padding: 0 14px 7px; }
    .tp-theme { top: 26px; padding: 5px 14px 4px; }

    .fi-main .ni .ni-cont { padding: 40px; }
    .fi-main .ni .ni-cont h2 { margin-bottom: 0; }
    .fi-main .ni .ni-cont p { display: none; }

    .fi-list .ni { float: none; width: 100%; margin: 20px 0 0; }
    .fi-list .ni .ni-img { width: 30%; padding-top: 22.5%; }
    .fi-list .ni .ni-cont { width: calc(70% - 15px); }
}

@media screen and (max-width: 480px) {
    .tp-title { border-width: 6px; }
    .tp-cat { padding: 0 12px 6px; }
    .tp-theme { top: 23px; padding: 5px 12px 3px; }

    .tp-main .ni .ni-cont { margin: 30px 30px 0; }
    .tp .tp-list-a { padding: 30px 30px 0; }
    .tp-list-a .ni .ni-img { padding-top: 30%; }
    .tp-bottom { margin: 0 30px 30px; }

    .fi-main .ni .ni-cont { padding: 30px; }
    .fi-main .ni .ni-img { padding-top: 50%; }
}

@media screen and (max-width: 380px) {
    .tp-wrap, .fp { margin: 32px 0; }

    .tp-promo { margin-top: 32px; }

    .tp-top { padding-bottom: 25px; }
    .tp-main .ni .ni-cont { margin: 25px 25px 0; }

    .tp .tp-list-a { padding: 25px 25px 0; }
    .tp-list-a .ni { margin-bottom: 15px; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

    .tp-bottom { margin: 0 25px 25px; }

    .fi-main .ni .ni-cont { padding: 25px; }
    .fi-main .ni .ni-img { padding-top: 56%; }
    .fi-list .ni { margin: 15px 0 0; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
}

@media screen and (max-width: 360px) {
    .tp-title { border-width: 5px; }
    .tp-cat { padding: 0 10px 5px; }
    .tp-theme { top: 22px; padding: 5px 10px 3px; }

    .tp-main .ni .ni-cont { margin: 25px 20px 0; }
    .tp .tp-list-a { padding: 25px 20px 0; }
    .tp-bottom { margin: 0 20px 25px; }

    .fi-main .ni .ni-cont { padding: 25px 20px; }
}

@media screen and (max-width: 340px) {
    .tp-main .ni .ni-cont { margin: 20px 16px 0; }
    .tp .tp-list-a { padding: 22px 16px 0; }
    .tp-bottom { margin: 0 16px 22px; }
}

/* = ARTICLE - LISTS
----------------------------------------------------------------------------------------------------------------- */

/*Events filters*/
.ev-filters { display: block; padding: 0; margin: 30px 0; text-align: center; }
.ev-filters:before { content: ""; display: block; height: 80px; margin: -80px 0 0; }
.ev-filters .ev-f-item { display: inline-block; margin: 0 6px; background: #fff; }

.ev-filters input { margin: 0; }
.ev-filters label { margin: 0; height: 32px; padding: 5px 15px 3px 15px; display: block; opacity: .75; color: #1f1f1f; -webkit-box-shadow: 0 0 0px 1px #7b7b7b; box-shadow: 0 0 0px 1px #7b7b7b; font-size: 0.813em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; user-select: none; position: relative; }
.ev-filters label:before { content: none; }

.ev-filters label.checked { padding: 5px 47px 3px 15px; background: #da1a35; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 0px 1px #da1a35; box-shadow: 0 0 0px 1px #da1a35; }
.ev-filters label.checked:before { content: ''; }

.ev-filters label:before { position: absolute; left: auto; top: 0; right: 0; margin: 0; padding: 0; border: none; width: 32px; height: 32px; background: #e5e5e5 url(/_img/icons/icon--filter-cross.svg) no-repeat center; }
.ev-filters label.checked:before { content: ''; background: #05CF12; -webkit-box-shadow: 0 0 0px 1px #05CF12; box-shadow: 0 0 0px 1px #05CF12; }
.ev-filters label.checked:after { left: auto; right: 11px; top: 6px; width: 7px; height: 13px; border-color: #fff; }

/*Events list*/
.ev-list .ei { width: 32%; float: left; margin: 0 2% 2% 0; position: relative; }
.ev-list .ei:nth-child(3n+1) { clear: left; }
.ev-list .ei:nth-child(3n+3) { margin-right: 0; clear: right; }

.ev-list .ei-cont { position: relative; z-index: 1; }
.ev-list .ei-date { margin: 30px auto; text-align: center; background: #1f1f1f; -webkit-transition: background .2s ease; transition: background .2s ease; }
.ev-list .ei-locTitle { padding: 5px 40px 40px; }

.ev-list .ei .ei-locTitle h2,
.ev-list .ei .ei-loc { color: #fff; text-shadow: 0 0 40px rgba(0, 0, 0, 0.25); }

.ev-list--portfolio .ei { margin-bottom: 10px; }

/*News items - Global & Shared*/
.nr { margin-bottom: 25px; }
.nr--last,
.nr:last-child { margin-bottom: 0; }

.nt { margin-bottom: 10px; border-top: 4px solid #da1a35; }
.nt:last-child { margin-top: 30px; margin-bottom: 0; }
.nt-cat { display: inline-block; background-color: #da1a35; padding: 0 14px 4px; color: #fff; font-size: 1.500em; }

.nt-seeAll { padding: 8px 0; float: right; }
.nt-seeAll a { padding-right: 30px; font-weight: 700; font-size: 0.813em; text-transform: uppercase; letter-spacing: 0.163em; background: url(/_img/icons/slim-right.svg) no-repeat right 1px center; }
.nt-seeAll a:hover { text-decoration: underline; }

.ni { position: relative; }
.ni h2 { margin-bottom: 15px; }

.nr .ni h3 { line-height: 1.25em; }

.ni p,
.ei p,
.su-inner p { font-size: 0.875em; font-family: 'Open Sans', sans-serif; line-height: 1.6em; }

.ni p:last-child,
.ni .ni-title:last-child { margin-bottom: 0; }

.ni .ni-img { height: 0; padding-top: 56%; overflow: hidden; background: #ccc url(/_img/logo_sticky.svg) center no-repeat; position: relative; }
.ni .ni-img > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*News items - Global hover*/
.ni .ni-img:hover + .ni-cont h2,
.ni .ni-img:hover + .ni-cont .h2,
.ni .ni-img:hover + .ni-cont h3,
.ni .ni-img:hover + .ni-cont .h3,
.ni .ni-img:hover + .ni-auth + .ni-cont h2,
.ni-cont a:hover h2,
.ni-cont a:hover .h2,
.ni-cont a:hover .h3,
.ni-cont a:hover h3,
.ni-cont h3 a:hover,
.ni .ni-title:hover,
.ev-featured:hover h2 { text-decoration: underline; }

/*Object fit images*/
.ni .ni-img img,
.ei-img img,
.pgt-authImg img,
.ava-authImg img,
.ni-authImg img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }

/*Category tag*/
.ni-cat { margin-bottom: 10px; font-size: 0.813em; font-weight: 700; letter-spacing: 0.021em; }
.ni-cat a,
.ni-cat span { color: #da1a35; }
.ni-cat a:hover { text-decoration: underline; }

/*Author tag*/
.ni-authTag { position: absolute; bottom: 0; left: 0; padding: 4px 10px; font-size: 0.875em; color: #fff; background: #1f1f1f; }
.ni-authTag span,
.ni-authTag a { font-weight: 700; color: #fff; }
.ni-authTag a:hover { text-decoration: underline; }

/*Author image*/
.ni-auth .ni-authImg { width: 60px; height: 60px; margin-bottom: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #ccc; }
.ni-auth .ni-authImg img { -webkit-border-radius: 50%; border-radius: 50%; }
.ni-auth .ni-authName { font-size: 0.875em; }
.ni-auth .ni-authName a,
.ni-auth .ni-authName span { font-weight: 700; }

.ni-auth .ni-authName a:hover { text-decoration: underline; }

/*News items - 2 Col*/
.nr--x2 .ni { width: calc(50% - 12.5px); float: left; margin: 0 25px 25px 0; }
.nr--x2 .ni:nth-child(odd) { clear: left; }
.nr--x2 .ni:nth-child(even) { margin-right: 0; clear: right; }

.nr--x2 .ni-img { margin-bottom: 20px; padding-top: 50%; background-size: 28% auto; }
.nr--x2 .ni-auth { float: left; width: 110px; }
.nr--x2 .ni-cont { margin-left: 125px; }

/*News items - 3 Col*/
.nr--x3 .ni { width: calc(33.333% - 16.7px); float: left; margin: 0 25px 25px 0; }
.nr--x3 h2 { font-size: 1.75em; }
.nr--x3 .ni-img { margin-bottom: 16px; padding-top: 75%; background-size: 44% auto; }

/*News items - 4 Col*/
.nr--x4:before { content: ""; display: block; height: 60px; margin: -60px 0 0; }

.nr--x4 .ni { width: calc(25% - 15px); margin: 0 20px 20px 0; float: left; }
.nr--x4 .ni:nth-child(4n+4) { margin-right: 0; clear: right; }
.nr--x4 .ni:nth-child(4n+1) { clear: left; }
.nr--x4 h2 { font-size: 1.75em; }

/*News items - 2 by 2 splits*/
.nr-x2-split { width: calc(50% - 10px); float: left; margin-bottom: 20px; margin-right: 20px; }
.nr-x2-split:nth-child(even) { margin-right: 0; }

.nr-x2-split .nt { margin-bottom: 15px; border-width: 2px; }
.nr-x2-split .nt-cat { padding: 1px 12px 2px; font-size: 1.125em; font-weight: 700; color: #1f1f1f; background: #e5e5e5; }
.nr-x2-split .nt-seeAll { padding: 4px 0; margin: 0 0 0 8px; float: none; }

.nr-x2-split .ni { width: calc(50% - 10px); float: left; margin: 0 20px 20px 0; }
.nr-x2-split .ni:last-child { margin-right: 0; }

/*News items - 4 Col & 2 by 2 shared */
.nr--x4 .ni-cat,
.nr-x2-split .ni-cat { margin-bottom: 6px; }

.nr--x4 .ni-img,
.nr-x2-split .ni-img { margin-bottom: 14px; padding-top: 66.67%; background-size: 40% auto; }

.nr-x2-split .ni-authTag,
.nr--x4 .ni-authTag { font-size: 0.813em; }

/*News items - Single item in read more panel*/
.ni--rm .ni-img { margin-bottom: 16px; }

/*News items - Single item inside an article*/
.ni--ins { margin: 35px 0; padding: 20px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.ni--ins > div { float: left; }
.ni--ins .ni-img { width: 250px; padding-top: 140px; }
.ni--ins .ni-cont { margin-left: 20px; width: calc(100% - 290px); }
.ni--ins .ni-cont .h2 { margin: 0; }
.ni--ins .ni-authTag { top: 0; bottom: auto; max-width: 160px; }

/*News items - Related items inside an article*/
.ni-next { margin-bottom: .75em; }
.ni--rel { margin: 0; padding: 12px 0; border-top: 1px solid #e5e5e5; }
.ni--rel:last-child { border-bottom: 1px solid #e5e5e5; }
.ni--rel > div { float: left; }
.ni--rel .ni-cat { margin-bottom: 6px; }
.ni--rel .ni-img { width: 150px; padding-top: 75px; background-size: 60% auto; }
.ni--rel .ni-cont { margin-left: 15px; width: calc(100% - 165px); }
.ni--rel .ni-cont .h3 { margin: 0; }
.ni--rel .ni-authTag { top: 0; bottom: auto; }

/*Event items - 4 Col*/
.nr--events { margin-top: 20px; }
.nr--events h3 { margin-bottom: 12px; }

.advert-holder + .nr--events { margin-top: 0; }

@media screen and (min-width: 701px) {
    .ev-list--hasPaging .ei:nth-last-child(-n+4) { margin-bottom: 0; }

    .nr--x3 .ni:nth-child(3n+1) { clear: left; }
    .nr--x3 .ni:nth-child(3n+3) { margin-right: 0; clear: right; }
}

@media screen and (min-width: 951px) {
    .nr-x2-split:nth-last-child(-n+2) { margin-bottom: 0; }
}

@media screen and (min-width: 1025px) {
    .ev-list .ei:hover .ei-img:after { opacity: .85; background: #da1a35; }
}

@media screen and (max-width: 1200px) {
    .nr-x2-split .ni-authTag,
    .nr--x4 .ni-authTag { font-size: 0.750em; }

    .ev-list .ei-date { margin: 25px auto; }
    .ev-list .ei-locTitle { padding: 5px 25px 30px; }
    .ev-list .ei .ei-loc { font-size: .9em; }
    .ev-list .ei .ei-locTitle h2 { font-size: 1.7em; }
}

@media screen and (max-width: 1024px) {
    .nt-cat { font-size: 1.375em; }
    .nt-seeAll { padding: 6px 0; }

    .ni-auth .ni-authImg { width: 50px; height: 50px; margin-bottom: 6px; }

    .nr--x3 .ni { width: calc(33.333% - 13.34px); margin: 0 20px 20px 0; }

    .ev-list .ei-date { margin: 20px auto; }
    .ev-list .ei-locTitle { padding: 0 15px 25px; }
    .ev-list .ei .ei-loc { margin-bottom: .75em; font-size: .85em; }
}

@media screen and (max-width:950px) {
    .nr { margin-bottom: 20px; }

    .ni-auth .ni-authImg { margin-bottom: 0; }

    .nr-x2-split .ni-authTag,
    .nr--x4 .ni-authTag { font-size: 0.875em; }

    .nr--x2 .ni-img { margin-bottom: 15px; background-size: 40% auto; }
    .nr--x2 .ni-cont { margin: 0; }
    .nr--x2 .ni-auth { float: none; width: 100%; margin-bottom: 12px; }
    .nr--x2 .ni-auth .ni-authImg,
    .nr--x2 .ni-auth .ni-authName { display: inline-block; vertical-align: middle; margin-right: 5px; }
    .nr--x2 .ni h2 { font-size: 1.75em }

    .nr-x2-split { width: 100%; }
    .nr-x2-split .nt-seeAll { float: right; padding: 3px 0; }
    .nr-x2-split:last-child,
    .nr-x2-split:last-child .ni { margin-bottom: 0; }

    .nr--x2 .ni,
    .nr--x4 .ni { width: calc(50% - 10px); margin: 0 20px 20px 0; }

    .nr--x4 .ni:nth-child(odd) { clear: left; }
    .nr--x4 .ni:nth-child(even) { margin-right: 0; clear: right; }
    .nr--x4:last-child .ni:nth-last-child(-n+2) { margin-bottom: 0; }

    .ev-list .ei-locTitle { padding: 0 15px 20px; }
}

@media screen and (max-width:750px) {
    .nr--x2 .ni h2 { font-size: 1.625em; margin-bottom: 12px; }

    .ni-auth .ni-authImg { width: 40px; height: 40px; }
    .nr .ni-authTag { font-size: 0.813em; }

    .ni--ins .ni-img { width: 30%; padding-top: 18%; }
    .ni--ins .ni-cont { margin-left: 20px; width: calc(70% - 20px); }
    .ni--ins .ni-cont .h2 { font-size: 4.25vw; }


    .nr--homeLatest .ni { width: calc(50% - 10px); margin: 0 20px 20px 0; }
    .nr--homeLatest .ni .ni-img { padding-top: 66.67%; }

    .nr.nr--homeLatest .ni h2 { font-size: 1.625em; margin-bottom: 12px; }

    .nr--homeLatest .ni:last-child { margin-right: 0; }
    .nr--homeLatest .ni:first-child { width: 100%; margin: 0 0 30px; }
    .nr.nr--homeLatest .ni:first-child h2 { font-size: 1.875em; }
}

@media screen and (min-width:1081px) and (max-width:1200px) {
    .ni--ins .ni-img { width: 30%; padding-top: 18%; }
    .ni--ins .ni-cont { margin-left: 20px; width: calc(70% - 20px); }
    .ni--ins .ni-cont .h2 { font-size: 2.3vw; }
    .ni--ins .ni-authTag { padding: 3px 8px; font-size: 0.75em; }
}

@media screen and (min-width:901px) and (max-width:1024px) {
    .nr--x3 .ni h2,
    .ev-list .ei .ei-locTitle h2 { font-size: 1.625em; }
}

@media screen and (min-width:801px) and (max-width:900px) {
    .nr--x3 .ni h2,
    .ev-list .ei .ei-locTitle h2 { font-size: 1.5em; }
}

@media screen and (min-width:751px) and (max-width:800px) {
    .nr--x3 .ni h2,
    .ev-list .ei .ei-locTitle h2 { font-size: 1.438em }
}

@media screen and (min-width:700px) and (max-width:750px) {
    .nr--x3 .ni h2 { font-size: 1.375em; margin-bottom: 12px; }
    .ev-list .ei .ei-locTitle h2 { font-size: 1.375em; }
}

@media screen and (max-width:700px) {
    .nr--x3 .ni { width: calc(50% - 10px); margin: 0 20px 20px 0; }

    .ev-list .ei { width: calc(50% - 5px); margin: 0 10px 10px 0; }

    .nr--x3 .ni:nth-child(even),
    .ev-list .ei:nth-child(even) { margin-right: 0; clear: right; }
    .ev-list .ei:nth-child(odd) { margin-right: 10px; clear: left; }

    .nr--x3 .ni h2 { font-size: 1.625em; margin-bottom: 12px; }
    .nr--x3 .ni:nth-child(odd) { clear: left; }
    .nr--x3 .ni:nth-child(even) { clear: right; }

    .nr--events .ni,
    .nr--events .ni:nth-child(even) { width: calc(33.333% - 13.34px); margin: 0 20px 20px 0; clear: none; }
    .nr--events .ni:nth-child(3n+3) { margin-right: 0; clear: right; }

    .ev-list .ei .ei-locTitle h2 { font-size: 1.625em; }
    .ev-list .ei-locTitle { padding: 0 15px 25px; }

    .ni--ins .ni-authTag { padding: 3px 8px; font-size: 0.813em; }

    .nr--homeLatest .ni:nth-child(2n+2) { margin-right: 20px; clear: left; }
    .nr--homeLatest .ni:nth-child(2n+3) { margin-right: 0; clear: right; }

    .ev-list--portfolio .ei { margin-bottom: 15px; }
    .ev-list--portfolio .ei:nth-child(3),
    .ev-list--related .ei:nth-child(3) { display: none; }
}

@media screen and (max-width:600px) {
    .nt-cat { font-size: 1.25em; padding: 0 12px 4px; }
    .nt-seeAll { padding: 4px 0; }

    .nr,
    .nr-x2-split { margin-bottom: 15px; }

    .nr .ni-authTag { font-size: 0.75em; }

    .nr--x2 .ni-img { margin-bottom: 12px; }
    .nr--x2 .ni-auth { margin-bottom: 10px; }

    .nr--x2 .ni h2,
    .nr--x3 .ni h2 { font-size: 1.5em; margin-bottom: 10px; }

    .ev-list .ei .ei-locTitle h2,
    .nr.nr--homeLatest .ni h2 { font-size: 1.5em; }

    .ev-list .ei .ei-loc { font-size: .8em; }

    .ev-list .ei-locTitle { padding: 0 15px 20px; }

    .ev-filters { text-align: left; }
    .ev-filters .ev-f-item { display: block; float: left; width: calc(50% - 5px); margin: 0 10px 10px 0; }
    .ev-filters .ev-f-item:nth-child(even) { margin-right: 0 }

    .ni--ins .ni-img { width: 40%; padding-top: 25%; }
    .ni--ins .ni-cont { margin-left: 15px; width: calc(60% - 15px); }
    .ni--ins .ni-cont .h2 { font-size: 4.75vw; }
    .ni--ins .ni-authTag { font-size: 0.75em; max-width: 130px; }

    .ni h2,
    .nr.nr--homeLatest .ni h2 { margin-bottom: 10px; }
}

@media screen and (max-width:480px) {
    .nr,
    .nr-x2-split { margin-bottom: 10px; }

    .nr .ni-authTag { padding: 3px 8px; }

    .nr--x2 .ni,
    .nr--x3 .ni,
    .nr--x4 .ni,
    .nr-x2-split .ni,
    .nr--homeLatest .ni:nth-child(2n+2) { width: calc(50% - 7.5px); margin: 0 15px 15px 0; }

    .ev-list .ei-locTitle { padding: 0 12px 15px; }
    .ev-list .ei .ei-loc { margin-bottom: 8px; }
    .ev-list .ei-date { margin: 20px auto 18px; }
    .ei-img:after { opacity: .55; }

    .ev-list .ei .ei-locTitle h2,
    .ev-list .ei .ei-loc { text-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

    .nr--x2 .ni-img { padding-top: 56%; margin-bottom: 10px; }
    .nr--x3 .ni-img { margin-bottom: 14px; padding-top: 66.67%; }

    .nr--events .ni:nth-child(odd),
    .nr--events .ni:nth-child(even) { width: 100%; margin: 0 0 18px; clear: none; }

    .ni-auth .ni-authImg { width: 35px; height: 35px; }

    .ev-filters h6 { margin-bottom: 10px; }
    .ev-filters .ev-f-item { width: calc(50% - 4px); margin: 0 8px 8px 0; }
    .ev-filters .ev-f-item:last-child { margin-bottom: 0; }

    .ev-filters label { padding: 5px 40px 3px 10px; height: 29px; opacity: .5; }
    .ev-filters label:before { width: 29px; height: 29px; }
    .ev-filters label.checked:after { top: 5px; width: 6px; }

    .nr-x2-split .nt-cat { padding: 1px 10px 2px; }
    .nr-x2-split .nt-seeAll { padding: 2px 0; }

    .ni--rel .ni-img { width: 120px; padding-top: 70px; }
    .ni--rel .ni-cont { width: calc(100% - 135px); }

    .ni--ins { margin: 30px 0; }

    .nr--homeLatest .ni:first-child { margin: 0 0 25px; }
}

@media screen and (max-width:440px) {
    .nr .ni-authTag { max-width: 115px; }
}

@media screen and (max-width:400px) {
    .nr-x2-split .nt { margin-bottom: 12px; }
    .nr--x2 .ni-cat { margin-bottom: .5em; }

    .nr--x2 .ni,
    .nr--x3 .ni,
    .nr--x4 .ni,
    .nr-x2-split .ni,
    .nr--homeLatest .ni:nth-child(2n+2) { width: calc(50% - 5px); margin: 0 10px 15px 0; }

    .ev-list .ei { width: calc(50% - 2.5px); margin: 0 5px 5px 0; }
    .ev-list .ei:nth-child(odd) { margin-right: 5px; }
    .ev-list .ei .ei-locTitle h2 { font-size: 1.45em; }


    .template--events .ev-list .ei { width: 100%; margin: 0 0 10px; }
    .template--events .ev-list .ei-locTitle { padding: 0 20px 22px; }
    .template--events .ev-list .ei .ei-locTitle h2 { font-size: 1.625em; }
    .template--events .ev-list .ei .ei-loc { margin-bottom: 10px; }

    .nr--x2 .ni-img { padding-top: 60%; }
    .nr--x2 .ni-auth { margin-bottom: 8px; }
    .nr--x2 .ni-auth .ni-authImg { margin-right: 2px; }
    .ni-auth .ni-authImg { width: 30px; height: 30px; }

    .ni--ins .ni-img { width: 100%; padding-top: 45%; }
    .ni--ins .ni-cont { width: 100%; margin: 12px 0 0; }
    .ni--ins .ni-cont .h2 { font-size: 1.5em; }
    .ni--ins .ni-authTag { font-size: 0.813em; }

    .nr--x4:before { height: 50px; margin: -50px 0 0; }
}

@media screen and (max-width:380px) {
    .nt-cat { padding: 0 10px 4px; }
    .ni-auth .ni-authImg { width: 25px; height: 25px; }

    .ev-list .ei .ei-locTitle h2 { font-size: 1.4em; }
    .ev-filters { margin: 25px 0; }
    .ev-filters .ev-f-item { width: 100%; float: none; margin: 0 0 6px; }
    .ev-filters .ev-f-item:last-child { margin-bottom: 0; }

    .nr .ni-authTag { padding: 2px 6px; font-size: 10px; max-width: 110px; }
    .nr.nr--homeLatest .ni:first-child h2 { font-size: 1.75em; }
}

@media screen and (max-width:360px) {
    .ni--rel .ni-cont { width: calc(100% - 132px); margin-left: 12px; }

    .ev-list .ei-locTitle { padding: 0 10px 15px; }

    .nr--x4:before { height: 45px; margin: -45px 0 0; }
}

@media screen and (max-width:340px) {
    .nt-cat { font-size: 1.125em; }
    .nt-seeAll { padding: 2px 0; }

    .nr--x2 .ni h2,
    .nr--x3 .ni h2,
    .nr.nr--homeLatest .ni h2 { font-size: 1.4em; }

    .nr.nr--homeLatest .ni:first-child h2 { font-size: 1.6em; }
}

/* = Directory List
----------------------------------------------------------------------------------------------------------------- */
.nr .ni--dir { min-height: 60px; padding: 10px 2px; margin: 0; border-bottom: 1px solid #eee; position: relative; }
.nr .ni--dir:last-child { border: none; }
.nr .ni .ni-cont--dir .btn { position: absolute; top: 50%; margin-top: -18px; right: 0; }
.nr .ni .ni-cont--dir h3 { padding-right: 150px; }

.directory-view img { float: right; max-width: 40%; padding: 10px 0 25px 25px; }
.directory-view p a { position: relative; }

@media screen and (min-width:651px) {
    .nr .ni--dir:nth-last-child(-n+2) { margin-bottom: 0; }
}

@media screen and (max-width:650px) {
    .nr .ni--dir:last-child { margin-bottom: 0; }

    .directory-view img { padding: 10px 0 20px 20px; }
}

@media screen and (max-width: 480px) {
    .directory-view img { margin: 25px auto; padding: 0; width: 150px; float: none; max-width: none; display: block; }
}

@media screen and (max-width: 400px) {
    .nr .ni .ni-cont--dir h3 { padding: 0; }
    .nr .ni .ni-cont--dir .btn { position: relative; top: 0; margin: 10px 0 5px; right: auto; }
}

/* = Event CTA
----------------------------------------------------------------------------------------------------------------- */
.cta-events { display: block; margin: 30px 0 35px; padding: 30px; background: #FFD542; text-align: center; }
.cta-events h3:last-child { margin-bottom: 0; }
.cta-events .ico { display: inline-block; padding-right: 10px; }

.cta-events:hover h3 { text-decoration: underline; }

@media screen and (max-width: 600px) {
    .cta-events { margin: 30px 0; text-align: left; }

    .cta-events .ico { position: absolute; left: 30px; }
    .cta-events h3 { padding-left: 32px; }
}

@media screen and (max-width: 400px) {
    .cta-events { margin: 25px 0; padding: 20px 25px; }
    .cta-events h3 { padding-left: 28px; }
    .cta-events .ico { font-size: 1.1em; left: 22px; }
}


/* = Magazine List
----------------------------------------------------------------------------------------------------------------- */
.ni--magazine .ni-img { padding-top: 133%; }
.ni--magazine .ni-cat { margin-bottom: 6px; }

.nr--magLatest { float: left; width: 500px; margin: 0 40px 40px 0; }
.nr--magLatest .ni { width: 100%; margin: 0; }
.nr--magLatest .ni--magazine .ni-cont { padding: 20px; background: #FFD542; }
.nr--magLatest .ni--magazine .ni-summ { padding: 15px; background: #eee; }
.nr--magLatest .ni--magazine .ni-summ br,
.nr--magLatest .ni--magazine .ni-summ p:empty { display: none; }
.nr--magLatest .ni--magazine .ni-summ p { margin: 0; }
.nr--magLatest .ni--magazine .ni-summ p * { font-weight: normal; }
.nr--magLatest .ni--magazine .ni-img { margin: 0; float: none; width: 100%; padding-top: 133%; }

.nr--magNext { float: left; width: calc(100% - 540px); margin: 0; }

.nr--magList { margin: 0; position: relative; }
.nr--magList:before { content: ""; display: block; height: 90px; margin: -90px 0 0; }

.nr--magList .ni--magazine .ni-img { float: left; width: 100px; padding-top: 133px; margin: 0; }
.nr--magList .ni--magazine .ni-cont { margin-left: 115px; }

.magView { max-width: 600px; margin: 0 auto; }
.magView br + br { display: none; }
.magView img { margin-bottom: 30px; }
.magView .leader { padding-bottom: 20px; border-bottom: 1px solid #ddd; }

@media screen and (max-width:1300px) {
    .nr--magLatest { width: 40%; margin: 0 30px 30px 0; }
    .nr--magNext { width: calc(60% - 30px); }
}

@media screen and (max-width:650px) {
    .nr--magLatest { width: 100%; float: none; margin: 0 0 30px }
    .nr--magNext { width: 100%; float: none; margin-bottom: 10px; }
}

@media screen and (min-width:951px) and (max-width:1200px) {
    .nr.nr--magList .ni--magazine { width: calc(33.333% - 13.34px); margin: 0 20px 20px 0; clear: none; }
    .nr.nr--magList .ni--magazine:nth-child(3n+1) { clear: left; }
    .nr.nr--magList .ni--magazine:nth-child(3n+3) { margin-right: 0; clear: right; }
}

@media screen and (min-width:651px) and (max-width:850px) {
    .nr--magNext .ni h3 { font-size: 1.15em; }
}

@media screen and (min-width:651px) and (max-width:800px) {
    .nr--magLatest { margin: 0 20px 20px 0; }
    .nr--magNext { width: calc(60% - 20px); }
    .nr--magNext .ni h3 { font-size: 1.1em; }
    .nr.nr--magNext .ni { width: calc(33.333% - 10px); margin: 0 15px 20px 0; clear: none; }
    .nr.nr--magNext .ni:nth-child(3n+1) { clear: left; }
    .nr.nr--magNext .ni:nth-child(3n+3) { margin-right: 0; clear: right; }
}

@media screen and (max-width:600px) {
    .nr--magList .ni--magazine .ni-img { width: 80px; padding-top: 106px; }
    .nr--magList .ni--magazine .ni-cont { margin-left: 95px; }
}

@media screen and (max-width:540px) {
    .nr--magList .ni--magazine .ni-img { width: 70px; padding-top: 93px; }
    .nr--magList .ni--magazine .ni-cont { margin-left: 80px; }
    .nr--magList .ni--magazine .ni-cont { font-size: .9em; }
}

@media screen and (max-width:440px) {
    .nr--magList .ni--magazine .ni-img { width: 60px; padding-top: 80px; }
    .nr--magList .ni--magazine .ni-cont { margin-left: 70px; }

    .nr--magList:before { height: 60px; margin: -60px 0 0; }
}

@media screen and (max-width:380px) {
    .nr--magLatest { margin: 0 0 25px; }
    .nr--magNext { margin-bottom: 5px; }

    .nr.nr--magList .ni--magazine,
    .nr.nr--magList:last-child .ni:nth-last-child(-n+2) { width: 100%; margin: 0 0 10px; }
    .nr.nr--magList:last-child .ni--magazine:nth-last-child(-n+1) { margin-bottom: 0; }

    .nr--magList .ni--magazine .ni-cont { font-size: 1em; }
}

/* = ARTICLE - VIEWS
----------------------------------------------------------------------------------------------------------------- */
.article-view { margin-bottom: 50px; }
.article-view:last-child { margin: 0; }

.av-lcmain-wrap { float: left; margin-right: 30px; width: calc(100% - 330px); }
.av-main { float: left; margin: 0 0 0 30px; width: calc(100% - 330px); }
.av-main > p:last-child { margin-bottom: 0; }
.av-lc { float: left; width: 300px; }
.av-rc { float: right; width: 300px; }

.av-more { margin-top: 350px; -webkit-justify-content: space-around; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: distribute; justify-content: space-around; }
.av-more--x2 .ni-sticky { height: 50%; }
.av-more--x3 .ni-sticky { height: 33.333%; }
.av-more--x4 .ni-sticky { height: 25%; }

.av-featImg .inline-image { margin-top: 0; }

.av-article h1:first-of-type,
.av-article h2:first-of-type,
.eventview h1:first-of-type { color: #da1a35; }

.av-article h1:first-of-type + p,
.av-article h2:first-of-type + p { margin-top: 25px; }

.av-article h1 + h3,
.av-article h2 + h3 { margin-bottom: 45px; }

.av-article p:last-child { margin-bottom: 0; }

.av-related,
.av-aboutAuth { margin: 35px 0; }

.av-aboutAuth a { text-decoration: underline; }
.av-aboutAuth a:hover { color: #da1a35; }

.av-related { margin-left: 330px; width: calc(100% - 660px); }

.av-aboutAuth:last-child,
.av-related:last-child { margin-bottom: 0; }

.av-aboutAuth p { font-size: 1em; font-family: 'Open Sans', sans-serif; }
.av-aboutAuth p:last-child { margin-bottom: 0; }
.av-aboutAuth a { font-weight: 700; }

.av-tags { margin: 30px 0; }
.av-tags + .av-tags { margin-top: 0; }
.av-tags:last-child { margin-bottom: 0; }
.av-tags p { margin: 0; font-size: .8em; font-family: 'Open Sans', sans-serif; }
.av-tags .h5 { padding-bottom: 5px; margin-bottom: 8px; border-bottom: 1px solid #e5e5e5; }
.av-tags .h5:before { padding-right: 8px; }

.av-tags a { margin: 1px 0; display: inline-block; color: #da1a35; padding-right: 10px; position: relative; }
.av-tags a:hover { text-decoration: underline; }
.av-tags a:after { content: '|'; position: absolute; right: 0; top: 0; margin-left: 5px; text-decoration: none; }
.av-tags a:last-child:after { content: none; }

.to-top { display: block; text-align: center; padding: 8px; margin-top: 0; font-weight: 600; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #f4f4f4; }

.ev-list + .to-top,
.av-main .to-top { padding: 4px; margin-top: 25px; background: #f5f5f5; border: none; }
.ev-list + .to-top + .advert-holder { margin-top: 40px; }


.ni-sticky .ni { position: -webkit-sticky; position: sticky; top: 80px; margin-bottom: 100px; }

.big-cap,
.av-article > p:not(.img-caption):not(.has-caption):first-of-type:first-letter,
.av-article > p.has-caption:first-of-type + p:first-letter { margin: 5px 20px 10px 0; padding: 4px 12px; display: inline-block; float: left; border: 1px solid #da1a35; line-height: 1; font-size: 3.8em; font-family: din-2014, sans-serif; font-weight: 700; color: #da1a35; }

.rc-subs { display: block; margin: 30px 0; padding: 20px; top: 75px; background: #da1a35; position: -webkit-sticky; position: sticky; }
.no-csspositionsticky .rc-subs { top: 0; }

.tp-promo .rc-subs { top: 0; position: relative; }

.rc-subs:first-child { margin-top: 0; }
.rc-subs:last-child { margin-bottom: 0; }

.rc-subs .hSubText { float: left; width: calc(100% - 100px); }
.rc-subs img { width: 80px; margin-right: 20px; float: left; }
.rc-subs p { margin: 0 0 10px; color: #fff; font-size: 1em; font-family: din-2014, sans-serif; font-weight: 700; line-height: normal; }
.rc-subs p:last-child { margin: 0; }

.ev-box { margin: 10px 0; padding: 48px 20px 20px; background: #e5e5e5; border-top: 3px solid #da1a35; position: relative; }
.ev-box:first-of-type { margin-top: 0; }
.ev-box:last-of-type { margin-bottom: 0; }
.ev-box p { font-family: 'Open Sans', sans-serif; font-size: 1em; }
.ev-box p small { font-size: 0.688em; color: #adadad; line-height: 1.3em; display: block; }
.ev-box .btn { margin-bottom: 10px; min-width: 150px; text-align: center; color: #1f1f1f; }
.evb-title { display: inline-block; position: absolute; top: 0; left: 0; padding: 0 15px 4px; color: #fff; font-size: 1.250em; background-color: #da1a35; }
.evb-cont { font-weight: 700; }
.evb-cont .h3 { margin-bottom: 8px; }
.evb-cont .h4,
.evb-cont .h5 { margin-bottom: 8px; font-family: 'Open Sans', sans-serif; font-weight: 400; }

.evb-sub { margin-bottom: 20px; border-bottom: 1px solid #707070; }
.evb-sub:last-of-type { border: none; }

.ev-terms { margin:25px 0; padding:20px; background:#f3f3f3;  }
.ev-terms p:last-child { margin:0; }
.ev-terms:last-child { margin-bottom:0; }
.ev-terms a { color:#da1a35; }

.ev-box--black { background: #1f1f1f; }
.ev-box--black .evb-cont,
.ev-box--black .evb-cont > div { color: #fff; }

.ev-cpd { margin: 30px 0; opacity: .75; display: table; width: 100%; }
.ev-cpd:last-child { margin-bottom: 0; }
.ev-cpd .cpd-logo { display: table-cell; vertical-align: middle; width: 35%; }
.ev-cpd .cpd-text { display: table-cell; vertical-align: middle; width: 65%; padding-left: 7%; font-size: .8em; }
.ev-cpd .cpd-text span { font-weight: bold; }

.av-article .tableWrap { margin: 35px 0; }
.av-article th,
.av-article td { border: none; vertical-align: top; }
.av-article tr:nth-child(even) td { background: #fff; }
.av-article tr td:first-child,
.av-article th td:first-child { padding-left: 0; }
.av-article td.red { color: #da1a35; font-weight: 700; }
.av-article h2 + .tableWrap { margin-top: 20px; }

.lc-cta { padding: 20px 15px 20px; margin: 40px auto; border-top: 4px solid #da1a35; max-width: 240px; }
.lc-cta a:not(.btn) { color: #da1a35; }
.lc-cta a:not(.btn):hover { text-decoration: underline; }

.lc-cta a.ico--email:before { font-size: .9em; }
.lc-cta a.ico:before { text-decoration: none; }

.lc-cta:last-child { margin-bottom: 0; }
.lc-cta p { font-family: din-2014, sans-serif; }
.lc-cta p:last-child { margin-bottom: 0; }

.lc-cta > p > .btn:first-child { margin-top: 5px; }

.share-bar { margin-top: 30px; padding-top: 5px; border-top: 1px solid #e5e5e5; }
.share-bar a { outline: none; }
.share-bar:first-of-type { margin-top: 0; }
.share-bar > span { line-height: 35px; display: inline-block; vertical-align: middle; padding-right: 30px; font-weight: 700; font-size: 0.813em; text-transform: uppercase; letter-spacing: 0.163em; background: url(/_img/icons/slim-right.svg) no-repeat right center; }
.share-bar .share-items { min-height: 35px; float: right; display: inline-block; vertical-align: middle; }

.share-bar--hero { display: none; border: none; position: absolute; top: 50%; left: 0; margin: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.share-bar--hero .at-resp-share-element .at-share-btn { display: block; background-color: transparent !important; outline: none; }
.share-bar--hero .at-resp-share-element .at-icon { fill: #fff !important; }
.share-bar--hero .at-resp-share-element .at-share-btn:focus,
.share-bar--hero .at-resp-share-element .at-share-btn:hover { -ms-transform: none; -webkit-transform: none; transform: none; }

@media screen and (min-width: 1480px) {
    .share-bar--hero { display: block; }
}

@media screen and (max-width: 1300px) {
    .av-lcmain-wrap { width: calc(100% - 280px); }

    .av-main { width: calc(100% - 280px); }
    .av-lc { width: 250px; }
    .av-rc { width: 250px; }

    .av-related { margin-left: 280px; width: calc(100% - 560px); }
}

@media screen and (max-width: 1080px) {
    .av-lcmain-wrap { display: block; width: calc(100% - 330px); }
    .av-main { order: 0; margin: 0; float: none; width: 100%; }
    .av-lc { width: 100%; order: 0; float: none; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .av-rc { width: 300px; }

    .av-auth { margin-bottom: 25px; }

    .lc-cta { max-width: none; margin: 0 30px 10px; width: 100%; text-align: center; }

    .av-more { display: none; }

    .av-related { margin-left: 0; width: calc(100% - 330px); }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 980px) {
    .av-lcmain-wrap { width: calc(100% - 280px); }
    .av-rc { width: 250px; }

    .av-related { width: calc(100% - 280px); }
}

@media screen and (max-width: 900px) {
    .av-lcmain-wrap { width: 100%; margin: 0 auto; max-width: 650px; }

    .av-lc { width: 100%; margin: 0 auto; max-width: 650px; }
    .av-rc { width: 100%; margin: 40px auto 0; max-width: 650px; }
    .rc-subs { display: none; }

    .av-related { width: 100%; max-width: 650px; margin-left: auto; margin-right: auto; }

    .eventview .to-top { display:none;}
}

@media screen and (min-width: 481px) and (max-width: 900px) {
    .ev-cpd .cpd-logo { width: 150px; }
    .ev-cpd .cpd-text { width: calc(100% - 150px); padding-left: 7%; font-size: 1em; }
}

@media screen and (max-width: 750px) {
    .big-cap,
    .av-article > p:not(.img-caption):not(.has-caption):first-of-type:first-letter,
    .av-article > p.has-caption:first-of-type + p:first-letter { font-size: 3.6em; padding: 4px 10px; }
}

@media screen and (max-width: 600px) {
    .article-view { margin-bottom: 40px; }

    .ava-authInfo { font-size: .9em; }

    .lc-cta { border-width: 3px; padding: 10px 5px 10px; margin: 0 15px 15px; }
    .lc-cta > p > .btn:first-child { margin-top: 10px; }

    .evb-title { padding: 0 12px 3px; }

    .big-cap,
    .av-article > p:not(.img-caption):not(.has-caption):first-of-type:first-letter,
    .av-article > p.has-caption:first-of-type + p:first-letter { font-size: 3.4em; margin: 5px 18px 10px 0; }
}

@media screen and (max-width: 480px) {
    .article-view { margin-bottom: 35px; }

    .lc-cta { border-width: 2px; }

    .av-article h1 + h3,
    .av-article h2 + h3 { margin-bottom: 35px; }

    .ev-cpd .cpd-text { font-size: 1em; }

    .big-cap,
    .av-article > p:not(.img-caption):not(.has-caption):first-of-type:first-letter,
    .av-article > p.has-caption:first-of-type + p:first-letter { font-size: 3.2em; }

    .to-top { padding: 6px; font-size: 14px; }

    .ev-list + .to-top + .advert-holder { margin-top: 30px; }
}

@media screen and (max-width: 400px) {
    .article-view { margin-bottom: 30px; }
    .av-lc { display: block; }
    .av-lc > div { float: none; }

    .av-auth { width: 100%; margin-bottom: 20px; }
    .av-auth .ava-authInfo { max-width: calc(100% - 70px); }

    .av-aboutAuth { margin: 30px 0; }

    .lc-cta { width: 100%; margin: 0 0 15px; padding: 10px 5px 5px; }

    .av-article h1 + h3,
    .av-article h2 + h3 { margin-bottom: 30px; }

    .av-tags { margin: 25px 0; }
    .ev-terms { padding: 16px; }
}

@media screen and (max-width: 380px) {
    .av-article .tableWrap { margin: 32px 0; }
    .av-article h2 + .tableWrap { margin-top: 15px; }

    .av-article h1:first-of-type + p,
    .av-article h2:first-of-type + p { margin-top: 20px; }

    .evb-title { padding: 0 10px 3px; }
    .av-aboutAuth { margin: 25px 0; }
    .av-rc { margin-top: 35px; }
    .ev-cpd .cpd-text { font-size: .9em; }

    .big-cap,
    .av-article > p:not(.img-caption):not(.has-caption):first-of-type:first-letter,
    .av-article > p.has-caption:first-of-type + p:first-letter { font-size: 3em; margin: 5px 18px 8px 0; }
}

@media screen and (max-width: 360px) {
    .big-cap,
    .av-article > p:not(.img-caption):not(.has-caption):first-of-type:first-letter,
    .av-article > p.has-caption:first-of-type + p:first-letter { font-size: 2.8em; }
}

/* = Event Search Bar
----------------------------------------------------------------------------------------------------------------- */
.ev-search { margin: 50px 0; }
.ev-search:before { content: ""; display: block; height: 80px; margin: -80px 0 0; }
.ev-search:first-child { margin-top: 0; }
.ev-search:last-child { margin-bottom: 0; }
.evs-item { float: left; margin-right: 10px; }
.evs-item input { float: none; width: 100%; }

.evs-date { width: 200px; }
.evs-topic,
.evs-keyword { width: calc(50% - 180px); }
.evs-submit { margin: 0; width: 130px; }

@media screen and (max-width: 850px) {
    .evs-date { width: calc(50% - 5px); }
    .evs-topic { width: calc(50% - 5px); margin-right: 0; }
    .evs-keyword { margin-top: 10px; width: calc(100% - 140px); }
    .evs-submit { margin-top: 10px; }
}

@media screen and (max-width: 750px) {
    .ev-search { margin: 45px 0; }
}

@media screen and (max-width: 600px) {
    .ev-search { margin: 40px 0; }
}

@media screen and (max-width: 480px) {
    .ev-search { margin: 35px 0; }

    .ev-search:before { height: 60px; margin: -60px 0 0; }
}

@media screen and (max-width: 400px) {
    .ev-search { margin: 32px 0; }
    .evs-date { width: calc(50% - 3px); margin-right: 6px; }

    .evs-keyword { margin-top: 6px; margin-right: 6px; width: calc(100% - 136px); }
    .evs-submit { margin-top: 6px; }
}

/* = Hero banners
----------------------------------------------------------------------------------------------------------------- */
.hero { position: relative; height: 0; padding-top: 410px; background: #666 url(/_img/logo_sticky.svg) center no-repeat; }
.hero--large { padding-top: 580px; }

.hero-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.hero-img img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }
.hero-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1f1f1f; opacity: 0.45; }

.hero-content { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; margin-left: -630px; width: 1260px; }
.hero-content h1 { margin-bottom: 15px; color: #fff; max-width: 710px; }
.hero-content h1 a { color: #fff; }
.hero-content h1 a:hover { text-decoration: underline; }
.hero-content p { font-size: 1em; max-width: 650px; color: #eee; font-family: 'Open Sans', sans-serif; }
.hero-content p:last-child { margin-bottom: 0; }
.hero-content .hc-leader { font-size: 1.375em; }

.hc-credit { position: absolute; bottom: 15px; right: 20px; max-width: 320px; line-height: 1; font-size: 0.75em; color: #bbb; font-family: 'Open Sans', sans-serif; }
.hc-cat { margin: 0 0 15px 5px; font-size: 0.813em; font-weight: 700; letter-spacing: 0.021em; }
.hc-cat a { color: #da1a35; }

@media screen and (max-width: 1600px) {
    .hero-content h1 { font-size: 3.5vw; }
    .hero-content .hc-leader { font-size: 1.35vw; }
}

@media screen and (max-width: 1430px) {
    .hero-content { width: auto; left: 0; right: 0; margin: 0 25px; }
    .hero-content .hc-leader { font-size: 1.4vw; }
}

@media screen and (max-width: 1200px) {
    .hero { padding-top: 375px; }
    .hero--large { padding-top: 475px; }
    .hero-content h1 { font-size: 42px; }
    .hero-content .hc-leader { font-size: 1.25em; }
}

@media screen and (max-width: 1024px) {
    .hero-content h1 { font-size: 40px; }
}

@media screen and (max-width: 750px) {
    .hero { padding-top: 360px; }
    .hero-content h1 { font-size: 36px; }
    .hero-content .hc-leader { font-size: 18px; }
    .hc-credit { font-size: 0.7em; }
}

@media screen and (max-width: 650px) {
    .hero-content h1 { font-size: 34px; }
}

@media screen and (max-width: 480px) {
    .hero { padding-top: 350px; }
    .hero-content h1 { font-size: 32px; }
    .hc-credit { font-size: 0.65em; }
}

@media screen and (max-width: 380px) {
    .hero { padding-top: 300px; }
    .hero-content { margin: 0 20px; }
    .hero-content h1 { font-size: 30px; }
    .hero-content .hc-leader { font-size: 16px; }

    .hc-credit { bottom: 12px; right: 15px; font-size: 0.6em; }
}

@media screen and (max-width: 360px) {
    .hero-content { margin: 0 15px; }
    .hero-content h1 { font-size: 28px; }
    .hero-content .hc-leader { font-size: 15px; }
}

@media screen and (max-width: 340px) {
    .hero-content .hc-leader { font-size: 14px; }
}

/* = White papers
----------------------------------------------------------------------------------------------------------------- */
.wp-register { margin-bottom: 40px; }
.whitePapers-search { position: relative; margin: 0 0 20px; }
.whitePapers-search .wp-keyword label { display: none; }
.whitePapers-search .wp-keyword input { padding-right: 105px; }
.whitePapers-search .wp-button { position: absolute; bottom: 0; right: 0; }
.whitePapers-search div:last-child { margin: 0; }
.whitePapers-list ul { list-style: none; margin: 0; padding: 0; }

.whitePapers-list > ul > li { min-height: 60px; padding: 10px 2px; margin: 0; border-bottom: 1px solid #eee; position: relative; }
.whitePapers-list > ul > li:last-child { border: none; }
.whitePapers-list h3 { padding-right: 115px; margin: 0; }
.whitePapers-list h3 a:hover { text-decoration: underline; }
.whitePapers-list p:last-of-type { margin-bottom: 0; }
.whitePapers-list p { font-size: 1.2em; padding-right: 115px; }
.whitePapers-list .wp-by { margin-top: 5px; }
.whitePapers-list .btn { position: absolute; top: 50%; margin-top: -18px; right: 0; }
.whitePapers-list .paging { margin-bottom: 0; }

.downloadView h2 a:hover { color: #da1a35; }
.downloadView p:last-child { margin-bottom: 5px; }
.downloadView .dl-terms { padding-left: 26px; margin-bottom: 30px; position: relative; }
.downloadView .dl-terms .acceptterms { position: absolute; top: 5px; left: 0; margin: 0; }

@media screen and (max-width: 750px) {
    .downloadView .dl-terms .acceptterms { top: 4px; }
}

@media screen and (max-width: 400px) {
    .whitePapers-list h3,
    .whitePapers-list p { padding-right: 0; }
    .whitePapers-list .btn { position: relative; top: 0; margin: 10px 0 5px; right: auto; }

    .downloadView .dl-terms { padding-left: 25px; margin-bottom: 25px; }
}

/* = Adverts
----------------------------------------------------------------------------------------------------------------- */
.advert-holder { text-align: center; overflow: hidden; }
.advert-holder > div { margin: 30px auto; overflow: hidden; }

.advert-holder--blockDetected > .dodsAdvert { margin: 0 auto; }
.advert-holder--blockDetected > .adblock-msg { margin-top: 0; }

.advert-holder--hidden { display: none; }
.adblock-detected .advert-holder--hidden { display: block; }
.adblock-detected .nr--last { margin-bottom: 25px; }
.adblock-detected .container--newsView > .advert-holder--hidden:first-child { display: none; }

.av-rc .advert-holder { margin: 30px 0; }
.av-lc .advert-holder { width: 100%; }

.advert-holder > div:first-child,
.av-rc .advert-holder:first-child { margin-top: 0; }

.advert-holder > div:last-child,
.av-rc .advert-holder:last-child { margin-bottom: 0; }

.nr + .advert-holder > div { margin: 0 auto 55px; }
.nr + .advert-holder:last-child > div { margin-bottom: 0; }

.container--newsView .advert-holder > div { margin: 0 auto 40px; }
.container--newsView .av-rc .advert-holder > div { margin-bottom: 0; }

.ev-list + .advert-holder > div { margin: 50px auto 15px; }
.template--events .container > .advert-holder > div { margin-bottom: 20px; }

.template--events .container > .advert-holder:first-child > div,
#page-magazine .advert-holder:first-child { margin-bottom: 40px; }

.template--events .container .advert-holder:last-child .dodsAdvert { margin-bottom: 0; }

.ev-list.ev-list--hasPaging + .advert-holder > div { margin-top: 20px; }

.adblock-msg { margin: 20px auto; padding: 30px 35px 80px 35px; width: 100%; max-width: 750px; height: 100%; letter-spacing: 0.05em; border: 1px solid #1f1f1f; text-align: center; background: url(/_img/icons/icon-h.svg) no-repeat center bottom 30px; background-size: 40px auto; background-color: #fff; /*z-index: -1;*/ }
.adblock-msg:first-child { margin-top: 0; }
.adblock-msg:last-child { margin-bottom: 0; }

.ni-advert .adblock-msg { margin: 0; padding: 25px 20px 80px 20px; background-size: 35px auto; background-position: center bottom 25px; }
.ni-advert .adblock-msg p { max-width: 250px; margin-left: auto; margin-right: auto; }
.ni-advert { max-height: 250px; }

.adblock-detected .ni-advert { max-height: none; }

.full--advert { padding: 40px 0; }

.advert-page-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.advert-page-wrap iframe { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 50%; }

.whitePapers-list + .advert-holder { margin-top: 30px; }

.template--slim .inner-content .advert-holder:first-child,
.right-content .advert-holder:first-child { margin-bottom: 28px; }

.teads-inread { padding-bottom: 25px; }

@media screen and (min-width: 751px) {
    .teads-inread { padding-bottom: 30px; }
}

@media screen and (min-width: 1460px) and (max-width: 2000px) {
    .advert-wrap .advert-page-wrap { display: block; }
}

@media screen and (max-width: 1340px) {
    .ni-advert { overflow: hidden; max-height: 225px; }
    .ni-advert > div { position: relative; }
    .ni-advert iframe { left: 50%; -ms-transform: translateX(-50%) scale(0.9); -webkit-transform: translateX(-50%) scale(0.9); transform: translateX(-50%) scale(0.9); -ms-transform-origin: top center; -webkit-transform-origin: top center; transform-origin: top center; position: relative; }
}

@media screen and (max-width: 1220px) {
    .ni-advert { max-height: 200px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.8); -webkit-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); }
}

@media screen and (max-width: 1080px) {
    .ni-advert { max-height: 175px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.7); -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); }
}

@media screen and (min-width: 1025px) and (max-width: 1430px) {
    .tp-promo .adblock-msg { padding: 25px 20px 65px 20px; background-size: 35px auto; background-position: center bottom 25px; }
}

@media screen and (max-width: 1024px) {
    .ev-list + .advert-holder > div { margin: 20px 0 15px; }
}

@media screen and (max-width: 980px) {
    .ni-advert { max-height: 165px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.65); -webkit-transform: translateX(-50%) scale(0.65); transform: translateX(-50%) scale(0.65); }
}

@media screen and (max-width: 950px) {
    .nr + .advert-holder > div { margin: 0 0 45px; }
    .ev-list + .advert-holder > div { margin: 30px 0 10px; }
    .ev-list.ev-list--hasPaging + .advert-holder > div { margin: 10px auto; }

    .container:last-child .nr + .advert-holder:last-child > div { margin-top: 15px; }

    .ni-advert { max-height: 250px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
}

@media screen and (max-width: 900px) {
    .container--newsView .av-rc .advert-holder > div { margin-bottom: 5px; }

    .av-rc .advert-holder { margin-bottom: 0; }
}

@media screen and (max-width: 700px) {
    .ev-list + .advert-holder > div { margin: 0 0 5px; }

    .ni-advert { max-height: 200px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.8); -webkit-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); }

    .ev-list:not(.ev-list--hasPaging) + .advert-holder .dodsAdvert { margin-top: 25px; }

    .template--events .container > .advert-holder:first-child > div { margin-bottom: 35px; }
}

@media screen and (max-width: 600px) {
    .full--advert { padding: 35px 0; }
    .nr + .advert-holder > div { margin: 0 0 40px; }

    .ev-list + .advert-holder > div { margin: 0; }
    .template--events .container > .advert-holder > div { margin-bottom: 10px; }

    #page-magazine .advert-holder:first-child { margin-bottom: 35px; }
    .template--events .container > .advert-holder:first-child > div { margin-bottom: 30px; }

    .container--newsView .advert-holder > div { margin: 0 auto 35px; }

    .ni-advert { max-height: 175px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.7); -webkit-transform: translateX(-50%) scale(0.7); transform: translateX(-50%) scale(0.7); }
}

@media screen and (max-width: 520px) {
    .ni-advert { max-height: 150px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.6); -webkit-transform: translateX(-50%) scale(0.6); transform: translateX(-50%) scale(0.6); }
}

@media screen and (max-width: 480px) {
    .nr + .advert-holder > div { margin: 5px 0 35px; }
    .ni-advert .adblock-msg { padding: 25px 20px 75px 20px; background-size: 30px auto; }
}

@media screen and (max-width: 440px) {
    .ni-advert .adblock-msg { padding: 20px 15px 65px 15px; background-size: 25px auto; background-position: center bottom 20px; }
    .ni-advert { max-height: 125px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.5); -webkit-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); }
}

@media screen and (max-width: 400px) {
    .full--advert { padding: 30px 0; }
    .adblock-msg { padding: 30px 30px 75px 30px; }
    .adblock-msg p { margin: 0 0 16px; }
    .ni-advert .adblock-msg { font-size: .9em; }

    .container--newsView .advert-holder > div { margin: 0 auto 30px; }
    .template--events .container > .advert-holder > div { margin-bottom: 5px; }
    .whitePapers-list + .advert-holder { margin-top: 25px; }
    #page-magazine .advert-holder:first-child { margin-bottom: 30px; }
    .template--slim .inner-content .advert-holder:first-child,
    .right-content .advert-holder:first-child { margin-bottom: 25px; }

    .ev-list:not(.ev-list--hasPaging) + .advert-holder .dodsAdvert { margin-top: 20px; }
}

@media screen and (max-width: 360px) {
    .full--advert { padding: 25px 0; }
    .advert-holder > div { position: relative; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .adblock-msg { padding: 25px 30px 65px 30px; background-size: 35px auto; background-position: center bottom 25px; }

    .container--newsView .advert-holder > div { margin: 0 auto 26px; }
    .right-content .advert-holder:first-child { margin-bottom: 22px; }
}

@media screen and (max-width: 350px) {
    .full--advert { padding: 22px 0; }
    .advert-holder { text-align: left; }
    .advert-holder iframe { -ms-transform: scale(0.9) translateX(-50%); -webkit-transform: scale(0.9) translateX(-50%); transform: scale(0.9) translateX(-50%); -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; text-align: center; left: 50%; position: relative; }
    .ni-advert .adblock-msg { padding: 15px 10px 60px 10px; background-size: 25px auto; background-position: center bottom 15px; }
}

@media screen and (max-width: 340px) {
    .adblock-msg { font-size: .95em; padding: 25px 25px 55px 25px; background-size: 30px auto; }

    .ni-advert { max-height: 115px; }
    .ni-advert iframe { -ms-transform: translateX(-50%) scale(0.45); -webkit-transform: translateX(-50%) scale(0.45); transform: translateX(-50%) scale(0.45); }
}

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie-notice { display: none; position: fixed; left: 0; bottom: 0; right: 0; z-index: 9999; font-size: .9em; }
.cookie-notice-inner { margin: 0 auto; max-width: 1150px; display: table; background: #333; position: relative; }
.cookie-notice p { color: #d4d4d4; font-family: din-2014, sans-serif; font-size: 1em; }
.cookie-notice p:last-child { margin-bottom: 0; }

.cookie-info { display: table-cell; vertical-align: middle; padding: 30px 35px; }
.cookie-info .cookie-reject { display: none; }
.cookie-info .cookie-links a:first-of-type { margin-left: 0; }
.cookie-info p:first-child { margin-bottom: 8px; }
.cookie-info a { color: #fff; text-decoration: underline; }
.cookie-info .cookie-links a { display: inline-block; margin: 0 10px; }
.cookie-info .cookie-links a:last-of-type { margin-right: 0; }

.cookie-button { display: table-cell; vertical-align: middle; padding: 30px 35px; min-width: 280px; background: #3d3d3d; text-align: center; }
.cookie-button .btn { padding: 15px 20px 12px 70px; font-size: .85em; position: relative; border: 0; color: #fff; background: #3AB445; }
.cookie-button .btn:before { content: ''; color: #fff; background: #2F9937 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 50px; }

@media screen and (max-width: 770px) {
    .cookie-notice { font-size: .8em; }
}

@media screen and (max-width: 650px) {
    .cookie-info { padding: 30px 25px 25px; display: block; }
    .cookie-info .cookie-links { width: calc(100% - 220px); }
    .cookie-info .cookie-reject .cookie-links a { margin: 10px 0 0; display: inline-block; width: 44%; }
    .cookie-button { padding: 0 25px 30px; background: none; display: block; text-align: left; }
    .cookie-button .btn { padding: 12px 15px 12px 65px; }
}

@media screen and (max-width: 480px) {
    .cookie-notice { font-size: .8em; }
    .cookie-info { padding: 25px; }
    .cookie-info .cookie-links { width: 100%; min-height: 0; }
    .cookie-info .cookie-reject .cookie-links a { margin: 0 15px 0 0; width: auto; }
    .cookie-button { padding: 0 25px 25px; position: relative; text-align: left; }
    .cookie-button .btn { padding: 10px 15px 10px 55px; }
    .cookie-button .btn:before { width: 40px; }
}

@media screen and (max-width: 400px) {
    .cookie-info { padding: 25px 20px; }
    .cookie-button { padding: 0 20px 25px; }
}

@media screen and (max-width: 360px) {
    .cookie-info { padding: 16px 15px; }
    .cookie-button { padding: 0 15px 20px; }
}
