/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

.pt-0 {
    padding-top: 0 !important;
}

.media-title-1 {
    color: #000000;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 11px;
    margin-bottom: 24px;
}

.media-title-2 {
    color: #000;
    font-family: 'Barlow', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
}

.media-title-3 {
    color: #000000;
    font-family: 'Barlow', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 24px;
}

.text {
    color: #000000;
    font-family: 'HK Grotesk', sans-serif;
    font-size: 20px;
    line-height: 30px;
}

a.blue-link {
    color: #20B1D9;
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.blue-link i {
    padding-right: 8px;
}

.width-750 {
    max-width: 750px;
}

.overview-section {
    margin-bottom: 78px;
}

.overview-section .media-title-2 {
    margin-bottom: 18px;
}

.overview-section .text {
    margin-bottom: 18px;
}

.overview-section .text a {
    color: #20B1D9;
    text-decoration: underline;
}

.seo-section {
    padding: 58px 0 48px;
}

.seo-section .media-title-2 {
    text-align: center;
    margin-bottom: 40px;
}

.seo-section .half-parts.half-parts_four-blocks .part {
    margin-bottom: 32px;
}

.seo-section .arrow-list .text {
    margin-bottom: 20px;
}

.seo-section .arrow-list .media-title-3 {
    margin-bottom: 14px;
    padding-left: 28px;
    position: relative;
}

.seo-section .arrow-list .media-title-3 i {
    position: absolute;
    left: 0;
    color: #20B1D9;
    padding-right: 8px;
}

.seo-section .arrow-list a {font-size: 21px; }

.print-distribution-section {
    background-color: #eaebec;
    padding: 42px 0 60px;
}

.half-parts.half-parts_four-blocks .media-title-3 {
    font-weight: 600;
}

.half-parts.half-parts_four-blocks .part:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.half-parts.half-parts_four-blocks .part:nth-of-type(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.half-parts.half-parts_four-blocks .part i {
    font-size: 22px;
    margin-bottom: 18px;
}

.half-parts.half-parts_four-blocks .part > .media-title-3 {
    margin-bottom: 18px;
}

.half-parts.half-parts_four-blocks .part .part-img {
    width: 634px;
    margin-bottom: 32px;
    border-radius: 5px;
}

.print-distribution-section {
    overflow: hidden;
}

.print-distribution-section .media-title-1,
.print-distribution-section .media-title-2 {
    text-align: center;
}

.print-distribution-section .media-title-1 {
    font-weight: 600;
    margin-bottom: 25px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.half-parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.half-parts .part {
    /*flex: 1 1 48%;*/
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}

.testimonials-section {
    background-color: #313542;
    padding: 50px 0;
}

.testimonials-section .fa-quote-left, .testimonials-section .fa-quote-right {
    color: #ffffff;
    font-size: 22px;
    position: absolute;
}

.testimonials-section .fa-quote-left {
    left: 0;
    top: -10px;
}

.testimonials-section .fa-quote-right {
    right: 0;
    bottom: -10px;
}

.testimonials-section .testimonials-text {
    color: #ffffff;
    font-family: 'HK Grotesk', sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 25px;
    padding-left: 30px;
    position: relative;
}

.testimonials-section .testimonials-author {
    color: #ffffff;
    font-family: 'HK Grotesk', sans-serif;
    font-size: 16px;
    line-height: 19px;
    padding-left: 30px;
    margin-top: 16px;
}

.our-readers {
    background-color: #eaebec;
    padding: 48px 0 92px;
}

.our-readers .media-title-2 {
    margin-bottom: 40px;
    text-align: center;
}

.our-readers .media-title-2 + .text {
    margin-bottom: 48px;
    text-align: center;
}

.our-readers .our-readers-lines {
    width: 100%;
    max-width: 550px;
    margin: 0 auto 50px;
}

.our-readers .our-readers-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

.our-readers .our-readers-line .media-title-3 {
    margin-bottom: 8px;
    white-space: nowrap;
}

.our-readers .our-leaders-line-left {
    width: 50%;
    /*flex: 1 1 50%;*/
    margin-right: 2%;
    max-width: 50%;
    text-align: right;
}

.our-readers .our-leaders-line-right {
    width: 50%;
    /*flex: 1 1 50%;*/
    margin-left: 2%;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.our-readers .our-leaders-line-right .percent-width {
    margin-left: 15px;
    height: 20px;
    border-radius: 4px;
    background-color: #313542;
}

.our-readers .our-leaders-line-right .percent-width.percent-width-1 {
    width: 126px;
}

.our-readers .our-leaders-line-right .percent-width.percent-width-2 {
    width: 75px;
}

.our-readers .our-leaders-line-right .percent-width.percent-width-3 {
    width: 68px;
}

.our-readers .our-leaders-line-right .percent-width.percent-width-4 {
    width: 34px;
}

.our-readers .our-leaders-line-right .percent-width.percent-width-5 {
    width: 10px;
}

.our-readers .our-leaders-line-right .fa-male {
    font-size: 24px;
}

.our-readers .our-leaders-line-right .fa-male.halved {
    width: 5px;
    min-width: 5px;
    max-width: 5px;
    overflow: hidden;
}

.our-readers .our-leaders-line-right .fa-male:not(:last-of-type) {
    padding-right: 7px;
}

.our-readers .our-leaders-line-right .percent {
    color: #313542;
    font-family: 'HK Grotesk', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    margin-left: 15px;
}

.our-readers .our-readers-lines.on-move .our-leaders-line-right img {
    width: 32px;
}

.wallet-wrapper {
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.wallet-wrapper img {
    margin-right: 20px;
}

.wallet-label {
    color: #000000;
    font-family: 'HK Grotesk', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px
}

.digital-distribution {
    background-color: #eaebec;
    padding: 44px 0 92px;
    overflow: hidden;
}

.digital-distribution .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.digital-distribution .media-title-1 {
    margin-bottom: 28px;
    text-align: center;
}

.digital-distribution .media-title-3 {
    margin-bottom: 28px;
}

.digital-distribution .left-part {
    /*flex: 1 1 58%;*/
    width: 58%;
    margin-right: 1%
}

.digital-distribution .left-part i {
    font-size: 22px;
    margin-bottom: 18px;
}

.digital-distribution .right-part {
    /*flex: 1 1 40%;*/
    width: 40%;
    margin-left: 1%;
}

.digital-distribution .right-part img {
    width: 552px; /*679*/
	border-radius: 5px;
}

.digital-distribution .text {
    margin-bottom: 18px;
}

.digital-distribution .text:last-of-type {
    margin-bottom: 36px;
}

.specification-section {
    background-color: #fff;
    padding: 64px 0 70px;
}

.specification-section .media-title-1 {
    font-weight: 600;
    margin-bottom: 18px;
}

.specification-section .text {
    margin-bottom: 28px;
}

.advertisers-section {
    padding: 50px 0 85px;
    background-color: #eaebec;
}

.advertisers-section .media-title-1 {
    margin-bottom: 80px;
    text-align: center;
    font-weight: 600;
}

.advertisers-section .advertisers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.advertisers-section .advertisers-list > img {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.advertisers-section .haroma {
    max-width: 209px;
}

.advertisers-section .louis {
    max-width: 88px;
}

.advertisers-section .volvo {
    max-width: 71px;
}

.advertisers-section .royal {
    max-width: 149px;
}

.advertisers-section .najsonalmuseet {
    max-width: 169px;
}

.advertisers-section .daniel-wellington {
    max-width: 273px;
}

.advertisers-section .cite {
    max-width: 78px;
}

.advertisers-section .officede {
    max-width: 51px;
}

.advertisers-section .museum {
    max-width: 94px;
}

.advertisers-section .comillas {
    max-width: 90px;
}

.advertisers-section .uic {
    max-width: 65px;
}
.advertisers-section .school {
    max-width: 90px;
}

.advertisers-section .toulouse-hines {
    max-width: 103px;
}

.advertisers-section .predi-chateau {
    max-width: 109px;
}
.advertisers-section .pau-bar {
    max-width: 172px;
}

.advertisers-section .ekt {
    max-width: 70px;
}

.advertisers-section .meripavilkonki {
    max-width: 132px;
}

.advertisers-section .svenski-tenn {
    max-width: 206px;
}

.advertisers-section .finn-house {
    max-width: 102px;
}

.advertisers-section .jarslberg {
    max-width: 73px;
}

.advertisers-section .fleischer-couture {
    max-width: 184px;
}

.advertisers-section .lamk_tunnus_rgb {
    max-width: 175px;
}

.charts-wrapper {
    margin-bottom: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.charts-wrapper .text:first-of-type {
    margin-top: auto;
}
.charts-wrapper .charts {
    margin: 0 10px;width: 110px;height: 110px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;
}
.charts-wrapper .charts img {
    -webkit-transform: rotate(-82deg);
        -ms-transform: rotate(-82deg);
            transform: rotate(-82deg);display: block;margin: auto;
}

.charts-wrapper .charts .fa-female,
.charts-wrapper .charts .fa-male {
    font-size: 34px;position: absolute;-webkit-transform: rotate(-82deg);-ms-transform: translateY(-50%);transform: translateY(-50%);top: 50%;
}

.charts-wrapper .charts .fa-female {
    left: 25px;
}
.charts-wrapper .charts .fa-male {
    color: #fff;right: 25px;
}

@media (max-width: 991px) {
    .half-parts.half-parts_four-blocks .part .text {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .half-parts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
	
	.half-parts.half-parts_four-blocks .part:nth-of-type(2),
	.half-parts.half-parts_four-blocks .part:nth-of-type(3) {
		display: block;
	}

    .blue-link, a {
        font-size: 16px;
        line-height: 19px;
    }

    .text {
        font-size: 15px;
        line-height: 22px;
    }

    .print-distribution-section {
        padding: 36px 0 40px;
    }

    .print-distribution-section .media-title-1 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .print-distribution-section .media-title-1 br {
        display: none;
    }

    .half-parts .part {
        /*flex: 1 1 100%;*/
        width: 100%;
    }

    .half-parts.half-parts_four-blocks .part {
        -ms-flex-preferred-size: 98%;
            flex-basis: 98%;
        width: 98%;
        margin: 0 auto 24px;
    }

    .half-parts.half-parts_four-blocks .part:nth-of-type(1) {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .half-parts.half-parts_four-blocks .part:nth-of-type(2) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .half-parts.half-parts_four-blocks .part:nth-of-type(3) {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }

    .half-parts.half-parts_four-blocks .part:nth-of-type(4) {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .half-parts.half-parts_four-blocks .part .part-img {
        width: 728px;
		/*height:166px;*/
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

    .seo-section {
        padding-bottom: 38px;
    }

    .seo-section .media-title-2 {
        margin-bottom: 28px;
    }

    .seo-section .media-title-2 br {
        display: none;
    }
	
	.seo-section .arrow-list a {
		font-size: 18px;
		line-height: 20px;
	}

    .digital-distribution {
        padding: 28px 0 58px;
    }

    .digital-distribution .container {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .digital-distribution .left-part {
        -ms-flex-preferred-size: 98%;
            flex-basis: 98%;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 32px;
    }

    .digital-distribution .right-part {
        -ms-flex-preferred-size: 98%;
            flex-basis: 98%;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .digital-distribution .right-part img {
        width: 728px;
        max-width: 100%;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .testimonials-section {
        padding: 37px 0;
    }

    .testimonials-section .testimonials-text, .testimonials-section .testimonials-author {
        padding-left: 0;
    }

    .testimonials-section .fa-quote-left, .testimonials-section .fa-quote-right {
        position: relative;
        display: block;
    }

    .testimonials-section .fa-quote-right {
        bottom: 5px;
        text-align: right;
    }

    .advertisers-section .media-title-1 {
        margin-bottom: 40px;
    }

    .advertisers-section {
        padding: 32px 0;
    }

    .our-readers {
        padding: 36px 0 50px;
    }

    .our-readers .our-leaders-line-left {
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        max-width: 40%;
    }

    .our-readers .our-readers-lines.on-move .our-leaders-line-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
}

@media (max-width: 568px) {
    .media-title-1 {
        font-size: 20px;
        line-height: 25px;
    }

    .magazine-block-wrap.media-info-page .item:nth-of-type(n + 4) {
        display: none;
    }

    .media-title-2 {
        font-size: 21px;
        line-height: 25px;
    }

    .overview-section .text {
        font-size: 15px;
        line-height: 23px;
    }

    .media-title-3 {
        font-size: 18px;
        line-height: 20px;
    }

    .testimonials-section .testimonials-text {
        font-size: 15px;
        line-height: 23px;
    }

    .testimonials-section .testimonials-author {
        font-size: 13px;
        line-height: 14px;
    }

    .specification-section {
        padding: 35px 0;
    }

    .specification-section .text {
        margin-bottom: 20px;
    }

    .specification-section .half-parts .part:not(:last-of-type) {
        margin-bottom: 38px;
    }


    .advertisers-section .cite {
        max-width: 67px;
            -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
                order: 9;
    }

    .advertisers-section .officede {
        max-width: 40px;
            -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
                order: 8;
    }


    .advertisers-section .museum {
        max-width: 83px;
            -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
                order: 7;
    }

    .advertisers-section .comillas {
        max-width: 79px;
            -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6;
    }

    .advertisers-section .uic {
        max-width: 54px;
            -webkit-box-ordinal-group:6;
            -ms-flex-order: 5;
                order: 5;
    }
    .advertisers-section .school {
        max-width: 89px;
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
    }


    .advertisers-section .toulouse-hines {
        max-width: 92px;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .advertisers-section .predi-chateau {
        max-width: 98px;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .advertisers-section .pau-bar {
        max-width: 132px;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }




    .our-readers .our-leaders-line-left .text {
        line-height: 30px;
    }

    .our-readers .our-leaders-line-left .text .mobile-hide {
        display: none;
    }

    .our-readers .our-leaders-line-left {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
        max-width: 30%;
    }

    .our-readers .our-leaders-line-right .percent {
        font-size: 13px;
        line-height: 30px;
        margin-left: 6px;
    }

    .our-readers .our-readers-lines.on-move .our-leaders-line-left {
        max-width: 50%;
        min-width: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        width: 50%;
    }

    .our-readers .our-readers-lines.on-move .our-leaders-line-left .text {
        line-height: 16px;
    }

    .our-readers .our-leaders-line-right .percent-width.percent-width-1 {
        width: 119px;
    }

    .our-readers .our-leaders-line-right .percent-width.percent-width-2 {
        width: 70px;
    }

    .our-readers .our-leaders-line-right .percent-width.percent-width-3 {
        width: 65px;
    }

    .our-readers .our-leaders-line-right .percent-width.percent-width-4 {
        width: 32px;
    }

    .our-readers .our-leaders-line-right .percent-width.percent-width-5 {
        width: 11px;
    }

    .our-readers .our-readers-lines.on-move .our-leaders-line-right img {
        width: 28px;
    }

    .wallet-wrapper br {
        display: none;
    }

    .wallet-label {
        font-size: 15px;
        line-height: 22px
    }

    .charts-wrapper .charts {
        width: 103px;
        height: 103px;
    }

    .charts-wrapper .text {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
    }

    .charts-wrapper .charts .fa-female,
    .charts-wrapper .charts .fa-male {
        font-size: 32px;
    }
}

@media (max-width: 370px) {
    .our-readers .our-leaders-line-left {
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
        max-width: 25%;
    }

    .our-readers .our-leaders-line-right .fa-male {
        font-size: 18px;
    }

    .our-readers .our-readers-lines.on-move .our-leaders-line-left {
        max-width: 40%;
        min-width: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
        width: 40%;
    }

    .our-readers .our-readers-lines.on-move .our-leaders-line-right {
        max-width: 60%;
        min-width: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
        width: 60%;
    }

    .our-readers .our-readers-lines.on-move .our-readers-line:first-child .our-leaders-line-left {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}

@media (max-width: 350px) {
    .charts-wrapper .charts {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .half-parts.half-parts_four-blocks .part:nth-of-type(1), .half-parts.half-parts_four-blocks .part:nth-of-type(4) {
        padding-top: 40px;
    }

    .digital-distribution .left-partdigital-distribution .left-part {
        padding-top: 40px;
    }

    .charts-wrapper .text br {
        display: none;
    }
}