@font-face {
    font-family: gwr;
    src: url(../fonts/gwr.eot);
    src: url(../fonts/gwr.eot) format('embedded-opentype'), url(../fonts/gwr.ttf) format('truetype'), url(../fonts/gwr.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: rubik_regular;
    src: url(../fonts/rubik-regular-webfont.woff2) format('woff2'), url(../fonts/rubik-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: rubik_medium;
    src: url(../fonts/rubik-medium-webfont.woff2) format('woff2'), url(../fonts/rubik-medium-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.blue-background {
    background-color: #14ade4
}

.green-background {
    background-color: #44ad49
}

.red-background {
    background-color: #df3a56
}

.orange-background {
    background-color: #ff6730
}

.dark-blue-background {
    background-color: #123457
}

.grey-background {
    background-color: #e0dfde
}

.blue-disabled-background {
    background-color: #1299ca
}

.blue-background-transparent {
    background-color: #14ade4
}

.green-background-transparent {
    background-color: #44ad49
}

.red-background-transparent {
    background-color: #df3a56
}

.orange-background-transparent {
    background-color: #ee5923
}

.dark-blue-background-transparent {
    background-color: #123457
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    max-width: 100%;
    height: auto;
    aspect-ratio: auto
}

.where-to-buy img {
    margin-right: .5em
}

* {
    -webkit-tap-highlight-color: transparent;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

:focus {
    outline: #14ade4
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

html {
    font-size: 100%;
    background: #f1f1f1;
    min-height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased
}

html.locked-scroll {
    overflow: hidden
}

.no-scroll {
    overflow: hidden
}

body {
    font-family: rubik_regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
    min-height: 100%;
    width: 100%;
    background: #fff;
    font-size: 18px;
    line-height: 1.7em
}

body.html-rtl,
.html-rtl body {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: auto;
    direction: rtl
}

a {
    color: #147997;
    text-decoration: underline
}

.text-white a,
a.text-white {
    color: #fff
}

a:hover,
a:focus {
    text-decoration: none
}

.news-content a {
    text-decoration: none;
    color: #123457
}

.columned-link a {
    color: #333;
    text-decoration: none
}

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

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

[data-split] .checkbox:first-child,
[data-split] .radio:first-child {
    margin-top: 0
}

[data-split="2"] {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

[data-split="3"] {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

[data-split="4"] {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.chromeframe {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    margin: 0;
    background: #e5eff8;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-size: .6666666666666666rem;
    padding: 10px;
    padding: .5555555555555556rem
}

.chromeframe a {
    color: #fff;
    text-decoration: underline
}

.no-transition,
.no-transition * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.status {
    text-transform: uppercase
}

.html-rtl .status .icon {
    float: right;
    margin-left: 3px;
    margin-left: .16666666666666666rem;
    margin-top: 3px;
    margin-top: .16666666666666666rem
}

.status-pending {
    color: #b8923c
}

.status-error {
    color: #c20000
}

.status-success {
    color: #548529
}

.status-notice {
    color: #4D86CD
}

.status-warning {
    color: #FFA648
}

.status-archived {
    color: #999
}

.status-completedfailed {
    color: #606
}

strong,
b {
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500
}

.jp strong,
.jp b,
.cn strong,
.cn b {
    font-weight: 800
}

.html-rtl strong,
.html-rtl b {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-weight: 800
}

.alert-messaging {
    margin: 0;
    padding: 1em;
    background: #df3a56;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
    clear: both
}

.alert-messaging a {
    color: #fff
}

.alert-messaging p:last-child,
.alert-messaging h1:last-child,
.alert-messaging h2:last-child,
.alert-messaging h3:last-child,
.alert-messaging h4:last-child,
.alert-messaging h5:last-child,
.alert-messaging h6:last-child {
    margin-bottom: 0
}

.inline-block-wrap {
    font-size: 0
}

.news-content .inline-block-wrap {
    width: 100%;
    display: inline-block
}

.close-icon {
    position: absolute;
    top: 1em;
    right: 1em;
    cursor: pointer
}

.close-icon:hover {
    color: #14ade4
}

.html-rtl .close-icon {
    left: 1em;
    right: auto
}

#newsletter-wrap-b2c {
    margin-bottom: 2em
}

#main {
    min-height: 40%;
    min-height: 40vh;
    clear: both;
    width: 100%
}

.gwr-kids .news-body-wrap {
    background: url(../images/aly-zing-web.jpg) no-repeat fixed;
    background-size: cover;
    background-position: center
}

.gwr-kids .news-body {
    box-shadow: 10px 10px 0 rgba(0, 0, 0, .25);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff
}

.container {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 1em
}

.w800 .container {
    max-width: 800px
}

.fullwidth-plain-page {
    position: relative;
    width: 100%;
    clear: both
}

.fullwidth-plain-page.cta-banner {
    text-align: center
}

.component-wrapper {
    width: 100%;
    float: left;
    padding: 2em 0;
    background: #f5f5f5;
    margin: 0;
    clear: both;
    background-position: top center;
    background-size: cover;
    position: relative
}

.component-wrapper header {
    width: 100%;
    clear: both;
    margin-bottom: 2em
}

.component-wrapper .header-sub-heading p {
    margin: 0;
    padding: 5px 0;
    font-size: 20px;
    line-height: 1.4em;
    margin-top: 3px
}

.component-wrapper.white-text {
    color: #fff
}

.component-wrapper.white-text .video-player-wrapper {
    color: #333
}

.component-wrapper.white-text h2 {
    color: #fff
}

.component-wrapper.white-text .carousel-heading.sub-header {
    color: #fff
}

.component-wrapper.black-text {
    color: #333
}

.component-wrapper.black-text h2 {
    color: #333
}

.component-wrapper.bg-tiled {
    background-size: auto;
    background-repeat: repeat
}

.component-wrapper table {
    width: 100%;
    max-width: 100%;
    background-color: #fff
}

.component-wrapper table tr:nth-child(odd) {
    background: #f1f1f1
}

.component-wrapper table tr:first-child {
    background-color: #23abdc;
    color: #fff
}

.component-wrapper table tr td {
    padding: .7em;
    border: 1px solid #23abdc
}

.news-body-wrap .component-wrapper {
    background-color: #fff;
    padding: .5em 0
}

.news-body-wrap .component-wrapper .container {
    padding: 0
}

.component-wrapper.accordion-newsletter {
    padding: 0
}

.component-wrapper.simple-intro-wrapper {
    background-color: #fff
}

.img-carousel .slick-prev {
    left: -25px
}

.img-carousel .slick-next {
    right: -25px
}

.img-carousel .slick-slider .slick-list {
    max-width: 96.5%;
    margin: 0 0 0 32px
}

.white-background {
    background: #fff
}

.ColumnedLayouts .columned .full-width-header,
.ColumnedLayouts .columned .body-copy {
    padding: 1em;
    width: 100%;
    clear: both;
    float: left
}

.ColumnedLayouts .columned .full-width-header h2 {
    margin-bottom: 0
}

.ColumnedLayouts .columned-image {
    position: relative;
    overflow: hidden
}

.ColumnedLayouts.columned-link img {
    transition: all .4s ease-in-out
}

.ColumnedLayouts.columned-link p {
    margin-bottom: 0;
    padding-bottom: 1em
}

.gwr-kids .ColumnedLayouts.columned-link .columned-holder {
    background: #ffcf0d
}

.gwr-kids .ColumnedLayouts.columned-link .columned-holder .columned-text {
    background: linear-gradient(to bottom, #ffeb0d 0, #ffcf0d 100%)
}

.ColumnedLayouts.columned-link .columned-holder a:hover img {
    transform: perspective(1px) scale3d(1.1, 1.1, 1);
    transition: all .4s ease-in-out
}

.ColumnedLayouts.columned-link .columned-holder a:hover .columned-text {
    background: rgba(0, 0, 0, .03);
    transition: all .4s ease-in-out
}

.gwr-kids .ColumnedLayouts.columned-link .columned-holder a:hover .columned-text {
    background: #ffcf0d
}

.ColumnedLayouts .columned-summary {
    font-size: 22px;
    line-height: 1.5em;
    margin-bottom: 1em
}

.remove-default-style .columned-text .heading {
    padding: 1em;
    margin-bottom: 1em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.remove-default-style .columned-text .heading h2,
.remove-default-style .columned-text .heading h3,
.remove-default-style .columned-text .heading h4,
.remove-default-style .columned-text .heading h5 {
    margin-bottom: 0
}

.full-width-general.bg-tiled {
    background-size: auto !important;
    background-repeat: repeat
}

.twitter-follow-button.twitter-follow-button-rendered {
    max-height: 30px
}

.legal-table tr:nth-child(odd) {
    background: #f9f9f9
}

.legal-table td {
    padding: .5em;
    border: 1px solid #ccc
}

.legal-terms li {
    list-style: none;
    margin-bottom: 1em
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em
}

.embed-container.homevideowrap {
    padding-bottom: 36.45%;
    margin: 0
}

.embed-container.homevideowrapmobile {
    margin: 0
}

.full-height .embed-container.homevideowrapmobile {
    padding-bottom: 162.45%
}

.player-play .embed-container {
    margin: 0
}

.simple-intro-block-video-image .embed-container {
    margin: 0
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.full-width-image {
    clear: both;
    width: 100%;
    display: block
}

.full-width-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

#modal-container {
    display: none
}

#modal-link-text {
    border-bottom: 1px solid #a4cad7;
    padding-bottom: 6px;
    padding-right: 1em
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 50, 87, .7)
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    max-height: 80vh;
    height: 80vh;
    width: 100%;
    max-width: 80%
}

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

.modal .close {
    position: absolute;
    top: .7em;
    right: 1em;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #9a9a9a;
    font-weight: 100
}

.modal .close:hover {
    color: #333
}

.modal-iframe-wrap {
    width: 100%;
    position: relative;
    height: 82%
}

.homevideo iframe {
    display: block;
    margin: 0 auto
}

.embed-container.homevideowrap .embed-container {
    padding: 0;
    margin: 0;
    position: initial
}

.icon {
    font-family: gwr;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.html-rtl .icon {
    font-family: gwr
}

.icon-files-empty:before {
    content: "\e919"
}

.application-container .icon-files-empty:before {
    font-size: 19px
}

.icon-open_in_new:before {
    content: "\e91d"
}

.icon-x:before {
    content: "\e91c"
}

.icon-clipboard-edit:before {
    content: "\e91b"
}

.icon-pencil:before {
    content: "\e91a"
}

.icon-files:before {
    content: "\e919"
}

.icon-documents:before {
    content: "\e919"
}

.icon-papers:before {
    content: "\e919"
}

.icon-pages:before {
    content: "\e919"
}

.icon-tiktok:before {
    content: "\e918"
}

.icon-chevron-right2:before {
    content: "\e905"
}

.icon-chevron-left2:before {
    content: "\e906"
}

.icon-snapchat-square:before {
    content: "\e900"
}

.icon-snapchat-ghost:before {
    content: "\e901"
}

.icon-snapchat:before {
    content: "\e902"
}

.icon-close:before {
    content: "\e61d"
}

.icon-file-1:before {
    content: "\e617"
}

.icon-suitcase:before {
    content: "\e618"
}

.icon-calendar:before {
    content: "\e619"
}

.icon-calendar2:before {
    content: "\e61a"
}

.icon-envelope:before {
    content: "\e607"
}

.icon-locked:before {
    content: "\e608"
}

.icon-unlocked:before {
    content: "\e609"
}

.icon-enter:before {
    content: "\e600"
}

.icon-exit:before {
    content: "\e601"
}

.icon-facebook:before {
    content: "\e604"
}

.icon-instagram:before {
    content: "\e610"
}

.icon-google-plus:before {
    content: "\e602"
}

.icon-youtube:before {
    content: "\e603"
}

.icon-twitter:before {
    content: "\e605"
}

.icon-linkedin:before {
    content: "\e606"
}

.icon-email:before {
    content: "\e60a"
}

.icon-cogs:before {
    content: "\e60b"
}

.icon-google:before {
    content: "\e60c"
}

.icon-flickr:before {
    content: "\e60d"
}

.icon-flickr2:before {
    content: "\e60e"
}

.icon-share:before {
    content: "\e60f"
}

.icon-file:before {
    content: "\e615"
}

.icon-newspaper:before {
    content: "\e616"
}

.icon-file-alt:before {
    content: "\e61b"
}

.icon-suitcase2:before {
    content: "\e61c"
}

.icon-weibo:before {
    content: "\e614"
}

.icon-vine:before {
    content: "\e611"
}

.icon-gwr:before {
    content: "\e003"
}

.icon-arrow-up:before {
    content: "\25b4"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-arrow-left:before {
    content: "\25c3"
}

.html-rtl .icon-arrow-left:before {
    content: "\25b9"
}

.icon-arrow-down:before {
    content: "\25be"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-arrow-right:before {
    content: "\25b9"
}

.html-rtl .icon-arrow-right:before {
    content: "\25c3"
}

.icon-user:before {
    content: "\e01d"
}

.icon-nav-left:before {
    content: "\e008"
}

.html-rtl .icon-nav-left:before {
    content: "\e009"
}

.icon-nav-right:before {
    content: "\e009"
}

.html-rtl .icon-nav-right:before {
    content: "\e008"
}

.icon-users:before {
    content: "\e01e"
}

.icon-arrow-up-down:before {
    content: "\e001"
}

.icon-list:before {
    content: "\e00b"
}

.icon-crossed-trophy:before {
    content: "\e01f"
}

.icon-tag:before {
    content: "\e00a"
}

.icon-send:before {
    content: "\e350"
}

.icon-search:before {
    content: "\e004"
}

.cross .icon-search:before {
    content: "\e61d"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-grid:before {
    content: "\e00c"
}

.icon-dismiss:before {
    content: "\e00d"
}

.icon-earth:before {
    content: "\e019"
}

.icon-calendar:before {
    content: "\e002"
}

.icon-tick:before {
    content: "\e00e"
}

.icon-link:before {
    content: "\e005"
}

.icon-star:before {
    content: "\22c6"
}

.icon-stopwatch:before {
    content: "\e015"
}

.icon-edit:before {
    content: "\e006"
}

.icon-clock:before {
    content: "\e007"
}

.icon-cog:before {
    content: "\e00f"
}

.icon-list-1:before {
    content: "\ed50"
}

.icon-book:before {
    content: "\1f4d6"
}

.icon-upload:before {
    content: "\e020"
}

.application-container .icon-upload:before {
    border: 2px solid;
    border-radius: 50px;
    padding: 5px;
    font-size: 10px;
    margin-right: 3px
}

.icon-microphone:before {
    content: "\f130"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-tencent:before {
    content: "\e612"
}

.icon-weixin:before {
    content: "\e613"
}

.icon-pinterest:before {
    content: "\e903"
}

.icon-pinterest2:before {
    content: "\e904"
}

.icon-download:before {
    content: "\e907"
}

.icon-language:before {
    content: "\e908"
}

.icon-bars:before {
    content: "\e909"
}

.icon-navicon:before {
    content: "\e909"
}

.icon-planet:before {
    content: "\e90b"
}

.icon-earth2:before {
    content: "\e019"
}

.icon-language2:before {
    content: "\e90a"
}

.icon-shield:before {
    content: "\e90e"
}

.icon-chevron-up:before {
    content: "\e90c"
}

.icon-chevron-down:before {
    content: "\e90d"
}

.icon-quotes-right:before {
    content: "\e90f"
}

.icon-quotes-left:before {
    content: "\e910"
}

.icon-reddit-alien:before {
    content: "\e912"
}

.icon-whatsapp:before {
    content: "\e911"
}

.icon-heart-o:before {
    content: "\e914"
}

.icon-heart:before {
    content: "\e913"
}

.icon-minus:before {
    content: "\e916"
}

.icon-minus2:before {
    content: "\e917"
}

.icon-plus:before {
    content: "\e915"
}

.minus .icon-plus:before {
    content: "\e917"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-hammer:before {
    content: "\e9a8"
}

.icon-alt {
    display: inline-block;
    width: 24px;
    width: 1.3333333333333333rem;
    height: 24px;
    height: 1.3333333333333333rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    font-size: 16px;
    font-size: .8888888888888888rem;
    text-decoration: none
}

.icon-small {
    width: 18px;
    width: 1rem;
    height: 18px;
    height: 1rem;
    line-height: 18px;
    line-height: 1rem;
    font-size: 13px;
    font-size: .7222222222222222rem
}

.icon-sup {
    position: absolute;
    top: -9px;
    top: -.5rem;
    right: -14px;
    right: -.7777777777777778rem;
    width: 24px;
    width: 1.3333333333333333rem;
    height: 24px;
    height: 1.3333333333333333rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    font-size: 14px;
    font-size: .7777777777777778rem;
    border: 2px solid #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box
}

.panel-content .icon-sup {
    border-color: #e5eff8
}

.icon-sup:before {
    line-height: 24px;
    line-height: 1.3333333333333333rem
}

.icon-sup.icon-small {
    width: 18px;
    width: 1rem;
    height: 18px;
    height: 1rem;
    line-height: 18px;
    line-height: 1rem;
    font-size: 12px;
    font-size: .6666666666666666rem
}

.icon-sup.icon-small:before {
    line-height: 18px;
    line-height: 1rem
}

.icon-large {
    font-size: 150%
}

.icon-wrapper {
    position: relative;
    vertical-align: top;
    display: inline-block
}

.icon-wrapper .icon {
    vertical-align: top
}

.icon-style-a {
    color: #b8923c
}

.icon-style-a.icon-alt {
    background: #b8923c;
    color: #fff
}

.icon-style-b {
    color: #023258
}

.icon-style-b.icon-alt {
    background: #023258;
    color: #fff
}

.icon-style-c {
    color: #147997
}

.icon-style-c.icon-alt {
    background: #147997;
    color: #fff
}

.icon-danger {
    background-color: #c20000;
    color: #fff
}

.icon-success {
    background-color: green
}

.icon-neutral {
    background-color: #8b8b8b
}

.icon-warn {
    background-color: #f93
}

.icon-white {
    background-color: #fff
}

.icon-button {
    background-color: #147997
}

.icon-hide-link {
    cursor: default
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.jp h1,
.jp h2,
.jp h3,
.jp h4,
.jp h5,
.jp h6,
.cn h1,
.cn h2,
.cn h3,
.cn h4,
.cn h5,
.cn h6 {
    font-weight: 800
}

.html-rtl h1,
.html-rtl h2,
.html-rtl h3,
.html-rtl h4,
.html-rtl h5,
.html-rtl h6 {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-weight: 800
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none
}

h1,
.h1 {
    font-size: 32px;
    line-height: 1.3em;
    margin-bottom: .5em
}

.news-article-wrap h1,
.news-article-wrap .h1,
.record-article-wrap h1,
.record-article-wrap .h1 {
    margin: 0
}

h2,
.h2 {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: .5em
}

.html-rtl h2,
.html-rtl .h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem
}

h3,
.h3 {
    font-size: 20px;
    line-height: 1.7em;
    margin-bottom: 1em
}

.cn h3,
.cn .h3 {
    font-size: 22
}

.html-rtl h3,
.html-rtl .h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

h4,
.h4 {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 1em
}

.cn h4,
.cn .h4 {
    font-size: 18
}

.columned-link h4,
.columned-link .h4 {
    margin: 0;
    padding: 1em 0 .5em;
    font-size: 20px;
    line-height: 1.3em
}

.slick-slide h4,
.slick-slide .h4 {
    margin-top: 1em
}

h5,
.h5 {
    font-size: 14px;
    line-height: 1.7em;
    margin-bottom: 1em
}

p {
    margin-bottom: 1em
}

.columned-link p {
    margin-bottom: 0;
    padding-bottom: 1em
}

em {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.wysiwyg-table-2 {
    margin-bottom: 1em
}

.wysiwyg-table-2 td {
    display: block
}

.wysiwyg-table-2 td:nth-child(odd) {
    padding: 0 0 1em
}

.our-company-section-wrap {
    background: #003057;
    width: 100%;
    clear: both;
    color: #fff;
    text-align: center;
    margin-bottom: 3em
}

.our-company-section h3 {
    color: #14ade4;
    background: #f5f5f5;
    font-size: 22px;
    padding: .5em 0;
    text-transform: uppercase;
    margin-bottom: 1em
}

.our-company-section p:last-child {
    margin-bottom: 0;
    padding-bottom: 1em
}

.our-company-section-logo {
    padding: .2em 0;
    width: 100%
}

.our-company-section:nth-child(2) {
    background: #5bbce8
}

.our-company-section:nth-child(3) {
    background: #00afe3
}

.our-company-section:nth-child(4) {
    background: #3db5e6
}

.our-company-section:nth-child(5) {
    background: #73c2ea
}

.our-company-section span {
    font-size: 30px;
    font-weight: 900
}

.breadcumb_wrapper {
    clear: both;
    width: 100%;
    position: relative;
    padding: 1em;
    background: #ddd
}

.breadcumb_wrapper .container {
    width: 100%;
    max-width: 90%
}

.breadcumb_wrapper a {
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    color: #000;
    position: relative;
    margin-right: 40px
}

.html-rtl .breadcumb_wrapper a {
    margin-right: 0;
    margin-left: 40px
}

.breadcumb_wrapper a:after {
    content: ">";
    position: absolute;
    right: -20px;
    top: 2px
}

.html-rtl .breadcumb_wrapper a:after {
    left: -21px;
    top: 0;
    right: initial
}

.breadcumb_wrapper a:hover {
    color: #14ade4
}

.breadcumb_wrapper span {
    font-weight: 600;
    display: inline-block
}

.simple-intro-block {
    background: #ccc
}

.simple-intro-block .container {
    max-width: 100%;
    margin: 0;
    padding: 0
}

.simple-intro-block-content {
    padding: 2em 1em
}

.simple-intro-block-header {
    text-align: center;
    padding: 1em;
    width: 100%;
    background: #fff;
    color: #333;
    margin: 0
}

.html-rtl .simple-intro-block-header {
    margin-bottom: 0
}

.simple-intro-block-video-image img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.simple-intro-block-video-image.-iframe:hover {
    cursor: pointer
}

.simple-intro-wrapper h1 {
    margin-bottom: .5em
}

.simple-intro-wrapper .simple-intro-title {
    width: 100%;
    text-align: center
}

.simple-intro-wrapper .buttons-holder {
    text-align: center;
    vertical-align: middle
}

.simple-intro-wrapper .buttons-holder a {
    margin-bottom: 1em
}

.intro-block-image {
    display: block;
    text-align: center;
    margin: 0 auto;
    position: relative
}

.intro-block-image img {
    box-shadow: 3px 0 50px -10px rgba(0, 0, 0, .2);
    border: solid 2px #fff
}

.intro-block-image.video-play-icon {
    border: 0;
    border-bottom: 8px solid #1193c2
}

.intro-block-image.video-play-icon:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../images/play-hover.png) #1193c2;
    background-size: cover;
    transform: none;
    width: 80px;
    height: 80px;
    top: inherit;
    top: initial;
    bottom: -8px;
    left: 0;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.intro-block-image.video-play-icon:hover:before {
    background: url(../images/play.png) #1193c2
}

.intro-block-image img {
    width: 100%
}

.intro-block-content {
    font-size: 18px;
    margin-top: 1em
}

.intro-block-content-padding {
    padding: 2em 1em;
    background: rgba(20, 173, 228, .8)
}

.no-image .intro-block-content {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.intro-block.reversed .intro-block-image {
    order: 2
}

.intro-block.reversed .intro-block-content {
    order: 1;
    margin-left: 0;
    margin-right: 5%
}

.player-play {
    margin-bottom: 1em
}

.player-play .media-video-iframe {
    margin-bottom: 0
}

.video-player-wrapper {
    position: relative;
    background: #fff;
    width: 100%;
    cursor: pointer;
    margin-bottom: 1em;
    transition: .25s
}

.video-player-wrapper:last-child {
    margin-bottom: 0
}

.video-player-wrapper:hover .title {
    border-bottom: 3px solid #14ade4
}

.video-player-wrapper .title {
    padding: 10px;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 3px solid transparent;
    transition: .25s;
    color: #333;
    line-height: 1.3
}

.html-rtl .video-player-wrapper .title {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-weight: 800
}

.video-player-wrapper img {
    max-width: 100%;
    width: 100%
}

.video-player-wrapper-holder {
    max-height: 200px;
    overflow: auto;
    margin: 0
}

.video-player-wrapper-holder::-webkit-scrollbar {
    width: 10px
}

.video-player-wrapper-holder::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 0
}

.video-player-wrapper-holder::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .9);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .9)
}

.block.media-video-iframe {
    float: none
}

.news-item {
    position: relative;
    font-size: 18px;
    padding: 0;
    margin-bottom: 1em;
    flex: 1 0 auto;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc
}

.gwr-kids .news-item {
    border: solid 7px #14ade4;
    border-radius: 12px;
    box-shadow: 7px 7px 0 rgba(0, 0, 0, .25)
}

.news-item:after {
    content: "";
    background: transparent
}

.news-item:hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.news-item:hover:after {
    background: rgba(20, 173, 228, .5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.gwr-kids .news-item:hover:after {
    top: 5px;
    left: 5px;
    right: 5px
}

.news-item img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.gwr-kids .news-item img {
    border: #fff solid 5px
}

.news-item header {
    padding: 10px;
    margin: 0;
    background-color: #16ace3;
    z-index: 2
}

.gwr-kids .news-item header {
    border: #fff solid 5px;
    border-top: 0
}

.big.news-item header {
    background-color: #df3a56
}

.sml.news-item header {
    background-color: #44ad49
}

.news-item h3 {
    font-family: rubik_regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    line-height: 1.3em;
    color: #fff
}

.news-item.big:hover:after {
    background: rgba(223, 58, 86, .5)
}

.news-item.big span {
    background-color: #df3a56
}

.gwr-kids .news-item.big {
    border-color: #df3a56
}

.news-item.sml:hover:after {
    background: rgba(68, 173, 73, .5)
}

.news-item.sml span {
    background-color: #44ad49
}

.gwr-kids .news-item.sml {
    border-color: #44ad49
}

.showcase-grid .container>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.showcase-grid .record-grid-item {
    position: relative;
    background-color: #fff;
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    margin-bottom: 1em;
    width: 100%
}

.showcase-grid .record-grid-item:hover {
    background-color: #14ade4;
    color: #fff
}

.showcase-grid .record-grid-item header {
    margin: 0
}

.showcase-grid .record-grid-item header h3 {
    padding: .5em 1em;
    display: block;
    margin: 0;
    line-height: 1.3
}

.html-rtl .showcase-grid .record-grid-item header {
    direction: ltr
}

.showcase-grid .record-grid-item figure {
    max-height: 263px;
    min-height: 30px;
    overflow: hidden
}

.showcase-grid .record-grid-item figure span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #14ade4;
    padding: 9px 16px 7px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 12px
}

.showcase-grid .record-grid-item img {
    width: 100%;
    height: auto
}

ul {
    padding: 0;
    list-style: none;
    margin: 0 0 1em 1.5em
}

.html-rtl ul {
    margin: 0 1.5em 1em 0
}

ul ul,
ul ol {
    margin-bottom: 0
}

ul.where-to-buy-list {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff
}

ul.where-to-buy-list li {
    list-style: none;
    margin: 0
}

ul.where-to-buy-list li p {
    margin: .5em
}

ul.where-to-buy-list li:first-child p {
    margin: 1em 1.5em .5em
}

ul.where-to-buy-list li:last-child p {
    margin: .5em 1.5em 1em
}

ul li {
    position: relative;
    list-style: disc;
    margin-bottom: 6px;
    margin-bottom: .3333333333333333rem
}

.where-to-buy ul li {
    position: inherit;
    position: initial;
    list-style: none;
    float: left;
    margin-right: 1.5%;
    margin-bottom: 1.5%
}

.where-to-buy ul li.in {
    width: 97.1%
}

.where-to-buy ul {
    margin: 0;
    width: 103%
}

ol {
    padding: 0;
    margin: 0 0 0 1em
}

.html-rtl ol {
    margin: 1em 0 0 1em)
}

ol ul,
ol ol {
    margin-bottom: 0
}

ol li {
    position: relative
}

.list-unstyled {
    margin-left: 0
}

.html-rtl .list-unstyled {
    margin-right: 0
}

.list-unstyled>li {
    list-style: none
}

.list-inline {
    margin-left: 0
}

.html-rtl .list-inline {
    margin-right: 0
}

.list-inline>li {
    list-style: none
}

.list-inline>li {
    display: inlineblock;
    padding: 0 3px .5em
}

dl {
    margin-bottom: 1em
}

dt,
dd {
    line-height: 1.7em
}

dt {
    margin-bottom: 1em
}

dd {
    margin-bottom: 1em;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

dd+dt {
    padding-top: 1em
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

label,
input,
button,
select,
textarea {
    margin: 0;
    line-height: 1.7em;
    cursor: pointer
}

input,
button,
select,
textarea {
    font-family: rubik_regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none
}

.html-rtl input,
.html-rtl button,
.html-rtl select,
.html-rtl textarea {
    font-family: Calibri, Helvetica, Arial, sans-serif
}

label {
    display: block
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=date],
input[type=week],
input[type=month],
input[type=datetime],
input[type=datetime-local],
input[type=time],
input[type=number],
input[type=search],
input[type=password],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input[type=date] {
    min-height: 36px;
    min-height: 2rem
}

.ie8 input[type=date] {
    min-height: 0
}

input,
textarea,
select {
    padding: 6px 10px;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-size: 1rem;
    color: #333;
    background-color: #f9f9f9;
    border: 2px solid #e4e4e4;
    vertical-align: middle;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    white-space: nowrap
}

input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus {
    border: 2px solid #14ade4
}

input[disabled],
textarea[disabled],
select[disabled] {
    background: #f0f0f0;
    border-color: #f0f0f0;
    color: #ccc;
    cursor: not-allowed
}

input[disabled]:hover,
textarea[disabled]:hover,
select[disabled]:hover,
input[disabled]:focus,
textarea[disabled]:focus,
select[disabled]:focus {
    border-color: #ccc
}

input[disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder,
select[disabled]:-moz-placeholder {
    color: #ccc
}

input[disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder,
select[disabled]::-moz-placeholder {
    color: #ccc
}

input[disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder,
select[disabled]:-ms-input-placeholder {
    color: #ccc
}

input[disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder,
select[disabled]::-webkit-input-placeholder {
    color: #ccc
}

input[readonly],
textarea[readonly],
select[readonly] {
    cursor: not-allowed
}

input[readonly]:hover,
textarea[readonly]:hover,
select[readonly]:hover,
input[readonly]:focus,
textarea[readonly]:focus,
select[readonly]:focus {
    border-color: #ccc
}

input.error,
textarea.error,
select.error {
    border-color: #df3a56
}

select {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/drop-arrow.png);
    -webkit-background-size: 34px 10px;
    -moz-background-size: 34px 10px;
    -o-background-size: 34px 10px;
    background-size: 34px 10px;
    padding-right: 30px;
    padding-right: 1.6666666666666667rem;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ''
}

.html-rtl select {
    background-position: 5% 50%;
    padding-right: 10px;
    padding-right: .5555555555555556rem;
    padding-left: 30px;
    padding-left: 1.6666666666666667rem
}

select::-ms-expand {
    display: none
}

select[multiple],
select[size] {
    height: auto;
    background-image: none
}

label input,
label textarea,
label select {
    display: block
}

textarea {
    height: 180px;
    height: 10rem;
    white-space: normal
}

textarea-autoheight {
    resize: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

input[type=radio] {
    position: relative;
    width: initial;
    padding: 1em;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #14ade4;
    border-radius: 50%;
    place-content: center;
    height: auto
}

input[type=radio]:before {
    content: "";
    border-radius: 50%;
    transition: 120ms transform ease-in-out;
    background: #14ade4;
    background-color: #14ade4;
    position: absolute;
    left: 10%;
    top: 11%;
    opacity: 0;
    padding: .8em
}

input[type=radio]:checked {
    border-color: #14ade4
}

input[type=radio]:checked:before {
    opacity: 1
}

input[type=checkbox] {
    position: relative;
    padding: 1em;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: #14ade4;
    place-content: center;
    height: auto;
    cursor: pointer;
    font-family: gwr;
    width: initial
}

input[type=checkbox]:before {
    content: "\e00e";
    font-size: 30px;
    transition: 120ms transform ease-in-out;
    position: absolute;
    left: 10%;
    top: 11%;
    opacity: 0
}

input[type=checkbox]:checked {
    border-color: #14ade4
}

input[type=checkbox]:checked:before {
    opacity: 1
}

.form-wrap {
    font-size: 0
}

.form-wrap form {
    font-size: 18px
}

.form_headings {
    clear: both;
    width: 100%;
    display: block
}

.form_headings:not(:first-child) {
    margin-top: 2em
}

.form_field {
    clear: both;
    width: 100%;
    margin-bottom: 1em
}

.form_field_radio {
    margin-bottom: 1em;
    position: relative
}

.form_field_radio input,
.form_field_radio label {
    display: inline-block;
    vertical-align: middle
}

.form_field_radio input {
    margin-right: .5em
}

.form_field_radio label {
    margin-top: 8px
}

.form_field_radio label.error {
    position: absolute;
    top: -35px;
    left: 0
}

.form_field_checkbox {
    margin-bottom: 1em;
    position: relative
}

.form_field_checkbox input,
.form_field_checkbox label {
    display: inline-block;
    vertical-align: middle
}

.form_field_checkbox input {
    margin-right: .5em
}

.form_field_checkbox label {
    margin-top: 8px
}

.form_field_checkbox label.error {
    position: absolute;
    top: -35px;
    left: 0
}

.form_field_btn {
    margin-top: 2em
}

input[type=file] {
    width: auto;
    padding: initial;
    line-height: initial;
    background-color: initial;
    border: initial
}

input[type=image] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    line-height: normal;
    cursor: pointer;
    background-color: transparent
}

.newsletter-form {
    max-width: 600px;
    margin: 0 auto;
    position: relative
}

.newsletter-form a {
    color: #000
}

.re-sub-wrap {
    background: green
}

.re-sub-wrap .newsletter-inner {
    background: green;
    padding: 0
}

.re-sub-wrap .container {
    background: url(../images/subscribe.png);
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 5em;
    padding-bottom: 5em
}

.re-sub-wrap .sponsor-banner-container {
    display: none
}

.re-sub-wrap .btn {
    background: #fff;
    color: green
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn,
a.btn {
    position: relative;
    outline: 0;
    display: inline-block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1;
    padding: 1em 2em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 6px;
    color: #fff;
    background-color: #44ad49;
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3);
    letter-spacing: .25px;
    transition: all .25s;
    max-width: 100%
}

.btn-right,
a.btn-right {
    float: right
}

.btn.apply-now,
a.btn.apply-now {
    min-width: auto;
    padding: 1em 1.5em;
    margin: 1em 0;
    font-size: 15px
}

.gwr-kids .btn,
.gwr-kids a.btn {
    border-radius: 10px
}

.btn.green,
a.btn.green {
    background-color: #44ad49
}

.btn.red,
a.btn.red {
    background-color: #df3a56
}

.btn.red:hover,
a.btn.red:hover,
.btn.red:focus,
a.btn.red:focus,
.btn.red:active,
a.btn.red:active,
.btn.red.active,
a.btn.red.active {
    background-color: #9b243e
}

.btn.orange,
a.btn.orange {
    background-color: #ff6730
}

.btn.orange:hover,
a.btn.orange:hover,
.btn.orange:focus,
a.btn.orange:focus,
.btn.orange:active,
a.btn.orange:active,
.btn.orange.active,
a.btn.orange.active {
    background-color: #e55d2b
}

.btn.white,
a.btn.white {
    background-color: #fff;
    color: #000
}

.btn.white:hover,
a.btn.white:hover,
.btn.white:focus,
a.btn.white:focus,
.btn.white:active,
a.btn.white:active,
.btn.white.active,
a.btn.white.active {
    background-color: #44ad49;
    color: #fff
}

.btn.ghost,
a.btn.ghost {
    background-color: transparent;
    border: 2px solid #14ade4;
    color: #14ade4
}

.btn.ghost:hover,
a.btn.ghost:hover,
.btn.ghost:focus,
a.btn.ghost:focus,
.btn.ghost:active,
a.btn.ghost:active,
.btn.ghost.active,
a.btn.ghost.active {
    background-color: #14ade4;
    color: #fff
}

.btn.ghost.orange,
a.btn.ghost.orange {
    border: 2px solid #ff6730;
    color: #ff6730
}

.btn.ghost.orange:hover,
a.btn.ghost.orange:hover,
.btn.ghost.orange:focus,
a.btn.ghost.orange:focus,
.btn.ghost.orange:active,
a.btn.ghost.orange:active,
.btn.ghost.orange.active,
a.btn.ghost.orange.active {
    background-color: #ff6730;
    color: #fff
}

.btn.ghost.white,
a.btn.ghost.white {
    border: 2px solid #fff;
    color: #fff
}

.btn.ghost.white:hover,
a.btn.ghost.white:hover,
.btn.ghost.white:focus,
a.btn.ghost.white:focus,
.btn.ghost.white:active,
a.btn.ghost.white:active,
.btn.ghost.white.active,
a.btn.ghost.white.active {
    background-color: #fff;
    color: #000
}

.btn.ghost.black,
a.btn.ghost.black {
    border: 2px solid #000;
    color: #000
}

.btn.ghost.black:hover,
a.btn.ghost.black:hover,
.btn.ghost.black:focus,
a.btn.ghost.black:focus,
.btn.ghost.black:active,
a.btn.ghost.black:active,
.btn.ghost.black.active,
a.btn.ghost.black.active {
    background-color: #000;
    color: #fff
}

.btn.grey,
a.btn.grey {
    background-color: #cfcfcf;
    color: #000
}

.btn.grey:hover,
a.btn.grey:hover,
.btn.grey:focus,
a.btn.grey:focus,
.btn.grey:active,
a.btn.grey:active,
.btn.grey.active,
a.btn.grey.active {
    background-color: #cfcfcf;
    color: #000
}

.btn-icon,
a.btn-icon {
    vertical-align: middle;
    display: inline-block
}

.btn-icon img,
a.btn-icon img {
    max-width: 17px;
    display: inline-block
}

.active.btn-icon .btn_loading,
.activea.btn-icon .btn_loading,
.btn-icon:active .btn_loading,
a.btn-icon:active .btn_loading {
    display: inline-block
}

.btn_loading,
a.btn_loading {
    display: none;
    vertical-align: middle;
    margin: -10px 0 0 5px
}

.btn:hover,
a.btn:hover,
.btn:focus,
a.btn:focus {
    background-color: #329436;
    text-decoration: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
    color: #fff
}

.btn:active,
a.btn:active,
.btn.active,
a.btn.active {
    background-color: #329436;
    outline: 0;
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .15);
    color: #fff
}

.btn.disabled,
a.btn.disabled,
.btn[disabled],
a.btn[disabled],
fieldset[disabled] .btn,
fieldset[disabled] a.btn {
    cursor: not-allowed;
    box-shadow: none
}

.case-studies-list .btn,
.case-studies-list a.btn {
    display: block;
    color: #fff
}

.columned-text .btn,
.columned-text a.btn {
    padding: .5em 1em
}

.remove-default-style .columned-text .btn,
.remove-default-style .columned-text a.btn {
    padding: 1em 2em
}

.btn-small,
a.btn-small {
    font-size: 14px
}

.btn-secondary,
a.btn-secondary {
    color: #fff;
    background-color: #14ade4;
    border-color: #14ade4
}

.btn-secondary:hover,
a.btn-secondary:hover,
.btn-secondary:focus,
a.btn-secondary:focus {
    background-color: #123457
}

.btn-danger,
a.btn-danger {
    background-color: #df3a56;
    color: #fff
}

.btn-danger:hover,
a.btn-danger:hover,
.btn-danger:focus,
a.btn-danger:focus,
.btn-danger:active,
a.btn-danger:active,
.btn-danger.active,
a.btn-danger.active {
    background-color: #9b243e
}

.btn-large,
a.btn-large {
    width: 100%
}

.loader {
    position: fixed;
    bottom: 100px;
    bottom: 5.555555555555555rem;
    left: 50%;
    z-index: 1100;
    border-radius: 100%;
    height: 60px;
    height: 3.3333333333333335rem;
    width: 60px;
    width: 3.3333333333333335rem;
    margin-left: -30px;
    margin-left: -1.6666666666666667rem;
    background-color: #b8923c;
    background-color: rgba(185, 147, 60, .8);
    display: none;
    direction: ltr
}

.loader .spinner {
    direction: ltr
}

.cssanimations .loader {
    opacity: 0;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -ms-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.cssanimations .loader.in {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.cssanimations .loader.out {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.cssanimations .loader.show {
    display: block
}

.no-cssanimations .loader {
    display: none
}

.no-cssanimations .loader.in {
    display: block
}

.loader2,
.loader2:before,
.loader2:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.loader2 {
    color: #14ade4;
    font-size: 10px;
    margin: 8em auto;
    margin-top: 4em;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    min-height: auto !important;
    width: 25px !important
}

.player-play .loader2 {
    position: absolute;
    top: 40%;
    left: 50%
}

.loader2:before,
.loader2:after {
    content: '';
    position: absolute;
    top: 0
}

.loader2:before {
    left: -3.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader2:after {
    left: 3.5em
}

.quote-component-text {
    padding: 2em 1em;
    background: rgba(20, 173, 228, .8);
    color: #fff;
    max-width: 500px;
    font-size: 20px;
    position: relative;
    border-radius: 3px
}

.quote-component-text h2 {
    border-bottom: 1px solid #fff;
    padding-bottom: 17px;
    margin-bottom: 17px
}

.fullwidth-quote.quote-component .quote-component-text {
    margin: 0 auto;
    max-width: 800px;
    text-align: center
}

.quote-marks.quote-component .quote-component-text:before,
.quote-marks.quote-component .quote-component-text:after {
    content: "";
    background: url(../images/quote-1.png) no-repeat;
    background-size: cover;
    height: 16px;
    width: 61px;
    position: absolute;
    float: left;
    padding-top: 45px;
    left: 10px;
    top: 0
}

.news-body-copy .quote-marks.quote-component .quote-component-text:before,
.news-body-copy .quote-marks.quote-component .quote-component-text:after {
    height: 5px;
    width: 50px;
    left: 10px;
    top: 0
}

.quote-marks.quote-component .quote-component-text:after {
    content: "";
    background: url(../images/quote-2.png) no-repeat;
    background-size: cover;
    top: inherit;
    left: inherit;
    right: 10px;
    bottom: 0
}

.news-body-copy .quote-marks.quote-component .quote-component-text:after {
    top: inherit;
    left: inherit;
    right: 10px
}

.fullwidth-quote.quote-component.simple-quote {
    background-color: #fff
}

.fullwidth-quote.quote-component.simple-quote .quote-component-text {
    background-color: #fff;
    color: #333;
    text-align: left
}

.fullwidth-quote.quote-component.simple-quote .quote-component-text h2 {
    padding-bottom: 0
}

.fullwidth-quote.quote-component.simple-quote .quote-component-text:before {
    content: "";
    background: url(../images/quote-21.gif) no-repeat;
    background-size: cover;
    opacity: .6;
    height: 10px;
    width: 91px;
    position: absolute;
    float: left;
    padding-top: 45px;
    left: 10px;
    top: 13px
}

.html-rtl .fullwidth-quote.quote-component.simple-quote .quote-component-text:before {
    left: auto;
    right: 10px
}

.html-rtl .fullwidth-quote.quote-component.simple-quote .quote-component-text {
    text-align: right
}

.header {
    position: relative;
    z-index: 99;
    display: table;
    width: 100%;
    box-shadow: 0 1px 11px -3px #8f8f8f;
}

.header .logo {
    display: table-cell;
    float: left
}

.html-rtl .header .logo {
    float: right
}

.header .logo a {
    text-decoration: none
}

.gwr-kids .header .logo a {
    text-indent: -9999px;
    display: block;
    background-image: url(../images/nav-gwrkids-logo-h.png);
    width: 168px;
    width: 9.333333333333334rem;
    height: 67px;
    height: 3.7222222222222223rem;
    margin-top: 0;
    margin-top: 0rem;
    margin-bottom: 0;
    margin-bottom: 0rem;
    margin-left: 10px;
    margin-left: .5555555555555556rem;
    background-size: 163px;
    background-repeat: no-repeat
}

.header .logo img {
    margin-left: 6px;
    margin-top: 6px;
    margin: 6px 0 0 6px;
    width: 44px
}

.html-rtl .header .logo img {
    margin: 6px 6px 0
}

.header .nav-links>img {
    display: none
}

.header .nav-links a {
    position: relative;
    text-decoration: none;
    height: 60px;
    width: 60px;
    color: #fff;
    font-size: 22px;
    padding: 11px 0 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.header .nav-links a.main-nav-kids-url-li {
    display: none
}

.header .nav-links a:hover {
    opacity: .8
}

.header .nav-links a#globe {
    text-transform: uppercase;
    padding: 0
}

.header .nav-links a#globe .two-letter-iso-code {
    font-size: 14px
}

.header .nav-links a#globe .icon-earth2 {
    display: none
}

.header .nav-links a#globe .icon-arrow-down {
    font-size: 11px;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0
}

.header .nav-links .mobileicon {
    background: #123457;
    color: #fff;
    cursor: pointer;
    padding: 0;
    display: table-cell;
    width: 60px;
    height: 60px
}

.gwr-kids .header .nav-links {
    display: none
}

.header #countries,
.header #useractions,
.header #search-bar {
    display: none
}

.gwr-kids .header #countries,
.gwr-kids .header #useractions,
.gwr-kids .header #search-bar {
    margin-top: 70px
}

.header #countries.show,
.header #useractions.show,
.header #search-bar.show {
    display: block;
    position: absolute;
    width: 240px;
    right: 0;
    left: initial
}

.html-rtl .header #countries.show,
.html-rtl .header #useractions.show,
.html-rtl .header #search-bar.show {
    left: 0;
    right: initial
}

.header #countries ul,
.header #useractions ul,
.header #search-bar ul {
    list-style: none;
    margin: 1em 0
}

.header #countries ul li,
.header #useractions ul li,
.header #search-bar ul li {
    padding: 0;
    color: #fff;
    width: 100%;
    list-style: none;
    margin: 0
}

.header #countries ul li a,
.header #useractions ul li a,
.header #search-bar ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 1em
}

.header #countries ul li a:hover,
.header #useractions ul li a:hover,
.header #search-bar ul li a:hover {
    background: rgba(0, 0, 0, .15)
}

.header #countries ul li .names,
.header #useractions ul li .names,
.header #search-bar ul li .names {
    position: absolute;
    top: 18px;
    left: 20px
}

.header #countries ul li .flags img,
.header #useractions ul li .flags img,
.header #search-bar ul li .flags img {
    border-radius: 50%
}

.header #countries ul li a {
    padding: 1.5em 1em
}

.header #countries ul li .names {
    top: 12px
}

.header #otherlinks {
    display: none;
    padding: 10px 12px;
    text-decoration: none;
    color: #fff;
    font-size: 36px;
    float: right;
    background: #590ce8;
    height: 54px;
    width: 60px
}

.gwr-kids .header #otherlinks {
    display: block
}

.header #otherlinks:hover,
.header #otherlinks:active,
.header #otherlinks:active {
    background: #620dff
}

.header #otherlinks.minus {
    background: #620dff
}

.gwr-kids .header #otherlinks {
    padding: 10px 10px 10px 12px;
    font-size: 50px;
    height: auto;
    width: auto;
    line-height: 0
}

.header #otherlinks-list {
    background: #620dff;
    min-width: 300px;
    position: absolute;
    right: 0
}

.header.gwr-header {
    background: #000
}

.header.gwr-header .logo img {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 380px
}

.menu {
    display: table-cell;
    float: right
}

.gwr-kids .menu {
    position: absolute;
    background: #590ce8;
    left: 0;
    right: 0;
    top: 0
}

.html-rtl .menu {
    float: left
}

.menu nav {}

.menu nav ul.main-nav {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 8px;
    overflow: hidden;
    background: #fff;
    z-index: 2;
    position: absolute;
    right: 0;
    padding-left: 0;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out
}

.html-rtl .menu nav ul.main-nav {
    right: initial
}

.menu nav ul.main-nav li {
    display: none;
    position: static;
    position: initial;
    margin: 0
}

.menu nav ul.main-nav li a.mob-menu-link {
    color: #333;
    display: inline-block;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    float: left;
    width: 75%;
    display: block
}

.html-rtl .menu nav ul.main-nav li a.mob-menu-link {
    text-align: initial !important;
    float: right
}

.gwr-kids .menu nav ul.main-nav li a.mob-menu-link>img {
    display: none
}

.menu nav ul.main-nav li .mob-menu-nav {
    float: right;
    width: 20%;
    text-decoration: none;
    text-align: right;
    position: relative
}

.html-rtl .menu nav ul.main-nav li .mob-menu-nav {
    float: left;
    margin-left: 11px
}

.menu nav ul.main-nav li .mob-menu-nav i {
    font-size: 1rem;
    color: #123456;
    background: transparent;
    height: 64px;
    width: 61px;
    border-left: 1px solid #f1f1f1;
    text-align: center;
    padding: 23px;
    display: inline-block
}

.html-rtl .menu nav ul.main-nav li .mob-menu-nav i {
    border-left: 0;
    border-right: 1px solid #f1f1f1
}

.menu nav ul.main-nav li.blue:not(.show):hover {
    background-color: #14ade4
}

.menu nav ul.main-nav li.blue:not(.show):hover>a.mob-menu-link {
    color: #fff
}

.menu nav ul.main-nav li.red:not(.show):hover {
    background-color: #df3a56
}

.menu nav ul.main-nav li.red:not(.show):hover>a.mob-menu-link {
    color: #fff
}

.menu nav ul.main-nav li.green:not(.show):hover {
    background-color: #44ad49
}

.menu nav ul.main-nav li.green:not(.show):hover>a.mob-menu-link {
    color: #fff
}

.menu nav ul.main-nav li.orange:not(.show):hover {
    background-color: #ff6730
}

.menu nav ul.main-nav li.orange:not(.show):hover>a.mob-menu-link {
    color: #fff
}

.gwr-kids .menu nav ul.main-nav li:hover {
    background: #310880
}

.menu nav ul.main-nav li.show {
    width: auto
}

.menu nav ul.main-nav li.show.blue>.mob-menu-link {
    background: #14ade4;
    color: #fff
}

.menu nav ul.main-nav li.show.blue .sub-nav ul li:hover {
    background: #14ade4
}

.menu nav ul.main-nav li.show.blue .sub-nav ul li:hover a {
    color: #fff
}

.menu nav ul.main-nav li.show.red>.mob-menu-link {
    background: #df3a56;
    color: #fff
}

.menu nav ul.main-nav li.show.red .sub-nav ul li:hover {
    background: #df3a56
}

.menu nav ul.main-nav li.show.red .sub-nav ul li:hover a {
    color: #fff
}

.menu nav ul.main-nav li.show.green>.mob-menu-link {
    background: #44ad49;
    color: #fff
}

.menu nav ul.main-nav li.show.green .sub-nav ul li:hover {
    background: #44ad49
}

.menu nav ul.main-nav li.show.green .sub-nav ul li:hover a {
    color: #fff
}

.menu nav ul.main-nav li.show.orange>.mob-menu-link {
    background: #ff6730;
    color: #fff
}

.menu nav ul.main-nav li.show.orange .sub-nav ul li:hover {
    background: #ff6730
}

.menu nav ul.main-nav li.show.orange .sub-nav ul li:hover a {
    color: #fff
}

.menu nav ul.main-nav li.show .sub-nav {
    display: block;
    left: 0;
    padding-left: 0;
    padding-top: 0;
    float: left;
    position: relative;
    width: 100%
}

.menu nav ul.main-nav li.show .sub-nav ul li {
    float: left;
    width: 100%
}

.menu nav ul.main-nav li.show .sub-nav ul li:before {
    content: "";
    margin-left: 0
}

.menu nav ul.main-nav li.show .sub-nav ul li a.mob-menu-link {
    width: auto
}

.menu nav ul.main-nav li.show .sub-nav:hover .features {
    display: none
}

.menu nav ul.main-nav li .sub-nav {
    display: none;
    background: #fff;
    left: 0;
    line-height: 8px;
    padding-top: 20px;
    position: absolute;
    z-index: 9
}

.menu nav ul.main-nav li .sub-nav ul {
    margin: 0;
    padding-left: 0
}

.menu nav ul.main-nav li .sub-nav ul li {
    display: block;
    width: 100%
}

.menu nav ul.main-nav li .sub-nav ul li a {
    font-size: 14px;
    padding-left: 14px;
    text-decoration: none
}

.html-rtl .menu nav ul.main-nav li .sub-nav ul li a {
    font-size: 20px
}

.menu nav ul.main-nav li .sub-nav ul li a.mob-menu-link {
    text-transform: none
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li a.mob-menu-link {
    text-transform: uppercase
}

.menu nav ul.main-nav li .sub-nav ul li:last-child {
    border-bottom: solid 1px rgba(0, 0, 0, .2)
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li:last-child {
    border-bottom: 0
}

.menu nav ul.main-nav li .sub-nav ul li:hover {
    background: rgba(0, 0, 0, .15);
    padding-left: 8px
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li:hover {
    padding-left: 0
}

.menu nav ul.main-nav li .sub-nav ul li:hover .features {
    display: block
}

.menu nav ul.main-nav li .sub-nav ul li:hover a {
    color: #fff
}

.menu nav ul.main-nav li .sub-nav ul li .features {
    margin: 0;
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 25px;
    padding-right: 25px;
    width: 64.70588235294117%
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features {
    top: initial;
    top: inherit;
    left: 3%;
    margin: auto;
    height: auto;
    padding: 0;
    width: auto
}

.html-rtl .menu nav ul.main-nav li .sub-nav ul li .features {
    right: initial;
    left: 0;
    padding-left: 25px;
    padding-right: 0
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(1) {
    width: 97.70588235294117%;
    float: left
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(1) {
    width: 64.705882%;
    margin-top: 1em;
    margin-bottom: 1em
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(2),
.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(2)~.feature {
    width: 48.4%
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(2),
.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(2)~.feature {
    width: 32.4%;
    margin-top: 1em;
    margin-bottom: 1em
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(3),
.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(3)~.feature {
    width: 31.705882%
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(3),
.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(3)~.feature {
    width: 21.705882%;
    margin-top: 1em;
    margin-bottom: 1em
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(4),
.menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(4)~.feature {
    width: 23.705882%
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(4),
.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(4)~.feature {
    width: 16.705882%;
    margin-top: 1em;
    margin-bottom: 1em
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(1),
.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(2),
.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(3),
.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature:first-child:nth-last-child(4) {
    margin-left: 18.7%
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature {
    text-align: center;
    display: block;
    padding: 0;
    position: relative;
    margin: 0 .5%;
    background: #fff;
    overflow: hidden;
    float: left
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature:hover {
    background: rgba(0, 0, 0, .2)
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature:hover span {
    max-height: 100% !important;
    transition: .25s;
    color: #fff;
    line-height: 1.3rem;
    padding: 14px
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature div {
    max-height: 220px;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    background-position: center
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature div {
    max-height: initial
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature div img {
    width: 100%;
    height: auto
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature div.loader2 {
    overflow: visible
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature span {
    line-height: 26px;
    text-decoration: none;
    color: #333;
    letter-spacing: 1px;
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 9px 14px 14px;
    max-height: 41px;
    overflow: hidden;
    margin-top: -3px
}

.html-rtl .menu nav ul.main-nav li .sub-nav ul li .features .feature span {
    font-size: 20px
}

.menu nav ul.main-nav li .sub-nav ul li .features .feature span:hover {
    max-height: 100% !important;
    transition: .25s
}

.gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature span {
    display: none
}

.menu nav ul.main-nav.responsive {
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    margin-left: 0;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.gwr-kids .menu nav ul.main-nav.responsive {
    top: 70px
}

.menu nav ul.main-nav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.menu nav ul.main-nav.responsive li {
    display: inline;
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 0
}

.menu nav ul.main-nav.responsive li.blue.show {
    background: #14ade4
}

.menu nav ul.main-nav.responsive li.blue.show a,
.menu nav ul.main-nav.responsive li.blue.show i {
    color: #fff
}

.menu nav ul.main-nav.responsive li.blue.mob-menu-nav {
    color: #fff
}

.menu nav ul.main-nav.responsive li.blue .sub-nav a {
    color: #333;
    padding-left: 3em
}

.menu nav ul.main-nav.responsive li.blue .sub-nav ul li:hover {
    background: #14ade4
}

.menu nav ul.main-nav.responsive li.red.show {
    background: #df3a56
}

.menu nav ul.main-nav.responsive li.red.show a,
.menu nav ul.main-nav.responsive li.red.show i {
    color: #fff
}

.menu nav ul.main-nav.responsive li.red .sub-nav a {
    color: #333;
    padding-left: 3em
}

.menu nav ul.main-nav.responsive li.red .sub-nav ul li:hover {
    background: #df3a56
}

.menu nav ul.main-nav.responsive li.green.show {
    background: #44ad49
}

.menu nav ul.main-nav.responsive li.green.show a,
.menu nav ul.main-nav.responsive li.green.show i {
    color: #fff
}

.menu nav ul.main-nav.responsive li.green .sub-nav a {
    color: #333;
    padding-left: 3em
}

.menu nav ul.main-nav.responsive li.green .sub-nav ul li:hover {
    background: #44ad49
}

.menu nav ul.main-nav.responsive li.orange.show {
    background: #ff6730
}

.menu nav ul.main-nav.responsive li.orange.show a,
.menu nav ul.main-nav.responsive li.orange.show i {
    color: #fff
}

.menu nav ul.main-nav.responsive li.orange .sub-nav a {
    color: #333;
    padding-left: 3em
}

.menu nav ul.main-nav.responsive li.orange .sub-nav ul li:hover {
    background: #ff6730
}

.menu nav ul.main-nav.responsive li a.mob-menu-link {
    display: block;
    text-align: left;
    padding: 22px;
    line-height: 20px
}

.menu nav ul.main-nav>li.active div>a.mob-menu-link {
    border: 0
}

#hamburger-menu,
#hamburger-menu-desktop {
    padding: 13.5px 8px 13.5px 19.5px
}

.gwr-kids #hamburger-menu,
.gwr-kids #hamburger-menu-desktop {
    padding: 18.5px 29.5px
}

#hamburger-menu .line,
#hamburger-menu-desktop .line {
    width: 20px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 6px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#hamburger-menu:hover,
#hamburger-menu-desktop:hover {
    cursor: pointer
}

#hamburger-menu.is-active .line:nth-child(2),
#hamburger-menu-desktop.is-active .line:nth-child(2) {
    opacity: 0
}

#hamburger-menu.is-active .line:nth-child(1),
#hamburger-menu-desktop.is-active .line:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
}

#hamburger-menu.is-active .line:nth-child(3),
#hamburger-menu-desktop.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg)
}

#hamburger-menu-desktop .line {
    background-color: #333
}

.mobileicon_desktop {
    display: none
}

.mobileicon_desktop #hamburger-menu-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-family: rubik_medium;
    line-height: 1
}

.html-rtl .mobileicon_desktop #hamburger-menu-text {
    margin-right: -17px;
    margin-left: 0
}

.mobileicon_desktop #hamburger-menu-desktop {
    display: inline-block;
    vertical-align: middle
}

.main-nav-kids-url-li {
    text-align: center;
    padding-left: 0
}

.main-nav-kids-url-li img {
    max-width: 300px
}

.secondary_menu_wrapper {
    text-align: center
}

.secondary_menu_wrapper .columned {
    position: relative;
    margin: 0
}

.secondary_menu_wrapper .columned.active {
    background-color: #14ade4
}

.secondary_menu_wrapper .columned.active a {
    color: #fff
}

.secondary_menu_wrapper .columned:hover {
    background-color: #14ade4
}

.secondary_menu_wrapper .columned:hover a {
    color: #fff
}

.secondary_menu_wrapper a {
    text-decoration: none;
    padding: 1em;
    display: block;
    color: #000;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
    text-shadow: none;
    border-bottom: 1px solid #ccc
}

.page-title-main {
    clear: both;
    background: #14ade4;
    color: #fff;
    padding: 1em 0
}

.logo #hamburger-menu .line {
    color: #333
}

.main_nav_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #002c4d;
    z-index: 99999;
    overflow: auto;
    transition: .25s;
    height: 0;
    color: #fff
}

.main_nav_wrapper.show {
    height: 100vh;
    transition: .25s
}

.main_nav_wrapper>.container {
    z-index: 2
}

.logo_search {
    clear: both;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0 0 40px;
    justify-content: space-between;
    padding: 1em 0
}

.logo_main {
    flex-basis: 20%
}

.nav_search {
    display: none;
    flex-basis: 50%
}

input.btn.search_input_cta {
    padding: 5px 20px;
    height: auto;
    width: auto;
    margin: 0 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.main_nav_column {
    font-size: 18px;
    margin-bottom: 2em
}

.main_nav_column h3 a {
    font-size: 18px;
    margin: 0;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 1.2
}

.jp .main_nav_column h3 a {
    font-weight: 600
}

.main_nav_column a {
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding: .5em 0;
    color: #fff;
    font-weight: 100;
    display: none
}

.main_nav_column h3 a,
.main_nav_column .show h3 a {
    display: inline-block
}

.main_nav_column .show a {
    display: block
}

.main_nav_column a:hover {
    color: #14ade4
}

.main_nav_column h3 span {
    cursor: pointer
}

.main_nav_column h3 span:after {
    content: "\e90d";
    font-family: gwr;
    margin-left: 15px
}

nav.main_nav_items {
    font-size: 0
}

.main_nav_close {
    font-family: gwr;
    font-size: 30px;
    display: flex;
    justify-content: end;
    width: 20%
}

.main_nav_close:hover {
    opacity: .8
}

.main_nav_close .icon-close {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px;
    margin-right: 20px;
    cursor: pointer
}

.html-rtl .main_nav_close .icon-close {
    margin-left: 20px;
    margin-right: 0
}

.header .logo_main .logo img {
    padding: 0;
    margin: 0 0 0 1em
}

.main_nav_image_nav_column {
    display: inline-block;
    width: 50%;
    font-size: 18px
}

.main_nav_image_nav_column img {
    max-width: 100%;
    width: 100%;
    display: block
}

.main_nav_social {
    clear: both;
    width: 100%;
    padding: 1em 0 2em;
    font-size: 18px;
    margin-top: 1em;
    border-top: 2px solid #44ad49
}

.main_nav_image_nav_column img {
    transition: .15s
}

.main_nav_image_nav_column a {
    color: #fff;
    text-decoration: none
}

.main_nav_image_nav_column a:hover img {
    width: 90%;
    margin: auto
}

.main_nav_image_nav_column a h3 {
    line-height: 1.2;
    margin: 0 0 10px
}

.main_nav_image_nav .main_nav_image_nav_column {
    margin-bottom: 2em
}

.main_nav_column a {
    position: relative
}

.main_nav_column a[target=_blank]:before,
.menu-footer a[target=_blank]:before {
    content: "\e91d";
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
    font-family: gwr
}

.tr #hamburger-menu-desktop,
.tr .mobileicon_desktop,
.tr .nav_search,
.tr #search,
.tr .header .nav-links .useraccount2,
.id #hamburger-menu-desktop,
.id .mobileicon_desktop,
.id .nav_search,
.id #search,
.id .header .nav-links .useraccount2,
.pl #hamburger-menu-desktop,
.pl .mobileicon_desktop,
.pl .nav_search,
.pl #search,
.pl .header .nav-links .useraccount2,
.micro-site #hamburger-menu-desktop,
.micro-site .mobileicon_desktop,
.micro-site .nav_search,
.micro-site #search,
.micro-site .header .nav-links .useraccount2,
.kr #hamburger-menu-desktop,
.kr .mobileicon_desktop,
.kr .nav_search,
.kr #search,
.kr .header .nav-links .useraccount2,
.mobileicon_desktop #hamburger-menu-text {
    display: none
}

.footer {
    background-color: #f1f1f1;
    color: #df3a56;
    font-size: 16px;
    line-height: 1.5;
    border-top: 1px solid #f1f1f1;
    clear: both
}

.footer a {
    color: #fff
}

.footer a:hover {
    text-decoration: underline
}

.footer>.container {
    padding: 2em 1em;
    max-width: 90%;
    text-align: center
}

.footer .menu-social {
    margin-bottom: 10px
}

.footer .menu-social li {
    font-size: 20px;
    font-size: 1.1111111111111112rem
}

.footer .menu-social li a {
    background-color: transparent;
    color: #333;
    text-decoration: none;
    margin-right: 10px;
    font-size: 25px
}

.footer .menu-social li a:hover {
    opacity: .8;
    text-decoration: none
}

.footer .certificates {
    background: #fff;
    text-align: center
}

.footer-section {
    margin-bottom: 3em;
    text-align: left
}

.html-rtl .footer-section {
    text-align: right
}

.footer-section h5 {
    margin-bottom: .5em
}

.footer-strapline {
    background-color: #fff;
    text-align: center;
    padding: 24px 0;
    padding: 1.3333333333333333rem 0rem
}

.footer-strapline p {
    margin: 0
}

.footer-strapline img {
    vertical-align: bottom;
    max-width: 100%
}

.gwr-kids .footer-strapline img {
    margin: 0 auto
}

.footer-info {
    background: #fff;
    color: #333;
    clear: both;
    direction: ltr;
    padding: 2em 0;
    text-align: center
}

.footer-copyright {
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    margin-bottom: 6px;
    margin-bottom: .3333333333333333rem
}

.html-rtl .footer-copyright {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-weight: 800
}

.footer-copyright span {
    display: block
}

.footer-address {
    margin: 0
}

.footer-address span {
    display: block
}

.menu-footer,
.menu-usage {
    margin: 0;
    padding: 0
}

.html-rtl .menu-footer,
.html-rtl .menu-usage {
    margin: 0
}

.menu-footer li,
.menu-usage li {
    margin-bottom: 1em;
    margin-left: 1.1em
}

.menu-footer li a,
.menu-usage li a {
    text-decoration: none;
    color: #333
}

.footer-languages {
    clear: both;
    width: 100%;
    border-top: solid 1px #ccc;
    padding: 1em
}

.footer-languages a {
    color: #333
}

.footer-languages ul {
    padding: 0;
    margin: 0;
    text-align: center
}

.footer-languages ul li {
    list-style: none;
    display: inline-block;
    padding: 1em
}

.gwr-kids .footer-languages {
    display: none
}

aside.footer-section-social {
    text-align: center
}

.component-search-results {
    clear: both;
    width: 100%;
    background-color: #f5f5f5
}

.case-studies-list {
    padding: 2em 0
}

.case-studies-list .article {
    background: #fff;
    color: #fff;
    border: 1px solid #f1f1f1;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 18px;
    border-radius: 3px
}

.case-studies-list .article a {
    color: #333;
    text-decoration: none;
    display: block
}

.case-studies-list .article.article {
    padding: 0;
    margin-bottom: 1em
}

.case-studies-list .article:hover {
    border: 0
}

.case-studies-list .article:nth-child(3n) {
    margin-right: 0
}

.html-rtl .case-studies-list .article:nth-child(3n+1) {
    margin-right: 0
}

.case-studies-list .article-media {
    width: 100%;
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.case-studies-list .article-media img {
    padding-bottom: 0;
    width: 100%
}

.case-studies-list .article-details {
    padding: 1em
}

.case-studies-list .article-details h3 {
    margin-bottom: .2em
}

.case-studies-list .article-details h3 a {
    color: #fff
}

.case-studies-list .article-details p {
    margin: 0rem 0 1.3rem
}

.case-studies-list .article-details .article-more a {
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    padding: .5em;
    -webkit-transition: background .5s
}

.case-studies-list .article-details .article-more a:hover {
    background: #fff;
    color: #44ad49
}

.case-studies-list .article-details div:last-child p {
    margin-bottom: -2px
}

.case-studies-list .article-details::-webkit-scrollbar {
    width: 8px
}

.case-studies-list .article-details::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
    border-radius: 0
}

.case-studies-list .article-details::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .5)
}

.news-block .news-block-title {
    padding: 0;
    border-bottom: 0;
    background-color: #14ade4
}

.news-block #filter-string-copy {
    position: absolute;
    right: 10px;
    top: 8px
}

.news-block .filters {
    width: 100%
}

.news-block .filters .filter {
    padding: 1em;
    cursor: pointer;
    color: #fff;
    font-size: 18px
}

.news-block .filters .filter:hover {
    background: rgba(0, 0, 0, .1)
}

.news-block .filters .filter ul {
    margin: 1em 0 0;
    padding: 0;
    max-height: 300px;
    max-height: 50vh;
    overflow: auto
}

.news-block .filters .filter ul li {
    list-style: none
}

.news-block .filters .filter ul a {
    color: #fff;
    text-decoration: none
}

.news-block .filters .filter ul a:hover {
    text-decoration: underline
}

.news-block .filters .filter ul::-webkit-scrollbar-track {
    background-color: #F5F5F5
}

.news-block .filters .filter ul::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5
}

.news-block .filters .filter ul::-webkit-scrollbar-thumb {
    background-color: #007dab
}

.news-block .filters .filter .icon {
    font-weight: 100;
    font-size: 13px
}

.news-block .filtered-title {
    padding: 12px;
    display: inline-block;
    font-size: 18px
}

.news-block .filtered-list {
    clear: both;
    text-align: center;
    padding: 1em;
    width: 100%;
    background: #fff
}

.news-block .filtered-items {
    display: inline-block;
    border: solid 1px #14ade4;
    border-radius: 2px;
    margin: 5px;
    cursor: pointer;
    padding: 0 20px
}

.news-block .filtered-items a {
    text-decoration: none;
    padding: 6px 0;
    display: inline-block
}

.news-block .filtered-items .icon {
    font-size: 13px;
    color: #14ade4
}

.news-block .filtered-items:hover {
    background-color: #14ade4;
    color: #fff
}

.news-block .filtered-items:hover .icon {
    color: #fff
}

.news-block .filtered-items:hover a {
    color: #fff
}

#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
    width: 100%
}

.comments-facebook {
    background: #fff;
    padding: 2em 1em
}

.gwr-kids .comments-facebook {
    display: none
}

.hero-slider {
    width: 100%;
    max-width: 100%;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.hero-slider img {
    max-width: 100%;
    width: 100%
}

.hero-slider .descripton-holder {
    padding: 1em 0;
    box-shadow: 0 -18px 14px rgba(0, 0, 0, .3)
}

.hero-slider .descripton-holder h4 {
    font-size: 20px;
    margin: 0
}

.hero-slider .btn {
    margin-bottom: 1em
}

.slider-holder {
    max-width: 100%;
    position: relative
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slider img {
    max-width: 100%
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: 0;
    outline: 0
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    outline: 0;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: gwr;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .25)
}

.simple-quote .slick-prev:before,
.simple-quote .slick-next:before {
    color: #ccc
}

.slick-prev {
    z-index: 1;
    left: 0
}

[dir=rtl] .slick-prev {
    left: auto;
    right: 0
}

.slick-prev:before {
    content: "\e008"
}

[dir=rtl] .slick-prev:before {
    content: "\e009"
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    left: 0;
    right: auto
}

.slick-next:before {
    content: "\e009"
}

[dir=rtl] .slick-next:before {
    content: "\e008"
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    display: none;
    position: absolute;
    bottom: 1em;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: 0
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: gwr;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slider-on {
    display: flex;
    overflow: hidden;
    width: max-content
}

.slider-on img {
    width: 100%;
    max-width: 100vw
}

.slider-on.slick-initialized {
    display: block;
    width: 100%
}

.columned-holder {
    background-color: #fff;
    border: 5px solid #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05);
    position: relative;
    margin-bottom: 1em;
    font-size: 18px;
    border-radius: 3px
}

.columned-holder img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.remove-default-style .columned-holder {
    background: transparent;
    border: 0;
    box-shadow: none
}

.columned-holder.orange {
    background-color: #ff6730
}

.columned-holder.orange a {
    color: #fff
}

.columned-holder.blue {
    background-color: #14ade4
}

.columned-holder.blue a {
    color: #fff
}

.columned-holder.red {
    background-color: #df3a56
}

.columned-holder.red a {
    color: #fff
}

.columned-holder.black {
    background-color: #000
}

.columned-holder.black a {
    color: #fff
}

.columned-holder.green {
    background-color: #44ad49
}

.columned-holder.green a {
    color: #fff
}

.html-rtl .slider-3 .columned-holder.no-margin-padding:nth-child(3n+3),
.html-rtl .slider-2 .columned-holder.no-margin-padding:nth-child(2n+2),
.html-rtl .slider-4 .columned-holder.no-margin-padding:nth-child(4n+4) {
    margin-right: 0
}

.html-rtl .slider-on.slider-4 .columned-holder:nth-child(4n+1),
.html-rtl .slider-on.slider-4 .columned-holder:nth-child(4n+4) {
    margin-right: 1em
}

.hero-details-quote.quote-2017.quote-marks.black-text .card--def-list {
    color: #333
}

.parallaxImg {
    position: relative;
    opacity: .65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh
}

.parallaxImg .caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    animation: .5s
}

.parallaxImg .border {
    max-width: 90%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .7);
    padding: 18px;
    font-size: 25px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font: 20px Lato, sans-serif;
    color: #fff
}

.random-generated .descripton-holder {
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    padding: 1em;
    box-shadow: 0 -18px 14px rgba(0, 0, 0, .3);
    color: #fff
}

.random-generated .descripton-holder h4 {
    font-size: 20px;
    margin: 0
}

#hero-image-holder img {
    width: 100%
}

.hero-image-holder-mobile.full-height {
    background-size: cover;
    background-position: center
}

.hero-image-holder-mobile.full-height img {
    min-height: 100%;
    min-height: 100vh;
    width: auto;
    opacity: 0
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 99
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 180px;
    width: 10rem;
    margin: 12px 0 0 -90px;
    margin: .6666666666666666rem 0rem 0rem -5rem;
    padding: 6px 0;
    padding: .3333333333333333rem 0rem;
    background: #023258;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.html-rtl .dropdown-menu {
    margin: 12px 0 0 -90px;
    margin: .6666666666666666rem 0rem 0rem -5rem
}

.dropdown-left .dropdown-menu {
    left: -8px;
    left: -.4444444444444444rem;
    margin-left: 0
}

.dropdown-right .dropdown-menu {
    left: auto;
    right: -8px;
    right: -.4444444444444444rem;
    margin-left: 0
}

.dropdown-in .dropdown-menu {
    display: block
}

.dropdown-menu:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    margin-left: -.5555555555555556rem;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #023258
}

.dropdown-left .dropdown-menu:after {
    left: 7px;
    left: .3888888888888889rem;
    margin: 0
}

.dropdown-right .dropdown-menu:after {
    left: auto;
    right: 7px;
    right: .3888888888888889rem;
    margin: 0
}

.dropdown-menu>li {
    list-style: none;
    margin: 0;
    padding: 0
}

.dropdown-menu>li>a,
.dropdown-menu>li>button {
    display: block;
    width: 100%;
    padding: 6px 10px;
    padding: .3333333333333333rem .5555555555555556rem;
    text-decoration: none;
    color: #fff;
    border: 0;
    margin: 0;
    cursor: pointer;
    text-align: left;
    background: 0 0;
    font-size: 15px;
    font-size: .8333333333333334rem;
    line-height: 15px;
    line-height: .8333333333333334rem
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>button:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>button:focus {
    background-color: #147997;
    color: #fff
}

.html-rtl .dropdown-menu>li>a img,
.html-rtl .dropdown-menu>li>button img {
    float: right;
    margin-right: 0;
    margin-left: 10px;
    margin-left: .5555555555555556rem
}

.html-rtl .dropdown-menu>li>a,
.html-rtl .dropdown-menu>li>button {
    text-align: right
}

.dropdown-menu>li.active>a>button {
    background: #b8923c;
    color: #fff
}

.dropdown-menu>li .icon {
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
    line-height: .8333333333333334rem
}

.html-rtl .dropdown-menu>li .icon {
    float: right;
    margin-left: 10px;
    margin-left: .5555555555555556rem
}

.dropdown-menu .flag {
    vertical-align: middle;
    padding-right: 3px;
    padding-right: .16666666666666666rem
}

.record-details {
    font-size: 0
}

.record-details-wrap {
    padding: 1em 0 2em
}

.record-details h3 {
    background: #44ad49;
    color: #fff;
    text-transform: uppercase;
    padding: .9em .8em .6em;
    margin-bottom: 1em;
    font-size: 21px
}

.record-details dl {
    margin: 0
}

.record-details dt {
    color: #ff6730;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0
}

.record-details dd {
    font-size: 18px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: .3em
}

.html-rtl .record-details dd {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 800
}

.record-details dd span {
    font-family: rubik_regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem
}

.html-rtl .record-details dd span {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 22px
}

.record-details .equal-one {
    font-size: 18px;
    border-bottom: 1px solid #ff6730;
    margin-bottom: 1em
}

.case-study-intro-content .record-details .equal-one {
    margin-bottom: 2em
}

.case-study-intro-content .record-details .equal-one:last-child {
    margin-bottom: 0
}

.record-details .body-copy {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    float: left
}

.note {
    clear: both;
    font-style: italic;
    color: #8b8b8b;
    margin-top: 3em;
    padding-top: 2em;
    border-top: 1px solid #ccc;
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 1.3
}

.record-body-wrap .case-study-acc-manager {
    display: none
}

#age-notice {
    padding: 1em;
    border: 2px solid #df3a56;
    margin-bottom: 1em;
    display: block;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

#record-text-content {
    display: block;
    padding: 1em;
    border: 1px solid #ccc;
    margin-bottom: 1em
}

.page-controls-share-record {
    position: relative;
    background-color: #fff
}

.page-controls-share-record a.apply-now {
    margin-left: 1em
}

.html-rtl .page-controls-share-record a.apply-now {
    margin-left: 0;
    margin-right: 1em
}

.case-study-intro {
    margin-bottom: 1em;
    font-size: 18px;
    background-color: #fff
}

.case-study-intro-image img {
    width: 100%;
    max-width: 100%
}

.case-study-intro-content {
    background-color: #fff
}

.case-study-intro-content dl {
    padding: 0 1em 2em;
    font-size: 18px
}

.case-study-headers {
    margin-bottom: 0;
    padding: .5em .8em .3em;
    background: #14ade4;
    color: #fff;
    font-size: 22px
}

.case-study-body .body-copy {
    font-size: 18px
}

.case-study-body .body-copy>div:not(.wysi-quote, .wysi-quote-dark) {
    padding: 1em;
    background-color: #fff
}

.case-study-body .body-copy>div:not(.wysi-quote, .wysi-quote-dark) p:last-child {
    margin: 0
}

.case-study-sidebar {
    font-size: 18px
}

.case-study-article-wrap {
    background: #f5f5f5
}

.case-study-all-wrap h2 {
    font-size: 18px
}

.menu-social {
    margin: 0;
    padding: 0
}

.html-rtl .menu-social {
    margin: 0
}

.menu-social li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 3px;
    margin-right: .16666666666666666rem;
    margin-bottom: 6px;
    margin-bottom: .3333333333333333rem;
    list-style: none
}

.menu-social li button {
    text-decoration: none;
    height: 24px;
    height: 1.3333333333333333rem;
    width: 24px;
    width: 1.3333333333333333rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    display: block;
    font-size: 16px;
    font-size: .8888888888888888rem;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 2px;
    border: 0
}

.menu-share.menu-social li button {
    height: 36px;
    height: 2rem;
    width: 36px;
    width: 2rem;
    line-height: 42px;
    line-height: 2.3333333333333335rem;
    font-size: 16px;
    font-size: .8888888888888888rem;
    border-radius: 3px
}

.menu-social li button:hover {
    opacity: .8
}

.footer-section-social .menu-social li button {
    color: #14ade4;
    background: #fff;
    height: 1.5rem;
    width: 1.5rem
}

.menu-social li .social-facebook {
    background-color: #34609D
}

.menu-social li .social-twitter {
    background-color: #0AC4FF
}

.menu-social li .social-google-plus {
    background-color: #D74130
}

.menu-social li .social-weibo {
    background-color: #eb192d
}

.menu-social li .social-linkedin {
    background-color: #0077b5
}

.menu-social li .social-tencent {
    background-color: #45addd
}

.menu-social li .social-pinterest {
    background-color: #bd081c
}

.menu-social li .social-email {
    background-color: #44ad49
}

.menu-social li .social-reddit-alien {
    background-color: #ff4500
}

.menu-social li .social-whatsapp {
    background-color: #00e676
}

.main_nav_social .menu-social li a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    padding: 0 5px
}

.main_nav_social .menu-social li a:hover {
    color: #14ade4
}

.menu-social .icon {
    vertical-align: baseline
}

.menu-social b,
.menu-social strong {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.menu-social b.focusable:active,
.menu-social strong.focusable:active,
.menu-social b.focusable:focus,
.menu-social strong.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.menu-social b.focusable:active,
.menu-social strong.focusable:active,
.menu-social b.focusable:focus,
.menu-social strong.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.social-facebook {
    background-color: #34609D
}

.social-twitter {
    background-color: #0AC4FF
}

.social-google-plus {
    background-color: #D74130
}

.tabs {
    max-width: 1200px;
    background: #fff
}

.tabs-wrapper {
    clear: both;
    width: 100%;
    position: relative
}

.tabs>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.tabs>ul li {
    display: block;
    margin: 0
}

.tabs>ul li:not(:last-child) {
    border-bottom: 1px solid #f1f1f1
}

.tabs>ul li a {
    display: flex;
    border-bottom: 0;
    text-decoration: none;
    background-color: #fff;
    color: #333;
    padding: 1rem 1.5rem;
    transition: all .2s ease-in-out;
    word-wrap: break-word
}

.tabs>ul li a:visited {
    display: flex;
    border-bottom: 0;
    text-decoration: none;
    background-color: #fff;
    color: #333;
    padding: 1rem 1.5rem;
    transition: all .2s ease-in-out;
    word-wrap: break-word
}

.tabs>ul li a:hover,
.tabs>ul li a:focus,
.tabs>ul li a:active {
    border-bottom: 0;
    outline: 0
}

.tabs>ul li a.active {
    color: #fff;
    background-color: #14ade4
}

.tabs>ul li a:hover:not(.active) {
    color: #fff;
    background-color: #14ade4
}

.tabs>ul li a>span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.tabs>ul li.active a {
    background-color: #14ade4;
    color: #fff
}

.tabs section {
    background-color: #fff;
    padding: 1rem;
    display: none;
    word-wrap: break-word
}

.tabs section>* {
    opacity: 0
}

.tabs section>::nth-child(1) {
    transition-delay: .2s
}

.tabs section>::nth-child(1) {
    transition-delay: .3s
}

.tabs section>::nth-child(1) {
    transition-delay: .4s
}

.tabs section>::nth-child(1) {
    transition-delay: .5s
}

.tabs section>::nth-child(1) {
    transition-delay: .6s
}

.tabs section>::nth-child(1) {
    transition-delay: .7s
}

.tabs section>::nth-child(1) {
    transition-delay: .8s
}

.tabs section>::nth-child(1) {
    transition-delay: .9s
}

.tabs section>::nth-child(1) {
    transition-delay: 1s
}

.tabs section>::nth-child(1) {
    transition-delay: 1.1s
}

.tabs section.in {
    display: block
}

.tabs section.in-content>* {
    opacity: 1;
    transform: translateY(0)
}

.tabs section.in>* {
    opacity: 1
}

.cta-fullwidth-wrapper .buttons-holder {
    clear: both;
    width: 100%;
    text-align: center
}

.cta-fullwidth-wrapper a {
    display: inline-block;
    margin-right: 1em
}

.cta-fullwidth-wrapper a:last-child {
    margin-right: 0
}

.book-grid {
    display: block;
    font-size: 0
}

.book-grid-thumb {
    position: static;
    font-size: 18px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 1em;
    margin-right: 2%;
    transition: .25s;
    border: 1px solid transparent
}

.html-rtl .book-grid-thumb {
    margin-right: auto;
    margin-left: 2%
}

.book-grid-thumb:hover {
    border: 1px solid #e4e4e4
}

.book-grid-thumb:nth-of-type(even) {
    margin-right: 0
}

.html-rtl .book-grid-thumb:nth-of-type(even) {
    margin-left: 0
}

.book-grid-thumb-content {
    position: absolute;
    font-size: 18px;
    background-color: #fff;
    padding: 3em 1em 1em;
    margin-bottom: 1em;
    opacity: 0;
    display: none;
    transition: .25s;
    border: 1px solid #e4e4e4;
    left: 1em;
    right: 1em
}

.book-grid-thumb-content.in {
    opacity: 1;
    display: block;
    transition: .25s;
    z-index: 3;
    margin-top: 1em
}

.book-grid-thumb-content p:last-child {
    margin-bottom: 0
}

.book-grid-link {
    display: block;
    text-decoration: none;
    color: #333;
    text-align: center
}

.book-grid-link.active {
    position: relative
}

.book-grid-link.active:after {
    content: "\e90d";
    font-family: gwr;
    font-size: 25px;
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: -24px;
    margin: 0 auto;
    text-align: center;
    color: #cdcdcd;
    transition: .25s
}

.book-grid-content-image {
    margin-bottom: 1em
}

.pagination {
    border-top: 1px solid #ddd
}

.section-pagination .pagination {
    border-top: 0
}

.pagination-mobile {
    display: block;
    position: relative;
    padding: 12px 0;
    padding: .6666666666666666rem 0rem;
    background-color: #fff
}

.pagination-mobile ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pagination-mobile li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0
}

.pagination-mobile a {
    text-decoration: none
}

.pagination-mobile select {
    width: auto;
    display: inline-block;
    margin: 0;
    min-width: 75px
}

.pagination-mobile .pagination-select {
    padding: 0 52px;
    padding: 0rem 2.888888888888889rem;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    color: #147997;
    z-index: 3;
    min-width: 75px
}

.pagination-mobile .pagination-select select {
    margin-left: 10px;
    margin-left: .5555555555555556rem
}

.pagination-mobile .pagination-prev,
.pagination-mobile .pagination-next {
    position: absolute;
    top: 12px;
    top: .6666666666666666rem;
    width: auto;
    z-index: 4;
    padding: 6px 0;
    padding: .3333333333333333rem 0rem
}

.pagination-mobile .pagination-prev {
    left: 10px
}

.html-rtl .pagination-mobile .pagination-prev {
    left: auto;
    right: 10px
}

.pagination-mobile .pagination-next {
    right: 10px
}

.html-rtl .pagination-mobile .pagination-next {
    right: auto;
    left: 10px
}

.pagination-default {
    text-align: center;
    background: #fff;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: none;
    border-radius: 3px
}

.html-rtl .pagination-default {
    margin: 0
}

.pagination-default li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-size: .8888888888888888rem
}

.pagination-default li a {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    padding: 9px 12px;
    padding: .5rem .6666666666666666rem;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -ms-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
    border: 1px solid #f1f1f1;
    margin: 10px 5px;
    border-radius: 5px
}

.pagination-default li a:hover,
.pagination-default li a:focus,
.pagination-default li.active a {
    background: #14ade4;
    color: #fff
}

.pagination-default .pagination-prev,
.pagination-default .pagination-next {
    margin-right: 10px
}

.pagination-default .pagination-prev a,
.pagination-default .pagination-next a {
    width: 100%
}

.pagination-default .pagination-prev .icon,
.pagination-default .pagination-next .icon {
    font-size: 24px;
    font-size: 1.3333333333333333rem;
    vertical-align: middle;
    line-height: 0;
    display: inline-block;
    margin-top: -6px
}

.pagination-default .pagination-prev {
    margin-right: 10px
}

.pagination-default .pagination-prev .icon {
    padding-right: 18px;
    padding-right: 1rem
}

.html-rtl .pagination-default .pagination-prev .icon {
    padding-right: 0;
    padding-left: 18px;
    padding-left: 1rem
}

.pagination-default .pagination-next .icon {
    padding-left: 18px;
    padding-left: 1rem
}

.html-rtl .pagination-default .pagination-next .icon {
    padding-left: 0;
    padding-right: 18px;
    padding-right: 1rem
}

.message {
    background: #8b8b8b;
    color: #fff;
    font-size: 18px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    padding: 20px 24px;
    padding: 1.1111111111111112rem 1.3333333333333333rem;
    position: relative;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.html-rtl .message {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 22px
}

.message :last-child {
    margin: 0
}

.gwr_accordion {
    width: 100%;
    clear: both;
    transition: .25s;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1em
}

.gwr_accordion h3 {
    margin: 0;
    padding: 0;
    line-height: 1
}

.gwr_accordion_wrapper {
    background-color: #fff
}

.gwr_accordion_item {
    width: 100%;
    clear: both;
    display: block;
    border-bottom: 1px solid #f1f1f1
}

.gwr_accordion_item.open .gwr_accordion_header {
    background-color: rgba(0, 0, 0, .1)
}

.gwr_accordion_header {
    position: relative;
    transition: .15s
}

.open .gwr_accordion_header {
    background: #f1f1f1
}

.gwr_accordion_header_content {
    width: 95%;
    display: inline-block;
    vertical-align: middle;
    padding: 1em;
    cursor: pointer;
    transition: .15s
}

.gwr_accordion_header:hover {
    background: #f1f1f1
}

.gwr_accordion_header:hover .arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.open .gwr_accordion_header:hover .arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.gwr_accordion_header .arrow {
    vertical-align: middle;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all .15s ease
}

.open .gwr_accordion_header .arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.gwr_accordion_content {
    height: 0;
    opacity: 0;
    transition: all .45s ease;
    overflow: hidden;
    max-height: 1px
}

.gwr_accordion_content p:last-child {
    margin-bottom: 0
}

.open .gwr_accordion_content {
    opacity: 1;
    height: auto;
    display: block;
    padding: 1em;
    max-height: 8000px
}

.alerts {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1001
}

.js .alerts {
    display: none
}

.js .alerts.in {
    display: block
}

.display-tooltip {
    font-size: 20px
}

.tooltip {
    background: grey;
    color: #fff;
    position: relative;
    padding: 24px;
    padding: 1.3333333333333333rem
}

.tooltip.tooltip-notice {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #3879D9;
    border: 1px solid #3879D9
}

.tooltip.tooltip-notice .alert-dismiss {
    color: #3879D9
}

.tooltip.tooltip-notice .tooltip-type .icon {
    color: #3879D9
}

.alert-search {
    background: grey;
    position: relative;
    padding: 24px;
    padding: 1.3333333333333333rem
}

.alert-search p {
    margin-bottom: 0
}

.alert-search.alert-notice {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #3879D9;
    border: 1px solid #3879D9;
    width: 97%
}

.alert-search.alert-notice .alert-dismiss {
    color: #3879D9
}

.alert-search.alert-notice .alert-type .icon {
    color: #3879D9
}

.alert-search-footnote {
    float: right;
    text-align: center;
    font-size: 12px
}

.alert {
    background: grey;
    color: #fff;
    position: relative;
    padding: 24px;
    padding: 1.3333333333333333rem
}

.alert.alert-success {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #548529;
    border: 1px solid #548529
}

.alert.alert-success .alert-dismiss {
    color: #548529
}

.alert.alert-success .alert-type .icon {
    color: #548529
}

.alert.alert-warning {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #9F5F1E;
    border: 1px solid #9F5F1E
}

.alert.alert-warning .alert-dismiss {
    color: #9F5F1E
}

.alert.alert-warning .alert-type .icon {
    color: #9F5F1E
}

.alert.alert-notice {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #3879D9;
    border: 1px solid #3879D9
}

.alert.alert-notice .alert-dismiss {
    color: #3879D9
}

.alert.alert-notice .alert-type .icon {
    color: #3879D9
}

.alert.alert-error {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    color: #c20000;
    border: 1px solid #c20000
}

.alert.alert-error .alert-dismiss {
    color: #c20000
}

.alert.alert-error .alert-type .icon {
    color: #c20000
}

.cssanimations .alert {
    opacity: 0;
    -webkit-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -ms-animation-duration: 500ms;
    -o-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none
}

.cssanimations .alert.in {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.cssanimations .alert.out {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.cssanimations .alert.show {
    display: block
}

.no-cssanimations .alert {
    display: none !important;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms
}

.no-cssanimations .alert.in {
    display: block !important
}

.no-cssanimations .alert.out {
    display: none !important
}

.no-cssanimations .alert.show {
    display: block !important
}

.lt-ie9 .alert {
    max-width: 960px;
    margin: 0 auto
}

.alert-type {
    display: none
}

.alert-dismiss {
    position: absolute;
    top: 24px;
    top: 1.3333333333333333rem;
    right: 20px;
    right: 1.1111111111111112rem;
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    opacity: .5
}

.html-rtl .alert-dismiss {
    right: auto;
    left: 20px;
    left: 1.1111111111111112rem
}

.alert-dismiss:hover,
.alert-dismiss:focus {
    opacity: 1
}

.tooltip-dismiss {
    position: absolute;
    top: 24px;
    top: 1.3333333333333333rem;
    right: 20px;
    right: 1.1111111111111112rem;
    border: 0;
    background: 0 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #3879D9;
    font-size: 18px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.3333333333333333rem;
    opacity: .5
}

.html-rtl .tooltip-dismiss {
    right: auto;
    left: 20px;
    left: 1.1111111111111112rem
}

.tooltip-dismiss:hover,
.tooltip-dismiss:focus {
    opacity: 1
}

.alert-title {
    margin-bottom: 6px;
    margin-bottom: .3333333333333333rem
}

.alert-content {
    padding-right: 40px;
    padding-right: 2.2222222222222223rem;
    line-height: 19.98px;
    line-height: 1.0555555555555556rem
}

.html-rtl .alert-content {
    padding-right: 0;
    padding-left: 40px;
    padding-left: 2.2222222222222223rem
}

.alert-content.alert-warning {
    color: #9F5F1E;
    border: 1px solid #9F5F1E;
    padding-left: 2rem
}

.alert-content p {
    margin-bottom: 0
}

.alert-content>div {
    margin-bottom: .5em
}

.alert-content :last-child {
    margin-bottom: 0
}

.page-title {
    background-color: #14ade4;
    color: #fff;
    padding: 1em 0
}

.page-meta-author a {
    color: #fff
}

.header-image {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.header-image figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    padding: 3px 10px 2px;
    line-height: 1.7em;
    font-size: 13px
}

.header-image img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto
}

.record-article-wrap .header-image {
    max-height: 500px;
    overflow: hidden
}

.news-body {
    font-size: 18px;
    margin-bottom: 2em
}

.news-body-wrap {
    background-color: #f5f5f5;
    padding: 0 0 2em
}

.news-body-wrap .comments-facebook {
    background: #fff;
    padding: 2em 1em
}

.news-body-copy {
    background: #fff;
    padding: 0 1em 1em
}

.news-body-copy h2 {
    margin-top: 1em
}

.news-body-copy figure {
    margin-bottom: 1em
}

.news-body-copy img {
    display: block;
    margin: 0 auto
}

.news-body .case-study-acc-manager {
    display: none
}

.news-body iframe,
.news-body object {
    margin: 0 auto;
    display: block
}

.gwr-kids .news-article-wrap .page-title {
    background: url(../images/reading-ally-zing-news-article.jpg) bottom right 4% no-repeat;
    background-size: 135px;
    background-color: #fff;
    color: #333
}

.page-controls-share {
    background-color: #fff;
    padding: 1em 1.2em;
    margin-bottom: 0;
    font-size: 18px
}

.gwr-kids .page-controls-share {
    padding: 1em;
    box-shadow: none
}

.gwr-kids .page-controls-share {
    background-color: #fff
}

.footer-section-social-v2 .page-controls-share {
    padding: 0;
    background-color: #f1f1f1;
    text-align: center
}

.main_nav_social .page-controls-share {
    background-color: transparent;
    padding: 0
}

.article-list {
    font-size: 18px;
    margin-bottom: 1em
}

.article-list-header {
    background-color: #14ade4;
    display: block;
    padding: 1em;
    color: #fff
}

.gwr-kids .article-list-header {
    background-color: #590ce8;
    border-radius: 10px;
    margin-bottom: 1em;
    border: solid 5px #fff;
    text-align: center;
    box-shadow: 8px 7px 0 rgba(0, 0, 0, .25)
}

.article-list-header h3 {
    margin: 0;
    line-height: 1.2
}

.article-list-item {
    margin-bottom: 1em;
    position: relative;
    transition: .25s
}

.gwr-kids .article-list-item {
    margin-bottom: 1.3em;
    box-shadow: 7px 7px 0 rgba(0, 0, 0, .25);
    border-radius: 10px;
    overflow: hidden
}

.article-list-item:after {
    content: '';
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #14ade4;
    transition: .25s
}

.gwr-kids .article-list-item:after {
    height: 8px;
    background-color: #590ce8;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.article-list-item:hover:after {
    width: 100%
}

.article-list-item:hover a {
    color: #14ade4;
    transition: .25s
}

.article-list-item-details {
    background: #fff
}

.article-list-item-details h4 {
    margin: 0;
    Font-size: 16px;
    line-height: 1.5
}

.article-list-item-details a {
    display: block;
    color: #333;
    padding: 1em
}

.gwr-kids .article-list-item-details a {
    padding-bottom: 1.5em
}

.article-list-item img {
    width: 100%
}

.news-sidebar {
    font-size: 16px;
    position: relative;
    z-index: 1
}

.wysi-left {
    padding: 0 0 2em
}

.wysi-right {
    padding: 0 0 1em
}

.wysi-both-halfs {
    width: 100%
}

.wysi-both-halfs .wysi-half {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 1em
}

.card-2017 .wysi-both-halfs .wysi-half {
    padding-bottom: 0
}

.wysi-image-gallery {
    width: 100%;
    list-style: none;
    margin: 1em 0
}

.wysi-image-gallery li {
    display: inline;
    padding: 2px;
    margin: 0
}

.wysi-image-gallery li:first-child {
    padding-left: 0
}

.wysi-image-gallery li img {
    width: 24%;
    cursor: pointer;
    display: inline;
    padding: 2px 0;
    -webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms
}

.wysi-image-gallery li .wysi-image-gallery-clicked {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    margin: 4em auto 0;
    -webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms
}

.wysi-image-gallery-clicked-back {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/wysi-close.png) no-repeat top 1em right 1em rgba(0, 0, 0, .8);
    z-index: 999;
    cursor: pointer
}

.wysi-quote,
.wysi-quote-dark {
    background: #19abe4;
    padding: 3em 1em;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4em;
    clear: both;
    margin: 1em 0;
    position: relative
}

.wysi-quote.quote-case-study,
.wysi-quote-dark.quote-case-study {
    padding: 3em 1em 4em;
    margin: 0 0 2em
}

.wysi-quote-dark {
    background: #002c4d
}

.wysi-quote:before,
.wysi-quote:after,
.wysi-quote-dark:before,
.wysi-quote-dark:after {
    content: "\e910";
    font-family: gwr;
    padding: 0;
    font-size: 3rem;
    line-height: 1px;
    margin: -27px 0 0 0;
    position: absolute;
    left: 13px;
    color: #0d91c4
}

.wysi-quote:after,
.wysi-quote-dark:after {
    content: "\e90f";
    left: inherit;
    right: 16px;
    margin: 47px 0 0
}

.wysi-quote-dark:before,
.wysi-quote-dark:after {
    color: #fff
}

.standout-heading {
    background: #19abe4;
    padding: .5em 1em;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    margin: 1em 0;
    width: 100%
}

.image-with-caption {
    text-align: center;
    padding-bottom: 1em
}

.image-with-caption-caption {
    text-align: center;
    margin: 0 0 15px;
    font-size: 14px
}

.wysi-grey-breakout-box {
    border: 1px solid #CCC;
    padding: 2em;
    margin: 1em 0;
    display: inline-block;
    width: 100%
}

p.wysi-gallery img {
    padding: 2px
}

.book-covers--container {
    *zoom: 1;
    zoom: 1
}

.book-covers--container:before,
.book-covers--container:after {
    display: table;
    content: ""
}

.book-covers--container:after {
    clear: both
}

.book-covers--container:before,
.book-covers--container:after {
    content: "";
    display: table
}

.book-covers--container:after {
    clear: both
}

.book-covers--controls-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

.book-covers--controls-item {
    display: inline-block;
    margin-bottom: 12px;
    position: static;
    width: 49.5%
}

.gwr-sixty .book-covers--controls-item.book-covers--controls-item-active .book-covers--link:after {
    content: " ";
    border: solid transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 0;
    width: 0;
    pointer-events: none;
    border-bottom-color: #c9910d;
    border-width: 15px;
    margin: 0 0 0 -15px
}

.book-covers--controls-item label,
.book-covers--controls-item .book-covers--link {
    position: relative;
    display: block;
    padding: 10px;
    cursor: pointer
}

.book-covers--controls-item input {
    display: none
}

.book-covers--controls-item span {
    display: none;
    visibility: hidden
}

.book-covers--controls-item img {
    width: 100%;
    height: auto
}

.book-covers--content {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    transition: height 150ms ease-in-out;
    height: 0;
    overflow: hidden;
    display: none
}

.book-covers--content.book-content-show {
    display: block
}

.book-covers-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    z-index: 3;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%
}

.book-covers--content-item {
    *zoom: 1;
    zoom: 1;
    position: relative;
    margin-bottom: 12px
}

.book-covers--content-item:before,
.book-covers--content-item:after {
    display: table;
    content: ""
}

.book-covers--content-item:after {
    clear: both
}

.book-covers--content-item:before,
.book-covers--content-item:after {
    content: "";
    display: table
}

.book-covers--content-item:after {
    clear: both
}

.book-covers--content-item-inner {
    *zoom: 1;
    zoom: 1;
    position: relative;
    display: block;
    width: 100%;
    padding: 4rem 1rem 3rem;
    background-color: #fff;
    border: 5px solid #14ade4;
    border-radius: 10px
}

.book-covers--content-item-inner:before,
.book-covers--content-item-inner:after {
    display: table;
    content: ""
}

.book-covers--content-item-inner:after {
    clear: both
}

.book-covers--content-item-inner:before,
.book-covers--content-item-inner:after {
    content: "";
    display: table
}

.book-covers--content-item-inner:after {
    clear: both
}

.book-covers--content-cover {
    position: relative;
    width: 100%;
    opacity: 0;
    transition: opacity 300ms ease
}

.book-covers--content-cover img {
    min-width: 80px;
    max-width: 100%;
    height: auto
}

.book-content-in .book-covers--content-cover {
    opacity: 1
}

.book-covers--content-title {
    position: relative;
    width: 100%;
    margin-top: 1rem;
    font-size: 40px
}

.book-covers--content-action-mobile {
    position: relative;
    float: left;
    margin-left: 10px;
    color: #b8923c;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px
}

.book-covers--content-content {
    clear: left;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 1.7
}

.accordion-in .book-covers--content-content {
    transition: height 600ms ease-in-out, opacity 600ms ease-in-out;
    opacity: 1
}

.accordion-out .book-covers--content-content {
    transition: height 600ms ease-in-out, opacity 150ms ease-in-out;
    opacity: 0
}

.book-covers--content-content-inner {
    padding: 18px 0 0
}

.right {
    float: right
}

.html-rtl .right {
    float: left
}

.left {
    float: left
}

.html-rtl .left {
    float: right
}

.text-center {
    text-align: center
}

.hidden,
.hide {
    display: none
}

.invisible {
    visibility: hidden
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.clearfix {
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearboth {
    clear: both
}

.hidden-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.hidden-text.focusable:active,
.hidden-text.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.hidden-text.focusable:active,
.hidden-text.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.no-margin {
    margin: 0
}

.no-padding {
    padding: 0
}

.text-white {
    color: #fff
}

.error {
    color: #df3a56
}

.pvmv-wrapper {
    color: #fff;
    text-align: center
}

.pvmv-wrapper .pvmv-container {
    margin: 0 auto;
    max-width: 800px;
    padding: 0 1em
}

.pvmv-wrapper .pvmv-container p {
    font-size: calc(18.153846153846153px);
    line-height: 1.5
}

.pvmv-wrapper .pvmv-container h2 {
    margin-bottom: 2em
}

.pvmv-wrapper .pvmv-header {
    position: relative;
    padding: 4em 0 3em
}

.pvmv-wrapper .pvmv-header h2,
.pvmv-wrapper .pvmv-header h4 {
    font-size: 6vw;
    letter-spacing: 5px;
    margin: 0;
    padding: 1.2em 0;
    text-transform: uppercase;
    font-weight: 800;
    font-family: rubik_medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
    opacity: .5
}

.pvmv-wrapper .pvmv-header h3 {
    font-size: 12vw;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 5px;
    line-height: 0;
    margin: 0
}

.pvmv-wrapper .narrow-view-p {
    max-width: 500px;
    margin: 0 auto 1em
}

.pvmv-wrapper ul {
    text-align: left;
    max-width: 435px;
    margin: 0 auto;
    font-size: calc(18.153846153846153px);
    padding-left: 1.3em
}

.pvmv-wrapper .align-left {
    text-align: left
}

.contact-us-intro {
    background: #fff
}

.contact-us-intro h1 {
    margin-bottom: .5em
}

.contact-us-intro h2 {
    margin-bottom: 1em
}

.contact-us-intro .text-container {
    padding: 1em;
    margin-bottom: 2em
}

.contact-us-intro .footer-lang-list {
    display: block
}

.contact-us-intro .btn {
    margin-bottom: 1em
}

.contact-us-intro .footer-languages {
    cursor: pointer
}

.contact-us-intro .footer-languages a {
    color: #14ade4
}

.dropdown-component {
    background-color: #14ade4;
    color: #fff;
    text-align: center
}

.dropdown-component .filters {
    text-align: left
}

.dropdown-component .filter {
    width: 100%;
    padding: .5em 1em;
    background: #fff;
    color: #333;
    position: relative
}

.dropdown-component .filter span {
    color: #333
}

.dropdown-component .filter .icon {
    color: #333;
    float: right;
    padding-top: 4px
}

.dropdown-component .filter ul {
    display: none;
    margin: 0;
    padding: 1em 0 0;
    background: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9;
    max-height: 70vh;
    overflow: auto;
    list-style: none;
    position: relative
}

.dropdown-component .filter ul li {
    border-top: solid 1px #f1f1f1;
    padding: 0;
    margin: 0
}

.dropdown-component .filter ul li a {
    color: #333;
    text-decoration: none;
    padding: .5em;
    display: block
}

.dropdown-component .filter ul li a:hover {
    color: #fff;
    background: #14ade4
}

.timeline-wrapper {
    clear: both;
    postion: relaive
}

.timeline-wrapper .container {
    overflow: hidden
}

.timeline-wrapper img {
    width: 100%;
    display: block;
    -moz-transform: translate3d(200%, 0, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    -o-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate3d(200%, 0, 0);
    -moz-transition: all 1000ms linear;
    -webkit-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    transition: all 1000ms linear
}

.html-rtl .timeline-wrapper img {
    -moz-transform: translate3d(-200%, 0, 0);
    -webkit-transform: translate3d(-200%, 0, 0);
    -o-transform: translate(-200%, 0);
    -ms-transform: translate(-200%, 0);
    transform: translate3d(-200%, 0, 0)
}

.timeline-wrapper .timeline-text {
    width: 100%;
    color: #fff;
    background: #044267;
    box-shadow: 10px 10px #003057;
    padding: 2em 1em;
    opacity: 0;
    margin-bottom: 1em
}

.timeline-wrapper .timeline-text p:last-child {
    margin: 0
}

.timeline-wrapper:nth-child(odd) .timeline-text {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.html-rtl .timeline-wrapper:nth-child(odd) .timeline-text {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px
}

.timeline-wrapper:nth-child(even) .timeline-image-wrapper {
    float: right
}

.html-rtl .timeline-wrapper:nth-child(even) .timeline-image-wrapper {
    float: left
}

.timeline-wrapper:nth-child(even) .timeline-text {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px
}

.timeline-wrapper.show-image:nth-child(even) img,
.timeline-wrapper.show-image img,
.html-rtl .timeline-wrapper.show-image:nth-child(even) img,
.html-rtl .timeline-wrapper.show-image img {
    -webkit-transform: none
}

.cta-banner {
    text-align: center;
    line-height: 0
}

.cta-banner a {
    display: inline-block;
    margin: 0 auto;
    text-align: center
}

.cta-banner img {
    width: auto;
    margin: 0 auto;
    display: block
}

.accordion-newsletter {
    background-image: url(../images/blue-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 0;
    transition: .5s
}

.accordion-newsletter .newsletter-form-b2b {
    max-width: 100%
}

.accordion-newsletter .newsletter-form-b2b .newsletter-inner {
    max-width: 100%;
    padding: 0
}

.accordion-newsletter #newsletter-wrap-b2b .newsletter-form-content,
.accordion-newsletter #newsletter-wrap-b2b h2 {
    display: none
}

.accordion-newsletter .newsletter-form-section {
    margin-bottom: 1em
}

.accordion-newsletter .container.newsletter-inner {
    background: #fff;
    border-radius: 10px;
    max-width: 800px;
    height: 0;
    padding: 0;
    overflow: hidden
}

.accordion-newsletter .container.newsletter-inner p,
.accordion-newsletter .container.newsletter-inner h2 {
    text-align: center
}

.accordion-newsletter-title {
    text-align: center;
    padding: 1em;
    background: #f1f1f1;
    cursor: pointer
}

.accordion-newsletter-title h2 {
    position: relative;
    font-size: 26px;
    padding: 0;
    margin: 0
}

.accordion-newsletter-title h2:after {
    font-family: gwr;
    content: "\e905";
    position: absolute;
    top: auto;
    margin-left: 1em
}

.accordion-newsletter.open .container.newsletter-inner {
    padding: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
    height: auto
}

.open .accordion-newsletter-title h2:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(../images/fancybox.png)
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: 0;
    display: none
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: 0;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(../images/fancybox.png) -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fancybox-error {
    color: #444;
    font: 400 12px/20px Arial;
    padding: 14px;
    margin: 0
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 0;
    vertical-align: top
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    background: transparent url(../images/blank.gif);
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0
}

#fancybox-right {
    right: 0
}

#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fancybox-left-ico {
    background-image: url(../images/fancybox.png);
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-image: url(../images/fancybox.png);
    background-position: -40px -60px
}

#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    left: auto;
    right: 20px
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(../images/fancybox-x.png)
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(../images/fancybox.png);
    background-position: -40px -162px
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(../images/fancybox-y.png);
    background-position: -20px 0
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(../images/fancybox.png);
    background-position: -40px -182px
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(../images/fancybox-x.png);
    background-position: 0 -20px
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(../images/fancybox.png);
    background-position: -40px -142px
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(../images/fancybox-y.png)
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(../images/fancybox.png);
    background-position: -40px -122px
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left
}

#fancybox-title-over {
    padding: 10px;
    background-image: url(../images/fancy_title_over.png);
    display: block
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}

#fancybox-title-float-wrap {
    border: 0;
    border-collapse: collapse;
    width: auto
}

#fancybox-title-float-wrap td {
    border: 0;
    white-space: nowrap
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url(../images/fancybox.png) -40px -90px no-repeat
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: 700;
    padding: 0 0 3px;
    background: url(../images/fancybox-x.png) 0 -40px
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url(../images/fancybox.png) -55px -90px no-repeat
}

.fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_close.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-left-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_left.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-right-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_right.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-over {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_over.png', sizingMethod='scale');
    zoom: 1
}

.fancybox-ie6 #fancybox-title-float-left {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_left.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-float-main {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_main.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-float-right {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_right.png', sizingMethod='scale')
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(../images/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/loading.gif) center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 40%;
    width: 5%;
    height: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    text-decoration: none;
    background: transparent url(../images/blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: visible !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: block;
    width: 100%;
    margin-right: -100%
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.carousel-item-caption--figure {
    display: none;
    visibility: hidden;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 15px;
    margin: 0 auto;
    border-bottom: 4px solid #14ade4
}

.gwr-kids .carousel-item-caption--figure {
    background: #1f50cc;
    color: #FFF;
    border-bottom: 4px solid #ffc21e;
    font-family: Bitter, Georgia, 'Times New Roman', Times, serif
}

.gwr-kids .carousel-item-caption--figure h2 {
    font-family: Bitter, Georgia, 'Times New Roman', Times, serif
}

.carousel-item-caption--figure.in {
    display: block;
    visibility: visible
}

.memory-game {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 2em 0 0;
    text-align: center
}

.game-content {
    float: left;
    width: 100%;
    padding-bottom: 2em
}

.game-container,
.half {
    float: left
}

.game-container {
    margin: 0 auto 2em;
    padding: 0
}

.half {
    width: 50%
}

.memory-game-info {
    background: gold;
    padding: 10px 0;
    border-radius: 5px;
    margin-right: 5px
}

ul.memory-cards {
    margin: 0 auto;
    padding: 0
}

ul.memory-cards li {
    float: left;
    width: 10.5%;
    list-style: none;
    margin: 1%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background: url(../images/challenge_cards_back.png) no-repeat;
    background-size: contain
}

ul.memory-cards li span {
    display: none
}

ul.memory-cards li:hover {
    opacity: .8;
    cursor: pointer;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

ul.memory-cards li img {
    width: 100%;
    visibility: hidden
}

ul.memory-cards li.flipped img {
    visibility: visible
}

ul.memory-cards li.flipped {
    background: #fff
}

.found {
    visibility: hidden
}

.tries,
.correct {
    font-size: 16px;
    font-weight: 700;
    padding-right: 40px;
    color: #00008b
}

.puzzle-tries {
    padding-right: 0
}

#counts {
    font-size: 24px;
    color: #00008b
}

.memory-game-button,
.restart-puzzle {
    font-size: 18px;
    padding: 10px;
    width: 100%;
    max-width: 200px;
    border-radius: 3px;
    box-shadow: 0 1px 3px #ccc;
    cursor: pointer;
    float: left;
    text-decoration: none
}

.gwr-kids .memory-game-button,
.gwr-kids .restart-puzzle {
    color: #333;
    background: gold
}

.restart-puzzle {
    display: block;
    margin: 1em auto;
    float: none
}

.memory-game-button:hover,
.restart-puzzle:hover {
    box-shadow: none
}

.memory-game-button:active,
.memory-game-button:focus,
.restart-puzzle:active,
.restart-puzzle:focus {
    box-shadow: none;
    background: transparent;
    outline: 0
}

.snappuzzle-wrap {
    position: relative;
    display: block
}

.snappuzzle-pile {
    position: relative;
    min-height: 100%
}

.snappuzzle-piece {
    cursor: move
}

.snappuzzle-slot {
    position: absolute;
    opacity: .8
}

.snappuzzle-slot {
    opacity: 1;
    background: #000
}

.ui-draggable.ui-draggable-handle.correct.ui-draggable-disabled {
    display: none
}

#pile,
.puzzle-image {
    margin: 10px
}

.puzzle-containment-inner {
    max-width: 1000px;
    height: auto;
    margin: auto;
    text-rendering: optimizespeed;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

.page-2017 .puzzle-containment-inner {
    width: 100%;
    max-width: 100%
}

.page-2017 #puzzle_solved {
    padding-top: 10%
}

.puzzle-halfs {
    width: 100%
}

.puzzlw-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

img {
    border: 0
}

.puzzle_solved {
    display: none;
    text-align: center;
    position: relative;
    top: 25%
}

.restart-puzzle {
    cursor: pointer
}

#puzzle-containment {
    max-width: 1000px;
    background: #fafafa;
    margin: 0 0 30px;
    padding: 10px;
    text-align: center;
    float: left;
    width: 100%
}

.page-2017 #puzzle-containment {
    max-width: 100%;
    margin: 0
}

.gwr-kids #puzzle-containment {
    border-radius: 15px
}

#Kids-image-map {
    width: 100%;
    position: relative;
    clear: both
}

#Kids-image-map .image {
    position: relative;
    width: 100%;
    height: auto
}

#Kids-image-map .image img {
    width: 100%;
    height: auto
}

#Kids-image-map .clickable-content-holder {
    z-index: 1;
    display: none;
    opacity: 0;
    background: #000 url(../images/2020_tcm25-563143.jpg);
    background-size: contain;
    color: #fff;
    padding: 1em;
    border: solid 4px #0995f5;
    border-radius: 15px;
    -webkit-animation: neon2 1.25s ease-in-out infinite alternate;
    -moz-animation: neon2 1.25s ease-in-out infinite alternate;
    animation: neon2 1.25s ease-in-out infinite alternate
}

#Kids-image-map .clickable-content-holder.show {
    display: block;
    opacity: 1;
    position: absolute;
    max-width: 300px;
    transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -webkit-transition: 1.5s ease-in-out
}

#Kids-image-map .clickable-content-holder h2 {
    max-width: 90%
}

#Kids-image-map .clickable {
    position: absolute;
    cursor: pointer;
    width: 15%;
    height: 15%;
    top: 40%;
    left: 46%;
    z-index: 2
}

#Kids-image-map .clickable.display {
    width: 300px !important;
    cursor: auto;
    transform: none
}

#Kids-image-map .clickable-bg {
    display: none
}

#Kids-image-map .clickable-bg.show {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

#Kids-image-map .close {
    float: right;
    cursor: pointer
}

#Kids-image-map .btn {
    width: 100%
}

#Kids-image-map.show-all .clickable {
    background: rgba(255, 0, 0, .3)
}

.quiz-game {
    clear: both;
    display: block;
    width: 100%;
    position: relative;
    padding: 3em 0
}

.quiz-game .container {
    max-width: 800px
}

.quiz-game-loading {
    margin: 0 auto;
    width: 100%
}

.quiz-game .quiz-header {
    padding-bottom: 2em;
    font-size: 20px
}

.quiz-game .quiz-question {
    display: none;
    opacity: 0;
    transition: .5s
}

.quiz-game .quiz-question.active {
    display: block;
    opacity: 1
}

.quiz-game .quiz-question-header h3 {
    font-size: 26px;
    margin-bottom: 1em
}

.quiz-game .quiz-question-answers {
    font-size: 20px
}

.quiz-game .quiz-question-answers p {
    padding: 1em 3em 1em 1em;
    background: #f9f9f9;
    cursor: pointer;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .15);
    position: relative;
    transition: .15s
}

.quiz-game .quiz-question-answers p:hover {
    background: #f1f1f1;
    box-shadow: none
}

.quiz-game .quiz-question-answers p:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffe300;
    width: 3px;
    position: absolute;
    transition: .25s
}

.quiz-game .quiz-question-answers p span:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffe300;
    width: 3px;
    position: absolute;
    transition: .25s;
    z-index: 0
}

.quiz-game .quiz-question-answers .chose {
    background: #f1f1f1;
    box-shadow: none;
    color: #333;
    z-index: 0
}

.quiz-game .quiz-question-answers .chose span {
    z-index: 4
}

.quiz-game .quiz-question-answers .chose span:before {
    width: 100%;
    z-index: -1
}

.quiz-question-header {
    padding-top: 1em
}

.quiz-question-buttons {
    clear: both;
    width: 100%
}

.quiz-question-button {
    border: 0;
    width: 100%;
    padding: 1em;
    font-size: 20px;
    cursor: pointer
}

.quiz-question-button:hover {
    opacity: .7
}

.quiz-question-button-wrap {
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    flex-wrap: wrap;
    float: left
}

.quiz-question-button-wrap:last-child button {
    background: green;
    color: #fff
}

.quiz-result-wrap {
    display: none
}

.quiz-result-wrap.show {
    display: block;
    margin-bottom: 5em
}

.quiz-result-result {
    display: none
}

.quiz-result-title {
    font-size: 20px;
    margin-bottom: 1em
}

.complete.quiz-game .quiz-question-answers p.c_a.chose:before,
.complete.quiz-game .quiz-question-answers .c_a.chose span:before,
.quiz-game.complete .quiz-question-answers p.c_a {
    background: green;
    color: #fff
}

.complete.quiz-game .quiz-question-answers .c_a.chose {
    color: #fff
}

.complete.quiz-game .quiz-question-answers p.c_a.chose:after {
    font-family: gwr;
    content: "\e00e";
    position: absolute;
    right: 20px;
    top: 20px
}

.complete.quiz-game .quiz-question-answers .chose span:before {
    background: #df3a56
}

.complete.quiz-game .quiz-question-answers .chose {
    color: #fff
}

.complete.quiz-game .quiz-question-answers .chose:after {
    font-family: gwr;
    content: "\e61d";
    color: #fff;
    position: absolute;
    right: 1em
}

.gwr-kids {
    position: relative
}

.gwr-kids .header nav a[target=_blank]:before {
    content: "\e91d";
    display: inline-block;
    margin-right: 6px;
    vertical-align: top;
    font-family: gwr
}

.gwr-kids .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #590ce8;
    height: 70px
}

.gwr-kids .navbar .navbar-logo {
    display: flex;
    align-items: center
}

.gwr-kids .navbar .navbar-logo img {
    height: 70px;
    margin-left: .2rem;
    padding: .5rem
}

.gwr-kids .navbar .navbar-items {
    margin: 0;
    text-transform: uppercase;
    position: absolute;
    top: 70px;
    right: 0;
    background-color: #fff;
    width: 100%;
    max-width: 700px;
    display: none;
    z-index: 1000
}

.gwr-kids .navbar .navbar-items.show {
    display: block
}

.gwr-kids .navbar .navbar-items .navbar-item {
    margin: 0;
    list-style: none
}

.gwr-kids .navbar .navbar-items .navbar-item.show .secondary-nav .navbar-items {
    display: block
}

.gwr-kids .navbar .navbar-items .navbar-item.show .secondary-nav .navbar-items .tertiary-nav {
    display: none
}

.gwr-kids .navbar .navbar-items .navbar-item .primary {
    margin: 0;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    text-transform: uppercase
}

.gwr-kids .navbar .navbar-items .navbar-item .primary a {
    color: #000;
    text-decoration: none
}

.gwr-kids .navbar .navbar-items .navbar-item .primary .arrow-down {
    width: 68px;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5
}

.gwr-kids .navbar .navbar-items .navbar-item .primary .arrow-down:hover {
    background-color: #2e037d;
    color: #fff
}

.gwr-kids .navbar .navbar-items .navbar-item .primary .arrow-down.rotate .arrow-down-icon {
    transform: rotate(180deg);
    transition: all .3s ease
}

.gwr-kids .navbar .navbar-items .navbar-item .primary .navbar-item-text {
    padding: 1rem;
    width: 100%
}

.gwr-kids .navbar .navbar-items .navbar-item .primary .navbar-item-text:hover {
    background-color: #2e037d;
    color: #fff
}

.gwr-kids .navbar .navbar-items .navbar-item .primary img {
    display: none
}

.gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items {
    position: static
}

.gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .navbar-item {
    padding: .5rem 2rem;
    margin: 0;
    background-color: #f5f5f5
}

.gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .navbar-item a {
    font-size: 1rem;
    color: #000;
    text-decoration: none;
    display: block
}

.gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .navbar-item:hover {
    background-color: #2e037d
}

.gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .navbar-item:hover a {
    color: #fff
}

.gwr-kids .navbar .plus-button {
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: pointer
}

.gwr-kids .navbar .plus-button .icon {
    color: #fff;
    font-size: 50px
}

.gwr-kids .navbar .end-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.gwr-kids .navbar .mobile-nav {
    background-color: #123457
}

.gwr-kids .otherlinks-list {
    width: 241px;
    display: none
}

.gwr-kids .otherlinks-list.show {
    display: block
}

.gwr-kids .otherlinks-list ul {
    margin: 0
}

.gwr-kids .otherlinks-list ul li {
    margin: 0;
    padding: 1rem;
    text-transform: uppercase;
    list-style: none
}

.gwr-kids .otherlinks-list ul li:hover {
    background-color: #2e037d
}

.gwr-kids .otherlinks-list ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #fff
}

@media screen and (max-device-width:480px) {
    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(../images/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url(../images/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

@media (min-width:26.666666666666668em) {
    .alert-content {
        line-height: 24px;
        line-height: 1.3333333333333333rem
    }

    .book-covers--controls-item {
        width: 32.5%
    }
}

@media (min-width:33.333333333333336em) {
    .component-wrapper {
        padding: 3em 0
    }

    .component-wrapper.no-padding,
    .component-wrapperno-margin {
        padding: 0;
        margin: 0
    }

    .news-block .filters .filter {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        text-align: center
    }

    .hero-slider .descripton-holder {
        position: absolute;
        color: #fff;
        box-shadow: 0 -16px 24px 12px rgba(0, 0, 0, .3);
        font-size: 20px;
        padding: 1em 1em 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .3)
    }

    .hero-slider .descripton-holder h4 {
        font-size: 28px
    }

    .slick-prev,
    .slick-next {
        height: 60px;
        width: 60px
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 55px
    }

    .random-generated .descripton-holder {
        position: absolute;
        box-shadow: 0 -16px 24px 12px rgba(0, 0, 0, .3);
        font-size: 20px;
        padding: 1em 1em 0
    }

    .random-generated .descripton-holder h4 {
        font-size: 28px
    }

    .case-study-body-wrap {
        padding-top: 1em
    }

    .news-body-wrap {
        padding: 2em 0
    }

    .news-body-wrap .comments-facebook {
        padding: 1.7em 3em 3em 2.7em
    }

    .wysi-quote,
    .wysi-quote-dark {
        padding: 3em 4em
    }

    .wysi-quote.quote-case-study,
    .wysi-quote-dark.quote-case-study {
        padding: 3em 4em 4em;
        margin: 0
    }

    img.wysi-gallery,
    p.wysi-gallery {
        width: 25%;
        display: inline-block;
        vertical-align: top
    }

    p.wysi-gallery img {
        max-width: 100%;
        height: auto
    }

    .book-covers--controls-item {
        width: 24.5%
    }

    .book-covers--controls-item span {
        display: block;
        visibility: visible;
        font-size: 12px;
        color: #333;
        text-align: center
    }

    .book-covers--content-item {
        margin-bottom: 0
    }

    .book-covers--content-item-inner {
        top: 0;
        left: 0;
        margin-bottom: 0;
        width: 90%;
        margin: 0 auto;
        padding: 4rem 2rem 3rem
    }

    .filter-in .book-covers--content-item-inner {
        opacity: 1
    }

    .filter-out .book-covers--content-item-inner {
        opacity: 0
    }

    .book-covers--content-action-mobile {
        display: none;
        visibility: hidden
    }

    .book-covers--content-content-inner {
        padding: 0
    }
}

@media (min-width:42.666666666666664em) {
    .chromeframe {
        font-size: 15px;
        font-size: .8333333333333334rem
    }

    .component-wrapper .header-sub-heading {
        display: inline-block;
        width: 59%;
        vertical-align: top;
        padding-left: 2.3%;
        border-left: solid 2px #ccc
    }

    .html-rtl .component-wrapper .header-sub-heading {
        padding-left: 0;
        padding-right: 2.3%;
        border-right: solid 2px #ccc;
        border-left: 0
    }

    .component-wrapper .header-sub-heading p {
        font-size: 24px;
        line-height: 1.3em
    }

    .component-wrapper {
        background-position: left top
    }

    .component-wrapper .header-heading {
        display: inline-block;
        width: 40%;
        vertical-align: top
    }

    .component-wrapper .header-heading.no-sub-header {
        text-align: center;
        width: 100%
    }

    .ColumnedLayouts {
        padding-bottom: 2em
    }

    .jp .remove-default-style .columned-text .heading h2,
    .jp .remove-default-style .columned-text .heading h3 {
        font-size: 28px
    }

    .modal .close {
        top: 1em
    }

    h1,
    .h1 {
        font-size: 52px;
        line-height: 1.2em;
        margin-bottom: .1em
    }

    .gwr-kids h1,
    .gwr-kids .h1 {
        font-size: 35px;
        font-size: 1.9444444444444444rem
    }

    .news-article-wrap h1,
    .news-article-wrap .h1,
    .record-article-wrap h1,
    .record-article-wrap .h1 {
        font-size: 40px
    }

    .html-rtl h1,
    .html-rtl .h1 {
        font-size: 40px
    }

    h2,
    .h2 {
        font-size: 38px
    }

    .gwr-kids h2,
    .gwr-kids .h2 {
        font-size: 30px;
        font-size: 1.6666666666666667rem
    }

    .wysiwyg-table-2 td {
        display: table-cell
    }

    .wysiwyg-table-2 td:nth-child(odd) {
        padding: 0 2em 1em 0
    }

    .intro-block-image {
        display: inline-block;
        width: 40%;
        vertical-align: middle
    }

    .intro-block-image .reversed {
        order: 2
    }

    .intro-block-content {
        width: 55%;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5%;
        font-size: 20px;
        margin-top: 0
    }

    .html-rtl .intro-block-content {
        margin-left: 0;
        margin-right: 5%
    }

    .intro-block-content.width-100 {
        width: 100%;
        display: block;
        margin: 0
    }

    .intro-block-content-padding {
        padding: 2em
    }

    .intro-block.reversed .inline-block-wrap {
        display: flex
    }

    .player-play {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 68%;
        margin-right: 2%;
        margin-bottom: 0
    }

    .html-rtl .player-play {
        margin-right: 0;
        margin-left: 2%
    }

    .gwr-kids .player-play {
        padding-left: 11%;
        background: url(../images/ally-zing-thumbs-up.png) left top no-repeat;
        background-size: 187px;
        margin-bottom: 0
    }

    .video-player-wrapper {
        display: flex
    }

    .video-player-wrapper .title {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }

    .video-player-wrapper .video-thumb {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .video-player-wrapper-holder {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 29%;
        max-height: 423px;
        overflow: hidden
    }

    .video-player-wrapper-holder:hover {
        overflow: auto
    }

    .gwr-kids .video-player-wrapper-holder {
        max-height: 351px
    }

    .btn-icon img,
    a.btn-icon img {
        font-size: 22px
    }

    .case-studies-list .btn,
    .case-studies-list a.btn {
        padding: 10px;
        background: transparent;
        border: 2px solid #fff
    }

    .case-studies-list .btn:hover,
    .case-studies-list a.btn:hover,
    .case-studies-list .btn:focus,
    .case-studies-list a.btn:focus {
        background-color: rgba(0, 0, 0, .3)
    }

    .btn,
    a.btn {
        font-size: 20px
    }

    .btn-right,
    a.btn-right {
        float: right
    }

    .html-rtl .btn-right,
    .html-rtl a.btn-right {
        float: left
    }

    .header #countries ul,
    .header #useractions ul,
    .header #search-bar ul {
        padding-left: 0
    }

    .menu nav ul.main-nav li.blue:not(.show):hover .sub-nav {
        background-color: #14ade4
    }

    .menu nav ul.main-nav li.blue:not(.show):hover .sub-nav>ul {
        background: #14ade4
    }

    .menu nav ul.main-nav li.red:not(.show):hover .sub-nav {
        background-color: #df3a56
    }

    .menu nav ul.main-nav li.red:not(.show):hover .sub-nav>ul {
        background: #df3a56
    }

    .menu nav ul.main-nav li.green:not(.show):hover .sub-nav {
        background-color: #44ad49
    }

    .menu nav ul.main-nav li.green:not(.show):hover .sub-nav>ul {
        background: #44ad49
    }

    .menu nav ul.main-nav li.orange:not(.show):hover .sub-nav {
        background-color: #ff6730
    }

    .menu nav ul.main-nav li.orange:not(.show):hover .sub-nav>ul {
        background: #ff6730
    }

    .menu nav ul.main-nav li .sub-nav ul li .features {
        z-index: 99;
        width: 70.35%
    }

    .gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features {
        background: #2a076d
    }

    .secondary_menu_wrapper.column-no-of-2 .columned {
        display: table-cell;
        vertical-align: top;
        width: 50%
    }

    .secondary_menu_wrapper.column-no-of-3 .columned {
        display: table-cell;
        vertical-align: top;
        width: 33.33%
    }

    .secondary_menu_wrapper.column-no-of-4 .columned {
        vertical-align: top;
        flex-grow: 1
    }

    .footer .menu-social {
        padding-top: 12px;
        padding-top: .6666666666666666rem
    }

    .footer-strapline {
        padding: 36px 0;
        padding: 2rem 0rem
    }

    .footer-strapline img {
        max-width: 50%
    }

    .footer-copyright {
        display: inline-block;
        padding: 0 10px 0 0;
        padding: 0rem .5555555555555556rem 0rem 0rem
    }

    .footer-copyright span {
        display: inline
    }

    .footer-address span {
        display: inline
    }

    .case-studies-list .article {
        width: 32%;
        display: inline-block;
        vertical-align: top;
        margin-right: 2%;
        margin-bottom: 2%
    }

    .case-studies-list .article a {
        color: #fff
    }

    .case-studies-list .article.article {
        max-height: 297px;
        min-height: 297px;
        overflow: hidden;
        margin-bottom: 2%
    }

    .case-studies-list .article:hover .article-details {
        width: 100%;
        background: #44AD49;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .case-studies-list .article:hover .article-details.blue {
        background: #14ade4;
        border: 1px solid #14ade4
    }

    .case-studies-list .article:hover .article-details.red {
        background: #df3b56;
        border: 1px solid #df3b56
    }

    .case-studies-list .article:hover .article-details {
        display: block
    }

    .case-studies-list .article:hover .article-media {
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .html-rtl .case-studies-list .article:nth-child(3n) {
        margin-right: 2%;
        margin-left: initial
    }

    .case-studies-list .article-details {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: auto
    }

    .news-block .filters .filter ul {
        position: absolute;
        width: 32.3%;
        background: #14ade4;
        z-index: 9;
        margin: 18px 0 0 -18px
    }

    .comments-facebook {
        padding: 0 3em 2em;
        margin-top: -11px
    }

    .slider-2 .columned-holder {
        display: inline-block;
        width: 49%;
        margin-right: 2%;
        padding: 0;
        vertical-align: top;
        margin-bottom: 2%
    }

    .slider-2 .columned-holder:nth-child(2n+2) {
        margin-right: 0
    }

    .html-rtl .slider-2 .columned-holder:nth-child(2n+2) {
        margin-right: 2%;
        margin-left: initial
    }

    .slider-2 .columned-holder.slick-slide {
        margin-right: 1em;
        margin-bottom: 0
    }

    .slider-2 .columned-holder.no-margin-padding {
        width: 50%;
        margin: 0;
        border: 0
    }

    .html-rtl .slider-2 .columned-holder:nth-child(2n+1) {
        margin-right: 0
    }

    .slider-3 .columned-holder {
        display: inline-block;
        width: 32%;
        margin-right: 2%;
        padding: 0;
        vertical-align: top;
        margin-bottom: 2%
    }

    .slider-3 .columned-holder:nth-child(3n+3) {
        margin-right: 0
    }

    .html-rtl .slider-3 .columned-holder:nth-child(3n+3) {
        margin-right: 2%;
        margin-left: initial
    }

    .slider-3 .columned-holder.slick-slide {
        margin-right: 1em;
        margin-bottom: 0
    }

    .slider-3 .columned-holder.no-margin-padding {
        width: 33.3%;
        margin-right: 0;
        border: 0
    }

    .html-rtl .slider-3 .columned-holder:nth-child(3n+1) {
        margin-right: 0
    }

    .slider-4 .columned-holder {
        display: inline-block;
        width: 23.5%;
        margin-right: 2%;
        padding: 0;
        vertical-align: top;
        margin-bottom: 2%
    }

    .slider-4 .columned-holder:nth-child(4n+4) {
        margin-right: 0
    }

    .html-rtl .slider-4 .columned-holder:nth-child(4n+4) {
        margin-right: 2%;
        margin-left: initial
    }

    .slider-4 .columned-holder.slick-slide {
        margin-right: 1em;
        margin-bottom: 0
    }

    .html-rtl .slider-4 .columned-holder:nth-child(4n+1) {
        margin-right: 0
    }

    .slider-5 .columned-holder {
        display: inline-block;
        width: 18.4%;
        margin-right: 2%;
        padding: 0;
        vertical-align: top;
        margin-bottom: 2%
    }

    .slider-5 .columned-holder:nth-child(5n+5) {
        margin-right: 0
    }

    .html-rtl .slider-5 .columned-holder:nth-child(5n+5) {
        margin-right: 2%;
        margin-left: initial
    }

    .slider-5 .columned-holder.slick-slide {
        margin-right: 1em;
        margin-bottom: 0
    }

    .html-rtl .slider-5 .columned-holder:nth-child(5n+1) {
        margin-right: 0
    }

    .dropdown-left .dropdown-menu {
        left: -10px;
        left: -.5555555555555556rem
    }

    .dropdown-right .dropdown-menu {
        right: -10px;
        right: -.5555555555555556rem
    }

    .dropdown-left .dropdown-menu:after {
        left: 9px;
        left: .5rem
    }

    .dropdown-right .dropdown-menu:after {
        right: 9px;
        right: .5rem
    }

    .record-details h3 {
        padding: .9em 1.6em .6em
    }

    .record-details dl {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .record-details .equal-one {
        width: 47%;
        vertical-align: top
    }

    .case-study-intro-content .record-details .equal-one {
        width: 100%
    }

    .page-controls-share-record a.apply-now {
        position: absolute;
        right: 2em;
        top: 1em
    }

    .html-rtl .page-controls-share-record a.apply-now {
        right: auto;
        left: 2em
    }

    .case-study-intro-content dl {
        padding: 0 2em 2em
    }

    .case-study-headers {
        padding: .5em 1.5em .3em
    }

    .case-study-body-wrap {
        padding-top: 2em;
        background-color: #f5f5f5
    }

    .case-study-body .body-copy-wrap {
        display: inline-block;
        vertical-align: top;
        width: 66.7%;
        margin-right: 2%;
        margin-top: 2em
    }

    .html-rtl .case-study-body .body-copy-wrap {
        margin-right: 0;
        margin-left: 2%
    }

    .case-study-body .body-copy>div:not(.wysi-quote, .wysi-quote-dark) {
        padding: 2em
    }

    .case-study-sidebar {
        display: inline-block;
        vertical-align: top;
        width: 31.3%
    }

    .case-study-article-wrap h1 {
        font-size: 38px
    }

    .case-study-all-wrap h1 {
        font-size: 38px
    }

    .case-study-all-wrap h2 {
        font-size: 26px
    }

    .pagination-mobile {
        display: none
    }

    .pagination-default {
        display: block
    }

    .tooltip {
        margin: 6px 0;
        margin: .3333333333333333rem 0rem;
        padding: 24px 20px 24px 80px;
        padding: 1.3333333333333333rem 1.1111111111111112rem 1.3333333333333333rem 4.444444444444445rem
    }

    .html-rtl .tooltip {
        padding: 24px 80px 24px 20px;
        padding: 1.3333333333333333rem 4.444444444444445rem 1.3333333333333333rem 1.1111111111111112rem
    }

    .alert {
        margin: 6px 0;
        margin: .3333333333333333rem 0rem;
        padding: 24px 20px 24px 80px;
        padding: 1.3333333333333333rem 1.1111111111111112rem 1.3333333333333333rem 4.444444444444445rem
    }

    .html-rtl .alert {
        padding: 24px 80px 24px 20px;
        padding: 1.3333333333333333rem 4.444444444444445rem 1.3333333333333333rem 1.1111111111111112rem
    }

    .alert-type {
        position: absolute;
        top: 20px;
        top: 1.1111111111111112rem;
        left: 20px;
        left: 1.1111111111111112rem;
        display: block
    }

    .html-rtl .alert-type {
        left: auto;
        right: 20px;
        right: 1.1111111111111112rem
    }

    .alert-type .icon {
        font-size: 50px;
        font-size: 2.7777777777777777rem;
        display: block;
        margin: 0;
        color: #000;
        line-height: 50px
    }

    .page-meta-author,
    .page-meta-published {
        display: inline-block;
        vertical-align: top
    }

    .page-meta-published {
        padding-left: 8px;
        margin-left: 5px;
        border-left: 1px solid #ddd
    }

    .news-body-copy {
        padding: 0 3em 1em
    }

    .page-controls-share {
        padding: 2em 3em
    }

    .page-controls-share p {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        margin: 0 10px 0 0
    }

    .html-rtl .page-controls-share p {
        margin: 0 0 0 10px
    }

    .gwr-kids .page-controls-share p {
        display: none
    }

    .gwr-kids .page-controls-share {
        padding: 1em
    }

    .body-copy-wrap .page-controls-share {
        padding: 2em
    }

    .footer-section-social .page-controls-share {
        padding: 2em 0 0
    }

    .en .footer-section-social .page-controls-share {
        padding: 2em
    }

    .menu-share {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        margin: 0 5px 0 0
    }

    .wysi-left {
        float: left;
        padding: 0 1em 1em 0
    }

    .wysi-right {
        float: right;
        padding: 0 0 1em 1em
    }

    .wysi-both-halfs .wysi-half {
        width: 50%
    }

    .wysi-both-halfs .wysi-half:nth-child(odd) {
        padding: .5em .5em 1em 0
    }

    .card-2017 .wysi-both-halfs .wysi-half:nth-child(odd) {
        padding-bottom: 0
    }

    .wysi-both-halfs .wysi-half:nth-child(even) {
        padding: .5em 0 1em .5em
    }

    .card-2017 .wysi-both-halfs .wysi-half:nth-child(even) {
        padding-bottom: 0
    }

    .book-covers--controls-item {
        width: 19.5%
    }

    .contact-us-intro .text-container {
        padding: 2em 1em;
        margin-bottom: 0;
        width: 60%;
        display: inline-block;
        vertical-align: top
    }

    .contact-us-intro .language-container {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        padding: 0 1em
    }

    .contact-us-intro .footer-lang-list {
        padding: .5em;
        margin: 0
    }

    .dropdown-component {
        text-align: left
    }

    .timeline-wrapper img {
        box-shadow: 3px 0 50px -10px rgba(0, 0, 0, .2);
        border: solid 2px #fff
    }

    .timeline-wrapper .timeline-image-wrapper {
        width: 40%;
        display: inline-block;
        vertical-align: top;
        overflow: hidden
    }

    .timeline-wrapper .timeline-text {
        width: 57%;
        display: inline-block;
        vertical-align: top;
        float: right
    }

    .html-rtl .timeline-wrapper .timeline-text {
        float: left
    }

    .timeline-wrapper:nth-child(even) img {
        -moz-transform: translate3d(-200%, 0, 0);
        -webkit-transform: translate3d(-200%, 0, 0);
        -o-transform: translate(-200%, 0);
        -ms-transform: translate(-200%, 0);
        transform: translate3d(-200%, 0, 0)
    }

    .html-rtl .timeline-wrapper:nth-child(even) img {
        -moz-transform: translate3d(200%, 0, 0);
        -webkit-transform: translate3d(200%, 0, 0);
        -o-transform: translate(200%, 0);
        -ms-transform: translate(200%, 0);
        transform: translate3d(200%, 0, 0)
    }

    .timeline-wrapper:nth-child(even) .timeline-text {
        float: left
    }

    .html-rtl .timeline-wrapper:nth-child(even) .timeline-text {
        float: right
    }
}

@media (min-width:48em) {
    .simple-intro-block .container {
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .simple-intro-block-content {
        order: 2;
        width: 35%;
        display: inline-block;
        padding: 2em 3em;
        font-size: 20px
    }

    .simple-intro-block-video-image {
        order: 1;
        width: 65%;
        display: inline-block
    }

    .simple-intro-wrapper .container {
        display: flex;
        flex-direction: column;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .simple-intro-wrapper .simple-intro-text {
        order: 1;
        width: 65%;
        display: inline-block;
        font-size: 20px
    }

    .simple-intro-wrapper .buttons-holder {
        order: 2;
        width: 33%;
        margin-left: 2%;
        display: inline-block
    }

    .html-rtl .simple-intro-wrapper .buttons-holder {
        margin-left: 0;
        margin-right: 2%
    }

    .secondary_menu_wrapper {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: flex
    }

    .secondary_menu_wrapper a {
        font-size: 20px;
        border-bottom: 0
    }
}

@media screen and (min-width:48em) {
    .pure-u-md-1 {
        display: inline-block;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto
    }

    .puzzle-halfs {
        width: 49%
    }
}

@media (min-width:56.888888888888886em) {
    .homevideo {
        min-height: 460px;
        background-color: #000
    }

    .footer-section {
        display: inline-block;
        vertical-align: top;
        width: 18%;
        margin-right: 2%
    }

    .html-rtl .footer-section {
        width: 17%;
        margin-left: 3%;
        margin-right: auto
    }

    .footer-section:last-child {
        margin-right: 0
    }

    .html-rtl .footer-section:last-child {
        margin-left: 0
    }

    .en .footer-section:last-child {
        margin-right: 0
    }

    .en .footer-section {
        width: 25%;
        margin-right: 5%
    }

    .case-study-intro {
        display: flex
    }

    .case-study-intro-image {
        width: 80%;
        display: inline-block;
        vertical-align: top
    }

    .case-study-intro-content {
        width: 40%;
        display: inline-block;
        vertical-align: top
    }

    .book-grid-content-image {
        width: 30%;
        max-width: 300px;
        display: inline-block;
        vertical-align: top
    }

    .book-grid-content-text {
        width: 67%;
        display: inline-block;
        vertical-align: top;
        margin-left: 2%
    }

    .html-rtl .book-grid-content-text {
        margin-left: auto;
        margin-right: 3%
    }

    .news-body {
        display: inline-block;
        width: 67%;
        vertical-align: top;
        margin-right: 3%
    }

    .html-rtl .news-body {
        margin-right: auto;
        margin-left: 3%
    }

    .news-sidebar {
        display: inline-block;
        width: 30%;
        vertical-align: top
    }

    .book-covers--controls-item {
        width: 12.5%
    }
}

@media (min-width:58.888888888888886em) {
    .book-covers--content-cover {
        width: 22.641509433962266%;
        *width: 22.591509433962266%
    }

    .book-covers--content-title {
        width: 68.86792452830188%;
        *width: 68.81792452830189%;
        margin-left: 20px;
        font-size: 40px
    }
}

@media (min-width:480px) {
    .main_nav_column {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }

    .nav_search {
        display: flex;
        flex-basis: 50%;
        justify-content: left
    }

    .nav_search .search_input {
        width: 100%;
        margin: 0
    }

    .case-study-body .body-copy-wrap {
        margin-top: 1em
    }
}

@media screen and (min-width:600px) {
    .book-grid-thumb {
        width: 32%
    }

    .book-grid-thumb:nth-of-type(even) {
        margin-right: 2%
    }

    .html-rtl .book-grid-thumb:nth-of-type(even) {
        margin-right: 0;
        margin-left: 2%
    }

    .book-grid-thumb:nth-of-type(3n+3) {
        margin-right: 0
    }

    .html-rtl .book-grid-thumb:nth-of-type(3n+3) {
        margin-left: 0
    }
}

@media (min-width:600px) {
    .book-covers--content-cover {
        float: left;
        width: 31.666666666666664%;
        *width: 31.616666666666664%
    }

    .book-covers--content-title {
        float: left;
        width: 65%;
        margin-left: 17px;
        margin-top: 0
    }

    .book-covers--content-content {
        clear: none;
        float: left;
        width: 65%;
        height: 100%;
        margin-left: 20px;
        ont-size: 20px;
        opacity: 1
    }
}

@media (min-width:678px) {
    .accordion-newsletter .newsletter-form-section {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        margin: 2%
    }

    .accordion-newsletter iframe {
        margin-left: 2%;
        margin-top: 2%
    }
}

@media screen and (min-width:760px) {
    #Kids-image-map.mobile-only {
        display: none
    }
}

@media (min-width:768px) {
    .showcase-grid .record-grid-item {
        display: inline-block;
        vertical-align: top;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%
    }

    .showcase-grid .record-grid-item:nth-child(3n+3) {
        margin-right: 0
    }

    .html-rtl .showcase-grid .record-grid-item:nth-child(3n+3) {
        margin-right: 2%;
        margin-left: initial
    }

    .html-rtl .showcase-grid .record-grid-item:nth-child(3n+1) {
        margin-right: 0;
        margin-left: initial
    }

    .re-sub-wrap .newsletter-form-section {
        width: 49%;
        display: inline-block;
        margin-right: 2%
    }

    .re-sub-wrap .newsletter-form-section:nth-child(even) {
        margin-right: 0
    }

    .main_nav_column,
    .main_nav_image_nav_column {
        width: 33%
    }

    .main_nav_column h3:after {
        content: none
    }

    .main_nav_column a {
        display: block;
        line-height: 1.6
    }

    .logo_search {
        margin: 0 0 50px
    }

    .main_nav_column h3 {
        border-bottom: 1px solid #44ad49
    }

    .main_nav_social .container {
        display: flex
    }

    .main_nav_social .container>span {
        margin-right: 1em
    }

    .main_nav_column h3 span {
        display: none
    }

    .tabs {
        display: flex
    }

    .tabs .tabs-block {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tabs>ul {
        width: 30%
    }

    .tabs>ul li a {
        flex-wrap: wrap
    }

    .tabs>ul li a>span {
        width: 100%
    }

    .tabs>ul li a>span.tab-label {
        width: 100%;
        display: block;
        margin-top: .2rem
    }

    .tabs section {
        width: calc(70%);
        padding: 2rem
    }

    .book-grid-thumb-content {
        padding: 3em
    }
}

@media screen and (min-width:768px) and (max-width:1161px) {
    .menu nav ul.main-nav li .sub-nav {
        margin-left: 0
    }
}

@media (min-width:800px) {
    .our-company-section-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .our-company-section {
        display: inline-block;
        vertical-align: top;
        width: 25%
    }

    .pvmv-wrapper .pvmv-header h2,
    .pvmv-wrapper .pvmv-header h4 {
        font-size: 40px;
        padding: 1.2em 0;
        letter-spacing: 1.4px
    }

    .pvmv-wrapper .pvmv-header h2 {
        font-size: 40px
    }

    .pvmv-wrapper .pvmv-header h3 {
        font-size: 114px
    }

    .pvmv-wrapper .pvmv-header p,
    .pvmv-wrapper .pvmv-header ul {
        font-size: 20px
    }

    .pvmv-wrapper .pvmv-header ul {
        padding-left: 0
    }
}

@media screen and (min-width:800px) {
    .book-grid-thumb {
        width: 12.5%
    }

    .book-grid-thumb:nth-of-type(3n+3) {
        margin-right: 2%
    }

    .html-rtl .book-grid-thumb:nth-of-type(3n+3) {
        margin-left: 2%;
        margin-right: 0
    }

    .book-grid-thumb:nth-of-type(7n+7) {
        margin-right: 0
    }

    .book-grid-thumb:nth-of-type(7n+7) .html-rtl {
        margin-left: 0
    }

    .html-rtl .book-grid-thumb:nth-of-type(7n+7) {
        margin-left: 0
    }
}

@media (min-width:900px) {
    .news-item img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .news-item {
        float: left;
        width: 49%;
        margin: .5%
    }

    .news-item header {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .news-item.big {
        min-height: 598px;
        max-height: 598px
    }

    .news-item.big figure {
        min-height: 600px;
        max-height: 600px;
        display: grid
    }

    .news-item.sml,
    .news-item.med {
        min-height: 294.5px;
        max-height: 294.5px
    }

    .news-item.sml figure,
    .news-item.med figure {
        min-height: 294.5px;
        max-height: 294.5px;
        display: grid
    }

    .news-item.sml.sml,
    .news-item.med.sml {
        width: 24%
    }
}

@media (min-width:930px) {

    .btn.apply-now,
    a.btn.apply-now {
        float: right;
        padding: .5em 1em;
        margin: -2px 0 0 0
    }

    .html-rtl .btn.apply-now,
    .html-rtl a.btn.apply-now {
        float: left
    }

    .page-controls-share-record a.apply-now {
        top: 2.4em
    }
}

@media screen and (min-width:950px) {
    .quote-component-text {
        padding: 2em
    }

    .quote-marks.quote-component .quote-component-text:before {
        height: 100px;
        width: 145px;
        left: -17%;
        top: -19px
    }

    .quote-marks.quote-component .quote-component-text:after {
        height: 100px;
        width: 145px;
        right: -17%
    }
}

@media screen and (min-width:1000px) and (max-width:1513px) {
    .menu nav {
        font-size: .8em
    }
}

@media screen and (min-width:1000px) and (max-width:1455px) {
    .gwr-kids .menu nav {
        font-size: 1em
    }
}

@media screen and (min-width:1000px) and (max-width:1327px) {
    .menu nav ul.main-nav li .sub-nav ul li .features .feature div {
        margin-bottom: .5em
    }

    .gwr-kids .menu nav ul.main-nav li .sub-nav ul li .features .feature div {
        margin-bottom: 0
    }

    .menu nav ul.main-nav li .sub-nav ul li .features .feature span {
        font-size: .8em;
        margin-top: -8px
    }
}

@media (min-width:1024px) {

    .main_nav_column,
    .main_nav_image_nav_column {
        width: 25%
    }
}

@media (min-width:1028px) {
    .gwr-kids .navbar {
        height: 108px
    }

    .gwr-kids .navbar .navbar-logo img {
        height: auto;
        width: 200px;
        margin-left: .625rem;
        padding: 0
    }

    .gwr-kids .navbar .navbar-items.show {
        display: flex
    }

    .gwr-kids .navbar .navbar-items {
        position: static;
        background-color: transparent;
        line-height: 1.3;
        height: 100%;
        display: flex
    }

    .gwr-kids .navbar .navbar-items .navbar-item {
        position: static;
        height: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        text-shadow: 1px 1px 2px #000
    }

    .gwr-kids .navbar .navbar-items .navbar-item .primary {
        padding: 0 16px;
        font-size: 21px
    }

    .gwr-kids .navbar .navbar-items .navbar-item .primary img {
        display: block
    }

    .gwr-kids .navbar .navbar-items .navbar-item .primary .arrow-down {
        display: none
    }

    .gwr-kids .navbar .navbar-items .navbar-item .primary .navbar-item-text {
        color: #fff;
        padding: 0
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav {
        display: none;
        background-color: #2e037d;
        width: 100%;
        top: 108px;
        left: 0;
        text-shadow: 1px 1px 2px #000;
        font-size: 18px;
        position: absolute;
        padding: 0 20%
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .navbar-item {
        background-color: transparent
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary {
        padding: 16px;
        font-size: 18px;
        white-space: nowrap
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary a {
        color: #fff;
        text-decoration: none
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary:hover {
        background-color: #250264
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary:hover .tertiary-nav {
        display: flex
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary .tertiary-nav {
        margin: 0;
        position: absolute;
        top: 52px;
        width: 100%;
        background-color: #250264;
        left: 0;
        padding: 18px;
        display: none;
        justify-content: center;
        gap: 16px
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary .tertiary-nav li {
        width: auto;
        list-style: none
    }

    .gwr-kids .navbar .navbar-items .navbar-item .secondary-nav .navbar-items .secondary .tertiary-nav li img {
        height: 140px;
        object-fit: cover
    }

    .gwr-kids .navbar .navbar-items .navbar-item:hover {
        background-color: #2e037d
    }

    .gwr-kids .navbar .navbar-items .navbar-item:hover .secondary-nav {
        display: block
    }

    .gwr-kids .navbar .navbar-items .navbar-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        text-decoration: none
    }

    .gwr-kids .navbar .navbar-items .navbar-item img {
        height: 60px
    }

    .gwr-kids .navbar .plus-button:hover {
        background-color: rgba(250, 250, 250, .1)
    }

    .gwr-kids .navbar .mobile-nav {
        display: none
    }
}

@media (min-width:1028px) and (min-width:1280px) {
    .gwr-kids .navbar .navbar-items .navbar-item .primary {
        padding: 0 23px
    }
}

@media (min-width:1106px) {
    .main_nav_close .icon-close {
        margin-top: 20px
    }
}

@media (min-width:1161px) {
    .gwr-kids .header .logo {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 99
    }

    .gwr-kids .header .logo a {
        width: 320px;
        max-width: 340%;
        background-size: contain;
        background-repeat: no-repeat;
        height: auto;
        margin-top: 5px;
        margin-left: 1.625rem
    }

    .header .logo img {
        margin: .75em auto;
        width: 66px
    }

    .html-rtl .header .logo img {
        margin: .75em .75em 0 0
    }

    .header .nav-links a {
        width: 93px;
        height: 93px;
        padding: 25px;
        font-size: 26px
    }

    .header .nav-links a#globe {
        text-transform: uppercase
    }

    .header .nav-links a#globe .two-letter-iso-code {
        font-size: 16px;
        float: left;
        margin-right: 4px;
        margin-left: 20px
    }

    .header .nav-links a#globe .icon-earth2 {
        display: block;
        font-size: 25px;
        margin-top: 4px;
        float: left
    }

    .header .nav-links a#globe .icon-arrow-down {
        font-size: 13px;
        right: 27px;
        bottom: 28px
    }

    .header .nav-links .mobileicon {
        display: none
    }

    .header .nav-links {
        float: right
    }

    .html-rtl .header .nav-links {
        float: left
    }

    .header #countries,
    .header #useractions,
    .header #search-bar {
        margin-top: 76px
    }

    .header #countries.show,
    .header #useractions.show,
    .header #search-bar.show {
        width: 100%;
        max-width: 279px;
        top: 17px
    }

    .gwr-kids .header #countries.show,
    .gwr-kids .header #useractions.show,
    .gwr-kids .header #search-bar.show {
        top: 38px
    }

    .header #otherlinks {
        padding: 27px 23px;
        line-height: 0;
        height: 100px;
        width: 100px;
        font-size: 50px
    }

    .gwr-kids .header #otherlinks {
        padding: 29px 25px
    }

    .menu nav ul.main-nav>li.active,
    .menu nav ul.main-nav>li.active>div>a {
        background-color: #14ade4;
        color: #fff
    }

    .menu nav ul.main-nav>li.active:hover,
    .menu nav ul.main-nav>li.active:hover>div>a {
        background-color: transparent
    }

    .menu nav ul.main-nav>li.active>div>a {
        margin-right: 1px;
        border: 0
    }

    .menu {
        position: relative;
        width: 85%
    }

    .html-rtl .menu {
        float: left
    }

    .gwr-kids .menu {
        padding-left: 12%
    }

    .menu nav {
        display: inline-block;
        margin-top: 21px;
        vertical-align: middle
    }

    .menu nav ul.main-nav {
        opacity: 1;
        background: 0 0;
        position: static;
        margin-left: 0
    }

    .menu nav ul.main-nav li a.mob-menu-link {
        float: none !important;
        width: auto;
        line-height: 1.3rem;
        text-align: left
    }

    .gwr-kids .menu nav ul.main-nav li a.mob-menu-link {
        color: #fff
    }

    .gwr-kids .menu nav ul.main-nav li a.mob-menu-link>img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        padding-bottom: 5px
    }

    .menu nav ul.main-nav li .mob-menu-nav {
        display: none
    }

    .menu nav ul.main-nav li:hover a.mob-menu-link {
        color: #e5e5e5
    }

    .menu nav ul.main-nav li:hover a.mob-menu-link.uppercase {
        color: #fff
    }

    .menu nav ul.main-nav li:hover .sub-nav {
        background-color: #fff;
        min-height: 300px
    }

    .gwr-kids .menu nav ul.main-nav li:hover .sub-nav {
        background: #310880;
        min-height: auto;
        text-align: center;
        margin-top: 0
    }

    .menu nav ul.main-nav li .sub-nav {
        margin-top: 14px;
        width: 115%;
        padding: 25px 0;
        margin-left: -15%;
        background-position: top right;
        background-size: cover;
        background-repeat: no-repeat
    }

    .gwr-kids .menu nav ul.main-nav li .sub-nav {
        padding: 0
    }

    .html-rtl .menu nav ul.main-nav li .sub-nav {
        margin-left: 0
    }

    .menu nav ul.main-nav li .sub-nav ul {
        margin-left: 13%;
        width: 17%;
        box-shadow: -16px 12px 100px -6px rgba(0, 0, 0, .04)
    }

    .gwr-kids .menu nav ul.main-nav li .sub-nav ul {
        text-align: center;
        width: 79%;
        margin-left: 21%
    }

    .html-rtl .menu nav ul.main-nav li .sub-nav ul {
        margin-right: 13.9%;
        box-shadow: 16px 12px 100px -6px rgba(0, 0, 0, .04)
    }

    .menu nav ul.main-nav li .sub-nav ul li {
        border-bottom: solid 1px rgba(255, 255, 255, .3)
    }

    .gwr-kids .menu nav ul.main-nav li .sub-nav ul li {
        display: inline;
        float: left;
        width: auto;
        border-bottom: 0
    }

    .menu nav ul.main-nav>li {
        float: left;
        list-style: none;
        display: block
    }

    .html-rtl .menu nav ul.main-nav>li {
        float: right
    }

    .menu nav ul.main-nav>li>div {
        margin-right: -1px;
        color: #ccc;
        padding-bottom: 23px
    }

    .gwr-kids .menu nav ul.main-nav>li>div {
        padding-bottom: 0
    }

    .menu nav ul.main-nav>li div>a.mob-menu-link {
        border-right: 1px solid #e0dfde
    }

    .gwr-kids .menu nav ul.main-nav>li div>a.mob-menu-link {
        border: 0;
        padding: 14px 23px
    }

    .menu nav ul.main-nav.responsive li a.mob-menu-link {
        padding: 25px
    }

    .header .logo a {
        margin: .4em 0 0 1em;
        width: 79px;
        background-size: 68px
    }

    .mobileicon_desktop {
        margin-top: 0;
        margin-left: -10px
    }
}

@media screen and (min-width:1161px) {
    .gwr-kids .menu nav {
        text-shadow: 1px 1px 2px #000;
        font-size: 21px;
        font-weight: 400;
        margin-top: 0
    }

    .gwr-kids .menu nav ul.main-nav li .sub-nav ul li a {
        font-size: 18px
    }

    .mobileicon_desktop {
        display: inline-block;
        vertical-align: middle;
        margin-top: 10px
    }
}

@media (min-width:1200px) {
    .news-item.big {
        min-height: 597px;
        max-height: 597px
    }

    .news-item.big figure {
        min-height: 600px;
        max-height: 600px;
        display: grid
    }
}

@media screen and (min-width:1200px) {
    .book-grid-container.container {
        max-width: 95%
    }
}

@media screen and (min-width:1243px) {
    .main-nav-kids-url-li img {
        max-width: 150px;
        padding: 5px 7px 7px
    }
}

@media (min-width:1280px) {
    .gwr-kids .navbar .end-block.end {
        width: 200px
    }
}

@media (min-width:1380px) {
    .header .nav-links a.main-nav-kids-url-li {
        display: table-cell;
        padding: 0 20px 0 0
    }
}

@media screen and (min-width:1428px) {
    .main-nav-kids-url-li img {
        max-width: 150px;
        right: 325px
    }
}

@media screen and (min-width:1600px) {
    .main-nav-kids-url-li img {
        max-width: 160px;
        padding: 1px 6px 4px
    }
}

@media (max-width:1161px) {
    .menu nav ul.main-nav li.show .sub-nav ul li a {
        font-size: 14px
    }

    .html-rtl .menu nav ul.main-nav li.show .sub-nav ul li a {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .half {
        width: 100%
    }

    .memory-game-button {
        float: none
    }
}

@media screen and (max-width:760px) {
    #Kids-image-map.desktop-only {
        display: none
    }
}

@media (max-width:480px) {

    .case-study-body-wrap>.container,
    .news-body-wrap>.container {
        padding: 0
    }

    ul.memory-cards li {
        width: 22%;
        margin: 1.5%
    }

    td:first-child {
        white-space: normal
    }
}

@media (max-width:42.666666666666664em) {
    .legal-table td {
        display: block
    }

    .legal-table td:first-child {
        border-bottom: 0
    }

    .video-player-wrapper .video-thumb {
        display: none
    }

    .alerts .container {
        max-width: 100%;
        margin: 0
    }

    .fancybox-nav {
        top: 32%;
        width: 25%;
        height: 35%
    }
}

@media (max-width:33.333333333333336em) {
    .where-to-buy img {
        display: block
    }

    .wysi-image-gallery li img {
        width: 48%
    }
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@-webkit-keyframes neon2 {
    from {
        box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF
    }

    to {
        box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF
    }
}