@import url(normalize.css);
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/**
 * Global typography styles.
 * If anything needs to be overriden, then do it on a component basis.
 */
@font-face {
    font-family: 'icon';
    src: url("fonts/mfglabsiconset-webfont.eot");
    src: url("fonts/mfglabsiconset-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/mfglabsiconset-webfont.woff") format("woff"), url("fonts/mfglabsiconset-webfont.ttf") format("truetype"), url("fonts/mfglabsiconset-webfont.svg#WebSymbolsRegular") format("svg");
    font-weight: normal;
    font-style: normal; }

html {
    font-size: 115%; }
@media screen and (max-width: 500px) {
    html {
        font-size: 100%; } }

body {
    font-size: 62.5%;
    font-family: Helvetica, Arial, sans-serif
}

h1, h2, h3, h4 {
    text-transform: uppercase; }
h1 small, h2 small, h3 small, h4 small {
    display: block; }

header h3 {
    text-transform: none;
    font-size: 1.8em; }

h1 + h3, .extra-content h3 {
    font-weight: normal; }

h1 {
    font-size: 4em;
    line-height: 1.2em;
    margin: 1em 0 0; }
@media screen and (max-width: 500px) {
    h1 {
        font-size: 2.5em; } }

p, ul, ol, dl, time {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 1.5em 0 0; }
p:first-child, ul:first-child, ol:first-child, dl:first-child, time:first-child {
    margin-top: 0; }
h2 + p, h3 + p, h4 + p, h5 + p, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h2 + dl, h3 + dl, h4 + dl, h5 + dl, h2 + time, h3 + time, h4 + time, h5 + time {
    margin-top: 1em; }
h2 + p.spaced, h3 + p.spaced, h4 + p.spaced, h5 + p.spaced, h2 + ul.spaced, h3 + ul.spaced, h4 + ul.spaced, h5 + ul.spaced, h2 + ol.spaced, h3 + ol.spaced, h4 + ol.spaced, h5 + ol.spaced, h2 + dl.spaced, h3 + dl.spaced, h4 + dl.spaced, h5 + dl.spaced, h2 + time.spaced, h3 + time.spaced, h4 + time.spaced, h5 + time.spaced {
    margin-top: 1.5em; }
h2 + p, h2 + ul, h2 + ol, h2 + dl, h2 + time {
    margin-top: 2em; }

.spaced {
    margin-top: 2em; }

dl dt {
    margin: 1em 0 0;
    font-weight: bold; }
dl dd {
    margin: 0; }

h2 {
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 1em 0 0;
    font-weight: normal; }
@media screen and (max-width: 500px) {
    h2 {
        font-size: 2em; } }

h3 {
    font-size: 2em;
    margin: 1.5em 0 0; }
@media screen and (max-width: 500px) {
    h3 {
        font-size: 1.5em; } }

h4 {
    font-size: 1.6em;
    margin: 1.5em 0 0; }
h4 .vid-count {
    font-size: 0.6em;
    display: block; }

h5 {
    font-size: 1.3em;
    margin-top: 1.5em; }

iframe {
    margin: 1.5em 0 0; }
iframe:first-child {
    margin-top: 0; }

h1 + h3 {
    margin-top: 0.5em; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
    margin-top: 0; }
h1 img, h2 img, h3 img, h4 img, h5 img {
    vertical-align: middle;
    margin-right: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a {
    color: inherit; }

figure h2 + iframe, figure h2 + img, .hero-details h2 + img, .thin-grid-list h2 + img, .thin-grid-list-boxed-out h2 + img, .sub-list header h2 + img, figure h3 + iframe, figure h3 + img, .hero-details h3 + img, .thin-grid-list h3 + img, .thin-grid-list-boxed-out h3 + img, .sub-list header h3 + img, figure h4 + iframe, figure h4 + img, .hero-details h4 + img, .thin-grid-list h4 + img, .thin-grid-list-boxed-out h4 + img, .sub-list header h4 + img {
    margin-top: 1em; }
figure iframe + h2, figure img + h2, .hero-details img + h2, .thin-grid-list img + h2, .thin-grid-list-boxed-out img + h2, .sub-list header img + h2, figure iframe + h3, figure img + h3, .hero-details img + h3, .thin-grid-list img + h3, .thin-grid-list-boxed-out img + h3, .sub-list header img + h3, figure iframe + h4, figure img + h4, .hero-details img + h4, .thin-grid-list img + h4, .thin-grid-list-boxed-out img + h4, .sub-list header img + h4, figure iframe + h5, figure img + h5, .hero-details img + h5, .thin-grid-list img + h5, .thin-grid-list-boxed-out img + h5, .sub-list header img + h5 {
    margin-top: 0.5em; }

a:hover {
    text-decoration: none;
    color: #739de6; }

body {
    background: #313130;
    color: #2f2f28; }

a {
    color: #5578b6; }

* {
    border: 0px solid #cbcbcb; }

.main-header, .main-area-divider, .inverted, .thin-grid-list-boxed-out article .box-out {
    background: #313130;
    color: #eeede8; }
.main-header *, .main-area-divider *, .inverted *, .thin-grid-list-boxed-out article .box-out * {
    border-color: #525252; }
.main-header a, .main-area-divider a, .inverted a, .thin-grid-list-boxed-out article .box-out a {
    color: #739de6;
    text-decoration: none; }
.main-header a:hover, .main-area-divider a:hover, .inverted a:hover, .thin-grid-list-boxed-out article .box-out a:hover {
    color: #eeede8;
    text-decoration: none; }
.main-header .btn, .main-area-divider .btn, .inverted .btn, .thin-grid-list-boxed-out article .box-out .btn, .main-header .btn--platform-download, .main-area-divider .btn--platform-download, .inverted .btn--platform-download, .thin-grid-list-boxed-out article .box-out .btn--platform-download, .main-header .btn-with-detail, .main-area-divider .btn-with-detail, .inverted .btn-with-detail, .thin-grid-list-boxed-out article .box-out .btn-with-detail, .main-header .btn-primary, .main-area-divider .btn-primary, .inverted .btn-primary, .thin-grid-list-boxed-out article .box-out .btn-primary, .main-header .slim-btn, .main-area-divider .slim-btn, .inverted .slim-btn, .thin-grid-list-boxed-out article .box-out .slim-btn {
    color: #ffffff; }
.main-header .btn:before, .main-area-divider .btn:before, .inverted .btn:before, .thin-grid-list-boxed-out article .box-out .btn:before, .main-header .btn--platform-download:before, .main-area-divider .btn--platform-download:before, .inverted .btn--platform-download:before, .thin-grid-list-boxed-out article .box-out .btn--platform-download:before, .main-header .btn-with-detail:before, .main-area-divider .btn-with-detail:before, .inverted .btn-with-detail:before, .thin-grid-list-boxed-out article .box-out .btn-with-detail:before, .main-header .btn-primary:before, .main-area-divider .btn-primary:before, .inverted .btn-primary:before, .thin-grid-list-boxed-out article .box-out .btn-primary:before, .main-header .slim-btn:before, .main-area-divider .slim-btn:before, .inverted .slim-btn:before, .thin-grid-list-boxed-out article .box-out .slim-btn:before {
    border-left-color: #eeede8; }
.main-header .btn:hover, .main-area-divider .btn:hover, .inverted .btn:hover, .thin-grid-list-boxed-out article .box-out .btn:hover, .main-header .btn--platform-download:hover, .main-area-divider .btn--platform-download:hover, .inverted .btn--platform-download:hover, .thin-grid-list-boxed-out article .box-out .btn--platform-download:hover, .main-header .btn-with-detail:hover, .main-area-divider .btn-with-detail:hover, .inverted .btn-with-detail:hover, .thin-grid-list-boxed-out article .box-out .btn-with-detail:hover, .main-header .btn-primary:hover, .main-area-divider .btn-primary:hover, .inverted .btn-primary:hover, .thin-grid-list-boxed-out article .box-out .btn-primary:hover, .main-header .slim-btn:hover, .main-area-divider .slim-btn:hover, .inverted .slim-btn:hover, .thin-grid-list-boxed-out article .box-out .slim-btn:hover {
    border-color: #EEEDE8; }
.main-header .inverted, .main-area-divider .inverted, .inverted .inverted, .thin-grid-list-boxed-out article .box-out .inverted {
    background: #cccbc6;
    color: #313130; }
.main-header .inverted *, .main-area-divider .inverted *, .inverted .inverted *, .thin-grid-list-boxed-out article .box-out .inverted * {
    border-color: #313130; }
.main-header .inverted.user li, .main-area-divider .inverted.user li, .inverted .inverted.user li, .thin-grid-list-boxed-out article .box-out .inverted.user li {
    border-color: #deddda; }
.main-header blockquote:before, .main-area-divider blockquote:before, .inverted blockquote:before, .thin-grid-list-boxed-out article .box-out blockquote:before {
    border-color: transparent #fff; }
.main-header blockquote:after, .main-area-divider blockquote:after, .inverted blockquote:after, .thin-grid-list-boxed-out article .box-out blockquote:after {
    border-color: transparent #313130; }
.main-header blockquote cite, .main-area-divider blockquote cite, .inverted blockquote cite, .thin-grid-list-boxed-out article .box-out blockquote cite {
    color: #eeede8; }

i {
    font-style: normal;
    display: inline-block;
    font-family: 'icon';
    margin: 0; }

.score {
    color: #83837b; }
.score strong {
    font-weight: normal;
    color: #2F2F28; }

.only-mobile {
    display: none !important; }
@media screen and (max-width: 500px) {
    .only-mobile {
        display: inherit !important; } }

.only-tablet {
    display: none !important; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .only-tablet {
        display: inherit !important; } }

.only-tablet-and-down {
    display: none !important; }
@media screen and (max-width: 800px) {
    .only-tablet-and-down {
        display: inherit !important; } }

.only-desktop {
    display: none !important; }
@media screen and (min-width: 800px) {
    .only-desktop {
        display: inherit !important; } }

@media screen and (min-width: 500px) and (max-width: 800px) {
    .hide-tablet {
        display: none; } }

@media screen and (max-width: 500px) {
    .hide-mobile {
        display: none; } }

@media screen and (min-width: 800px) {
    .hide-desktop {
        display: none; } }

@media screen and (max-width: 500px) {
    .mobile-fixed {
        position: absolute; } }

.only-swiper-large {
    display: none !important; }
@media screen and (min-width: 800px) {
    .only-swiper-large {
        display: block !important; } }

.only-swiper-medium {
    display: none !important; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .only-swiper-medium {
        display: block !important; } }

.only-swiper-small {
    display: none !important; }
@media screen and (max-width: 500px) {
    .only-swiper-small {
        display: block !important; } }


.only-swiper-banner-large {
    display: none !important; }
@media screen and (min-width: 800px) {
    .only-swiper-banner-large {
        display: inline !important; } }

.only-swiper-banner-medium {
    display: none !important; }
@media screen and (min-width: 330px) and (max-width: 800px) {
    .only-swiper-banner-large {
        display: inline !important; } }

.only-swiper-banner-small {
    display: none !important; }
@media screen and (max-width: 330px) {
    .only-swiper-banner-small {
        display: inline !important; } }

.img-light, .transport-wrapper, .transport-wrapper--featured, .zoom-image__indicator-bg, .icon-magnifying_plus {
    -webkit-backface-visibility: hidden; }

.secondary-nav:before, .extra-content:before, .solo-tout:before, .masonry-list__inner:before, .news-list figure figcaption:before, .secondary-nav:after, .extra-content:after, .solo-tout:after, .masonry-list__inner:after, .news-list figure figcaption:after {
    content: "";
    display: table; }
.secondary-nav:after, .extra-content:after, .solo-tout:after, .masonry-list__inner:after, .news-list figure figcaption:after {
    clear: both; }

body {
    height: 100%; }

html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    margin: 0 auto;
    height: 100%; }

hr {
    clear: both;
    border-bottom: 1px solid #cbcbcb;
    padding-top: 2em; }

ins {
    text-decoration: none;
    font-weight: bold; }

ul {
    list-style-type: none;
    padding-left: 0; }

.bullet {
    list-style: square;
    margin-left: 1.5em; }

.no-t-margin {
    margin-top: 0; }

@media screen and (min-width: 800px) {
    .thirdparty {
        padding-top: 2em !important;
        clear: left; } }
.thirdparty strong {
    display: block; }
.thirdparty img {
    margin-right: 1em;
    width: 100px;
    float: left; }
.thirdparty li {
    border-top: 1px solid #cbcbcb;
    margin-top: 1em;
    padding-top: 1em;
    overflow: hidden; }
@media screen and (max-width: 500px) {
    .thirdparty li {
        padding-left: 45px; }
    .thirdparty li img {
        margin-left: -45px; } }
@media screen and (min-width: 800px) {
    .thirdparty li {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px; } }







figure iframe {
    margin: 1.5em 0 0; }
figure iframe:first-child {
    margin-top: 0; }
figure figcaption {
    margin-top: 1.5em;
    display: none; }
figure img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 1.5em 0 0; }
figure img:first-child {
    margin-top: 0; }
figure.right_thumb {
    padding-right: 10em; }
figure.right_thumb img {
    float: right;
    width: 8em;
    margin-right: -10em; }

blockquote {
    position: relative;
    padding: 15px;
    margin: 2.5em 0 5em;
    color: #2f2f28;
    background: #fff;
    clear: right;
    /* creates the wider right-angled triangle */
    /* creates the narrower right-angled triangle */ }
blockquote * {
    font-style: normal;
    font-size: 16px; }
blockquote:before {
    content: "";
    position: absolute;
    bottom: -34px;
    right: 26px;
    border-width: 0 0 34px 69px;
    border-style: solid;
    border-color: transparent #fff;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0; }
blockquote:after {
    content: "";
    position: absolute;
    bottom: -34px;
    right: 69px;
    border-width: 0 0 34px 26px;
    border-style: solid;
    border-color: transparent #eeede8;
    /* reduce the damage in FF3.0 */
    display: block;
    width: 0; }
blockquote cite {
    position: absolute;
    bottom: -2em;
    right: 8em;
    font-size: 1.2em;
    color: #2f2f28;
    text-align: right;
    padding-right: 0.5em;
    /*font-style: normal !important;*/ }

/*blockquote cite a {
    font-style: normal !important; }*/

blockquote em
{
    font-style: italic;
}


@media screen and (max-width: 500px) {
    blockquote cite {
        right: 9em;
        bottom: -3em; } }
.main-area-featured blockquote {
    background: #eeede8; }
.main-area-featured blockquote:before {
    border-color: transparent #eeede8; }
.main-area-featured blockquote:after {
    border-color: transparent #fff; }
.hero-media blockquote {
    background: #cccbc5; }
.hero-media blockquote:before {
    border-color: transparent #cccbc5; }
@media screen and (min-width: 800px) {
    .hero-media blockquote {
        margin-top: 2em; } }

.naked-list, .secondary-nav .secondary-nav__quick-links ul, .secondary-nav .secondary-nav__featured-links ul, .horz-list, .split-nav > nav > ul, .horz-list-centred, .btn-group-horz, .btn-group-horz-left, .horz-form, .horz-form--right, .horz-form--content, .fxpagination, .action-list, .btn-group, .btn-group-vert, .vert-icon-list, .meta-list, form ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important; }

.hero-media {
    margin-top: 4em; }
.hero-media img, .hero-media iframe {
    width: 100%; }
.hero-media.video-more {
    padding-bottom: 3em; }

.hero-info {
    margin-top: 4em;
    background: #fff;
    padding: 2em; }

.hero-details h1 {
    position: relative;
    letter-spacing: -2px; }
@media screen and (max-width: 500px) {
    .hero-details h1 {
        letter-spacing: 0; } }
.hero-details h1 img {
    margin-right: -70px;
    float: right;
    width: 82px; }
@media screen and (max-width: 500px) {
    .hero-details h1 img {
        width: 55px; } }
.hero-details h1.withlogo {
    padding-right: 70px; }
.hero-details h3.withlogo {
    padding-right: 70px; }

.artist-image-main {

    background-size: cover;
    height: 320px; }

@media screen and (max-width: 500px) {
    .header-area {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%;
        clear: none;
        position: relative; }
    .header-area:last-child {
        margin-right: 0; }
    .header-area:nth-child(1n) {
        margin-right: 0; }
    .header-area:nth-child(1n+1) {
        clear: left; } }
@media screen and (min-width: 500px) {
    .header-area {
        display: block;
        float: left;
        margin-right: 11.76471%;
        width: 44.11765%;
        clear: none;
        position: relative; }
    .header-area:last-child {
        margin-right: 0; }
    .header-area:nth-child(2n) {
        margin-right: 0; }
    .header-area:nth-child(2n+1) {
        clear: left; } }

@media screen and (min-width: 800px) {
    .hero {
        zoom: 1;
        display: block; }
    .hero:before, .hero:after {
        content: "";
        display: table; }
    .hero:after {
        clear: both; }

    .hero-details,
    .hero-media,
    .hero-info {
        display: block;
        float: left;
        margin-right: 3.63636%;
        width: 48.18182%;
        margin-top: 0; }
    .hero-details:last-child,
    .hero-media:last-child,
    .hero-info:last-child {
        margin-right: 0; } }
.simple-list a, .grid-list-subtle a {
    color: inherit;
    text-decoration: none; }

.legacy-product a {
    color: #5578b6;
}

.desc {
    border-width: 1px 0;
    padding: 1.5em 0;
    margin-top: 1.5em; }

.desc-concise {
    padding: 1.5em 0 0 0;
    margin-top: 1.5em; }

.boxed-info {
    padding: 1.5em;
    background: #fff; }
.boxed-info + .boxed-info {
    margin-top: 1.5em; }

.zoom-image, .zoom-image--solo {
    position: relative;
    overflow: hidden; }
.zoom-image + h3, .zoom-image--solo + h3 {
    margin-top: 1em; }
.zoom-image img, .zoom-image--solo img {
    display: block; }
.zoom-image:hover .zoom-image__indicator-bg, .zoom-image--solo:hover .zoom-image__indicator-bg {
    top: 0;
    left: 0; }
.zoom-image:hover .icon-magnifying_plus, .zoom-image--solo:hover .icon-magnifying_plus {
    font-size: 1.6em;
    color: #fff; }

.zoom-image--solo {
    float: left; }

.zoom-image__indicator-bg {
    position: absolute;
    width: 100.5%;
    height: 100%;
    left: 10px;
    top: 10px;
    pointer-events: none;
    background: url("../img/zoom-image__indicator-bg.png") no-repeat 100% 100%;
    -webkit-transition: top 0.2s ease, left 0.2s ease;
    -moz-transition: top 0.2s ease, left 0.2s ease;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px); }

.icon-magnifying_plus {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    position: absolute;
    right: 4px;
    bottom: 4px;
    color: #739de6; }
.icon-magnifying_plus:before {
    content: "\f07E";
    font-size: 1.6em; }

.icon-chevron_right:before {
    content: "\f006"; }

.icon-chevron_left:before {
    content: "\f007"; }

.clipboard {
    border-width: 1px;
    display: inline-block;
    background: #2F2F28;
    color: #CBCBCB;
    border-color: #2F2F28;
    overflow: hidden; }
.clipboard .icon-newspaper:before {
    content: "\F4F0";
    margin-right: 0.5em; }
.clipboard .copy-target, .clipboard .copy-trigger {
    padding: 0.5em 1em;
    display: block;
    float: left; }
.clipboard .copy-trigger {
    color: #2F2F28;
    text-decoration: none;
    background: #eeede8; }
@media screen and (max-width: 690px) {
    .clipboard .copy-trigger {
        width: 100%; }
    .clipboard .copy-trigger span {
        display: inline !important; } }
@media screen and (max-width: 930px) {
    .clipboard .copy-trigger {
        width: 100%; }
    .clipboard .copy-trigger span {
        display: inline !important; } }
.clipboard .copy-trigger:hover {
    background: #CBCBCB; }
.touch .clipboard .copy-trigger {
    display: none; }
@media screen and (max-width: 1090px) {
    .clipboard .copy-trigger span {
        display: none; } }

/**
 **********************************************************
 * Large structural blocks
 **********************************************************
 */
.outer {
    padding: 0 3em;
    overflow-x: hidden;
    position: relative;
    background-color: #eeede8; }

.container {
    zoom: 1;
    max-width: 1078px;
    margin-left: auto;
    margin-right: auto; }
.container:before, .container:after {
    content: "";
    display: table; }
.container:after {
    clear: both; }

.main-header {
    zoom: 1;
    display: block;
    margin: 0 -999em;
    padding: 0em 999em; }
.main-header:before, .main-header:after {
    content: "";
    display: table; }
.main-header:after {
    clear: both; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .main-header {
        font-size: 80%; } }
.main-header .tooltip select, .main-header .tooltip--audio select, .main-header .tooltip--audio-large select {
    color: #fff; }
@media screen and (max-width: 500px) {
    .main-header {
        padding: 6em 2em 0 2em; }
    .main-header .mobile-fixed {
        width: 100%;
        top: 0em;
        left: 0em;
        right: 0em;
        background: #313130;
        z-index: 99999; }
    .main-header .switch-nav {
        float: right;
        padding: 0.5em;
        margin: 1em 0.5em;
        text-decoration: none;
        font-size: 1.5em; }
    .touch .main-header .switch-nav:hover {
        color: #313130; }
    .touch .main-header .switch-nav.is-hover {
        color: #eeede8; }
    .main-header .switch-nav .icon-list:before {
        content: "\f009";
        display: inline-block;
        font-family: 'icon';
        font-style: normal;
    }
    .main-header .split-nav .util:first-child {
        border-top: 1px solid #575757;
        margin-top: 4px; }
    .main-header nav {
        display: none; }
    .main-header.menu-on nav {
        display: block; }
    .main-header.menu-on + #main-nav.product-nav__detail {
        display: block !important; }
    .main-header.menu-on + #main-nav.product-nav__detail .product-nav__detail__inner {
        margin-top: 0 !important; } }
.main-header .logo {
    float: left;
    display: block; }
@media screen and (min-width: 500px) {
    .main-header .logo {
        line-height: 8em;
        width: 20%; }
    .main-header .logo img {
        width: 80%;
        display: inline-block;
        vertical-align: middle;
        margin: 1em 0 0; } }
@media screen and (max-width: 500px) {
    .main-header .logo img {
        height: 4em;
        margin: 1em 0.5em; } }

.split-nav {
    float: left;
    width: 55%; }
.split-nav > nav {
    clear: both;
    margin: 0 -999em 0 0;
    padding: 0 999em 0 0; }
.split-nav > nav:before, .split-nav > nav:after {
    content: "";
    display: table; }
.split-nav > nav:after {
    clear: both; }
.no-touch .split-nav > nav a:hover,
.split-nav > nav a.tooltip-on {
    background-color: #fff; }
.split-nav > nav.user > li + li {
    border-left: 1px solid #b0afab;
    margin-left: 1em; }
.split-nav > nav.user a {
    color: #313130; }
.split-nav > nav > ul {
    float: right;
    white-space: nowrap; }
@media screen and (max-width: 500px) {
    .split-nav > nav > ul {
        text-align: center;
        float: none; } }
.split-nav > nav > ul > li:first-child {
    border-left: 1px solid #525252; }
.split-nav > nav > ul > li {
    position: relative;
    line-height: 4em;
    border-right: 1px solid #525252;
    padding-left: 0 !important; }
.split-nav > nav > ul > li > a {
    text-decoration: none;
    display: block;
    padding: 0 1em;
    color: #eeede8; }
.no-touch .split-nav > nav > ul > li > a:hover, .split-nav > nav > ul > li > a.tooltip-on {
    color: #313130; }
.split-nav > nav > ul > li form {
    line-height: 4em; }
.split-nav > nav > ul > li ul {
    position: absolute;
    right: 0; }
.split-nav > nav > ul > li .inline-link {
    display: inline; }
@media screen and (max-width: 800px) {
    .split-nav > nav > ul {
        font-size: 1.2em; } }
@media screen and (max-width: 500px) {
    .split-nav {
        padding-right: 0;
        margin-right: 0;
        width: 100%; }
    .split-nav > nav > ul {
        font-size: 1em; }
    .split-nav nav {
        padding-right: 0;
        margin-right: 0;
        padding: 0; }
    .split-nav ul {
        float: none; }
    .split-nav ul li {
        margin-top: 0 !important; } }

.secondary-nav h4 {
    font-size/*\**/: 16px\9; }
.secondary-nav a {
    text-decoration: none;
    color: #ffffff;
    font-size/*\**/: 13px\9; }
.secondary-nav a:hover {
    text-decoration: underline; }
.secondary-nav .secondary-nav__quick-links {
    float: left;
    width/*\**/: 48% \9; }
.secondary-nav .secondary-nav__quick-links h5 {
    font-size/*\**/: 14px\9; }
.secondary-nav .secondary-nav__quick-links ul {
    line-height: 24px; }
.secondary-nav h4 + .secondary-nav__quick-links {
    margin-top: 1em; }
.secondary-nav .secondary-nav__featured-links {
    width/*\**/: 48% \9; }
.secondary-nav .secondary-nav__featured-links h5 {
    font-size: 1.3em;
    font-size/*\**/: 14px\9; }
.secondary-nav .secondary-nav__featured-links ul {
    line-height: 24px; }
.secondary-nav .secondary-nav__featured-links .thumb-list .content {
    margin-top: -0.5em; }
.secondary-nav .secondary-nav__featured-links .thumb-list p {
    font-size: 14px; }
.secondary-nav .secondary-nav__featured-links .thumb-list + .thumb-list {
    margin-top: 1.5em; }
@media screen and (min-width: 500px) {
    .secondary-nav .secondary-nav__featured-links {
        width: 50%;
        float: right; } }
@media screen and (max-width: 500px) {
    .secondary-nav .secondary-nav__featured-links {
        width: 40%;
        float: right; } }

@media screen and (min-width: 500px) {
    .product-nav {
        float: left;
        width: 25%; } }
@media screen and (max-width: 500px) {
    .product-nav {
        clear: both; } }

.product-nav__link {
    background-color: #eeede8;
    display: block;
    line-height: 8em;
    padding: 0 2em;
    text-align: center;
    color: #313130 !important;
    text-transform: uppercase;
    text-decoration: none; }
.no-touch .product-nav__link:hover {
    background: #FFF; }
.product-nav__link > span {
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    position: relative; }
@media screen and (min-width: 800px) {
    .product-nav__link > span {
        left: -0.7em; } }
.product-nav__link > span:after {
    content: "\f004";
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5em;
    font-family: 'icon'; }
@media screen and (min-width: 800px) {
    .product-nav__link > span:after {
        position: absolute;
        right: -1.2em;
        top: 0; } }
.product-nav__link.tooltip-on {
    background-color: #fff; }
.product-nav__link.tooltip-on > span:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
@media screen and (min-width: 800px) {
    .product-nav__link.tooltip-on > span:after {
        right: -1.2em; } }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .product-nav__link > span:after {
        display: block;
        text-align: center;
        margin-top: 0.5em; } }
@media screen and (max-width: 500px) {
    .product-nav__link {
        display: none; } }

.desktop-only {
    display: none !important; }
@media screen and (min-width: 1000px) {
    .desktop-only {
        display: inline-block !important;
        margin-left: 0.3em; } }

@media screen and (max-width: 500px) {
    .disable-on-mobile {
        pointer-events: none; }
    .disable-on-mobile .zoom-image__indicator-bg,
    .disable-on-mobile .icon-magnifying_plus {
        display: none; } }
.product-nav__detail {
    position: absolute;
    font-size: 1em;
    width: 850px;
    overflow: hidden;
    left: 0 !important;
    right: 0;
    margin: auto;
    z-index: 1000000;
    top: 119px;
    display: none; }
.product-nav__detail a {
    color: inherit; }
@media screen and (max-width: 850px) {
    .product-nav__detail {
        position: static;
        width: auto;
        clear: both; } }
@media screen and (max-width: 500px) {
    .product-nav__detail {
        display: none !important;
        margin-left: -2em;
        margin-right: -2em; } }

.product-nav__detail__inner {
    margin-top: -2em;
    -webkit-transition: margin-top 0.2s ease;
    -moz-transition: margin-top 0.2s ease;
    background: #fff;
    color: #2F2F28;
    border: 2px solid #999;
    border-top: 0;
    overflow: hidden; }
.product-nav__detail.on .product-nav__detail__inner {
    margin-top: 0; }

.product-nav__col, .product-nav__col--featured {
    float: left;
    position: relative;
    padding: 20px;
    width: 20%;
    border-left: 1px solid #cbccc6;
    background: #fff; }
@media screen and (max-width: 850px) {
    .product-nav__col, .product-nav__col--featured {
        border-left: none; } }
.product-nav__col:first-child, .product-nav__col--featured:first-child {
    border-left: 0; }
.product-nav__col:hover, .product-nav__col--featured:hover {
    background-color: #eeede8; }
.product-nav__col dl, .product-nav__col--featured dl {
    line-height: 1.6;
    font-size: 1em;
    margin-top: 30px;
    float: left;
    margin-top: 0;
    min-width: 100px;
}
.product-nav__col dl dt, .product-nav__col--featured dl dt {
    font-weight: bold; }
.product-nav__col dl dd, .product-nav__col--featured dl dd {
    margin-top: 0;
    font-weight: normal; }
.product-nav__col dl a, .product-nav__col--featured dl a {
    text-decoration: none; }
.product-nav__col ul, .product-nav__col--featured ul {
    list-style: none; }
.product-nav__col ul a, .product-nav__col--featured ul a,
.product-nav__col dl a,
.product-nav__col--featured dl a {
    text-decoration: none;
    display: block;
    position: relative; }
.product-nav__col ul a:hover:before, .product-nav__col--featured ul a:hover:before,
.product-nav__col dl a:hover:before,
.product-nav__col--featured dl a:hover:before {
    content: '\f006';
    position: absolute;
    left: -1em;
    font-family: 'icon';
    font-size: 12px;
    color: #2F2F28; }
@media screen and (max-width: 850px) {
    .product-nav__col, .product-nav__col--featured {
        width: 100%;
        border-top: 1px solid #ccc; }
    .product-nav__col:first-child, .product-nav__col--featured:first-child, .product-nav__col:first-child + .product-nav__col--featured, .product-nav__col--featured:first-child + .product-nav__col--featured {
        border-top: none; } }
@media screen and (min-width: 851px) {
    .product-nav__col:last-child, .product-nav__col--featured:last-child {
        margin-bottom: -999px;
        padding-bottom: 999px; } }

.extra-product-nav {
    margin-top: -1em; }
@media screen and (max-width: 800px) {
    .all-products {
        margin-top: -70px; } }

.product-nav__col--featured {
    width: 40%;
    padding-bottom: 0; }
.product-nav__col--featured:hover {
    background: white; }
@media screen and (max-width: 850px) {
    .product-nav__col--featured {
        width: 50%;
        margin-bottom: -999px;
        padding-bottom: 999px; } }

.product-feature {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    border-top: 1px solid #f0efea; }
.product-feature:first-child {
    padding-top: 0;
    border-top: 0;
    margin-top: -20px; }
.product-feature:hover {
    background-color: #eeede8; }

.product-feature__mid {
    display: table;
    width: 100%;
    height: 70px;
    margin-top: -1em; }

.product-feature__inner {
    zoom: 1;
    display: block;
    display: table-cell;
    vertical-align: middle; }
.product-feature__inner:before, .product-feature__inner:after {
    content: "";
    display: table; }
.product-feature__inner:after {
    clear: both; }

.product-feature__logo {
    float: left;
    width: 50%;
    min-width: 100px;
    margin-top: 1em; }

.product-feature__content {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0;
    font-size: 1em;
    margin-top: 1em; }
@media screen and (max-width: 500px) {
    .product-feature__content {
        width: 100%; } }

.main-area, .main-area-divider, .main-area-featured {
    margin: 0 -999em;
    padding: 4em 999em 2em;
    overflow: hidden;
}
.main-area.slim-header, .slim-header.main-area-divider, .slim-header.main-area-featured {
    padding: 4em 999em 2em; }
.main-area ul, .main-area-divider ul, .main-area-featured ul {
    padding: 0; }
.main-area ul.btn-group-horz, .main-area-divider ul.btn-group-horz, .main-area-featured ul.btn-group-horz, .main-area ul.btn-group-horz-left, .main-area-divider ul.btn-group-horz-left, .main-area-featured ul.btn-group-horz-left {
    margin-left: 0; }
.main-area ul.horz-list, .main-area-divider ul.horz-list, .main-area-featured ul.horz-list, .main-area .split-nav > nav > ul, .main-area-divider .split-nav > nav > ul, .main-area-featured .split-nav > nav > ul, .main-area ul.horz-list-centred, .main-area-divider ul.horz-list-centred, .main-area-featured ul.horz-list-centred, .main-area ul.btn-group-horz, .main-area-divider ul.btn-group-horz, .main-area-featured ul.btn-group-horz, .main-area ul.btn-group-horz-left, .main-area-divider ul.btn-group-horz-left, .main-area-featured ul.btn-group-horz-left, .main-area ul.horz-form, .main-area-divider ul.horz-form, .main-area-featured ul.horz-form, .main-area ul.horz-form--right, .main-area-divider ul.horz-form--right, .main-area-featured ul.horz-form--right, .main-area ul.horz-form--content, .main-area-divider ul.horz-form--content, .main-area-featured ul.horz-form--content, .main-area ul.fxpagination, .main-area-divider ul.fxpagination, .main-area-featured ul.fxpagination {
    margin-left: -1em; }

.main-area-divider.slim {
    padding: 0 999em; }
.main-area-divider .transport-wrapper, .main-area-divider .transport-wrapper--featured {
    padding: 0em 9999px; }
.main-area-divider .transport-wrapper:before, .main-area-divider .transport-wrapper--featured:before {
    background: #313130;
    content: '';
    position: absolute;
    left: 9999px;
    margin-left: -9999px;
    padding-left: 9999px;
    top: 0;
    bottom: 0;
    z-index: 1; }
.main-area-divider .transport-wrapper:after, .main-area-divider .transport-wrapper--featured:after {
    background: #313130;
    content: '';
    position: absolute;
    right: 9999px;
    margin-right: -9999px;
    padding-right: 9999px;
    top: 0;
    bottom: 0;
    z-index: 1; }

.main-area-featured {
    background: #fff; }

@media screen and (min-width: 800px) {
    .main-content {
        display: block;
        float: left;
        margin-right: 3.63636%;
        width: 65.45455%; }
    .main-content:last-child {
        margin-right: 0; } }

@media screen and (min-width: 800px) {
    .main-content--full {
        width: auto;
        float: none; } }

.extra-content {
    margin-top: 4em;
    background: #313130;
    padding: 0 0 2em;
    color: #cccbc6; }
.extra-content > .tout:first-child {
    margin-top: 2em; }
.extra-content h3 {
    color: #eeede8; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .extra-content {
        zoom: 1;
        display: block; }
    .extra-content:before, .extra-content:after {
        content: "";
        display: table; }
    .extra-content:after {
        clear: both; }
    .extra-content .tout {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%; }
    .extra-content .tout:last-child {
        margin-right: 0; }
    .extra-content .tout:nth-child(2n) {
        margin-right: 0; } }
@media screen and (max-width: 800px) {
    .extra-content {
        margin: 0 -999em;
        padding: 0 999em 2em; }
    .extra-content > .tout:first-child {
        margin-top: 4em; } }
@media screen and (min-width: 800px) {
    .extra-content {
        display: block;
        float: left;
        margin-right: 3.63636%;
        width: 30.90909%;
        padding-left: 2em;
        padding-right: 2em; }
    .extra-content:last-child {
        margin-right: 0; } }
.extra-content input, .extra-content select, .extra-content textarea {
    width: 100%; }
.extra-content a {
    color: #739de6; }
.extra-content a:hover {
    color: #eeede8; }
.extra-content ins {
    color: #ffffff; }

.mainfooter {
    background: #313130;
    color: #eeede8;
    padding: 4em 9999px 2em;
    margin: 0 -9999px; }
.mainfooter * {
    border-color: #525252; }
.mainfooter a {
    color: #739de6;
    text-decoration: none; }
.mainfooter a:hover {
    color: #eeede8;
    text-decoration: none; }
.mainfooter .btn, .mainfooter .btn--platform-download, .mainfooter .btn-with-detail, .mainfooter .btn-primary, .mainfooter .slim-btn {
    color: #ffffff; }
.mainfooter .btn:before, .mainfooter .btn--platform-download:before, .mainfooter .btn-with-detail:before, .mainfooter .btn-primary:before, .mainfooter .slim-btn:before {
    border-left-color: #eeede8; }
.mainfooter .btn:hover, .mainfooter .btn--platform-download:hover, .mainfooter .btn-with-detail:hover, .mainfooter .btn-primary:hover, .mainfooter .slim-btn:hover {
    border-color: #EEEDE8; }
.mainfooter .inverted {
    background: #cccbc6;
    color: #313130; }
.mainfooter .inverted * {
    border-color: #313130; }
.mainfooter .inverted.user li {
    border-color: #deddda; }
.mainfooter blockquote:before {
    border-color: transparent #fff; }
.mainfooter blockquote:after {
    border-color: transparent #313130; }
.mainfooter blockquote cite {
    color: #eeede8; }
.mainfooter img {
    float: right;
    width: 20%; }
@media screen and (max-width: 500px) {
    .mainfooter img {
        width: 30%; } }
.mainfooter small {
    float: left;
    font-size: 1.1em; }

.mainfooter__copy {
    clear: both;
    border-top: 1px solid #525252;
    padding: 2em 0; }

.mainfooter__social {
    float: left;
    width: 50%;
    padding-bottom: 2em; }
.mainfooter__social .social i {
    width: 1.3em;
    text-align: right;
    margin-right: 0.8em; }

.icon-twitter:before {
    content: "\f058";
    display: inline-block;
    font-family: 'icon';
    font-style: normal;
}

.icon-facebook:before {
    content: "\f052";
    padding-right: 3px;
    display: inline-block;
    font-family: 'icon';
    font-style: normal;
}

.icon-movie:before {
    content: "\f040";
    display: inline-block;
    font-family: 'icon';
    font-style: normal;
}

.icon-play:before {
    content: "\f00f";
    display: inline-block;
    font-family: 'icon';
    font-style: normal;
}

.icon-soundcloud:before {
    content: "\f089";
    display: inline-block;
    font-family: 'icon';
    font-style: normal;
}

.mainfooter__legal {
    float: right; }
.mainfooter__legal li:first-child {
    border: none; }
.mainfooter__legal li {
    display: inline;
    float: left;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #525252; }
@media screen and (max-width: 500px) {
    .mainfooter__legal {
        float: none;
        margin-top: 3em; }
    .mainfooter__legal li:first-child {
        padding-left: 0;
        margin-left: 0; } }

/**
 **********************************************************
 * Block components
 **********************************************************
 */
.solo-tout, .tout, .summary-feature {
    margin-top: 4em; }
.main-area .solo-tout:first-child, .main-area-divider .solo-tout:first-child, .main-area-featured .solo-tout:first-child, .main-area .tout:first-child, .main-area-divider .tout:first-child, .main-area-featured .tout:first-child, .main-area .summary-feature:first-child, .main-area-divider .summary-feature:first-child, .main-area-featured .summary-feature:first-child {
    margin-top: 0; }

.solo-tout img {
    display: block;
    float: left;
    margin-right: 11.76471%;
    width: 44.11765%; }
.solo-tout img:last-child {
    margin-right: 0; }

.tout .content {
    width: 100% !important;
    margin: 1em 0 0 0; }
.tout .content img {
    float: left;
    width: 20%;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-top: 0.4em;
    border: 1px solid #313130; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .tout .content img {
        width: 10%; } }
.tout article:first-child {
    margin-top: 0;
    padding-top: 1em; }
.tout article {
    border-color: #686a69; }

/**
 **********************************************************
 * Listing components
 **********************************************************
 */
.simple-list article, .grid-list article, .grid-list-subtle article, .shallow-grid-list article, .three-grid-list article, .four-grid-list article, .thin-grid-list article, .thin-grid-list-boxed-out article, .thumb-list article, .carousel article, .sub-list article {
    padding-top: 2em;
    padding-bottom: 2em; }
.main-area .simple-list:first-child, .main-area-divider .simple-list:first-child, .main-area-featured .simple-list:first-child, .main-area .grid-list:first-child, .main-area-divider .grid-list:first-child, .main-area-featured .grid-list:first-child, .main-area .grid-list-subtle:first-child, .main-area-divider .grid-list-subtle:first-child, .main-area-featured .grid-list-subtle:first-child, .main-area .shallow-grid-list:first-child, .main-area-divider .shallow-grid-list:first-child, .main-area-featured .shallow-grid-list:first-child, .main-area .three-grid-list:first-child, .main-area-divider .three-grid-list:first-child, .main-area-featured .three-grid-list:first-child, .main-area .four-grid-list:first-child, .main-area-divider .four-grid-list:first-child, .main-area-featured .four-grid-list:first-child, .main-area .thin-grid-list:first-child, .main-area-divider .thin-grid-list:first-child, .main-area-featured .thin-grid-list:first-child, .main-area .thin-grid-list-boxed-out:first-child, .main-area-divider .thin-grid-list-boxed-out:first-child, .main-area-featured .thin-grid-list-boxed-out:first-child, .main-area .thumb-list:first-child, .main-area-divider .thumb-list:first-child, .main-area-featured .thumb-list:first-child, .main-area-divider .carousel:first-child, .main-area-featured .carousel:first-child, .main-area .sub-list:first-child, .main-area-divider .sub-list:first-child, .main-area-featured .sub-list:first-child {
    margin-top: -4em; }
.main-area-divider .simple-list:first-child, .main-area-divider .grid-list:first-child, .main-area-divider .grid-list-subtle:first-child, .main-area-divider .shallow-grid-list:first-child, .main-area-divider .three-grid-list:first-child, .main-area-divider .four-grid-list:first-child, .main-area-divider .thin-grid-list:first-child, .main-area-divider .thin-grid-list-boxed-out:first-child, .main-area-divider .thumb-list:first-child, .main-area-divider .carousel:first-child, .main-area-divider .sub-list:first-child {
    margin-top: 0; }

.horz-list, .split-nav > nav > ul, .horz-list-centred, .btn-group-horz, .btn-group-horz-left, .horz-form, .horz-form--right, .horz-form--content, .fxpagination {
    margin-left: -1em; }
.horz-list li, .split-nav > nav > ul li, .horz-list-centred li, .btn-group-horz li, .btn-group-horz-left li, .horz-form li, .horz-form--right li, .horz-form--content li, .fxpagination li {
    display: inline-block;
    vertical-align: top;
    margin-right: -5px;
    padding-left: 1em; }
@media screen and (max-width: 500px) {
    .horz-list li, .split-nav > nav > ul li, .horz-list-centred li, .btn-group-horz li, .btn-group-horz-left li, .horz-form li, .horz-form--right li, .horz-form--content li, .fxpagination li {
        margin-top: 1em; } }
.horz-list.awards li, .split-nav > nav > ul.awards li, .awards.horz-list-centred li, .awards.btn-group-horz li, .awards.btn-group-horz-left li, .awards.horz-form li, .awards.horz-form--right li, .awards.horz-form--content li, .awards.fxpagination li {
    padding-left: 0;
    padding-right: 1em; }

.horz-list-centred {
    text-align: center; }

hgroup {
    margin-top: 3em;
    border-bottom-width: 1px;
    padding-bottom: 1em;
    clear: both; }

/*==========================================================
=            Content Lists - thumbs, grids etc.            =
==========================================================*/
.simple-list {
    zoom: 1;
    display: block; }
.simple-list:before, .simple-list:after {
    content: "";
    display: table; }
.simple-list:after {
    clear: both; }
.simple-list article {
    margin-top: 0;
    display: block;
    float: left;
    margin-right: 26.66667%;
    width: 100%;
    clear: none;
    position: relative; }
.simple-list article:last-child {
    margin-right: 0; }
.simple-list article:nth-child(1n) {
    margin-right: 0; }
.simple-list article:nth-child(1n+1) {
    clear: left; }
.simple-list article.featured {
    border-width: 1px;
    padding: 2em; }

#filterableContent {
    position: relative;
    -webkit-transition: opacity 1s ease, height 1s ease;
    -moz-transition: opacity 1s ease, height 1s ease;
    -ms-transition: opacity 1s ease, height 1s ease;
    -o-transition: opacity 1s ease, height 1s ease;
    transition: opacity 1s ease, height 1s ease; }
#filterableContent.loading {
    opacity: 0.3; }
#filterableContent.loading:before {
    content: '';
    width: 32px;
    height: 32px;
    background: url(/assets/img/ajax-loader.gif) center center no-repeat;
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 99;
    margin: 0px 0 0 -16px; }

.masonry-list__inner {
    margin: -5% 0 0 -5%; }
.masonry-list__inner .masonry-box, .masonry-list__inner .masonry-box--major, .masonry-list__inner .masonry-box--major-short, .masonry-list__inner .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short {
    position: relative;
    float: left;
    margin: 5% 0 0 5%; }
.masonry-list__inner .masonry-box .masonry-box, .masonry-list__inner .masonry-box--major .masonry-box, .masonry-list__inner .masonry-box--major-short .masonry-box, .masonry-list__inner .masonry-box--minor .masonry-box, .masonry-list__inner .masonry-box--minor-short .masonry-box, .masonry-list__inner .masonry-box .masonry-box--major, .masonry-list__inner .masonry-box--major .masonry-box--major, .masonry-list__inner .masonry-box--major-short .masonry-box--major, .masonry-list__inner .masonry-box--minor .masonry-box--major, .masonry-list__inner .masonry-box--minor-short .masonry-box--major, .masonry-list__inner .masonry-box .masonry-box--major-short, .masonry-list__inner .masonry-box--major .masonry-box--major-short, .masonry-list__inner .masonry-box--major-short .masonry-box--major-short, .masonry-list__inner .masonry-box--minor .masonry-box--major-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--major-short, .masonry-list__inner .masonry-box .masonry-box--minor, .masonry-list__inner .masonry-box--major .masonry-box--minor, .masonry-list__inner .masonry-box--major-short .masonry-box--minor, .masonry-list__inner .masonry-box--minor .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor, .masonry-list__inner .masonry-box .masonry-box--minor-short, .masonry-list__inner .masonry-box--major .masonry-box--minor-short, .masonry-list__inner .masonry-box--major-short .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor-short {
    width: 100%;
    margin: 0; }
.masonry-list__inner .masonry-box .masonry-box + .masonry-box, .masonry-list__inner .masonry-box--major .masonry-box + .masonry-box, .masonry-list__inner .masonry-box--major-short .masonry-box + .masonry-box, .masonry-list__inner .masonry-box--minor .masonry-box + .masonry-box, .masonry-list__inner .masonry-box--minor-short .masonry-box + .masonry-box, .masonry-list__inner .masonry-box .masonry-box--major + .masonry-box, .masonry-list__inner .masonry-box--major .masonry-box--major + .masonry-box, .masonry-list__inner .masonry-box--major-short .masonry-box--major + .masonry-box, .masonry-list__inner .masonry-box--minor .masonry-box--major + .masonry-box, .masonry-list__inner .masonry-box--minor-short .masonry-box--major + .masonry-box, .masonry-list__inner .masonry-box .masonry-box--major-short + .masonry-box, .masonry-list__inner .masonry-box--major .masonry-box--major-short + .masonry-box, .masonry-list__inner .masonry-box--major-short .masonry-box--major-short + .masonry-box, .masonry-list__inner .masonry-box--minor .masonry-box--major-short + .masonry-box, .masonry-list__inner .masonry-box--minor-short .masonry-box--major-short + .masonry-box, .masonry-list__inner .masonry-box .masonry-box--minor + .masonry-box, .masonry-list__inner .masonry-box--major .masonry-box--minor + .masonry-box, .masonry-list__inner .masonry-box--major-short .masonry-box--minor + .masonry-box, .masonry-list__inner .masonry-box--minor .masonry-box--minor + .masonry-box, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor + .masonry-box, .masonry-list__inner .masonry-box .masonry-box--minor-short + .masonry-box, .masonry-list__inner .masonry-box--major .masonry-box--minor-short + .masonry-box, .masonry-list__inner .masonry-box--major-short .masonry-box--minor-short + .masonry-box, .masonry-list__inner .masonry-box--minor .masonry-box--minor-short + .masonry-box, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor-short + .masonry-box, .masonry-list__inner .masonry-box .masonry-box + .masonry-box--major, .masonry-list__inner .masonry-box--major .masonry-box + .masonry-box--major, .masonry-list__inner .masonry-box--major-short .masonry-box + .masonry-box--major, .masonry-list__inner .masonry-box--minor .masonry-box + .masonry-box--major, .masonry-list__inner .masonry-box--minor-short .masonry-box + .masonry-box--major, .masonry-list__inner .masonry-box .masonry-box--major + .masonry-box--major, .masonry-list__inner .masonry-box--major .masonry-box--major + .masonry-box--major, .masonry-list__inner .masonry-box--major-short .masonry-box--major + .masonry-box--major, .masonry-list__inner .masonry-box--minor .masonry-box--major + .masonry-box--major, .masonry-list__inner .masonry-box--minor-short .masonry-box--major + .masonry-box--major, .masonry-list__inner .masonry-box .masonry-box--major-short + .masonry-box--major, .masonry-list__inner .masonry-box--major .masonry-box--major-short + .masonry-box--major, .masonry-list__inner .masonry-box--major-short .masonry-box--major-short + .masonry-box--major, .masonry-list__inner .masonry-box--minor .masonry-box--major-short + .masonry-box--major, .masonry-list__inner .masonry-box--minor-short .masonry-box--major-short + .masonry-box--major, .masonry-list__inner .masonry-box .masonry-box--minor + .masonry-box--major, .masonry-list__inner .masonry-box--major .masonry-box--minor + .masonry-box--major, .masonry-list__inner .masonry-box--major-short .masonry-box--minor + .masonry-box--major, .masonry-list__inner .masonry-box--minor .masonry-box--minor + .masonry-box--major, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor + .masonry-box--major, .masonry-list__inner .masonry-box .masonry-box--minor-short + .masonry-box--major, .masonry-list__inner .masonry-box--major .masonry-box--minor-short + .masonry-box--major, .masonry-list__inner .masonry-box--major-short .masonry-box--minor-short + .masonry-box--major, .masonry-list__inner .masonry-box--minor .masonry-box--minor-short + .masonry-box--major, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor-short + .masonry-box--major, .masonry-list__inner .masonry-box .masonry-box + .masonry-box--major-short, .masonry-list__inner .masonry-box--major .masonry-box + .masonry-box--major-short, .masonry-list__inner .masonry-box--major-short .masonry-box + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor .masonry-box + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor-short .masonry-box + .masonry-box--major-short, .masonry-list__inner .masonry-box .masonry-box--major + .masonry-box--major-short, .masonry-list__inner .masonry-box--major .masonry-box--major + .masonry-box--major-short, .masonry-list__inner .masonry-box--major-short .masonry-box--major + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor .masonry-box--major + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--major + .masonry-box--major-short, .masonry-list__inner .masonry-box .masonry-box--major-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--major .masonry-box--major-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--major-short .masonry-box--major-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor .masonry-box--major-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--major-short + .masonry-box--major-short, .masonry-list__inner .masonry-box .masonry-box--minor + .masonry-box--major-short, .masonry-list__inner .masonry-box--major .masonry-box--minor + .masonry-box--major-short, .masonry-list__inner .masonry-box--major-short .masonry-box--minor + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor .masonry-box--minor + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor + .masonry-box--major-short, .masonry-list__inner .masonry-box .masonry-box--minor-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--major .masonry-box--minor-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--major-short .masonry-box--minor-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor .masonry-box--minor-short + .masonry-box--major-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor-short + .masonry-box--major-short, .masonry-list__inner .masonry-box .masonry-box + .masonry-box--minor, .masonry-list__inner .masonry-box--major .masonry-box + .masonry-box--minor, .masonry-list__inner .masonry-box--major-short .masonry-box + .masonry-box--minor, .masonry-list__inner .masonry-box--minor .masonry-box + .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short .masonry-box + .masonry-box--minor, .masonry-list__inner .masonry-box .masonry-box--major + .masonry-box--minor, .masonry-list__inner .masonry-box--major .masonry-box--major + .masonry-box--minor, .masonry-list__inner .masonry-box--major-short .masonry-box--major + .masonry-box--minor, .masonry-list__inner .masonry-box--minor .masonry-box--major + .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short .masonry-box--major + .masonry-box--minor, .masonry-list__inner .masonry-box .masonry-box--major-short + .masonry-box--minor, .masonry-list__inner .masonry-box--major .masonry-box--major-short + .masonry-box--minor, .masonry-list__inner .masonry-box--major-short .masonry-box--major-short + .masonry-box--minor, .masonry-list__inner .masonry-box--minor .masonry-box--major-short + .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short .masonry-box--major-short + .masonry-box--minor, .masonry-list__inner .masonry-box .masonry-box--minor + .masonry-box--minor, .masonry-list__inner .masonry-box--major .masonry-box--minor + .masonry-box--minor, .masonry-list__inner .masonry-box--major-short .masonry-box--minor + .masonry-box--minor, .masonry-list__inner .masonry-box--minor .masonry-box--minor + .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor + .masonry-box--minor, .masonry-list__inner .masonry-box .masonry-box--minor-short + .masonry-box--minor, .masonry-list__inner .masonry-box--major .masonry-box--minor-short + .masonry-box--minor, .masonry-list__inner .masonry-box--major-short .masonry-box--minor-short + .masonry-box--minor, .masonry-list__inner .masonry-box--minor .masonry-box--minor-short + .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor-short + .masonry-box--minor, .masonry-list__inner .masonry-box .masonry-box + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major .masonry-box + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major-short .masonry-box + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor .masonry-box + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor-short .masonry-box + .masonry-box--minor-short, .masonry-list__inner .masonry-box .masonry-box--major + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major .masonry-box--major + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major-short .masonry-box--major + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor .masonry-box--major + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--major + .masonry-box--minor-short, .masonry-list__inner .masonry-box .masonry-box--major-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major .masonry-box--major-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major-short .masonry-box--major-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor .masonry-box--major-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--major-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box .masonry-box--minor + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major .masonry-box--minor + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major-short .masonry-box--minor + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor .masonry-box--minor + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor + .masonry-box--minor-short, .masonry-list__inner .masonry-box .masonry-box--minor-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major .masonry-box--minor-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--major-short .masonry-box--minor-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor .masonry-box--minor-short + .masonry-box--minor-short, .masonry-list__inner .masonry-box--minor-short .masonry-box--minor-short + .masonry-box--minor-short {
    margin: 15% 0 0; }
.masonry-list__inner .masonry-box img, .masonry-list__inner .masonry-box--major img, .masonry-list__inner .masonry-box--major-short img, .masonry-list__inner .masonry-box--minor img, .masonry-list__inner .masonry-box--minor-short img {
    width: 100%;
    display: block; }
.masonry-list__inner .masonry-box .content, .masonry-list__inner .masonry-box--major .content, .masonry-list__inner .masonry-box--major-short .content, .masonry-list__inner .masonry-box--minor .content, .masonry-list__inner .masonry-box--minor-short .content {
    background: #313130;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88313130,endColorstr=#88313130);
    zoom: 1;
    background: rgba(49, 49, 48, 0.7);
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    padding: 2em;
    overflow: hidden;
    width: 30%; }
.masonry-list__inner .masonry-box .content a, .masonry-list__inner .masonry-box--major .content a, .masonry-list__inner .masonry-box--major-short .content a, .masonry-list__inner .masonry-box--minor .content a, .masonry-list__inner .masonry-box--minor-short .content a {
    color: #739de6; }
@media screen and (max-width: 500px) {
    .masonry-list__inner .masonry-box .content, .masonry-list__inner .masonry-box--major .content, .masonry-list__inner .masonry-box--major-short .content, .masonry-list__inner .masonry-box--minor .content, .masonry-list__inner .masonry-box--minor-short .content {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto; } }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .masonry-list__inner .masonry-box .content, .masonry-list__inner .masonry-box--major .content, .masonry-list__inner .masonry-box--major-short .content, .masonry-list__inner .masonry-box--minor .content, .masonry-list__inner .masonry-box--minor-short .content {
        width: 40%; } }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .masonry-list__inner .masonry-box--major, .masonry-list__inner .masonry-box--major-short {
        width: 95%; }
    .masonry-list__inner .masonry-box--major .content, .masonry-list__inner .masonry-box--major-short .content {
        width: 44.5%; } }
@media screen and (max-width: 900px) {
    .masonry-list__inner .masonry-box--major .content, .masonry-list__inner .masonry-box--major-short .content {
        width: 50%; } }
@media screen and (max-width: 500px) {
    .masonry-list__inner .masonry-box--major .intro, .masonry-list__inner .masonry-box--major-short .intro {
        display: none; }
    .masonry-list__inner .masonry-box--major .content, .masonry-list__inner .masonry-box--major-short .content {
        width: 100%; } }
.masonry-list__inner .masonry-box--minor .content, .masonry-list__inner .masonry-box--minor-short .content {
    top: auto;
    left: 0;
    width: 100%;
    height: auto; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .masonry-list__inner .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short {
        width: 44.5%; } }
@media screen and (min-width: 800px) {
    .masonry-list__inner .masonry-box--minor, .masonry-list__inner .masonry-box--minor-short {
        width: 28.3%; } }
@media screen and (max-width: 500px) {
    .masonry-list__inner .masonry-box--minor .content, .masonry-list__inner .masonry-box--minor-short .content {
        height: auto; }
    .masonry-list__inner .masonry-box--minor .intro, .masonry-list__inner .masonry-box--minor-short .intro {
        display: none; } }


.masonry-list__inner .masonry-box--minor-short .content {
    height: auto; }

@media screen and (min-width: 500px) and (max-width: 1000px) {
    .masonry-list__inner .masonry-box--minor-short .content {
        height: auto; }
}

@media screen and (min-width: 1000px) {
    .masonry-list__inner .masonry-box--minor-short .content {
        height: 100%; }
}


@media screen and (max-width: 500px) {
    .masonry-list__inner .masonry-box--minor-short {
        width: 95%; }
}
@media screen and (max-width: 800px) {
    .masonry-list__inner .masonry-box--minor-short .intro {
        display: none; }
}

@media screen and (max-width: 1000px) {
    .masonry-list__inner .masonry-box--minor-short .intro {
        display: none; }
}


@media screen and (min-width: 500px) and (max-width: 800px) {
    .masonry-list__inner .masonry-box--major-short .content {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto; } }
@media screen and (min-width: 800px) {
    .masonry-list__inner .masonry-box--major-short {
        width: 61.7%; }
    .masonry-list__inner .masonry-box--major-short .content {
        width: 46%; } }
@media screen and (max-width: 900px) {
    .masonry-list__inner .masonry-box--major-short .intro {
        display: none; } }
@media screen and (max-width: 800px) {
    .masonry-list__inner .masonry-box--major-short .intro {
        display: block; } }
@media screen and (max-width: 500px) {
    .masonry-list__inner .masonry-box--major-short .intro {
        display: none; } }

.grid-list, .grid-list-subtle, .shallow-grid-list {
    zoom: 1;
    display: block; }
.grid-list article, .grid-list-subtle article, .shallow-grid-list article {
    padding-top: 2em;
    padding-bottom: 2em; }
.grid-list:before, .grid-list-subtle:before, .shallow-grid-list:before, .grid-list:after, .grid-list-subtle:after, .shallow-grid-list:after {
    content: "";
    display: table; }
.grid-list:after, .grid-list-subtle:after, .shallow-grid-list:after {
    clear: both; }
.grid-list img, .grid-list-subtle img, .shallow-grid-list img {
    width: 100%; }
@media screen and (max-width: 500px) {
    .grid-list article, .grid-list-subtle article, .shallow-grid-list article {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%;
        clear: none;
        position: relative; }
    .grid-list article:last-child, .grid-list-subtle article:last-child, .shallow-grid-list article:last-child {
        margin-right: 0; }
    .grid-list article:nth-child(1n), .grid-list-subtle article:nth-child(1n), .shallow-grid-list article:nth-child(1n) {
        margin-right: 0; }
    .grid-list article:nth-child(1n+1), .grid-list-subtle article:nth-child(1n+1), .shallow-grid-list article:nth-child(1n+1) {
        clear: left; } }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .grid-list article, .grid-list-subtle article, .shallow-grid-list article {
        display: block;
        float: left;
        margin-right: 11.76471%;
        width: 44.11765%;
        clear: none;
        position: relative; }
    .grid-list article:last-child, .grid-list-subtle article:last-child, .shallow-grid-list article:last-child {
        margin-right: 0; }
    .grid-list article:nth-child(2n), .grid-list-subtle article:nth-child(2n), .shallow-grid-list article:nth-child(2n) {
        margin-right: 0; }
    .grid-list article:nth-child(2n+1), .grid-list-subtle article:nth-child(2n+1), .shallow-grid-list article:nth-child(2n+1) {
        clear: left; } }
@media screen and (min-width: 800px) {
    .grid-list article, .grid-list-subtle article, .shallow-grid-list article {
        position: relative;
        display: block;
        float: left;
        margin-right: 3.63636%;
        width: 30.90909%;
        clear: none;
        position: relative; }
    .grid-list article:last-child, .grid-list-subtle article:last-child, .shallow-grid-list article:last-child {
        margin-right: 0; }
    .grid-list article:nth-child(3n), .grid-list-subtle article:nth-child(3n), .shallow-grid-list article:nth-child(3n) {
        margin-right: 0; }
    .grid-list article:nth-child(3n+1), .grid-list-subtle article:nth-child(3n+1), .shallow-grid-list article:nth-child(3n+1) {
        clear: left; }
    .main-content .grid-list article, .main-content .grid-list-subtle article, .main-content .shallow-grid-list article {
        display: block;
        float: left;
        margin-right: 5.55556%;
        width: 47.22222%;
        clear: none;
        position: relative; }
    .main-content .grid-list article:last-child, .main-content .grid-list-subtle article:last-child, .main-content .shallow-grid-list article:last-child {
        margin-right: 0; }
    .main-content .grid-list article:nth-child(2n), .main-content .grid-list-subtle article:nth-child(2n), .main-content .shallow-grid-list article:nth-child(2n) {
        margin-right: 0; }
    .main-content .grid-list article:nth-child(2n+1), .main-content .grid-list-subtle article:nth-child(2n+1), .main-content .shallow-grid-list article:nth-child(2n+1) {
        clear: left; } }

.shallow-grid-list article > img {
    float: right;
    width: 30%; }
.shallow-grid-list article .content {
    float: left;
    width: 60%; }

.three-grid-list {
    margin-top: 1em;
    zoom: 1;
    display: block; }
.three-grid-list:before, .three-grid-list:after {
    content: "";
    display: table; }
.three-grid-list:after {
    clear: both; }
.three-grid-list article {
    border-top: 1px solid #cbcbcb; }
@media screen and (max-width: 700px) and (min-width: 500px) {
    .three-grid-list article {
        display: block;
        float: left;
        margin-right: 11.76471%;
        width: 44.11765%;
        clear: none;
        position: relative; }
    .three-grid-list article:last-child {
        margin-right: 0; }
    .three-grid-list article:nth-child(2n) {
        margin-right: 0; }
    .three-grid-list article:nth-child(2n+1) {
        clear: left; }
    .three-grid-list article:first-child, .three-grid-list article:first-child + article {
        border-top: none; } }
@media screen and (min-width: 700px) {
    .three-grid-list article {
        display: block;
        float: left;
        margin-right: 7.54717%;
        width: 28.30189%;
        clear: none;
        position: relative; }
    .three-grid-list article:last-child {
        margin-right: 0; }
    .three-grid-list article:nth-child(3n) {
        margin-right: 0; }
    .three-grid-list article:nth-child(3n+1) {
        clear: left; }
    .three-grid-list article:first-child, .three-grid-list article:first-child + article, .three-grid-list article:first-child + article + article {
        border-top: none; } }
@media screen and (max-width: 500px) {
    .three-grid-list article {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%;
        clear: none;
        position: relative; }
    .three-grid-list article:last-child {
        margin-right: 0; }
    .three-grid-list article:nth-child(1n) {
        margin-right: 0; }
    .three-grid-list article:nth-child(1n+1) {
        clear: left; }
    .three-grid-list article:first-child {
        border-top: none; } }
.three-grid-list article .content {
    width: 100%;
    margin: 2em 0 0 0; }
.three-grid-list article .content img {
    float: right;
    width: 40%;
    padding-left: 1em;
    margin-bottom: 1em; }

.expansion-concise-list {
    margin-top: 1em;
    zoom: 1;
}
.expansion-concise-list:before, .expansion-concise-list:after {
    content: "";
    display: table; }
.expansion-concise-list:after {
    clear: both; }

@media screen and (max-width: 700px) and (min-width: 500px) {
    .expansion-concise-list article {
        display: block;
        float: left;
        margin-right: 11.76471%;
        margin-bottom: 1em;
        width: 44.11765%;
        clear: none;
        position: relative;
        }
    .expansion-concise-list article:last-child {
        margin-right: 0; }
    .expansion-concise-list article:nth-child(2n) {
        margin-right: 0; }
    .expansion-concise-list article:nth-child(2n+1) {
        clear: left; }
     }
@media screen and (min-width: 700px) {
    .expansion-concise-list article {
        display: block;
        float: left;
        margin-right: 7.54717%;
        margin-bottom: 1em;
        width: 28.30189%;
        clear: none;
        position: relative;  }
    .expansion-concise-list article:last-child {
        margin-right: 0; }
    .expansion-concise-list article:nth-child(3n) {
        margin-right: 0; }
    .expansion-concise-list article:nth-child(3n+1) {
        clear: left; }
     }
@media screen and (max-width: 500px) {
    .expansion-concise-list article {
        display: block;
        float: left;
        margin-right: 26.66667%;
        margin-bottom: 1em;
        width: 100%;
        clear: none;
        position: relative; }
    .expansion-concise-list article:last-child {
        margin-right: 0; }
    .expansion-concise-list article:nth-child(1n) {
        margin-right: 0; }
    .expansion-concise-list article:nth-child(1n+1) {
        clear: left; }
     }

.expansion-concise-list article .content {
    width: 100%;
    margin: 0 0 0 0;
    font-size: 1em;
    line-height: 2em;

}
.expansion-concise-list article .content img {
    float: left;
    width: 100%;
    padding-left: 0em;
    margin-bottom: 0em; }

.expansion-concise-list .pack-title {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.expansion-concise-list .links-outer {
    display: table;
    margin: 0 0 0 0;
    vertical-align: middle;
    float: right;
}

/* needed to fix chrome image width issue */
.expansion-concise-list .tile-width-wrapper {
    display: table;
    table-layout:fixed;
}

/* needed to fix chrome image width issue */
.expansion-concise-list .tile-width-cell {
    display: table-row;
    table-layout:fixed;
}

.expansion-concise-list .title-outer {
    display: table;
    table-layout:fixed;
    width: 100%;
    background-color: #313130;
    text-align: center;
    padding: 4px;
}

.expansion-concise-list .title-cell {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}

.expansion-concise-list .links-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 20%
}

.expansion-concise-list .links-inner {
    display: table-cell;
    padding-left: 3px;
    vertical-align: middle;
    width: 50%;
}


.expansion-concise-list .links-inner img {
    height:auto;
    max-width: 20px;
    width: 100%;
    vertical-align: middle;
}

.expansion-concise-list .button-cell {
    padding: 0.5em 0 0 0;
    vertical-align: middle;
    width: 100%
}

.expansion-concise-list .packimg:hover {
    background-color:#000;
    opacity:0.7;
}


.four-grid-list {
    zoom: 1;
    display: block; }
.four-grid-list:before, .four-grid-list:after {
    content: "";
    display: table; }
.four-grid-list:after {
    clear: both; }
.four-grid-list article {
    border-top: 1px solid #cbcbcb; }

@media screen and (max-width: 700px) and (min-width: 500px) {
    .four-grid-list article {
        display: block;
        float: left;
        margin-right: 11.76471%;
        width: 44.11765%;
        clear: none;
        position: relative; }
    .four-grid-list article:last-child {
        margin-right: 0; }
    .four-grid-list article:nth-child(2n) {
        margin-right: 0; }
    .four-grid-list article:nth-child(2n+1) {
        clear: left; }
    .four-grid-list article:first-child, .four-grid-list article:first-child + article {
        border-top: none; } }
@media screen and (max-width: 900px) and (min-width: 700px) {
    .four-grid-list article {
        display: block;
        float: left;
        margin-right: 7.54717%;
        width: 28.30189%;
        clear: none;
        position: relative; }
    .four-grid-list article:last-child {
        margin-right: 0; }
    .four-grid-list article:nth-child(3n) {
        margin-right: 0; }
    .four-grid-list article:nth-child(3n+1) {
        clear: left; }
    .four-grid-list article:first-child, .four-grid-list article:first-child + article, .four-grid-list article:first-child + article + article {
        border-top: none; } }
@media screen and (min-width: 900px) {
    .four-grid-list article {
        display: block;
        float: left;
        margin-right: 5.55556%;
        width: 20.83333%;
        clear: none;
        position: relative; }
    .four-grid-list article:last-child {
        margin-right: 0; }
    .four-grid-list article:nth-child(4n) {
        margin-right: 0; }
    .four-grid-list article:nth-child(4n+1) {
        clear: left; }
    .four-grid-list article:first-child, .four-grid-list article:first-child + article, .four-grid-list article:first-child + article + article, .four-grid-list article:first-child + article + article + article {
        border-top: none; } }
@media screen and (max-width: 500px) {
    .four-grid-list article {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%;
        clear: none;
        position: relative; }
    .four-grid-list article:last-child {
        margin-right: 0; }
    .four-grid-list article:nth-child(1n) {
        margin-right: 0; }
    .four-grid-list article:nth-child(1n+1) {
        clear: left; }
    .four-grid-list article:first-child {
        border-top: none; }

}
.four-grid-list article .content {
    width: 100%;
    margin: 2em 0 0 0; }
.four-grid-list article .content img {
    float: right;
    width: 45px;
    margin-left: 1em;
    margin-bottom: 1em;
}
@media screen and (max-width: 500px) {
    .four-grid-list article .content img {
        float: right;
        width: 82px;
        margin-left: 1em;
        margin-bottom: 1em;
    }
}

.conciseOnly {
    display:none;
}

.tempArticleHeader:first-of-type {
    margin-top: 34.5px;
}

.tempArticleHeader {
    float: left;
    margin-bottom: 0.5em;
    border-bottom-style: hidden;
    border-top-style: hidden;
    white-space: nowrap;
}


.press-img {
    float: right !important;
    width: 50% !important;
    margin-right: 0em !important;
    margin-bottom: 0em !important;
    border: 0 !important;
    padding: 5px !important;
}

.thin-grid-list, .thin-grid-list-boxed-out {
    zoom: 1;
    display: block;
    text-align: center; }
.thin-grid-list:before, .thin-grid-list-boxed-out:before, .thin-grid-list:after, .thin-grid-list-boxed-out:after {
    content: "";
    display: table; }
.thin-grid-list:after, .thin-grid-list-boxed-out:after {
    clear: both; }
@media screen and (max-width: 1100px) {
    .thin-grid-list article, .thin-grid-list-boxed-out article {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%;
        clear: none;
        position: relative;
        text-align: left; }
    .thin-grid-list article:last-child, .thin-grid-list-boxed-out article:last-child {
        margin-right: 0; }
    .thin-grid-list article:nth-child(1n), .thin-grid-list-boxed-out article:nth-child(1n) {
        margin-right: 0; }
    .thin-grid-list article:nth-child(1n+1), .thin-grid-list-boxed-out article:nth-child(1n+1) {
        clear: left; }
    .thin-grid-list article img, .thin-grid-list-boxed-out article img {
        margin-bottom: 1em; } }
@media screen and (min-width: 1100px) {
    .thin-grid-list article, .thin-grid-list-boxed-out article {
        display: block;
        float: left;
        margin-right: 5.55556%;
        width: 20.83333%;
        clear: none;
        position: relative; }
    .thin-grid-list article:last-child, .thin-grid-list-boxed-out article:last-child {
        margin-right: 0; }
    .thin-grid-list article:nth-child(4n), .thin-grid-list-boxed-out article:nth-child(4n) {
        margin-right: 0; }
    .thin-grid-list article:nth-child(4n+1), .thin-grid-list-boxed-out article:nth-child(4n+1) {
        clear: left; } }
@media screen and (max-width: 500px) {
    .thin-grid-list article, .thin-grid-list-boxed-out article {
        display: block;
        float: left;
        margin-right: 26.66667%;
        width: 100%;
        clear: none;
        position: relative; }
    .thin-grid-list article:last-child, .thin-grid-list-boxed-out article:last-child {
        margin-right: 0; }
    .thin-grid-list article:nth-child(1n), .thin-grid-list-boxed-out article:nth-child(1n) {
        margin-right: 0; }
    .thin-grid-list article:nth-child(1n+1), .thin-grid-list-boxed-out article:nth-child(1n+1) {
        clear: left; } }

.thin-grid-list-boxed-out .btn-primary {
    border: none; }
.thin-grid-list-boxed-out .btn-primary span {
    display: none; }
.thin-grid-list-boxed-out article {
    padding: 0;
    margin-top: 1.5em; }
.thin-grid-list-boxed-out article .box-out {
    padding: 1em;
    overflow: hidden; }
.thin-grid-list-boxed-out article .box-out img {
    width: 100%;
    display: inline-block; }
@media screen and (max-width: 1100px) {
    .thin-grid-list-boxed-out article .box-out img {
        width: 20%;
        float: left;
        margin-right: 1em; } }
@media screen and (max-width: 500px) {
    .thin-grid-list-boxed-out article .box-out img {
        width: 30%; } }
@media screen and (max-width: 1100px) {
    .thin-grid-list-boxed-out article .box-out h5 {
        margin-top: 0; } }
@media screen and (max-width: 1100px) {
    .thin-grid-list-boxed-out article .box-out .btn-primary span {
        display: inline; } }

.thumb-list {
    zoom: 1;
    display: block; }
.thumb-list article {
    float: none !important; }
.thumb-list:before, .thumb-list:after {
    content: "";
    display: table; }
.thumb-list:after {
    clear: both; }
.thumb-list hgroup * + * {
    margin-top: 0;
    font-weight: normal; }
.extra-content .thumb-list hgroup {
    border-bottom: 0;
    padding-bottom: 0; }
.extra-content .thumb-list hgroup:first-child {
    margin-top: 0; }
.thumb-list hgroup ins {
    text-decoration: none; }
.thumb-list article {
    margin-top: 1.5em;
    padding-bottom: 0;
    display: block;
    float: left;
    margin-right: 26.66667%;
    width: 100%;
    clear: none;
    position: relative; }
.thumb-list article > a {
    color: inherit;
    text-decoration: none; }
.thumb-list article:last-child {
    margin-right: 0; }
.thumb-list article:nth-child(1n) {
    margin-right: 0; }
.thumb-list article:nth-child(1n+1) {
    clear: left; }
.thumb-list article .inner {
    zoom: 1;
    display: block;
    margin-top: 1em; }
.thumb-list article .inner:before, .thumb-list article .inner:after {
    content: "";
    display: table; }
.thumb-list article .inner:after {
    clear: both; }
.thumb-list article .content {
    float: left;
    width: 75%; }
.extra-content .thumb-list article .content {
    width: 65%;
    float: none; }
.thumb-list article .content p {
    margin-top: 1em; }
.thumb-list article .content p:first-child {
    margin-top: 0; }
@media screen and (max-width: 500px) {
    .thumb-list article .content.awardcontent {
        width: 100%; } }
.thumb-list article > img, .thumb-list article .thumb-list__captions {
    width: 10%;
    margin-right: 1em;
    float: left;
    vertical-align: top; }
.extra-content .thumb-list article > img, .extra-content .thumb-list article .thumb-list__captions {
    max-width: 90px;
    margin-right: 5%;
    width: 30%; }
@media screen and (max-width: 500px) {
    .thumb-list article > img, .thumb-list article .thumb-list__captions {
        width: 30%; } }
.thumb-list article .thumb-list__captions {
    list-style: none;
    margin: 0 5% 0 0;
    padding: 0; }
.thumb-list article .thumb-list__captions img {
    width: 100%; }

.divided-list article {
    padding-bottom: 0.5em;
    overflow: hidden; }
.divided-list > * + * {
    border-top-width: 1px;
    padding-top: 1.5em; }
.divided-list .rel-exp {
    border-top: none; }

.account-page-concise-list article {
    margin-top: 1.5em;
    padding-bottom: 0;
    display: block;
    float: left !important;
    margin-right: 26.66667%;
    width: 50%;
    clear: none !important;
    position: relative; }
.account-page-concise-list article:last-child {
    margin-right: 0; }
.account-page-concise-list article:nth-child(2n) {
    margin-right: 0; }
.account-page-concise-list article:nth-child(2n+1) {
    clear: left !important;}
.account-page-concise-list article {
    border-top-width: 1px;
    padding-top: 1.5em; }
.account-page-concise-list article:first-child, .account-page-concise-list article:first-child + article {
    border-top: none !important; }

.account-page-view-icons {
    float: right;
    height: 0.75em;
    display: inline;
    margin-top: 6px;
}
@media screen and (max-width: 500px){
.account-page-view-icons{
    height: 0.75em;
    display: inline;
    margin-top: 4px;
}
}


.divided-listing-block + .divided-listing-block {
    border-width: 1px 0 0; !important;
    padding-top: 1.5em;
    margin-top: 1.5em; }

.audio-grid-list {
    margin-top: -2em; }
.audio-grid-list article {
    zoom: 1;
    display: block;
    margin-top: 2em;
    position: relative; }
.audio-grid-list article:before, .audio-grid-list article:after {
    content: "";
    display: table; }
.audio-grid-list article:after {
    clear: both; }
.audio-grid-list article .audio {
    margin-left: 0;
    float: left;
    width: 50%;
    position: relative;
    margin-top: 2em; }
.audio-grid-list article .content {
    margin-top: 2em;
    float: left;
    padding-right: 2em;
    width: 50%; }
.audio-grid-list article .content img {
    /*float: left;
    margin: 2em 0 1em 2em;*/
    max-width: 100%;
}
.audio-grid-list article .btn-group-horz, .audio-grid-list article .btn-group-horz-left {
    text-align: left; }
.audio-grid-list article .btn-group-horz li:first-child, .audio-grid-list article .btn-group-horz-left li:first-child {
    padding-left: 0; }
@media screen and (max-width: 500px) {
    .audio-grid-list article .btn-group-horz li, .audio-grid-list article .btn-group-horz-left li {
        padding-left: 0;
        padding-right: 1em; } }
.audio-grid-list article .actions {
    margin-top: 2.5em; }
.audio-grid-list article + article {
    margin-top: 2em; }
.audio-grid-list article + article:before {
    position: absolute;
    z-index: 999;
    height: 1px;
    background: #CBCBCB;
    top: 0;
    right: 0;
    left: 0;
    width: 100%; }
.audio-grid-list article .content {
    margin-top: 2em; }
@media screen and (max-width: 500px) {
    .audio-grid-list article .content, .audio-grid-list article .audio {
        width: 100%; } }

.audio-grid-list-offers article .content {
    margin-top: 2em;
    float: left;
    padding-right: 2em;
    width: 100%; }

.summary-feature {
    border-top-width: 1px;
    zoom: 1;
    display: block; }
.summary-feature:before, .summary-feature:after {
    content: "";
    display: table; }
.summary-feature:after {
    clear: both; }
.summary-feature img {
    width: 100%;
    height: auto; }

.summary-feature__inner {
    margin-top: -2em; }

.summary-feature__inner--exp {
    margin-top: 1.5em; }

.summary-feature__content {
    margin-top: 2em; }
@media screen and (min-width: 500px) {
    .summary-feature__content {
        display: block;
        float: left;
        margin-right: 5.55556%;
        width: 47.22222%;
        clear: none;
        position: relative; }
    .summary-feature__content:last-child {
        margin-right: 0; }
    .summary-feature__content:nth-child(2n) {
        margin-right: 0; }
    .summary-feature__content:nth-child(2n+1) {
        clear: left; } }

.carousel {
    zoom: 1;
    display: block;
    /*padding-top: 2em;*/ }

.carousel:before, .carousel:after {
    content: "";
    display: table; }
.carousel:after {
    clear: both; }
.carousel article {
    padding: 0 2em; }

.carousel-product
{
    zoom: 1;
    display: block;
    padding-top: 2em;
}

.carousel-product:before, .carousel-product:after {
    content: "";
    display: table; }
.carousel-product:after {
    clear: both; }
.carousel-product article {
    padding: 0 2em; }

.sub-list {
    zoom: 1;
    display: block; }
.sub-list:before, .sub-list:after {
    content: "";
    display: table; }
.sub-list:after {
    clear: both; }
.sub-list article {
    display: block;
    float: left;
    margin-right: 11.76471%;
    width: 100%; }
.sub-list article:last-child {
    margin-right: 0; }
.sub-list header,
.sub-list .content {
    display: block;
    float: left;
    margin-right: 11.76471%;
    width: 44.11765%; }
.sub-list header:last-child,
.sub-list .content:last-child {
    margin-right: 0; }
.sub-list header > *:first-child,
.sub-list .content > *:first-child {
    margin-top: 0; }

.news-list {
    margin-top: 2em; }
.news-list figure {
    margin-top: 1.5em; }
.news-list figure img {
    width: 100%;
    margin: 0; }
.news-list figure figcaption {
    display: block;
    background: #eeede8;
    padding: 1em;
    margin: 0; }
.news-list figure figcaption * {
    float: left; }
.news-list figure figcaption time {
    float: right;
    display: block;
    margin: 0; }
.news-list .action-list {
    float: right; }
@media screen and (max-width: 500px) {
    .news-list .action-list {
        float: none; } }
.news-list .content {
    margin-top: 1.5em; }
.news-list article + article {
    border-top-width: 1px;
    padding-top: 3em;
    margin-top: 3em; }

.action-list {
    text-align: center; }
@media screen and (min-width: 500px) {
    .action-list {
        width: 30%; }
    .action-list + .content {
        width: 70%; } }

.block-link {
    display: block;
    position: relative;
    text-transform: uppercase;
    overflow: hidden; }
.no-touch .block-link:hover span {
    opacity: 1;
    visibility: visible;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
.block-link span {
    text-align: center;
    visibility: hidden;
    -webkit-transition: compact(opacity 0.25s linear, visibility 0.25s linear, false, false, false, false, false, false, false);
    -moz-transition: compact(opacity 0.25s linear, visibility 0.25s linear, false, false, false, false, false, false, false);
    -ms-transition: compact(opacity 0.25s linear, visibility 0.25s linear, false, false, false, false, false, false, false);
    -o-transition: compact(opacity 0.25s linear, visibility 0.25s linear, false, false, false, false, false, false, false);
    transition: compact(opacity 0.25s linear, visibility 0.25s linear, false, false, false, false, false, false, false);
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: compact(inset 0 0 90px rgba(0, 0, 0, 0.9), false, false, false, false, false, false, false, false);
    box-shadow: compact(inset 0 0 90px rgba(0, 0, 0, 0.9), false, false, false, false, false, false, false, false); }
.block-link span small {
    vertical-align: middle;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1em;
    line-height: 1em; }
.block-link span small:after {
    content: '>';
    font-size: 5em;
    font-family: 'icon';
    margin-left: 0.5em;
    display: inline-block; }
.block-link img {
    display: block;
    margin: 0; }

/*=========================================================
=            Cookie Consent!                              =
=========================================================*/

.cookie-consent {
    position: fixed;
    z-index: 201;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: calc(100% - 150px);
    background-color: rgba(0,0,0,0.9);
    display: inline-block;
    visibility: hidden;
}
.cookie-consent-content {
    color: white;
    text-align: center;
    font-size: 1em;
    padding: 16px 8px;
    width: 100%;
    margin-bottom: 0.5em;
}
.cookie-consent-options {
    display: flex;
    justify-content: space-around;
    padding-top: 16px;
    font-size: 1.2em;
    text-decoration: underline;
}
.cookie-consent-options span {
    cursor: pointer;
}

.cookie-form {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    width: 100%;
}
@media screen and (min-width: 500px) {
    .cookie-form {
        width: 70%;
    }
}
.cookie-form-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 24px;
}
.cookie-form-row input {
    width: 128px;
}

/*=========================================================
=            Signup Modal Sunshine!                            =
=========================================================*/

.pop-up-signup {
    position: fixed;
    z-index: 200;
    left: 0;
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 150px);
    background: linear-gradient(to top right, rgba(0,80,180,1), rgba(0,200,255,1));
    display: inline-block;
    visibility: hidden;
    animation-name: pop-up-modal-appear;
    animation-duration: 4s;
    animation-delay: 2s;
    animation-fill-mode: both;
}
@keyframes pop-up-modal-appear {
    from {
        bottom: -4000px;
    }

    to {
        bottom: 0;
    }
}
.pop-up-signup.close {
    transition-duration: 1s;
    transform: translateY(200px);
}
.pop-up-signup.completed {
    transition-delay: 4s;
    transition-duration: 2s;
    transform: translateY(200px);
}

.pop-up-signup-content {
    color: white;
    text-align: center;
    font-size: 1em;
    padding: 8px;
    width: 100%;
    position: relative;
}
.pop-up-signup-close {
    color: rgba(80,80,80,0.8);
    position: absolute;
    right: 0;
    margin-right: 8px;
    font-size: 2em;
    font-weight: 100;
    cursor: pointer;
}

.pop-up-signup-form {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.pop-up-signup-label {
    align-self: center;
}

.pop-up-signup-label h4 {
    font-size: 18px;
    font-weight: 900;
}

.pop-up-signup-label p {
    font-size: 10px;
    margin: 0 0 8px 0;
    font-weight: bold;
}

.pop-up-signup-input {
    max-width: 80%;
    margin: 0 auto;
    border-radius: 4px;
    border: 2px solid white;
    background: rgba(0,0,0,0);
    color: rgba(255,255,255,1);
    margin-bottom: 8px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
}
@media screen and (min-width: 544px) {
    .pop-up-signup-input {
        max-width: 50%;
    }
}

.pop-up-signup-input::placeholder {
    color: rgba(255,255,255,0.9);
}

.pop-up-signup-button {
    width: 80%;
    margin: 0 auto;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    color: rgba(80,80,80,1);
    background: linear-gradient(to top right, rgba(255,255,255,1), rgba(254,254,254,1));
}
@media screen and (min-width: 544px) {
    .pop-up-signup-button {
        max-width: 50%;
    }
}

.signup-thankyou {
    display: none;
    font-size: 14px;
    font-weight: bold;
}
.signup-thankyou p {
    margin-top: 0;
    padding-top: 24px;
}

/*=========================================================
=            Buttons! Cos we all love buttons!            =
=========================================================*/
.btn-group, .btn-group-horz, .btn-group-horz-left, .btn-group-vert {
    text-align: center; }

.btn-group-horz, .btn-group-horz-left {
    margin-top: 1.5em; }
.btn-group-horz:first-child, .btn-group-horz-left:first-child {
    margin-top: -1.5em; }
@media screen and (max-width: 500px) {
    .btn-group-horz, .btn-group-horz-left {
        margin-top: 1em; } }
.meta-list + .btn-group-horz, .meta-list + .btn-group-horz-left {
    margin-top: 0.5em; }
.btn-group-horz small, .btn-group-horz-left small {
    display: block;
    text-align: right;
    font-size: 10px;
    color: #999;
    line-height: 1; }
.btn-group-horz .btn, .btn-group-horz-left .btn, .btn-group-horz .btn--platform-download, .btn-group-horz-left .btn--platform-download, .btn-group-horz .btn-with-detail, .btn-group-horz-left .btn-with-detail, .btn-group-horz .btn-primary, .btn-group-horz-left .btn-primary, .btn-group-horz .btn-primary-sale, .btn-group-horz-left .btn-primary-sale, .btn-group-horz .slim-btn, .btn-group-horz-left .slim-btn {
    margin-top: 1em; }

.btn-group-horz-left {
    text-align: left; }
.btn-group-horz-left li {
    padding-right: 1em;
    padding-left: 0; }

@media screen and (min-width: 800px) and (max-width: 970px) {
    .demo-newline {
        max-width: 280px; } }
@media screen and (min-width: 250px) and (max-width: 480px) {
    .demo-newline {
        max-width: 230px; } }
.btn-group-vert li + li {
    margin-top: 1em; }
.btn-group-vert a {
    display: block; }

.help-icon {
    background: #5578b6;
    color: #fff;
    border-radius: 100px;
    font-size: 11px;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    margin-left: 0.5em;
    margin-right: 0.5em; }

.vert-icon-list {
    margin-left: 0 !important; }
.vert-icon-list li + li {
    margin-top: 1em; }
.vert-icon-list img {
    vertical-align: middle;
    margin-right: 1em;
    width: 45px; }

@-webkit-keyframes nudge {
    0% {
        left: 0; }

    50% {
        left: -0.5em; }

    100% {
        left: 0; } }

@-moz-keyframes nudge {
    0% {
        left: 0; }

    50% {
        left: -0.5em; }

    100% {
        left: 0; } }

.btn, .btn--platform-download, .btn-with-detail, .btn-primary, .btn-primary-sale, .slim-btn {
    border-width: 1px;
    color: inherit;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    display: block;
    background: transparent;
    white-space: nowrap;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    text-indent: 0;
    overflow: hidden;
    line-height: 1.2em;
    display: inline-block;
    -webkit-transition: text-indent 0.15s 0.15s ease, padding-left 0.15s 0.15s ease;
    -moz-transition: text-indent 0.15s 0.15s ease, padding-left 0.15s 0.15s ease; }
.btn > i, .btn--platform-download > i, .btn-with-detail > i, .btn-primary > i, .btn-primary-sale > i, .slim-btn > i {
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    margin-right: 1em;
    width: 0.5em; }
.btn > i:before, .btn--platform-download > i:before, .btn-with-detail > i:before, .btn-primary > i:before, .btn-primary-sale > i:before, .slim-btn > i:before {
    content: "\2192";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: 'icon';
    background: none no-repeat 50% 50%; }
.btn > span, .btn--platform-download > span, .btn-with-detail > span, .btn-primary > span, .btn-primary-sale > span, .slim-btn > span {
    display: inline-block;
    width: 100%;
    text-indent: 0; }
.btn:hover, .btn--platform-download:hover, .btn-with-detail:hover, .btn-primary:hover, .btn-primary-sale:hover, .slim-btn:hover {
    border-color: #2F2F28;
    color: inherit; }
.btn:hover > i, .btn--platform-download:hover > i, .btn-with-detail:hover > i, .btn-primary:hover > i, .btn-primary-sale:hover > i, .slim-btn:hover > i {
    -webkit-animation: nudge 0.2s ease 0s 1;
    -moz-animation: nudge 0.2s ease 0s 1; }

.btn--platform-download:hover {
    background-color: #EEEDE8;
    color: #2F2F28 !important; }
.btn--platform-download > i {
    width: 21px;
    height: 21px; }
.btn--platform-download > i:before {
    content: ''; }
.btn--platform-download > i.win {
    top: 0.1em; }
.btn--platform-download > i.win:before {
    background-image: url("/assets/img/button-win.png"); }
.btn--platform-download > i.mac {
    top: 0em; }
.btn--platform-download > i.mac:before {
    background-image: url("/assets/img/button-mac.png"); }

.ib:before,
.ia:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    font-family: 'icon'; }

.ib:before {
    margin-right: 0.5em; }

.ia:after {
    margin-left: 0.5em; }

.ib.sync:before,
.ia.sync:after {
    content: 'V'; }

.btn-with-detail {
    margin-bottom: 1.5em; }
.btn-with-detail small {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -2em;
    text-align: center; }

.btn-primary {
    background: #5578b6;
    color: #fff;
    border-color: transparent; }
.btn-primary:hover {
    border-color: transparent;
    color: #fff;
    background: #739de6; }

.btn-primary-sale {
    background: #c51616;
    color: #fff;
    border-color: transparent; }
.btn-primary-sale:hover {
    border-color: transparent;
    color: #fff;
    background: #ee6666; }

.slim-btn {
    text-transform: none;
    vertical-align: middle;
    padding: 0.25em 0.5em;
    margin-top: -2px; }

/*-----  End of Buttons! Cos we all love buttons!  ------*/
.full-width {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/*===================================
=            Form Styles            =
===================================*/
.filter {
    float: left;
    margin-top: 0;
    margin-right: 2em; }

.slim-header .filter {
    margin-top: 0.5em; }
.slim-header .filter + .horz-form, .slim-header .filter + .horz-form--right, .slim-header .filter + .horz-form--content {
    margin-top: 1em;
    display: inline-block; }
@media screen and (max-width: 500px) {
    .slim-header .filter + .horz-form, .slim-header .filter + .horz-form--right, .slim-header .filter + .horz-form--content {
        margin-top: 0; } }
.slim-header .filter + .horz-form li, .slim-header .filter + .horz-form--right li, .slim-header .filter + .horz-form--content li {
    padding-left: 0; }

.horz-form, .horz-form--right, .horz-form--content {
    margin-left: -2em; }
.horz-form li, .horz-form--right li, .horz-form--content li {
    margin-right: 2em; }
@media screen and (max-width: 800px) {
    .horz-form li, .horz-form--right li, .horz-form--content li {
        margin-bottom: 1em;
    } }
@media screen and (max-width: 500px) {
    .horz-form li, .horz-form--right li, .horz-form--content li {
        margin-left: 0;
        margin-bottom: 0; } }
h3 + .horz-form ul, h3 + .horz-form--right ul, h3 + .horz-form--content ul {
    line-height: 1.8em; }
.horz-form label, .horz-form--right label, .horz-form--content label {
    display: inline-block;
    margin-right: 1em;
    font-size: 1em; }
.horz-form input, .horz-form--right input, .horz-form--content input {
    display: inline-block; }

.horz-form--right {
    float: right;
    position: relative;
    z-index: 2;
}
.horz-form--right li {
    margin-left: 1em;
    margin-right: 0;
}
.horz-form--right li select {
    margin-bottom: 2em;
}

@media screen and (max-width: 500px) {
    .horz-form--right li {
        margin-left: 0;
        padding-left: 0;
    } }
.horz-form--right + .hero {
    padding-top: 2em;
}

.horz-form--content {
    margin-top: 1.5em; }
.horz-form--content li {
    margin-left: 0;
    padding-left: 0; }

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

.one-field-form {
    width: 100%; }
.one-field-form input {
    float: left;
    width: 100%;
    max-width: 40em; }
.one-field-form button {
    float: left; }
.extra-content .one-field-form {
    margin-top: 1em; }
.extra-content .one-field-form input {
    margin-top: 1em; }
.extra-content .one-field-form button {
    margin-top: 1em; }

label {
    display: block;
    font-size: 1.2em;
    clear: both; }

input {
    padding: 0.5em;
    border-width: 1px;
    width: 100%;
    max-width: 30em; }

button {
    font-size: 1.3em;
    line-height: 1.5em; }

select {
    border-width: 1px;
    outline: none; }

/*-----  End of Form Styles  ------*/
/*=======================================
=            Checkout Styles            =
========================================*/
.checkout-area, .checkout-area--basket {
    zoom: 1;
    display: block;
    margin-top: 6em; }
.checkout-area:before, .checkout-area--basket:before, .checkout-area:after, .checkout-area--basket:after {
    content: "";
    display: table; }
.checkout-area:after, .checkout-area--basket:after {
    clear: both; }
.checkout-area:first-child, .checkout-area--basket:first-child {
    margin-top: 0; }

@media screen and (min-width: 800px) {
    .checkout-area__header {
        display: block;
        float: left;
        margin-right: 3.63636%;
        width: 30.90909%; }
    .checkout-area__header:last-child {
        margin-right: 0; } }
.checkout-area__header hgroup:first-child {
    margin-top: 0; }
.checkout-area__header h5 + p {
    margin-top: 0.5em; }
@media screen and (max-width: 800px) {
    .checkout-area__header {
        margin-bottom: 2em; } }

@media screen and (min-width: 800px) {
    .checkout-area__content {
        display: block;
        float: left;
        margin-right: 3.63636%;
        width: 65.45455%; }
    .checkout-area__content:last-child {
        margin-right: 0; } }

.checkout-area__sub, .checkout-area__sub--divider, .checkout-area__sub--form {
    background: #eeede8;
    padding: 2em;
    margin-top: 2em; }
.checkout-area__sub:first-child, .checkout-area__sub--divider:first-child, .checkout-area__sub--form:first-child {
    margin-top: 0; }

.checkout-area__sub--divider {
    background: #313130;
    color: #eeede8; }
.checkout-area__sub--divider * {
    border-color: #525252; }
.checkout-area__sub--divider a {
    color: #739de6;
    text-decoration: none; }
.checkout-area__sub--divider a:hover {
    color: #eeede8;
    text-decoration: none; }
.checkout-area__sub--divider .btn, .checkout-area__sub--divider .btn--platform-download, .checkout-area__sub--divider .btn-with-detail, .checkout-area__sub--divider .btn-primary, .checkout-area__sub--divider .slim-btn {
    color: #ffffff; }
.checkout-area__sub--divider .btn:before, .checkout-area__sub--divider .btn--platform-download:before, .checkout-area__sub--divider .btn-with-detail:before, .checkout-area__sub--divider .btn-primary:before, .checkout-area__sub--divider .slim-btn:before {
    border-left-color: #eeede8; }
.checkout-area__sub--divider .btn:hover, .checkout-area__sub--divider .btn--platform-download:hover, .checkout-area__sub--divider .btn-with-detail:hover, .checkout-area__sub--divider .btn-primary:hover, .checkout-area__sub--divider .slim-btn:hover {
    border-color: #EEEDE8; }
.checkout-area__sub--divider .inverted {
    background: #cccbc6;
    color: #313130; }
.checkout-area__sub--divider .inverted * {
    border-color: #313130; }
.checkout-area__sub--divider .inverted.user li {
    border-color: #deddda; }
.checkout-area__sub--divider blockquote:before {
    border-color: transparent #fff; }
.checkout-area__sub--divider blockquote:after {
    border-color: transparent #313130; }
.checkout-area__sub--divider blockquote cite {
    color: #eeede8; }

.checkout-area__sub--form {
    padding-bottom: 2em; }

.checkout-area__sidebar-div{
    padding-top:1em;
    width:100%;
}

.checkout-area__sidebar-div img{
    display:block;
    margin-left: auto;
    margin-right: auto;
}



.icon-retweet:before {
    content: "\f02b";
    margin-right: 0.2em; }

.qty {
    width: 3.5em;
    height: 3em;
    text-align: center;
    margin-left: 1em;
}

.basket-item, .basket-item--upgrade, .basket-item--discount {
    margin-top: 2em;
    zoom: 1;
    display: block;
    display: table;
    width: 100%;
}
.basket-item:before, .basket-item--upgrade:before, .basket-item--discount:before, .basket-item:after, .basket-item--upgrade:after, .basket-item--discount:after {
    content: "";
    display: table; }
.basket-item:after, .basket-item--upgrade:after, .basket-item--discount:after {
    clear: both; }
.basket-item > div, .basket-item--upgrade > div, .basket-item--discount > div {
    padding-left: 0%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    font-size: 1.2em; }
.basket-item > div:first-child, .basket-item--upgrade > div:first-child, .basket-item--discount > div:first-child {
    padding-left: 0; }
.basket-item > div.image, .basket-item--upgrade > div.image, .basket-item--discount > div.image {
    width: 9%;
    padding-right:1%
}
.basket-item > div.image img, .basket-item--upgrade > div.image img, .basket-item--discount > div.image img {
    width: 100%;
    height: auto;
    display: block;
    border: 0 !important; }
.basket-item > div.title, .basket-item--upgrade > div.title, .basket-item--discount > div.title {
    width: 50%;
    padding-right: 5%;
}
.basket-item > div.quant, .basket-item--upgrade > div.quant, .basket-item--discount > div.quant {
    width: 10%; }
.basket-item > div.remove, .basket-item--upgrade > div.remove, .basket-item--discount > div.remove {
    width: 15%; }
.basket-item > div.add, .basket-item--upgrade > div.add, .basket-item--discount > div.add, .basket-item > div.price, .basket-item--upgrade > div.price, .basket-item--discount > div.price {
    width: 10%; }
.basket-item:first-child, .basket-item--upgrade:first-child, .basket-item--discount:first-child {
    margin-top: 0; }
.basket-item ins, .basket-item--upgrade ins, .basket-item--discount ins {
    text-decoration: none;
    font-weight: bold; }

.basket-item--upgrade > div.title {
    width: 65%; }
.basket-item--upgrade img {
    border: 1px solid #313130; }

.basket-item--upgrade__title {
    text-decoration: none;
    color: inherit; }
.basket-item--upgrade__title:hover {
    text-decoration: underline; }

.basket-item--discount > div.title {
    width: 65%;
    padding-right: 10%; }
.basket-item--discount > div.image {
    width: 20%; }
.basket-item--discount > div.price {
    width: 30%;
    text-align: right; }

.basket-split, .basket-split__discount {
    padding-bottom: 1.5em;
    zoom: 1;
    display: block; }
.basket-split:before, .basket-split__discount:before, .basket-split:after, .basket-split__discount:after {
    content: "";
    display: table; }
.basket-split:after, .basket-split__discount:after {
    clear: both; }
.basket-split > div, .basket-split__discount > div {
    width: 50%;
    float: right; }
.basket-split > div:last-child, .basket-split__discount > div:last-child {
    padding-right: 4%; }
.basket-split > div:first-child, .basket-split__discount > div:first-child {
    padding-left: 4%;
    padding-right: 0; }
.basket-split > div.full, .basket-split__discount > div.full {
    width: 100%;
    padding: 0; }
@media screen and (max-width: 800px) {
    .basket-split > div, .basket-split__discount > div {
        margin-top: 2em;
        padding: 0; }
    .basket-split > div:first-child, .basket-split__discount > div:first-child {
        margin-top: 0; } }

.basket-split__discount {
    text-align: right; }

.basket-action-form {
    text-align: right;
    display: table;
    width: 100%; }
.basket-action-form .input {
    text-align: right;
    width: 75%;
    padding-right: 1em;
    display: table-cell; }
.basket-action-form .input label {
    display: inline-block;
    font-size: 1.2em; }
.basket-action-form .input input {
    width: 10em;
    margin-left: 1em; }
.basket-action-form .action {
    width: 25%;
    padding-left: 4%;
    display: table-cell;
    text-align: left;
    font-size: 1.2em; }
@media screen and (max-width: 500px) {
    .basket-action-form .input, .basket-action-form .action {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 1em; }
    .basket-action-form .input:first-child, .basket-action-form .action:first-child {
        margin-top: 0; } }

.basket-sub-actions, .basket-sub-actions--header {
    text-align: right;
    font-size: 1.2em;
    padding-bottom: 1.5em;
    zoom: 1;
    display: block; }
.basket-sub-actions:before, .basket-sub-actions--header:before, .basket-sub-actions:after, .basket-sub-actions--header:after {
    content: "";
    display: table; }
.basket-sub-actions:after, .basket-sub-actions--header:after {
    clear: both; }
.basket-sub-actions a, .basket-sub-actions--header a {
    float: right;
    text-align: left;
    width: 25%;
    padding-left: 4%; }

.basket-sub-actions--header {
    padding-bottom: 0; }

.basket-summary, .basket-summary--total {
    zoom: 1;
    display: block;
    font-size: 1.2em; }
.basket-summary:before, .basket-summary--total:before, .basket-summary:after, .basket-summary--total:after {
    content: "";
    display: table; }
.basket-summary:after, .basket-summary--total:after {
    clear: both; }
.basket-summary dt, .basket-summary--total dt {
    padding-right: 1em;
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 0; }
.basket-summary dd, .basket-summary--total dd {
    padding-left: 1em;
    width: 50%;
    font-weight: normal;
    float: left;
    margin-top: 0; }

.basket-summary--total {
    font-weight: bold; }

.error-msg {
    background: #f53a2e;
    color: #fff;
    padding: 1em; }

del {
    position: relative;
    text-decoration: none;
    overflow: hidden; }
del:before {
    height: 1px;
    background: #f53a2e;
    left: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 50%; }

.error-enabled-form .error {
    outline: 2px solid #f53a2e !important; }

.standard-form {
    margin-top: 2em;
    max-width: 50em; }
.standard-form fieldset {
    margin-top: 2em; }
.standard-form legend {
    margin-left: 30%;
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 1.2em; }
@media screen and (max-width: 500px) {
    .standard-form legend {
        margin-left: 0; } }
.standard-form .error {
    outline: 2px solid #f53a2e !important; }
.standard-form .field, .standard-form .field--check {
    zoom: 1;
    display: block;
    margin-top: 1em; }
.standard-form .field:before, .standard-form .field--check:before, .standard-form .field:after, .standard-form .field--check:after {
    content: "";
    display: table; }
.standard-form .field:after, .standard-form .field--check:after {
    clear: both; }
.standard-form .field.is-hidden, .standard-form .is-hidden.field--check {
    display: none !important; }
.standard-form .field.is-visible, .standard-form .is-visiable.field--check {
    display: inline !important; }
.standard-form .field label, .standard-form .field--check label {
    font-size: 1.2em;
    float: left;
    width: 30%;
    text-align: right;
    line-height: 2.4em;
    padding-right: 4%; }
@media screen and (max-width: 500px) {
    .standard-form .field label, .standard-form .field--check label {
        width: auto;
        display: block;
        float: none;
        text-align: left; } }
.standard-form .field .radio-label, .standard-form .field--check .radio-label {
    text-align: left;
    width: 70%;
    padding-right: 0;
    float: none;
    display: inline-block; }
@media screen and (min-width: 500px) {
    .standard-form .field .radio-label + .radio-label, .standard-form .field--check .radio-label + .radio-label {
        margin-left: 30%; } }
.standard-form .field input[type="radio"], .standard-form .field--check input[type="radio"] {
    float: none; }
.standard-form .field select, .standard-form .field--check select {
    height: 2.2em;
    font-size: 1.3em; }
.standard-form .field input, .standard-form .field--check input {
    width: auto;
    max-width: none;
    font-size: 1.3em; }
.standard-form .field input:focus, .standard-form .field--check input:focus {
    border-color: #000;
    outline: 0; }
.standard-form .field .large-input, .standard-form .field--check .large-input {
    width: 70%;
    border: 1px solid #999;
    background: #fff; }
@media screen and (max-width: 500px) {
    .standard-form .field .large-input, .standard-form .field--check .large-input {
        width: 100%; } }
.standard-form .field textarea, .standard-form .field--check textarea {
    height: 8em;
    line-height: 1.3em;
    padding: 1em; }
.standard-form .field .multi-input, .standard-form .field--check .multi-input {
    float: left;
    width: 70%; }
.standard-form .field .multi-input .large-input, .standard-form .field--check .multi-input .large-input {
    margin-left: 5%;
    width: 73.5%; }
.standard-form .field .multi-input .small-select, .standard-form .field--check .multi-input .small-select {
    width: 20%;
    margin-left: 0;
    vertical-align: middle; }
@media screen and (max-width: 500px) {
    .standard-form .field .multi-input, .standard-form .field--check .multi-input {
        width: 100%; }
    .standard-form .field .multi-input .large-input, .standard-form .field--check .multi-input .large-input {
        width: 73%; } }
.standard-form .field--check {
    padding-left: 30%; }
.standard-form .field--check input {
    vertical-align: top; }
.standard-form .field--check label {
    max-width: 90%;
    float: none;
    width: auto;
    padding-right: 0;
    text-align: left;
    line-height: 1.3em;
    display: inline-block;
    margin-left: 0.5em; }
@media screen and (max-width: 500px) {
    .standard-form .field--check {
        padding-left: 0; } }
.standard-form .controls {
    margin-top: 1em;
    margin-left: 30%; }
.standard-form .controls button + a {
    line-height: 3em;
    margin-left: 1em; }
@media screen and (max-width: 500px) {
    .standard-form .controls {
        margin-left: 0; } }

body:not(:-moz-handler-blocked) .standard-form select {
    height: 2.4em;
    padding: 0.5em; }

.paypal-controls {
    height: 3em;
    line-height: 3em;
    max-width: 500px;
    zoom: 1;
    display: block; }
.paypal-controls:before, .paypal-controls:after {
    content: "";
    display: table; }
.paypal-controls:after {
    clear: both; }
.paypal-controls img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em; }
.paypal-controls .btn-primary {
    position: relative; }
.paypal-controls label {
    width: 34%;
    float: left;
    text-align: right;
    padding-right: 4%; }
@media screen and (max-width: 800px) {
    .paypal-controls {
        height: auto; }
    .paypal-controls img, .paypal-controls .btn, .paypal-controls .btn--platform-download, .paypal-controls .btn-with-detail, .paypal-controls .btn-primary, .paypal-controls .slim-btn, .paypal-controls label {
        display: inline-block; }
    .paypal-controls label {
        width: 100%;
        text-align: left; }
    .paypal-controls img {
        margin-top: 1.5em;
        margin-left: 0; } }
@media screen and (max-width: 800px) and (max-width: 800px) {
    .paypal-controls img {
        display: none; } }

body:not(:-moz-handler-blocked) .paypal-controls .btn-primary {
    display: inline; }

/*======================================
=            Overlays                  =
=======================================*/
.overlay-placeholder {
    display: none; }

.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: fixed;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    z-index: 1000;
    line-height: 1.7;
    overflow-y: auto; }
.overlay.video-overlay {
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px); }

.overlay__mid {
    height: 100%;
    width: 100%;
    display: table; }

.overlay__inner {
    display: table-cell;
    vertical-align: middle; }

.overlay-content, .overlay-content--large {
    display: inline-block;
    text-align: left;
    background: #EEEDE8;
    color: #2F2F28;
    padding: 2em;
    margin: 2em 0;
    min-width: 18em;
    max-width: 60em;
    width: 90%;
    position: relative; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .overlay-content, .overlay-content--large {
        width: 86%; } }
@media screen and (max-width: 500px) {
    .overlay-content, .overlay-content--large {
        margin-top: 70px;
        width: 80%; } }
.overlay-content h3, .overlay-content--large h3 {
    margin-top: 0.5em; }
.overlay-content .accordion a, .overlay-content--large .accordion a {
    color: #5578b6; }
.overlay-content ul, .overlay-content--large ul {
    padding: 0;
    list-style: square;
    margin-left: 1.5em; }
@media screen and (max-width: 800px) {
    .overlay-content, .overlay-content--large {
        padding: 1em; } }
.overlay-content img, .overlay-content--large img {
    display: block; }

.overlay-content--large {
    max-width: 80em; }

.overlay-close {
    position: absolute;
    top: -1em;
    right: -1em;
    width: 3em;
    height: 3em;
    line-height: 3em;
    border-radius: 999px;
    text-indent: -999em;
    color: #EEEDE8;
    background: #2F2F28; }
.overlay-close:before {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #EEEDE8;
    content: "\274C";
    font-family: 'icon';
    display: block;
    text-indent: 0;
    text-align: center;
    font-size: 1.6em; }

.overlay__control {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #5578b6;
    font-size: 20px;
    background: #eeede8; }
.overlay__control:hover {
    background: #fff;
    color: #739de6; }
.overlay__control.prev {
    left: -50px; }
.overlay__control.next {
    right: -50px; }
@media screen and (max-width: 500px) {
    .overlay__control {
        top: -56px;
        width: 30px; }
    .overlay__control.prev {
        left: -30px; }
    .overlay__control.next {
        right: -30px; } }

/*======================================
=            Tooltip Styles            =
=======================================*/
.tooltip, .tooltip--audio, .tooltip--audio-large {
    position: absolute;
    z-index: 199999;
    display: none;
    top: 0;
    left: 0;
    margin-left: -180px;
    width: 360px; }
.touch .tooltip, .touch .tooltip--audio, .touch .tooltip--audio-large {
    -webkit-transform: translateZ(0px); }
.tooltip.slim, .slim.tooltip--audio, .slim.tooltip--audio-large {
    width: 200px;
    margin-left: -100px; }
.tooltip h2, .tooltip--audio h2, .tooltip--audio-large h2 {
    margin: 0 0 20px;
    color: #fff;
    line-height: 1; }
.tooltip .secondary-nav__quick-links .subitems, .tooltip--audio .secondary-nav__quick-links .subitems, .tooltip--audio-large .secondary-nav__quick-links .subitems, .tooltip .secondary-nav__featured-links .subitems, .tooltip--audio .secondary-nav__featured-links .subitems, .tooltip--audio-large .secondary-nav__featured-links .subitems {
    margin-top: 0.5em; }
.tooltip .divided-list, .tooltip--audio .divided-list, .tooltip--audio-large .divided-list {
    margin-top: 2em; }
.tooltip .divided-list:first-child, .tooltip--audio .divided-list:first-child, .tooltip--audio-large .divided-list:first-child {
    margin-top: 0; }
.tooltip .text-cta, .tooltip--audio .text-cta, .tooltip--audio-large .text-cta {
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.5em; }
.tooltip .checkout-area__sub, .tooltip--audio .checkout-area__sub, .tooltip--audio-large .checkout-area__sub, .tooltip .checkout-area__sub--divider, .tooltip--audio .checkout-area__sub--divider, .tooltip--audio-large .checkout-area__sub--divider, .tooltip .checkout-area__sub--form, .tooltip--audio .checkout-area__sub--form, .tooltip--audio-large .checkout-area__sub--form {
    background: transparent;
    padding: 0; }
.tooltip .basket-item > div, .tooltip--audio .basket-item > div, .tooltip--audio-large .basket-item > div, .tooltip .basket-item--upgrade > div, .tooltip--audio .basket-item--upgrade > div, .tooltip--audio-large .basket-item--upgrade > div, .tooltip .basket-item--discount > div, .tooltip--audio .basket-item--discount > div, .tooltip--audio-large .basket-item--discount > div {
    -moz-transition: all 0.8s 0.6s;
    -webkit-transition: all 0.8s 0.6s; }
.tooltip .basket-item.hidden div, .tooltip--audio .basket-item.hidden div, .tooltip--audio-large .basket-item.hidden div, .tooltip .hidden.basket-item--upgrade div, .tooltip--audio .hidden.basket-item--upgrade div, .tooltip--audio-large .hidden.basket-item--upgrade div, .tooltip .hidden.basket-item--discount div, .tooltip--audio .hidden.basket-item--discount div, .tooltip--audio-large .hidden.basket-item--discount div {
    opacity: 0;
    background: #5578b6;
    margin-left: 20px; }
.tooltip .basket-item > div.title, .tooltip--audio .basket-item > div.title, .tooltip--audio-large .basket-item > div.title, .tooltip .basket-item--upgrade > div.title, .tooltip--audio .basket-item--upgrade > div.title, .tooltip--audio-large .basket-item--upgrade > div.title, .tooltip .basket-item--discount > div.title, .tooltip--audio .basket-item--discount > div.title, .tooltip--audio-large .basket-item--discount > div.title {
    width: 50%; }
.tooltip .basket-item > div.remove, .tooltip--audio .basket-item > div.remove, .tooltip--audio-large .basket-item > div.remove, .tooltip .basket-item--upgrade > div.remove, .tooltip--audio .basket-item--upgrade > div.remove, .tooltip--audio-large .basket-item--upgrade > div.remove, .tooltip .basket-item--discount > div.remove, .tooltip--audio .basket-item--discount > div.remove, .tooltip--audio-large .basket-item--discount > div.remove {
    width: 15%; }
.tooltip .basket-item > div.price, .tooltip--audio .basket-item > div.price, .tooltip--audio-large .basket-item > div.price, .tooltip .basket-item--upgrade > div.price, .tooltip--audio .basket-item--upgrade > div.price, .tooltip--audio-large .basket-item--upgrade > div.price, .tooltip .basket-item--discount > div.price, .tooltip--audio .basket-item--discount > div.price, .tooltip--audio-large .basket-item--discount > div.price {
    text-align: right; }
.tooltip .basket-sub-actions, .tooltip--audio .basket-sub-actions, .tooltip--audio-large .basket-sub-actions, .tooltip .basket-sub-actions--header, .tooltip--audio .basket-sub-actions--header, .tooltip--audio-large .basket-sub-actions--header {
    margin-top: 1em; }
.tooltip .basket-sub-actions a, .tooltip--audio .basket-sub-actions a, .tooltip--audio-large .basket-sub-actions a, .tooltip .basket-sub-actions--header a, .tooltip--audio .basket-sub-actions--header a, .tooltip--audio-large .basket-sub-actions--header a {
    width: auto; }
.tooltip .basket-sub-actions .close, .tooltip--audio .basket-sub-actions .close, .tooltip--audio-large .basket-sub-actions .close, .tooltip .basket-sub-actions--header .close, .tooltip--audio .basket-sub-actions--header .close, .tooltip--audio-large .basket-sub-actions--header .close {
    float: left;
    line-height: 2.6em;
    padding-left: 0; }
@media screen and (max-width: 380px) {
    .tooltip, .tooltip--audio, .tooltip--audio-large {
        width: 96%;
        margin-left: -48%;
        left: 50%; }
    .tooltip#micro-basket, #micro-basket.tooltip--audio, #micro-basket.tooltip--audio-large {
        left: 50% !important;
        box-shadow: 0 0 20px #000; } }

.tooltip__inner {
    -moz-transition: margin-top 0.2s ease, margin-left 0.2s ease;
    -webkit-transition: margin-top 0.2s ease, margin-left 0.2s ease;
    padding: 2em;
    position: relative;
    background: #313130;
    color: #eeede8;
    font-size: 12px;
    font-size: 0.6rem;
    text-align: left; }
.csstransitions .tooltip__inner {
    margin-top: -3em; }
.tooltip__inner * {
    border-color: #525252; }
.tooltip__inner a {
    color: #739de6;
    text-decoration: none; }
.tooltip__inner a:hover {
    color: #eeede8;
    text-decoration: none; }
.tooltip__inner .btn, .tooltip__inner .btn--platform-download, .tooltip__inner .btn-with-detail, .tooltip__inner .btn-primary, .tooltip__inner .slim-btn {
    color: #ffffff; }
.tooltip__inner .btn:before, .tooltip__inner .btn--platform-download:before, .tooltip__inner .btn-with-detail:before, .tooltip__inner .btn-primary:before, .tooltip__inner .slim-btn:before {
    border-left-color: #eeede8; }
.tooltip__inner .btn:hover, .tooltip__inner .btn--platform-download:hover, .tooltip__inner .btn-with-detail:hover, .tooltip__inner .btn-primary:hover, .tooltip__inner .slim-btn:hover {
    border-color: #EEEDE8; }
.tooltip__inner .inverted {
    background: #cccbc6;
    color: #313130; }
.tooltip__inner .inverted * {
    border-color: #313130; }
.tooltip__inner .inverted.user li {
    border-color: #deddda; }
.tooltip__inner blockquote:before {
    border-color: transparent #fff; }
.tooltip__inner blockquote:after {
    border-color: transparent #313130; }
.tooltip__inner blockquote cite {
    color: #eeede8; }
.csstransitions .tooltip.on .tooltip__inner, .csstransitions .on.tooltip--audio .tooltip__inner, .csstransitions .on.tooltip--audio-large .tooltip__inner {
    margin-top: 0; }
.tooltip__inner select {
    color: #fff; }
.tooltip__inner i {
    color: #739de6; }
.tooltip__inner a:hover i {
    color: #eeede8; }
@media screen and (max-width: 800px) {
    .tooltip__inner {
        padding: 1em; } }
.tooltip__inner h4 {
    font-size/*\**/: 16px\9; }
.tooltip__inner button {
    font-size/*\**/: 13px\9; }

.tooltip__arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    left: 0;
    border: 10px solid transparent;
    margin: 0 auto;
    border-bottom-color: #313130; }

.tooltip--audio {
    width: 500px;
    margin-left: -250px;
    margin-top: 10px; }
@media screen and (max-width: 520px) {
    .tooltip--audio {
        width: 96%;
        margin-left: -48%;
        left: 50% !important; } }

.tooltip--audio-large {
    width: 620px; }
.tooltip--audio-large .audio-grid-list article {
    margin-top: 0;
    overflow: hidden; }
.tooltip--audio-large .audio-grid-list p {
    font-size: 1.2em; }
@media screen and (max-width: 640px) {
    .tooltip--audio-large {
        width: 96%;
        margin-left: -48%;
        left: 50% !important; } }

/*======================================
=            User Note                 =
=======================================*/
/**
 * Used on the basket page for display who is logged-in
 * + in the "logged-in" header state
 */
.user-note {
    zoom: 1;
    display: block;
    margin-top: 2em; }
.user-note:before, .user-note:after {
    content: "";
    display: table; }
.user-note:after {
    clear: both; }
.user-note:first-child {
    margin-top: 0; }
.user-note > img {
    float: left;
    margin-right: 2em; }
.user-note ul {
    line-height: 24px; }

/*==========================================
=            Inline Text Styles            =
==========================================*/
/**
*
* Mainly used on spans (inside of <p>'s)
* or for divs to block out content
*
**/
.block {
    display: block; }

.centered {
    text-align: center; }
@media screen and (max-width: 500px) {
    .centered {
        text-align: left; } }

.slash {
    color: #f53a2e;
    text-decoration: line-through; }

.important, .important-flash {
    color: #f53a2e;
    border-color: #f53a2e;
    font-weight: normal; }

.flash, .important-flash {
    border-width: 1px;
    padding: 1em;
    margin-top: 1.5em; }

.inline-image {
    float: right;
    margin: 1.5em 0 1.5em 1.5em; }
@media screen and (max-width: 500px) {
    .inline-image {
        clear: both;
        width: 100%; } }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .inline-image {
        width: 40%; } }
.inline-image img {
    width: 100%;
    font-size: 1.3em; }
blockquote + .inline-image {
    margin-top: 0; }

.news-inline-image {
    float: right;
    margin: 1.5em 0 1.5em 1.5em; }
@media screen and (max-width: 500px) {
    .news-inline-image {
        clear: both;
        width: 100%; }
}
@media screen and (min-width: 500px) and (max-width: 800px) {
    .news-inline-image {
        width: 164px; } }
.news-inline-image img {
    width: 164px;
    font-size: 1.3em; }
blockquote + .news-inline-image {
    margin-top: 0; }

/*-----  End of Inline Text Styles  ------*/
/*=====================================
=            Plugin Styles            =
=====================================*/
/* Swiper Styles */
.swiper-container, .swiper-container--product, .swiper-border--featured .swiper-container--featured {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s; }
.swiper-container.loaded, .loaded.swiper-container--product, .swiper-border--featured .loaded.swiper-container--featured {
    opacity: 1; }

.swiper-container--product {
    height: 300px; }
@media screen and (min-width: 500px) and (max-width: 800px) {
    .swiper-container--product {
        height: 300px; } }
@media screen and (max-width: 500px) {
    .swiper-container--product {
        height: 300px; } }

.threedee-outer {
    overflow: hidden;
    padding-top: 0;
    position: relative; }
.threedee-outer .transport-wrapper, .threedee-outer .transport-wrapper--featured {
    padding: 4em 9999px; }
.threedee-outer .transport-wrapper > a, .threedee-outer .transport-wrapper--featured > a {
    padding: 0.5em;
    top: 0;
    bottom: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    /* For some Androids */ }
.threedee-outer .transport-wrapper > a i, .threedee-outer .transport-wrapper--featured > a i {
    position: absolute;
    top: 50%; }
.threedee-outer .transport-wrapper > a.prev, .threedee-outer .transport-wrapper--featured > a.prev {
    background: -moz-linear-gradient(left, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #313130), color-stop(100%, rgba(49, 49, 48, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* IE10+ */
    background: linear, compact(to right, #313130 40%, rgba(49, 49, 48, 0) 100%, false, false, false, false, false, false, false, false);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff313130', endColorstr='#ff313130',GradientType=1 );
    /* IE6-9 */
    padding: 0 3em 0 0em; }
@media screen and (max-width: 500px) {
    .threedee-outer .transport-wrapper > a.prev, .threedee-outer .transport-wrapper--featured > a.prev {
        padding: 0 1em; } }
.threedee-outer .transport-wrapper > a.prev i, .threedee-outer .transport-wrapper--featured > a.prev i {
    left: 0.5em; }
.threedee-outer .transport-wrapper > a.next, .threedee-outer .transport-wrapper--featured > a.next {
    background: -moz-linear-gradient(right, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, right top, right top, color-stop(0%, #313130), color-stop(100%, rgba(49, 49, 48, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(right, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(right, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(right, #313130 40%, rgba(49, 49, 48, 0) 100%);
    /* IE10+ */
    background: linear, compact(to left, #313130 40%, rgba(49, 49, 48, 0) 100%, false, false, false, false, false, false, false, false);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff313130', endColorstr='#ff313130',GradientType=1 );
    /* IE6-9 */
    padding: 0 0 0 3em; }
@media screen and (max-width: 500px) {
    .threedee-outer .transport-wrapper > a.next, .threedee-outer .transport-wrapper--featured > a.next {
        padding: 0 1em; } }
.threedee-outer .transport-wrapper > a.next i, .threedee-outer .transport-wrapper--featured > a.next i {
    right: 0.5em; }
.threedee-outer .featured-link {
    position: absolute;
    bottom: 2em;
    left: 0;
    right: 0;
    text-align: center; }

.product-swiper {
    height: 570px;
    margin: 2em auto 0;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px); }

.cfs__item {
    padding: 20px 0 0;
    text-align: center; }
.cfs__item .cfs__item__inner {
    padding: 20px; }
.cfs__item img {
    width: 100%;
    height: auto; }
.cfs__item .intro {
    margin-top: 2em;
    z-index: 999;
    position: relative; }
@media screen and (min-width: 360px)
{
    .cfs__item {
        opacity: 0.8;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -ms-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease; }
    .cfs__item:hover {
        opacity: 1; }
}

.invisi-hit {
    position: relative; }
.invisi-hit a {
    z-index: 2;
    position: relative; }
.invisi-hit .invisi-hit__link {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -9999px;
    cursor: pointer; }

.invisi-hit .intro {
    z-index: 0; }

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -ms-transition-property: -ms-transform;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease; }

.swiper-slide {
    float: left;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    width: 300px; }
.swiper-slide .swiper-banner {
    display: none; }

.swiper-border + .fxpagination, .swiper-border--featured + .fxpagination {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 2em; }
.swiper-border + .fxpagination span, .swiper-border--featured + .fxpagination span {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    cursor: pointer;
    margin: 2px 6px; }
.swiper-border + .fxpagination span:before, .swiper-border--featured + .fxpagination span:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale(0.8) translateZ(0px);
    -moz-transform: scale(0.8) translateZ(0px);
    -ms-transform: scale(0.8) translateZ(0px);
    background: #c2c1bb;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%; }
.swiper-border + .fxpagination span.swiper-active-switch:before, .swiper-border--featured + .fxpagination span.swiper-active-switch:before {
    background: #313130;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1); }
.swiper-border + .fxpagination span:hover:before, .swiper-border--featured + .fxpagination span:hover:before {
    background: #313130; }

.swiper-border--featured {
    border: 20px #313130 solid;
    background-color: #313130;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }

.swiper-border--featured
{

    height: 340px;

}

.swiper-container--featured
{
    height: 340px;

}

/*@media screen and (max-width: 800px)
{
    .swiper-border--featured .swiper-container--featured
    {
        height: 300px;
    }
}*/

/*@media screen and (max-width: 800px) {
    .swiper-border--featured {
        border-width: 10px;
        width: 90%; } }*/

.swiper-border--featured .swiper-container--featured .swiper-slide {
    padding: 0;
    position: relative;
    text-align: center; }
.swiper-border--featured .swiper-container--featured .swiper-slide img {
    margin: auto auto; }
.swiper-border--featured .swiper-container--featured .swiper-slide .image {
    width: 100%;
    text-align: center;
    height: 300px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}



@media screen and (min-width: 330px) and (max-width: 800px) {
    .swiper-border--featured .swiper-container--featured .swiper-slide .image {
        background-size: auto 100%;
    } }


.swiper-border--featured .swiper-container--featured .swiper-slide .image.focus-left {
    background-position: center left; }
.swiper-border--featured .swiper-container--featured .swiper-slide .image.focus-right {
    background-position: center right; }
.swiper-border--featured .swiper-container--featured .swiper-slide .image.focus-centre {
    background-position: center center; }


.main-slide {
    margin-top: 0px; }

.transport-wrapper, .transport-wrapper--featured {
    padding: 6em 9999px;
    margin: 0 -9999px;
    position: relative; }
.transport-wrapper .transport-title, .transport-wrapper--featured .transport-title {
    padding: 0;
    text-align: center; }
.transport-wrapper > a, .transport-wrapper--featured > a {
    position: absolute;
    top: 50%;
    font-size: 2.6em;
    margin-top: -2em;
    z-index: 2; }
.transport-wrapper > a:hover, .transport-wrapper--featured > a:hover {
    color: #CBCBCB; }
.transport-wrapper .next, .transport-wrapper--featured .next {
    right: 9999px;
    margin-right: -1em;
    padding: 1em 0.5em 1em 1em; }
.transport-wrapper .prev, .transport-wrapper--featured .prev {
    left: 9999px;
    margin-left: -1em;
    padding: 1em 1em 1em 0.5em; }
@media screen and (max-width: 500px) {
    .transport-wrapper .next, .transport-wrapper--featured .next {
        margin-right: -1em; }
    .transport-wrapper .prev, .transport-wrapper--featured .prev {
        margin-left: -1em; } }
.transport-wrapper i, .transport-wrapper--featured i {
    color: #739de6; }
.transport-wrapper a:hover i, .transport-wrapper--featured a:hover i {
    color: #eeede8; }
.transport-wrapper a:link i, .transport-wrapper--featured a:link i {
    color: #739de6; }
.transport-wrapper.is-arrows-hidden .prev, .is-arrows-hidden.transport-wrapper--featured .prev, .transport-wrapper.is-arrows-hidden .next, .is-arrows-hidden.transport-wrapper--featured .next {
    display: none !important; }
.transport-wrapper.is-arrows-hidden:before, .is-arrows-hidden.transport-wrapper--featured:before, .transport-wrapper.is-arrows-hidden:after, .is-arrows-hidden.transport-wrapper--featured:after {
    background: #313130 !important; }

.transport-wrapper--featured {
    padding-bottom: 6em; }
.transport-wrapper--featured .next {
    margin-right: -1em; }
.transport-wrapper--featured .prev {
    margin-left: -1em; }
.transport-wrapper--featured > a {
    top: 50%;
    color: #2f2f28; }
.no-touch .transport-wrapper--featured > a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
.no-touch .transport-wrapper--featured > a:hover {
    color: #fff;
    background: #313130; }
/*@media screen and (max-width: 800px) {
    .transport-wrapper--featured .next {
        right: 9999px;
        margin-right: -0.3em;
        padding: 1em 0.5em; }
    .transport-wrapper--featured .prev {
        left: 9999px;
        margin-left: -0.3em;
        padding: 1em 0.5em; }
    .transport-wrapper--featured a:link i {
        color: #739de6; } }*/
@media screen and (max-width: 500px) {
    .transport-wrapper--featured .next {
        margin-right: -1em; }
    .transport-wrapper--featured .prev {
        margin-left: -1em; } }
.transport-wrapper--featured .banner {
    position: absolute;
    bottom: 4em;
    padding: 0.9em;
    left: 9989px;
    right: 9989px;
    background: #fff;
    text-align: center;
    font-size: 1.8em;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    -o-transition: opacity 0.2s ease, transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
@media screen and (max-width: 800px) {
    .transport-wrapper--featured .banner {
        bottom: 3.8em; } }
.transport-wrapper--featured .banner.hidden {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
.transport-wrapper--featured .banner a {
    color: #5578b6;
    font-weight: normal; }
.transport-wrapper--featured .banner a:hover {
    color: #739de6; }
.transport-wrapper--featured .banner * {
    font-weight: normal;
    display: inline; }
.transport-wrapper--featured .banner * + a {
    margin-left: 0.5em; }
.transport-wrapper--featured .banner * strong {
    font-weight: bold; }

/*-----  End of Plugin Styles  ------*/
.fxpagination {
    text-align: center;
    margin-top: 6em; }
.fxpagination li a {
    text-decoration: none;
    padding: 1em;
    display: inline-block;
    color: #2f2f28;
    background: #eeede8; }
.fxpagination li a.active {
    background: #5578b6 !important;
    color: #fff; }
.fxpagination li a:hover {
    background: #cccbc6; }

/*==============================================
=            Responsive Video Fixes            =
==============================================*/
/**
*
* These are used to make sure that the youtube
* iframes stay at the correct aspect ratio
* when the browser resizes.
*
**/
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0px;
    height: 0;
    margin-top: 2em; }
.video-wrapper:first-child {
    margin-top: 0; }
.video-wrapper p {
    padding-top: 54%; }

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*-----  End of Responsive Video Fixes  ------*/
/*==============================================
=              Accordion (FAQ etc)             =
==============================================*/
/**
* Accordion (FAQ etc)
*
**/
.accordion {
    padding-top: 1em; }

.accord-content {
    display: none; }

/*---- End of Accordion -----*/
/*==============================================
=                     Video                    =
==============================================*/
/**
*
* Support section
*
**/
.poster-frame a {
    display: block;
    color: inherit;
    text-decoration: none; }
.poster-frame a:hover .poster-frame__inner:before {
    background-color: rgba(49, 49, 48, 0.9); }

.poster-frame__inner {
    position: relative; }
.poster-frame__inner:before {
    content: '';
    width: 50px;
    height: 50px;
    background: rgba(49, 49, 48, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100px;
    z-index: 4; }
.poster-frame__inner:after {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left-color: #fff;
    margin-left: -3px;
    margin-top: -7px;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 5; }
.poster-frame__inner > img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 2em; }

.video-list a.is-current {
    text-decoration: none;
    cursor: default; }
.video-list a.is-current:after {
    content: " (Now playing)";
    color: #2F2F28;
    font-weight: bold; }

/*----- End of video -----*/
/*==============================================
=             Transparent images               =
==============================================*/
.img-light {
    border: 0 !important;
    padding: 0 !important;
}

.img-light-centered {
    border: 0 !important;
    padding: 0 !important;
    display: block;
    margin: 0 auto;
}

.img-dark {
    background-color: #313130;
    border: 1px solid #fff; }

/*----- End of transparent images -----*/
/*==============================================
=             Fixes and tweaks                 =
==============================================*/
/**
*
* Fixing homepage pixel push with padding
*
**/
.grid-list p, .grid-list-subtle p, .shallow-grid-list p {
    margin-top: 0;
    padding-top: 1em; }
.grid-list p:first-child, .grid-list-subtle p:first-child, .shallow-grid-list p:first-child {
    padding-top: 0; }

.swiper-container--threedee, .swiper-wrapper, .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }

.swiper-container--threedee {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px; }

.swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px; }

.swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }

.swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear, compact(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), false, false, false, false, false, false, false, false);
    /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear, compact(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), false, false, false, false, false, false, false, false);
    /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear, compact(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), false, false, false, false, false, false, false, false);
    /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image: linear, compact(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), false, false, false, false, false, false, false, false);
    /* Firefox 16+, IE10, Opera 12.50+ */ }