/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
    overflow: visible
}

a,
legend {
    color: inherit
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

iframe,
img,
legend {
    max-width: 100%
}

legend,
ul {
    padding: 0
}

body,
h1,
ul {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
h1 span:after,
header,
main,
menu,
nav,
section {
    display: block
}

#header,
#wrapper,
sub,
sup {
    position: relative
}

#header:after,
#header:before,
.table i {
    background: #fcace7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcace7', endColorstr='#470a77', GradientType=1)
}

#sort a i,
#sort a span {
    z-index: 1
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

#sort a,
.atom-box {
    border-left: 2px solid #333
}

#sort a:after,
.atom-box {
    border-right: 2px solid #333
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: 'Century Gothic';
    src: url(https://media.rs-online.com/raw/upload/infographics/uk/most-scientific-countries-in-the-world/fonts/Century-Gothic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Century Gothic';
    src: url(https://media.rs-online.com/raw/upload/infographics/uk/most-scientific-countries-in-the-world/fonts/Century-Gothic-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: GT-Walsheim;
    src: url(https://media.rs-online.com/raw/upload/infographics/uk/most-scientific-countries-in-the-world/fonts/GT-Walsheim-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font: 400 16px/1.3 "Century Gothic", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
    background: #fff;
    color: #333;
    min-width: 320px
}

p {
    margin: 0 0 25px
}

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

ul {
    list-style: none
}

h1 {
    font: 700 59px/1.1 GT-Walsheim, Arial, Helvetica, sans-serif;
    width: 100%
}

@media (max-width:1100px) {
    h1 {
        font-size: 45px
    }
}

@media (max-width:990px) {
    h1 {
        font-size: 37px
    }
}

@media (max-width:767px) {
    h1 {
        font-size: 30px
    }
}

h1 span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

h1 span:after {
    content: '';
    height: 2px;
    background: #333;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 20px 0 15px
}

@media (max-width:600px) {
    h1 {
        text-align: center;
        font-size: 38px
    }

    h1 span {
        display: block
    }

    h1 span:after {
        display: none
    }
}

h2 {
    font: 700 29px/1 GT-Walsheim, Arial, Helvetica, sans-serif;
    margin: 0 0 20px
}

@media (max-width:600px) {
    h2 {
        font-size: 34px;
        margin: 0 0 15px
    }
}

#wrapper {
    overflow: hidden
}

.container {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px
}

#header {
    padding: 65px 0 40px
}

@media (max-width:600px) {
    #header {
        padding: 65px 0 0
    }
}

#header .container {
    max-width: 1230px
}

#header .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 5%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width:767px) {
    #header .head {
        padding: 25px 10px
    }
}

#header:after,
#header:before {
    content: '';
    width: 10px;
    height: 180px;
    position: absolute;
    bottom: 50px;
    background: -webkit-linear-gradient(45deg, #fcace7 0, #f206aa 33%, #9b1cad 67%, #470a77 100%);
    background: -o-linear-gradient(45deg, #fcace7 0, #f206aa 33%, #9b1cad 67%, #470a77 100%);
    background: linear-gradient(45deg, #fcace7 0, #f206aa 33%, #9b1cad 67%, #470a77 100%)
}

@media (min-width:600px) and (max-width:1024px) {

    #header:after,
    #header:before {
        display: none
    }
}

#header:before {
    left: 0
}

#header:after {
    right: 0
}

@media (max-width:600px) {
    #header:before {
        bottom: auto;
        top: 0;
        width: 100%;
        height: 10px;
        background: -webkit-linear-gradient(45deg, #e60082 0, #a2148b 33%, #5b1b81 67%, #39065a 100%);
        background: -o-linear-gradient(45deg, #e60082 0, #a2148b 33%, #5b1b81 67%, #39065a 100%);
        background: linear-gradient(45deg, #e60082 0, #a2148b 33%, #5b1b81 67%, #39065a 100%)
    }

    #header:after {
        display: none
    }
}

.methodology .container,
.panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: 2px solid #333;
    border-radius: 5px 30px;
    position: relative;
    margin: 0 auto 50px
}

.atom-box,
.map {
    -webkit-box-align: center
}

.methodology .container .corner-left,
.panel .corner-left {
    background: #fff;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
    position: absolute;
    left: -8.7px;
    bottom: -8.7px;
    width: 25px;
    height: 21px;
    border-top: 2px solid #333
}

.methodology .container .corner-right,
.panel .corner-right {
    background: #fff;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
    position: absolute;
    right: -8.7px;
    top: -8.7px;
    width: 25px;
    height: 21px;
    border-bottom: 2px solid #333
}

.methodology .container:after,
.methodology .container:before,
.panel:after,
.panel:before {
    content: '';
    width: 1000px;
    height: 2px;
    position: absolute;
    top: 50%;
    background: #333
}

.methodology .container:before,
.panel:before {
    right: 100%
}

.methodology .container:after,
.panel:after {
    left: 100%
}

.atom-box {
    padding: 10px 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:600px) {
    .panel {
        margin: 0 0 140px
    }

    .atom-box {
        display: none
    }
}

.map,
.table li {
    display: -webkit-box;
    display: -ms-flexbox
}

.atom-box .atom {
    position: relative;
    width: 90px;
    height: 90px
}

.atom-box .ellipse {
    width: 40px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid #333;
    position: absolute;
    left: 20px
}

.atom-box .ellipse:nth-child(1) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.atom-box .ellipse:nth-child(2) {
    -webkit-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.atom-box .ellipse:nth-child(3) {
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg)
}

.atom-box .ellipse .dot {
    background: #333;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    position: absolute;
    left: 22px;
    top: 90px;
    margin-left: -8px;
    margin-top: -8px
}

.map {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 10px;
    width: 30%;
    position: relative
}

@media (max-width:600px) {
    .map {
        position: static;
        width: 0;
        padding: 0
    }

    .map img {
        display: none
    }
}

.table {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 4%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font: 700 13px/1 GT-Walsheim, Arial, Helvetica, sans-serif
}

#main,
#main .container,
#sort a,
#sort a i,
#sort a span {
    position: relative
}

@media (max-width:991px) {
    .table {
        margin: 0
    }
}

.table li {
    display: flex
}

.table span {
    width: 38px;
    height: 38px;
    padding: 3px;
    margin: 0 -2px -2px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px
}

#sort,
.intro {
    margin: 0 auto
}

.table span:not(:empty) {
    border: 2px solid #333
}

.table i {
    display: block;
    width: 33px;
    padding-top: 100%;
    background: -webkit-linear-gradient(45deg, #fcace7 0, #f206aa 33%, #9b1cad 67%, #470a77 100%);
    background: -o-linear-gradient(45deg, #fcace7 0, #f206aa 33%, #9b1cad 67%, #470a77 100%);
    background: linear-gradient(45deg, #fcace7 0, #f206aa 33%, #9b1cad 67%, #470a77 100%)
}

#sort a em,
#sort a i svg {
    width: 100%
}

#sort a:nth-child(1) em::after,
#sort a:nth-child(1) em::before,
#sort a:nth-child(1):after,
#sort a:nth-child(1):before {
    background: #eaeaea
}

#sort a:nth-child(2) em::after,
#sort a:nth-child(2) em::before,
#sort a:nth-child(2):after,
#sort a:nth-child(2):before {
    background: #fcace7
}

#sort a:nth-child(3) em::after,
#sort a:nth-child(3) em::before,
#sort a:nth-child(3):after,
#sort a:nth-child(3):before {
    background: #f206aa
}

#sort a:nth-child(4) em::after,
#sort a:nth-child(4) em::before,
#sort a:nth-child(4):after,
#sort a:nth-child(4):before {
    background: #9b1cad
}

#sort a:nth-child(5) em::after,
#sort a:nth-child(5) em::before,
#sort a:nth-child(5):after,
#sort a:nth-child(5):before {
    background: #470a77
}

.intro {
    max-width: 1080px
}

@media (min-width:600px) {
    .intro {
        padding: 0 10px
    }
}

.intro .intro-cont {
    max-width: 840px;
    padding-right: 160px
}

@media (max-width:600px) {
    .intro .intro-cont {
        padding: 0;
        text-align: center;
        line-height: 1.35
    }
}

.intro .mob {
    display: none
}

@media (max-width:1024px) {
    .intro .desktop {
        display: none
    }

    .intro .mob {
        display: inline
    }
}

#sort,
#sort a {
    display: -webkit-box;
    display: -ms-flexbox
}

#sort a:after,
#sort a:before {
    content: '';
    position: absolute;
    display: block
}

#sort {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    padding: 0 10px 0 0
}

@media (max-width:850px) {
    #sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#sort a {
    background: #fff;
    padding: 4px 8px 6px;
    margin: 0 10px;
    border-top: 2px solid #333;
    border-radius: 3px;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20%
}

@media (max-width:850px) {
    #sort a {
        width: 200px;
        margin: 0 8px 15px
    }
}

@media (max-width:700px) {
    #sort a {
        width: 210px
    }

    #sort a:first-child {
        margin: 0 20% 15px
    }
}

#sort a span span {
    white-space: nowrap
}

#sort a.asc i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#sort a:before {
    top: 100%;
    left: 2px;
    right: -4px;
    z-index: 1;
    height: 11px;
    margin: -2px 0 0;
    -webkit-transform: skew(45deg);
    -ms-transform: skew(45deg);
    transform: skew(45deg);
    border-bottom: 2px solid #333;
    border-left: 3px solid #333;
    border-radius: 3px 0 3px 3px
}

#sort a:after {
    left: 100%;
    top: 2px;
    bottom: -5px;
    width: 11px;
    margin: 0 0 0 -2px;
    -webkit-transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    transform: skewY(45deg);
    border-top: 3px solid #333;
    border-radius: 3px 3px 3px 0
}

#sort a i {
    display: block;
    width: 9px;
    min-width: 9px;
    margin: 0 0 0 10px
}

.fixed .grid.clone,
.grid {
    display: -webkit-box;
    display: -ms-flexbox
}

#sort a i path {
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease
}

@media (max-width:500px) {
    #sort {
        font-size: 12px;
        margin: 0 -15px
    }

    #sort a {
        width: 45%;
        margin: 0 7px 15px
    }

    #sort a i {
        width: 7px;
        min-width: 7px;
        margin: 0 0 0 3px
    }
}

#sort a:not(:nth-child(1)).active,
#sort a:not(:nth-child(1)):hover {
    color: #fff
}

#sort a:not(:nth-child(1)).active i path,
#sort a:not(:nth-child(1)):hover i path {
    fill: #fff
}

#sort a em {
    position: absolute;
    top: 0;
    bottom: 1px;
    left: 0
}

#sort a em::after,
#sort a em::before {
    content: "";
    position: absolute;
    -webkit-transition: all .5s cubic-bezier(1, .005, 0, 1);
    -o-transition: all .5s cubic-bezier(1, .005, 0, 1);
    transition: all .5s cubic-bezier(1, .005, 0, 1)
}

.fixed-panel:after,
.grid .col:before,
.popup:after {
    content: ''
}

#sort a.active em::after,
#sort a.active em::before,
#sort a:hover em::after,
#sort a:hover em::before {
    -webkit-transition: all .5s cubic-bezier(1, .005, 0, 1);
    -o-transition: all .5s cubic-bezier(1, .005, 0, 1);
    transition: all .5s cubic-bezier(1, .005, 0, 1)
}

#sort a em::before {
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%
}

#sort a.active em::before,
#sort a:hover em::before {
    height: 100%
}

.legend {
    margin: 0 0 17px 135px;
    font-size: 14px;
    font-weight: 700
}

.cost .country,
.grid {
    font-size: 12px;
    font-weight: 700
}

@media (max-width:600px) {
    .legend {
        margin: 0 0 30px
    }
}

.grid {
    width: 1080px;
    padding: 0 0 0 135px;
    display: flex;
    max-width: 100%
}

.grid .col {
    width: 10%;
    text-align: left;
    border-bottom: 2px solid #fff;
    margin: 0 0 20px
}

.grid .col:last-child {
    width: 0
}

.grid .col:before {
    position: absolute;
    top: 0;
    height: 9999px;
    background: #eaeaea;
    width: 2px
}

.grid .col span {
    padding: 0 0 0 10px
}

@media (max-width:600px) {
    .grid .col {
        margin: 0 0 10px
    }

    .grid .col span {
        text-align: center;
        display: block;
        margin: -15px 0 0 -30px;
        width: 60px;
        padding: 0
    }
}

.grid.clone {
    display: none;
    position: relative;
    margin: 80px 0 0
}

.fixed .grid.clone {
    display: flex
}

.cost,
.cost .cost-axis {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%
}

.grid.clone .col {
    padding: 0 0 10px;
    margin: 0
}

#costs {
    position: relative
}

@media (max-width:1150px) and (min-width:600px) {

    #costs,
    .list {
        padding-right: 30px
    }
}

.cost {
    margin: 0 0 11px;
    display: flex;
    cursor: default
}

.cost .country {
    color: #000;
    position: relative;
    min-width: 135px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 30px;
    line-height: 20px
}

@media (max-width:600px) {
    .cost {
        margin: 0 0 6px
    }

    .cost .country {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.cost .cost-axis {
    display: flex;
    height: 20px;
    max-width: 100%
}

.cost .cost-axis .full {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

@media (min-width:1024px) {

    .cost .cost-axis .full:hover .popup,
    .cost .cost-axis .full:hover .total {
        visibility: visible;
        opacity: 1
    }
}

.cost .cost-axis .full .total {
    visibility: hidden;
    opacity: 0;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 100%;
    margin: 0 0 0 5px;
    line-height: 20px;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease
}

@media (max-width:600px) {
    .cost .cost-axis .full .total {
        display: none
    }
}

.cost .cost-axis .bar1 {
    background: #fcace7
}

.cost .cost-axis .bar2 {
    background: #f206aa
}

.cost .cost-axis .bar3 {
    background: #9b1cad
}

.cost .cost-axis .bar4 {
    background: #470a77
}

.popup,
.popup:after {
    position: absolute;
    background: #fff
}

.popup {
    z-index: 100;
    display: none;
    width: 340px;
    bottom: 15px;
    left: 0;
    font-size: 14px;
    border: 2px solid #eaeaea;
    border-radius: 3px;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    padding: 10px 13px 13px;
    line-height: 1.2;
    -webkit-box-shadow: 0 0 15px 0 rgba(204, 204, 204, .48);
    box-shadow: 0 0 15px 0 rgba(204, 204, 204, .48)
}

@media (min-width:1024px) {
    .popup {
        visibility: hidden;
        opacity: 0;
        display: block;
        border-radius: 3px 25px 3px 3px;
        padding: 20px 13px 15px
    }

    .popup:before {
        content: '';
        left: 3px;
        height: 15px;
        right: 6px;
        border-top: 2px solid #eaeaea;
        border-right: 2px solid #eaeaea;
        background: #fff;
        position: absolute;
        top: -2px;
        -webkit-transform: skewX(36deg);
        -ms-transform: skewX(36deg);
        transform: skewX(36deg)
    }
}

@media (max-width:500px) {
    .popup {
        width: 100%
    }
}

.popup.show {
    display: block
}

.popup span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup span strong {
    margin-right: 5px
}

@media (min-width:1024px) {
    .popup span {
        margin: 0 0 2px
    }
}

.popup .name {
    margin: 0 0 7px;
    display: block
}

.popup strong {
    font-family: GT-Walsheim, Arial, Helvetica, sans-serif
}

.popup:after {
    bottom: -9px;
    left: -2px;
    width: 15px;
    height: 17px;
    border-left: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
    -webkit-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    transform: skewY(-45deg)
}

.popup-close {
    display: none
}

@media (max-width:1024px) {
    .popup-close {
        display: block;
        position: absolute;
        top: -6px;
        right: -7px;
        width: 25px;
        height: 25px;
        border: 2px solid #333;
        background: #fff
    }

    .popup-close:after,
    .popup-close:before {
        position: absolute;
        content: '';
        left: 16%;
        right: 16%;
        top: 48%;
        height: 2px;
        background: #333;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .popup-close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.fixed-panel .legend,
.fixed-panel-holder.fixed p {
    display: none
}

.fixed-panel-holder {
    margin: 0 0 55px
}

@media (max-width:850px) {
    .fixed-panel-holder {
        margin: 0 0 15px
    }
}

.fixed-panel {
    position: relative;
    padding: 15px 0 0
}

.fixed .fixed-panel {
    z-index: 99
}

.fixed-panel:after {
    display: none;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0
}

.fixed-panel p {
    margin: 0 0 7px
}

@media (max-width:600px) {
    .fixed-panel-holder.fixed {
        margin: 0 0 -50px 15px
    }
}

.fixed-panel-holder.fixed .fixed-panel {
    position: fixed;
    padding: 15px 15px 0;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #000
}

.fixed-panel-holder.fixed .fixed-panel:after {
    display: block
}

.fixed-panel-holder.fixed .fixed-panel .legend {
    display: block;
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px 0 136px
}

@media (max-width:600px) {
    .fixed-panel-holder.fixed .fixed-panel .legend {
        padding: 0
    }
}

.fixed-panel-holder.fixed #sort {
    margin: 0 auto 30px;
    max-width: 1110px;
    padding: 0 10px 0 0
}

@media (max-width:850px) {
    .fixed-panel-holder.fixed #sort {
        margin: 0 0 15px
    }
}

@media (max-width:500px) {
    .fixed-panel-holder.fixed #sort {
        margin: 0 -15px 15px
    }
}

.fixed-panel-holder.fixed .grid.clone {
    margin: 20px auto 0 auto;
}

@media (max-width:1150px) {
    .fixed-panel-holder.fixed .grid.clone {
        padding: 0 30px 0 135px
    }
}

.fixed-panel-holder.fixed .grid.clone .col:before {
    height: auto;
    bottom: 0
}

.empty {
    pointer-events: none
}

.share {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1300px) {
    .share {
        z-index: 98
    }
}

.share .btn {
    position: relative;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    overflow: hidden
}

.share .btn.btn-fb {
    background: url(https://media.rs-online.com/image/upload/infographics/uk/most-scientific-countries-in-the-world/images/ico-fb.svg) 50% 50%/auto 30px no-repeat #3b5999
}

.share .btn.btn-tw {
    background: url(https://media.rs-online.com/image/upload/infographics/uk/most-scientific-countries-in-the-world/images/ico-tw.svg) 50% 50%/auto 26px no-repeat #00acee
}

.share .btn>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

strong.metodology {
    margin: 0 0 5px;
    display: block
}

@media (max-width:850px) {
    #main .container {
        overflow: visible
    }
}

@media (max-width:767px) {
    .grid.clone {
        margin: 45px -15px 0;
        width: auto;
        max-width: 1000px
    }

    .share {
        top: 0
    }

    .share .btn {
        width: 40px;
        height: 40px
    }

    .share .btn.btn-fb {
        background-size: auto 24px
    }

    .share .btn.btn-tw {
        background-size: auto 20px
    }
}

@media (max-width:600px) {
    .fixed-panel-holder.fixed .grid.clone {
        padding: 0
    }

    #main:after,
    #main:before {
        display: none
    }

    .grid {
        padding: 0
    }

    .cost {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cost .country {
        padding: 0;
        text-align: left
    }

    #cost {
        margin: 0 5px 7px
    }
}

.methodology {
    padding: 0 15px
}

.methodology .container {
    max-width: 1200px;
    padding: 0
}

@media (max-width:767px) {
    .methodology .container {
        display: block;
        text-align: center
    }
}

.methodology .head {
    border-right: 2px solid #333;
    width: 355px;
    min-width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .methodology .head {
        width: 100%;
        padding: 30px 20px;
        border: none;
        border-bottom: 2px solid #333
    }
}

.methodology h3 {
    font: 700 24px/1.1 GT-Walsheim, Arial, Helvetica, sans-serif;
    margin: 0
}

.methodology .cont {
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
    padding: 20px 50px 25px
}

@media (max-width:767px) {
    .methodology .cont {
        padding: 20px
    }
}

.methodology a {
    color: #9b1cad
}

#rs-footer-with-stripes img {
    max-width: 100%
}

#rs-footer-with-stripes ul {
    padding: 0;
    list-style: none
}

#rs-footer-with-stripes {
    background: url(https://media.rs-online.com/image/upload/infographics/uk/most-scientific-countries-in-the-world/images/footer-stripes.svg) right bottom no-repeat #fff;
    background-size: 400px;
    position: relative;
    padding: 75px 0 0;
    z-index: 1
}

#rs-footer-with-stripes h2 {
    font: 700 15px/18px "Century Gothic", Arial, Helvetica, sans-serif;
    color: #EF0000;
    margin: 0 0 25px
}

#rs-footer-with-stripes .rs-footer__nav-box {
    display: inline-block;
    text-align: center
}

#rs-footer-with-stripes .rs-footer__container {
    max-width: 960px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
    background: 0 0
}

#rs-footer-with-stripes .rs-footer__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 150px;
    background: 0 0;
    font: 400 13px/23px Arial, Helvetica, sans-serif
}

#rs-footer-with-stripes .rs-footer__navigation ul {
    padding: 0 25px
}

@media screen and (max-width:1300px) {
    #rs-footer-with-stripes {
        background-size: 150px;
        padding: 50px 0
    }

    #rs-footer-with-stripes .rs-footer__nav-box {
        display: block
    }

    #rs-footer-with-stripes .rs-footer__navigation {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    #rs-footer-with-stripes .rs-footer__navigation ul {
        width: 50%;
        margin-bottom: 10px
    }

    #rs-footer-with-stripes .rs-footer__navigation {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width:600px) {
    #rs-footer-with-stripes .rs-footer__navigation ul {
        width: 100%
    }
}

#rs-footer-with-stripes .rs-footer__navigation a {
    color: #1E5787;
    text-decoration: none;
    text-transform: capitalize
}

#rs-footer-with-stripes .rs-footer__navigation a:hover {
    text-decoration: underline
}

#rs-footer-with-stripes .footer-logo {
    display: block;
    width: 84px;
    height: 70px;
    margin: 0 40px 0 auto
}

@media screen and (max-width:1300px) {
    #rs-footer-with-stripes .footer-logo {
        margin: 0 auto
    }
}

#rs-footer-with-stripes:after {
    content: none;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}


    .LPMimage,.LPMoverlay{display:none!important}.cookie-consent .cookie-accept .icon-accept:before,.icon-rs_171-ok:before{content:"\E9B0"}.cookie-consent .icon-info:before,.icon-rs_172-info:before{content:"\E9B1"}.cookie-consent{font-size:12px;padding:10px 10px 10px 0;color:#fff;background-color:#333}.cookie-consent .msg{font-size:14px;display:block;box-sizing:border-box;width:1200px;margin:auto;padding:20px 40px 20px 80px}.cookie-consent .icon-info{display:inline-block;width:5px;vertical-align:top}.cookie-consent .icon-info:before{font-size:45px;position:relative;left:-45px}.cookie-consent .cookie-banner{font-size:17px;font-weight:700;display:inline-block;width:150px;height:100%;vertical-align:top}.cookie-consent .cookie-terms{display:inline-block;width:700px;padding-left:20px;vertical-align:top;border-left:1px solid #fff}.cookie-consent .cookie-term-link{padding-top:10px}.cookie-consent .cookie-term-link a,.cookie-consent .cookie-term-link a:active,.cookie-consent .cookie-term-link a:hover,.cookie-consent .cookie-term-link a:link,.cookie-consent .cookie-term-link a:visited{color:#fff;text-decoration:underline}.cookie-consent .cookie-accept{position:relative;top:24px;display:inline-block;float:right;width:170px;padding:5px 10px;text-align:center;background-color:red;border-radius:5px;box-sizing:content-box;height:26px}.cookie-consent .cookie-accept:hover{cursor:pointer}.cookie-consent .cookie-accept .icon-accept:before{font-size:23px;vertical-align:middle;left:-10px;position:relative}