@font-face {
    font-family: 'Rubik-Regular';
    src: url(fonts/Rubik-Regular.eot);
    src: url('fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'), url(fonts/Rubik-Regular.woff) format('woff'), url(fonts/Rubik-Regular.ttf) format('truetype'), url('fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Rubik-Bold';
    src: url(fonts/Rubik-Bold.eot);
    src: url('fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'), url(fonts/Rubik-Bold.woff) format('woff'), url(fonts/Rubik-Bold.ttf) format('truetype'), url('fonts/Rubik-Bold.svg#Rubik-Bold') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Rubik-Medium';
    src: url(fonts/Rubik-Medium.eot);
    src: url('fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'), url(fonts/Rubik-Medium.woff) format('woff'), url(fonts/Rubik-Medium.ttf) format('truetype'), url('fonts/Rubik-Medium.svg#Rubik-Medium') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Rubik-Black';
    src: url(fonts/Rubik-Black.eot);
    src: url('fonts/Rubik-Black.eot?#iefix') format('embedded-opentype'), url(fonts/Rubik-Black.woff) format('woff'), url(fonts/Rubik-Black.ttf) format('truetype'), url('fonts/Rubik-Black.svg#Rubik-Black') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Rubik-Light';
    src: url(fonts/Rubik-Light.eot);
    src: url('fonts/Rubik-Light.eot?#iefix') format('embedded-opentype'), url(fonts/Rubik-Light.woff) format('woff'), url(fonts/Rubik-Light.ttf) format('truetype'), url('fonts/Rubik-Light.svg#Rubik-Light') format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #353535;
    line-height: 2em
}

a {
    color: #ff7300
}

a:hover,
a:focus {
    color: #ef421d;
    text-decoration: none
}

h1,
h2,
h3,
h4 {
    font-weight: 400;
    color: #ef421d
}

h1 {
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    font-size: 34px;
    text-transform: uppercase
}

h2 {
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase
}

h3 {
    font-size: 18px
}

p {
    margin: 0
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
    overflow: hidden
}

.btn-default {
    color: #fff;
    background-color: #ef421d;
    border-color: transparent;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 14.58px;
    line-height: 17.04px;
    padding: 6px 20px
}

.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    color: #fff;
    background-color: #f05a21;
    border-color: transparent;
    box-shadow: none
}

.btn-default.btn-sm {
    padding: 5px 10px;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-transform: capitalize
}

.btn.disabled {
    color: #ef421d;
    opacity: 1
}

.btn-plain {
    color: #353535;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 14.58px;
    line-height: 17.04px;
    padding: 6px 20px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}

[class*="mobile"] {
    display: none!important
}

[class*="desktop"] {
    display: block!important
}

@media screen and (max-width:767px) {
    [class*="mobile"] {
        display: block!important
    }
    [class*="desktop"] {
        display: none!important
    }
}

.sidebar-btn .navbar-btn {
    background-color: transparent;
    padding-top: 20px;
    font-size: 37px;
    color: #fff
}

#generic .sidebar-btn .navbar-btn {
    color: #ef421d
}

.sidebar-btn .navbar-btn:focus,
.sidebar-btn .navbar-btn.focus,
sidebar-btn .navbar-btn:active:focus,
sidebar-btn .navbar-btn:active.focus,
sidebar-btn .navbar-btn.active:focus,
sidebar-btn .navbar-btn.active.focus {
    outline: 0
}

.sidebar-btn .navbar-btn:active,
.sidebar-btn .navbar-btn.active {
    box-shadow: none
}

.sidebar-btn .navbar-btn em {
    display: inline-block;
    line-height: normal
}

.sidebar-btn .navbar-btn span {
    display: none
}

#sidebar {
    width: 300px;
    position: fixed;
    top: 0;
    left: -300px;
    height: 100vh;
    z-index: 999;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .2)
}

#sidebar.active {
    left: 0
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 998;
    display: none;
    top: 0
}

#sidebar .sidebar-header {
    padding: 20px 10px 20px 40px;
    background: #f05a21
}

#sidebar .sidebar-header h3 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

#sidebar .nav>li>a {
    text-transform: uppercase;
    padding: 5px 10px 5px 40px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    opacity: .9
}

#sidebar .nav>li>a:hover {
    background: rgba(0, 0, 0, 1);
    opacity: 1
}

#sidebar .nav>li>.group>li>a {
    opacity: .7;
    background: transparent
}

#sidebar .nav>li>.group>li>a:hover {
    opacity: 1
}

#sidebar .nav>li:first-child>ul>li:last-child {
    display: none
}

@media (max-width:767px) {
    .ba-nav {
        background-color: #f05a21
    }
    #sidebar {
        width: 100%;
        left: -101%
    }
    .sidebar-btn {
        text-align: center
    }
    .sidebar-btn .navbar-btn {
        text-transform: uppercase;
        padding-top: 0;
        font-size: 28px
    }
    .sidebar-btn .navbar-btn em {
        font-size: 23px
    }
    .sidebar-btn .navbar-btn span {
        display: inline-block
    }
    #dismiss {
        left: 125px;
        top: 26px;
        width: 140px;
        text-align: left
    }
    #dismiss .glyphicon {
        font-size: 23px
    }
    #sidebar .sidebar-header {
        padding: 25px 10px 20px 40px;
        background: #000
    }
    #sidebar .sidebar-header h3 {
        text-align: center;
        font-size: 28px
    }
    #sidebar .nav>li:first-child>ul>li:last-child {
        display: block
    }
    #sidebar .nav>li>a {
        text-align: center;
        padding: 5px 10px
    }
}

.owl-carousel .owl-video-tn {
    background-size: cover;
    -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 0 20px 10px rgba(0, 0, 0, .23);
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, .23)
}

.owl-carousel .item-video {
    height: 325px
}

@media (min-width:1200px) {
    .owl-carousel .item-video {
        height: 500px
    }
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none
}

#masthead {
    border-top: 10px solid #f05a21;
    position: relative;
    z-index: 199
}

.mce-logo {
    text-align: right;
    padding-right: 0
}

@media screen and (max-width:767px) {
    .ba-logo {
        padding-left: 15px
    }
    .ba-logo img {
        width: 100%
    }
    .mce-logo img {
        width: 100%
    }
}

#mainbanner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin-bottom: 0
}

#topbanner {
    position: relative;
    top: -147px;
    margin-bottom: -147px
}

@media screen and (max-width:767px) {
    #topbanner {
        top: -99px;
        margin-bottom: -99px
    }
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.main-carousel .carousel-caption {
    top: 25%;
    left: 20px;
    bottom: 0;
    padding-top: 0;
    text-align: left;
    width: 326px
}

.main-carousel .carousel-caption h1 {
    font-size: 40px;
    color: #f05a21;
    line-height: 46px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 4px 0 0, rgb(255, 255, 255) 3.87565px .989616px 0, rgb(255, 255, 255) 3.51033px 1.9177px 0, rgb(255, 255, 255) 2.92676px 2.72656px 0, rgb(255, 255, 255) 2.16121px 3.36588px 0, rgb(255, 255, 255) 1.26129px 3.79594px 0, rgb(255, 255, 255) .282949px 3.98998px 0, rgb(255, 255, 255) -.712984px 3.93594px 0, rgb(255, 255, 255) -1.66459px 3.63719px 0, rgb(255, 255, 255) -2.51269px 3.11229px 0, rgb(255, 255, 255) -3.20457px 2.39389px 0, rgb(255, 255, 255) -3.69721px 1.52664px 0, rgb(255, 255, 255) -3.95997px .56448px 0, rgb(255, 255, 255) -3.97652px -.432781px 0, rgb(255, 255, 255) -3.74583px -1.40313px 0, rgb(255, 255, 255) -3.28224px -2.28625px 0, rgb(255, 255, 255) -2.61457px -3.02721px 0, rgb(255, 255, 255) -1.78435px -3.57996px 0, rgb(255, 255, 255) -.843183px -3.91012px 0, rgb(255, 255, 255) .150409px -3.99717px 0, rgb(255, 255, 255) 1.13465px -3.8357px 0, rgb(255, 255, 255) 2.04834px -3.43574px 0, rgb(255, 255, 255) 2.83468px -2.82216px 0, rgb(255, 255, 255) 3.44477px -2.03312px 0, rgb(255, 255, 255) 3.84068px -1.11766px 0, rgb(255, 255, 255) 3.9978px -.132717px 0
}

.main-carousel .carousel-caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: initial;
    color: #000;
    line-height: 27px;
    text-shadow: none
}

.main-carousel .carousel-caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.main-carousel .carousel-caption .btn-default {
    padding: 6px 40px;
    margin-right: 10px
}

.main-carousel .carousel-indicators li {
    margin: 1px 10px
}

@media screen and (min-width:768px) {
    .main-carousel .carousel-caption {
        top: 15%;
        left: 9%
    }
}

@media screen and (max-width:767px) {
    .main-carousel .carousel-caption h1 {
        font-size: 35px;
        line-height: initial;
        text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
    }
    .main-carousel .carousel-caption h2 {
        font-size: 16px;
        line-height: 21px;
        margin-top: 10px
    }
}

.banner-parents img {
    width: 100%
}

.banner-parents .caption {
    position: absolute;
    width: 340px;
    right: 15%;
    top: 33%
}

.banner-parents .caption h1 {
    color: #f05a21;
    line-height: 39px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 4px 0 0, rgb(255, 255, 255) 3.87565px .989616px 0, rgb(255, 255, 255) 3.51033px 1.9177px 0, rgb(255, 255, 255) 2.92676px 2.72656px 0, rgb(255, 255, 255) 2.16121px 3.36588px 0, rgb(255, 255, 255) 1.26129px 3.79594px 0, rgb(255, 255, 255) .282949px 3.98998px 0, rgb(255, 255, 255) -.712984px 3.93594px 0, rgb(255, 255, 255) -1.66459px 3.63719px 0, rgb(255, 255, 255) -2.51269px 3.11229px 0, rgb(255, 255, 255) -3.20457px 2.39389px 0, rgb(255, 255, 255) -3.69721px 1.52664px 0, rgb(255, 255, 255) -3.95997px .56448px 0, rgb(255, 255, 255) -3.97652px -.432781px 0, rgb(255, 255, 255) -3.74583px -1.40313px 0, rgb(255, 255, 255) -3.28224px -2.28625px 0, rgb(255, 255, 255) -2.61457px -3.02721px 0, rgb(255, 255, 255) -1.78435px -3.57996px 0, rgb(255, 255, 255) -.843183px -3.91012px 0, rgb(255, 255, 255) .150409px -3.99717px 0, rgb(255, 255, 255) 1.13465px -3.8357px 0, rgb(255, 255, 255) 2.04834px -3.43574px 0, rgb(255, 255, 255) 2.83468px -2.82216px 0, rgb(255, 255, 255) 3.44477px -2.03312px 0, rgb(255, 255, 255) 3.84068px -1.11766px 0, rgb(255, 255, 255) 3.9978px -.132717px 0
}

.banner-parents .caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: initial;
    font-size: 18px;
    color: #2e9495;
    line-height: 28px;
    margin-top: 10px;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.banner-parents .caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

@media screen and (max-width:767px) {
    .banner-parents .caption {
        width: 300px;
        top: 100px;
        right: inherit;
        bottom: 10px;
        left: 20px
    }
    .banner-parents .caption h1 {
        font-size: 32px
    }
    .banner-parents .caption h2 {
        font-size: 14px;
        line-height: normal
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-parents .caption {
        right: 5%;
        top: 20%
    }
}

.parents-benefits {
    background-color: #fef7eb;
    padding: 75px 0 50px;
    position: relative
}

.parents-benefits h1 {
    margin: 0;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.parents-benefits .icon {
    position: absolute;
    right: 0;
    bottom: 30px
}

.parents-benefits .row,
.student-lets-go .row {
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .parents-benefits {
        padding: 30px 0
    }
    .parents-benefits .icon {
        display: none
    }
    .parents-benefits .row {
        margin-top: 0
    }
    .parents-benefits h1 {
        margin: 0 0 40px
    }
}

.parental-controls {
    background-color: #f53c14;
    padding: 75px 0 50px;
    position: relative
}

.parental-controls h1 {
    margin: 0 0 40px;
    color: #fff
}

.parental-controls .feature-box h3,
.parental-controls .feature-box h3 span.subtitle {
    color: #fff
}

.parental-controls .feature-box h3 span.subtitle {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    line-height: 20px;
    margin-top: 15px
}

.parents-guides,
.parents-gameplay {
    background-color: #373131;
    padding: 75px 0 50px;
    position: relative
}

.parents-guides h1,
.parents-gameplay h1 {
    margin: 0 0 40px;
    color: #fff
}

.video-carousel.owl-carousel.owl-drag .owl-item {
    padding: 0
}

.parents-subscription {
    background: url(/images/librariesprovider2/default-album/background_subscribe.jpg);
    background-size: cover;
    padding: 75px 0 50px;
    position: relative
}

.parents-subscription h1 {
    margin-top: 0;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.parents-subscription .icon {
    position: absolute;
    right: 0;
    bottom: 10px
}

@media screen and (max-width:767px) {
    .parents-subscription .icon {
        display: none
    }
}

@media (min-width:1200px) {
    .container.subscription {
        width: 670px
    }
}

.subscription-box {
    position: relative;
    border: 10px solid #FFF;
    border-radius: 20px;
    text-align: center;
    -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 0 30px 5px rgba(0, 0, 0, .35);
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .35);
    background-color: #FFF;
    min-height: 390px;
    margin-top: 30px
}

.subscription-title {
    padding: 15px 0;
    background-color: #f53c14;
    border-radius: 10px 10px 0 0
}

.subscription-title h3 {
    margin: 0;
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    font-size: 34px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #FFF
}

.subscription-description {
    color: #f53c14;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    font-size: 44px;
    margin-top: 20px
}

.subscription-description .price-tenure {
    display: block;
    font-size: 20px;
    margin-top: 3px;
    text-transform: uppercase
}

.subscription-description p {
    font-size: 14px
}

.subscription-features ul {
    color: #f53c14;
    margin: 0;
    padding: 15px 0;
    list-style: none
}

.subscription-features li {
    font-size: 14px;
    line-height: 15px
}

.subscription-download {
    padding: 0 0 20px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.subscription-download img {
    width: 124px
}

.subscription-action {
    padding: 0;
    overflow: hidden
}

.subscription-action ul {
    color: #f53c14;
    margin: 0;
    padding: 15px 0;
    list-style: none
}

.subscription-action li {
    float: left;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 23.82px;
    border-right: 1px solid rgba(0, 0, 0, .27);
    padding: 0 6px
}

.subscription-action li span {
    display: block;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    font-size: 14.05px;
    margin-top: 3px;
    text-transform: uppercase
}

.subscription-action li:first-child {
    padding-left: 0
}

.subscription-action li:last-child {
    border-right: 0 solid rgba(0, 0, 0, .27);
    padding-right: 0
}

.subscription-box.subscription-both {
    margin-top: 30px;
    min-height: auto
}

.subscription-box.subscription-both .subscription-title h3 {
    font-size: 18px
}

.subscription-box.subscription-both .subscription-features {
    text-align: left
}

.subscription-box.subscription-both .subscription-features ul {
    color: #f53c14;
    margin: 0 auto;
    padding: 15px 0;
    list-style: none;
    width: 400px
}

.subscription-box.subscription-both .subscription-features li {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    line-height: 16.15px;
    margin-bottom: 20px
}

.subscription-box.subscription-both .subscription-features li:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .subscription-box.subscription-both .subscription-features ul {
        width: auto;
        margin: 0 0 0 55px
    }
}

.parents-newsletter {
    background: url(/images/librariesprovider2/icons/newsletter.png?sfvrsn=21aba948_2) 5% bottom no-repeat;
    background-color: #fab73e;
    padding: 75px 0 50px;
    position: relative;
    min-height: 355px
}

.parents-newsletter h1 {
    color: #48a1a2;
    margin: 0;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.parents-newsletter .caption {
    position: relative;
    width: auto;
    left: auto;
    top: auto
}

@media (min-width:768px) {
    .parents-newsletter .caption {
        position: absolute;
        width: 455px;
        left: 40%;
        top: 33%
    }
}

@media (max-width:565px) {
    .parents-newsletter .caption {
        margin-bottom: 240px
    }
}

.parents-newsletter .caption p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 20px
}

#newsletterModal .modal-content {
    border-radius: 0;
    background-color: #fab73e
}

#newsletterModal .modal-header {
    background: url(/images/librariesprovider2/default-album/background_newsletter.jpg?sfvrsn=e7940514_2) center top no-repeat;
    padding: 127px 15px 10px 15px;
    border-bottom: 0
}

.newsletterModal .modal-body {
    padding: 15px 15px 0 15px;
    border-radius: 0;
    background-color: #fab73e
}

#newsletterModal .modal-title {
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #f05a21;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0;
    text-align: center
}

.newsletterModal .form-control {
    width: 90%;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    margin: 0 auto 10px;
    background-color: #e8f9ff;
    border-color: transparent;
    border-radius: 17px;
    text-align: center
}

.newsletterModal .checkbox {
    margin-bottom: 0
}

.newsletterModal .checkbox label {
    font-size: 12px;
    line-height: 22px;
    color: #424242
}

.newsletterModal .modal-footer {
    background-color: #fab73e;
    text-align: center;
    border-top: 0
}

.newsletterModal .btn-default {
    width: 70%
}

.newsletterModal .btn-default.disabled {
    opacity: .5;
    color: #fff;
    pointer-events: none
}

.newsletterModal .btn-default.disabled:hover {
    color: #f05a21
}

@media (min-width:768px) {
    #newsletterModal .modal-dialog {
        width: 500px
    }
    #newsletterModal .form-control {
        width: 52%
    }
    #newsletterModal .btn-default {
        width: 30%
    }
}

.parents-gameplay p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px
}

.parents-testimonials {
    background: url(/images/librariesprovider2/default-album/background_testimonials.jpg);
    background-size: cover;
    padding: 75px 0 80px;
    position: relative;
    text-align: center
}

.parents-testimonials h1 {
    margin: 0 0 20px;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.parents-testimonials h2 {
    color: #f53c14;
    font-size: 18px;
    margin-bottom: 40px;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.parents-testimonials .testimonial-carousel {
    margin-bottom: 80px
}

.parents-testimonials .testimonial-carousel .owl-item {
    background-color: #ebebeb;
    border: 6px solid #fff;
    border-radius: 40px;
    padding: 30px 50px 80px;
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: .7;
    min-height: 245px
}

@media (max-width:767px) {
    .parents-testimonials .testimonial-carousel {
        margin-bottom: 40px
    }
    .parents-testimonials .testimonial-carousel .owl-item {
        min-height: 320px
    }
    .parents-testimonials .testimonial-carousel.owl-drag .owl-item {
        padding: 40px 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .parents-testimonials .testimonial-carousel .owl-item {
        min-height: 320px
    }
}

.parents-testimonials .testimonial-carousel .owl-item.active.center {
    opacity: 1
}

.parents-testimonials .testimonial-carousel .owl-item:before {
    content: '';
    height: 48px;
    width: 61px;
    background: url(/images/librariesprovider2/icons/icon-open-quotes.png) no-repeat;
    position: absolute;
    top: -15px;
    left: -15px
}

.parents-testimonials .testimonial-carousel .owl-item:after {
    content: '';
    height: 48px;
    width: 61px;
    background: url(/images/librariesprovider2/icons/icon-closed-quote.png) no-repeat;
    position: absolute;
    bottom: -15px;
    right: -15px
}

.parents-testimonials .testimonial-carousel .owl-item .testi-content {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 23px;
    padding: 0 70px
}

@media (max-width:767px) {
    .parents-testimonials .testimonial-carousel .owl-item:before {
        top: -20px;
        left: 20px
    }
    .parents-testimonials .testimonial-carousel .owl-item:after {
        bottom: -20px;
        right: 20px
    }
    .parents-testimonials .testimonial-carousel .owl-item .testi-content {
        padding: 0 30px
    }
}

.parents-testimonials .testimonial-carousel .owl-item .testi-meta {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #f53c14;
    margin: auto 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0
}

.parents-testimonials .testimonial-carousel .owl-item .testi-meta:before {
    content: '';
    display: block;
    width: 20px;
    border-top: 2px solid #f53c14;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    left: 0;
    right: 0
}

.parents-promo {
    background-color: #f05a21;
    text-align: center;
    color: #fff;
    padding: 45px 0
}

.parents-promo h1 {
    font-size: 48px;
    color: #fff
}

.parents-promo p {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: normal;
    margin-bottom: 25px
}

.parents-promo .form-control {
    height: 36px;
    padding: 30px 6px;
    background-color: #f05a21;
    border: 2px solid rgba(255, 255, 255, .7);
    border-radius: 36px
}

.parents-promo .form-control,
.parents-promo output {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #fff;
    text-align: center
}

.parents-promo .form-control::-moz-placeholder {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    opacity: 1
}

.parents-promo .form-control:-ms-input-placeholder {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    opacity: .4
}

.parents-promo .form-control::-webkit-input-placeholder {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    opacity: .4
}

.parents-promo .btn-default {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 38px;
    color: #f05a21;
    background-color: #fff;
    border-radius: 36px;
    padding: 20px 50px;
    border-radius: 38px
}

.student-intro {
    background-color: #f53c14;
    padding: 75px 0 50px;
    position: relative
}

.student-intro h1 {
    margin: 0 0 20px;
    color: #fff
}

.student-intro p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.arkies-carousel-container {
    background: url(/images/librariesprovider2/icons/arkies_podium.png) 540px top no-repeat;
    background-size: contain
}

.arkies-carousel .owl-item {
    height: 415px
}

.arkies-carousel.owl-carousel.owl-drag .owl-item {
    padding: 0
}

.arkies-carousel .speech {
    background: url(/images/librariesprovider2/icons/arkies_speech.png) no-repeat;
    width: 256px;
    height: 159px;
    font-size: 20px;
    line-height: 25.7px;
    color: red;
    padding: 40px 35px 0 35px;
    position: absolute;
    top: 30px;
    left: 70px
}

.arkies-carousel .character {
    position: absolute;
    top: 27px;
    right: 95px;
    height: 330px
}

.arkies-carousel .character-name {
    width: 120px;
    position: absolute;
    top: 338px;
    right: 171px;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.arkies-carousel .character-name h3 {
    font-size: 25px
}

.arkies-carousel.owl-theme .owl-nav {
    margin-top: -220px;
    margin-bottom: 200px
}

.arkies-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    opacity: .5;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 80px;
    line-height: 40px;
    margin: 0;
    border-radius: 0;
    display: initial;
    background: transparent;
    border: 0
}

.arkies-carousel.owl-carousel .owl-nav button.owl-prev,
.arkies-carousel.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    outline: none
}

.arkies-carousel.owl-carousel .owl-nav button.owl-prev {
    right: 440px
}

.arkies-carousel.owl-carousel .owl-nav button.owl-next {
    right: 5px
}

@media screen and (max-width:767px) {
    .student-intro p {
        font-size: 14px;
        line-height: 20px;
        height: 230px
    }
    .arkies-carousel-container {
        background: url(/images/librariesprovider2/icons/arkies_podium.png) center 330px no-repeat;
        background-size: 95%
    }
    .arkies-carousel .owl-item {
        height: 580px
    }
    .arkies-carousel .speech {
        position: relative;
        top: initial;
        left: initial;
        font-size: 14px;
        line-height: 18px;
        background-size: 85%;
        padding: 40px 70px 0 25px
    }
    .arkies-carousel .character {
        position: absolute;
        right: 30px;
        bottom: 40px;
        height: 200px
    }
    .arkies-carousel .character img {
        height: 200px;
        width: auto
    }
    .arkies-carousel .character-name {
        position: relative;
        top: 50px;
        right: 178px
    }
    .arkies-carousel .character-name h3 {
        font-size: 25px
    }
    .arkies-carousel.owl-theme .owl-nav {
        margin-top: 0;
        margin-bottom: 20px
    }
    .arkies-carousel.owl-carousel .owl-nav button.owl-prev,
    .arkies-carousel.owl-carousel .owl-nav button.owl-next {
        position: relative
    }
    .arkies-carousel.owl-carousel .owl-nav button.owl-prev {
        left: 0
    }
    .arkies-carousel.owl-carousel .owl-nav button.owl-next {
        right: 0
    }
}

.carousel-indicators li {
    width: 17px;
    height: 17px;
    margin: 0 20px;
    background-color: rgba(255, 255, 255, .5);
    border: transparent
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 0 20px
}

.carousel-control {
    width: 5%;
    font-size: 30px
}

.carousel-control.left,
.carousel-control.right {
    background: none
}

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 40px;
        height: 40px;
        margin-top: -10px;
        font-size: 40px
    }
}

.activities-carousel {
    position: relative
}

.activities-carousel .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%
}

.activities-carousel.owl-carousel.owl-drag .owl-item {
    padding: 0
}

.activities-carousel.owl-theme .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 7%
}

.activities-carousel.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    opacity: .5;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 80px;
    line-height: 40px;
    margin: 0;
    border-radius: 0;
    display: initial
}

.activities-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    opacity: 1
}

.activities-carousel.owl-carousel .owl-nav button.owl-prev,
.activities-carousel.owl-carousel .owl-nav button.owl-next {
    outline: 0
}

.activities-carousel.owl-carousel .owl-nav button.owl-prev {
    float: left;
    margin-left: 20px
}

.activities-carousel.owl-carousel .owl-nav button.owl-next {
    float: right;
    margin-right: 20px
}

.activities-carousel.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    width: 17px;
    height: 17px;
    margin: 0 15px;
    opacity: .5
}

.activities-carousel.owl-theme .owl-dots .owl-dot.active span {
    opacity: 1
}

.activities-carousel.owl-theme .owl-dots .owl-dot.active:focus,
.activities-carousel.owl-theme .owl-dots .owl-dot:focus {
    outline: 0
}

.carousel img {
    width: 100%
}

.sparkle-points .carousel-caption {
    width: 380px;
    left: initial;
    right: 10%;
    top: 31%;
    text-align: left
}

.sparkle-points .carousel-caption h1 {
    color: #ea50b2;
    line-height: 34px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 3px 0 0, rgb(255, 255, 255) 2.83487px .981584px 0, rgb(255, 255, 255) 2.35766px 1.85511px 0, rgb(255, 255, 255) 1.62091px 2.52441px 0, rgb(255, 255, 255) .705713px 2.91581px 0, rgb(255, 255, 255) -.287171px 2.98622px 0, rgb(255, 255, 255) -1.24844px 2.72789px 0, rgb(255, 255, 255) -2.07227px 2.16926px 0, rgb(255, 255, 255) -2.66798px 1.37182px 0, rgb(255, 255, 255) -2.96998px .42336px 0, rgb(255, 255, 255) -2.94502px -.571704px 0, rgb(255, 255, 255) -2.59586px -1.50383px 0, rgb(255, 255, 255) -1.96093px -2.27041px 0, rgb(255, 255, 255) -1.11013px -2.78704px 0, rgb(255, 255, 255) -.137119px -2.99686px 0, rgb(255, 255, 255) .850987px -2.87677px 0, rgb(255, 255, 255) 1.74541px -2.43999px 0, rgb(255, 255, 255) 2.44769px -1.73459px 0, rgb(255, 255, 255) 2.88051px -.838247px 0
}

.sparkle-points .carousel-caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #000;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 40px;
    text-shadow: none
}

.sparkle-points .carousel-caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.sparkle-points .btn-default {
    background: #ea50b2;
    border-radius: 20px;
    text-transform: none
}

.sparkle-points .btn-default:hover,
.sparkle-points .btn-default:focus {
    background: #e868ba
}

.kylies-challenge .carousel-caption {
    width: 380px;
    left: initial;
    right: 10%;
    top: 31%;
    text-align: left
}

.kylies-challenge .carousel-caption h1 {
    color: #ef421d;
    line-height: 34px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 3px 0 0, rgb(255, 255, 255) 2.83487px .981584px 0, rgb(255, 255, 255) 2.35766px 1.85511px 0, rgb(255, 255, 255) 1.62091px 2.52441px 0, rgb(255, 255, 255) .705713px 2.91581px 0, rgb(255, 255, 255) -.287171px 2.98622px 0, rgb(255, 255, 255) -1.24844px 2.72789px 0, rgb(255, 255, 255) -2.07227px 2.16926px 0, rgb(255, 255, 255) -2.66798px 1.37182px 0, rgb(255, 255, 255) -2.96998px .42336px 0, rgb(255, 255, 255) -2.94502px -.571704px 0, rgb(255, 255, 255) -2.59586px -1.50383px 0, rgb(255, 255, 255) -1.96093px -2.27041px 0, rgb(255, 255, 255) -1.11013px -2.78704px 0, rgb(255, 255, 255) -.137119px -2.99686px 0, rgb(255, 255, 255) .850987px -2.87677px 0, rgb(255, 255, 255) 1.74541px -2.43999px 0, rgb(255, 255, 255) 2.44769px -1.73459px 0, rgb(255, 255, 255) 2.88051px -.838247px 0
}

.kylies-challenge .carousel-caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-shadow: none
}

.kylies-challenge .carousel-caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.kylies-challenge .btn-default {
    background: #ef421d;
    border-radius: 20px;
    text-transform: none
}

.kylies-challenge .btn-default:hover,
.kylies-challenge .btn-default:focus {
    background: #ef421d
}

.island-defence .carousel-caption {
    width: 380px;
    left: initial;
    right: 10%;
    top: 31%;
    text-align: left
}

.island-defence .carousel-caption h1 {
    color: #ef421d;
    line-height: 34px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 3px 0 0, rgb(255, 255, 255) 2.83487px .981584px 0, rgb(255, 255, 255) 2.35766px 1.85511px 0, rgb(255, 255, 255) 1.62091px 2.52441px 0, rgb(255, 255, 255) .705713px 2.91581px 0, rgb(255, 255, 255) -.287171px 2.98622px 0, rgb(255, 255, 255) -1.24844px 2.72789px 0, rgb(255, 255, 255) -2.07227px 2.16926px 0, rgb(255, 255, 255) -2.66798px 1.37182px 0, rgb(255, 255, 255) -2.96998px .42336px 0, rgb(255, 255, 255) -2.94502px -.571704px 0, rgb(255, 255, 255) -2.59586px -1.50383px 0, rgb(255, 255, 255) -1.96093px -2.27041px 0, rgb(255, 255, 255) -1.11013px -2.78704px 0, rgb(255, 255, 255) -.137119px -2.99686px 0, rgb(255, 255, 255) .850987px -2.87677px 0, rgb(255, 255, 255) 1.74541px -2.43999px 0, rgb(255, 255, 255) 2.44769px -1.73459px 0, rgb(255, 255, 255) 2.88051px -.838247px 0
}

.island-defence .carousel-caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 40px;
    text-shadow: none
}

.island-defence .carousel-caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.island-defence .btn-default {
    background: #ef421d;
    border-radius: 20px;
    text-transform: none
}

.island-defence .btn-default:hover,
.island-defence .btn-default:focus {
    background: #ef421d
}

@media screen and (max-width:767px) {
    .sparkle-points {
        background: url(/images/librariesprovider2/carousel/slide_sparkle_points2.jpg)!important;
        background-size: cover!important
    }
    .sparkle-points .carousel-caption {
        width: 68%;
        top: 18%;
        right: initial;
        bottom: initial;
        left: 40px
    }
    .sparkle-points .carousel-caption h1 {
        margin-bottom: -5px
    }
    .sparkle-points .carousel-caption h2 {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }
    .kylies-challenge {
        background: url(/images/librariesprovider2/carousel/top_banner_kylie_challenge2.jpg)!important;
        background-size: cover!important
    }
    .kylies-challenge .carousel-caption {
        width: 68%;
        top: 18%;
        right: initial;
        bottom: initial;
        left: 40px
    }
    .kylies-challenge .carousel-caption h1 {
        margin-bottom: -5px
    }
    .kylies-challenge .carousel-caption h2 {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px;
        color: #000
    }
    .island-defence {
        background: url(/images/librariesprovider2/carousel/top_banner_island_defence2.jpg?)!important;
        background-size: cover!important
    }
    .island-defence .carousel-caption {
        width: 68%;
        top: 18%;
        right: initial;
        bottom: initial;
        left: 40px
    }
    .island-defence .carousel-caption h1 {
        margin-bottom: -5px
    }
    .island-defence .carousel-caption h2 {
        font-size: 14px;
        line-height: 120%;
        margin-bottom: 10px
    }
    .activities-carousel .owl-dots {
        bottom: 35px
    }
    .activities-carousel.owl-theme .owl-nav {
        top: 57%;
        bottom: initial
    }
    .activities-carousel.owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 0 5px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .sparkle-points .carousel-caption,
    .kylies-challenge .carousel-caption,
    .island-defence .carousel-caption {
        width: 330px;
        top: 15%
    }
    .sparkle-points .carousel-caption h1,
    .kylies-challenge .carousel-caption h1,
    .island-defence .carousel-caption h1 {
        font-size: 26px
    }
    .sparkle-points .carousel-caption h2,
    .kylies-challenge .carousel-caption h2,
    .island-defence .carousel-caption h2 {
        font-size: initial;
        line-height: normal;
        margin-bottom: 20px
    }
}

@media (min-width:1600px) {
    .sparkle-points .carousel-caption,
    .kylies-challenge .carousel-caption,
    .island-defence .carousel-caption {
        width: 480px;
        right: 17%;
        top: 38%
    }
    .sparkle-points .carousel-caption h1,
    .kylies-challenge .carousel-caption h1,
    .island-defence .carousel-caption h1 {
        font-size: 44px
    }
    .sparkle-points .carousel-caption h2,
    .kylies-challenge .carousel-caption h2,
    .island-defence .carousel-caption h2 {
        font-size: 26px;
        line-height: 1.5em
    }
}

.galleries {
    background: url(/images/librariesprovider2/default-album/background_galleries.jpg) bottom no-repeat;
    background-size: 100%;
    background-color: #fef7eb;
    padding: 0 0 170px;
    position: relative;
}

.galleries .container {
    width: 1000px
}

.galleries .row {
    margin-top: 50px;
    margin-bottom:30px;
}

.galleries .row:first-child {
    margin-top: 0;
}

.galleries .thumbnails {
    min-height: 340px;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-size: cover
}

.galleries .date {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #ef421d
}

.galleries h1 {
    margin-top: 10px
}

.galleries .full-date {
    float: left
}

.galleries .venue {
    float: right
}

.galleries .caption {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    line-height: normal;
    color: #939598;
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 10px
}

.galleries p {
    clear: both;
    padding-top: 10px;
    margin-bottom: 20px
}

.galleries .btn-default {
    border-radius: 0;
    text-transform: initial;
    font-size: 14px
}

.galleries .gallery-navigation {
    text-align: center
}

.galleries .pagination {
    margin: 80px 0 0
}

.galleries .pagination>li>a {
    font-size: 18px;
    line-height: 27px;
    color: #636363;
    background-color: transparent;
    border: 0;
    padding: 6px
}

.galleries .pagination>li>a:hover,
.galleries .pagination>.active>a,
.galleries .pagination>.active>a:focus,
.galleries .pagination>.active>a:hover,
.galleries .pagination>.active>span,
.galleries .pagination>.active>span:focus,
.galleries .pagination>.active>span:hover {
    color: #000;
    background-color: transparent
}

.galleries .pagination>.active>a,
.galleries .pagination>.active>a:focus,
.galleries .pagination>.active>a:hover {
    cursor: not-allowed
}

.galleries .sf-Gallery-thumbs.sf-Gallery-thumbs--video>div {
    width: 310px;
    height: 310px
}

.galleries .sf-Gallery-thumbs a>img {
    width: 100%
}

.galleries .sf-Gallery-thumbs.sf-Gallery-thumbs--video h3 {
    display: none
}

.galleries .sf-Gallery-thumbs.sf-Gallery-thumbs--video a {
    width: 310px;
    height: 310px
}

.galleries .sf-Gallery-thumbs a {
    line-height: 100%
}

.galleries .sf-Gallery-thumbs.sf-Gallery-thumbs--video>div {
    border: 0 solid transparent;
    margin-right: 8px
}

.feature-box {
    position: relative;
    margin-top: 20px;
    padding: 0 0 0 170px;
    min-height: 142px
}

.feature-box:first-child {
    margin-top: 0
}

.feature-box .fbox-icon {
    display: block;
    position: absolute;
    width: 142px;
    height: 142px;
    top: 0;
    left: 0
}

.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF
}

.feature-box h3 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
    color: #3f3f3f
}

.feature-box p {
    margin: 8px 0 0 0;
    color: #636363
}

.feature-box .before-heading {
    font-size: 14px
}

@media (max-width:787px) {
    .feature-box {
        min-height: auto;
        padding: 0 0 0 80px;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .feature-box .fbox-icon {
        width: 64px;
        height: 64px
    }
}

.feature-box.fbox-center {
    padding: 0;
    text-align: center
}

.feature-box.fbox-center.fbox-small {
    padding-left: 0!important
}

.feature-box.fbox-center .fbox-icon {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto 30px
}

.feature-box.fbox-center .fbox-icon i {
    font-size: 42px;
    line-height: 96px
}

.feature-box.fbox-center.fbox-outline .fbox-icon i {
    line-height: 88px
}

.feature-box.fbox-center p {
    font-size: 14px;
    margin-top: 15px
}

.feature-box.fbox-right {
    padding: 0 170px 0 0;
    text-align: right
}

.feature-box.fbox-right.fbox-large {
    padding-right: 115px
}

.feature-box.fbox-right .fbox-icon {
    left: auto;
    right: 0
}

.feature-box.fbox-right.fbox-plain.fbox-small {
    padding: 0 42px 0 0
}

.feature-box.fbox-right.fbox-plain.fbox-small p {
    margin: 0 -42px 0 0
}

@media (max-width:787px) {
    .feature-box.fbox-right {
        padding: 0 80px 0 0
    }
}

.feature-box.fbox-center.fbox-large .fbox-icon {
    width: 150px;
    height: 150px
}

.feature-box.fbox-center.fbox-large .fbox-icon i {
    font-size: 70px;
    line-height: 128px
}

.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i {
    line-height: 118px
}

.feature-box.fbox-center.fbox-light .fbox-icon i {
    line-height: 94px
}

.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i {
    line-height: 86px
}

.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i {
    line-height: 114px
}

.feature-box.fbox-center.fbox-border .fbox-icon i {
    line-height: 94px!important
}

.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i {
    line-height: 126px!important
}

.feature-box.fbox-center.fbox-plain .fbox-icon i {
    font-size: 84px
}

.feature-box.fbox-center.fbox-plain .fbox-icon img {
    height: 96px
}

.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i {
    font-size: 112px
}

.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img {
    height: 128px
}

@media (max-width:787px) {
    .feature-box.fbox-center.fbox-large .fbox-icon {
        width: 120px;
        height: 120px
    }
}

.feature-box h3 + .fbox-icon {
    margin-top: 20px!important
}

.feature-box h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: #444;
    font-weight: 300;
    text-transform: none
}

.feature-box.fbox-center:not(.fbox-bg):hover h3:after {
    width: 50px
}

.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,
.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {
    display: none
}

.feature-box.fbox-center.fbox-italic p {
    font-style: italic;
    font-family: 'Lato', sans-serif
}

.col_full {
    width: 100%
}

.col_half,
.postcontent.bothsidebar {
    width: 48%
}

.col_one_third {
    width: 30.63%
}

.col_two_third {
    width: 65.33%
}

.col_one_fourth,
.sidebar {
    width: 22%
}

.col_three_fourth,
.postcontent {
    width: 74%
}

.col_one_fifth {
    width: 17.6%
}

.col_two_fifth {
    width: 37.6%
}

.col_three_fifth {
    width: 58.4%
}

.col_four_fifth {
    width: 79.2%
}

.col_one_sixth {
    width: 13.33%
}

.col_five_sixth {
    width: 82.67%
}

body.stretched .container-fullwidth {
    position: relative;
    padding: 0 60px;
    width: 100%
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
    display: block;
    position: relative;
    margin-right: 3%;
    margin-bottom: 50px;
    float: left
}

.col_full {
    clear: both;
    float: none;
    margin-right: 0
}

.postcontent.col_last,
.sidebar.col_last {
    float: right
}

.col_last {
    margin-right: 0!important;
    clear: right
}

.FAQ-background img {
    width: 100%
}

.panel-group {
    margin-top: 30px
}

.panel {
    box-shadow: none
}

.panel-group .panel {
    border-radius: 10px
}

.panel-group .panel+.panel {
    margin-top: 10px
}

.panel-default {
    border-color: #ef421d
}

.panel-default>.panel-heading {
    color: #ef421d;
    background-color: transparent;
    border-color: transparent
}

.panel-heading {
    padding: 25px 35px
}

h4.panel-title {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0
}

.panel-body {
    padding: 0 35px 0
}

.panel-body p {
    margin-bottom: 25px
}

.panel-body ul {
    list-style: lower-alpha;
    padding-left: 20px;
    margin-bottom: 25px
}

.panel-body ul li {
    margin-bottom: 10px
}

.panel-body ul ul {
    list-style: lower-roman
}

#footer {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ff7300;
    padding: 10px 0;
    clear: both
}

.terms,
.faq {
    padding-top: 8px
}

.social-media {
    padding-top: 4px
}

@media screen and (max-width:991px) {
    .terms,
    .faq,
    .social-media,
    .tpg-logo {
        text-align: center;
        padding-top: 10px
    }
}

#scrollTop.affix-top {
    position: absolute;
    bottom: -82px;
    left: 10px
}

#scrollTop.affix {
    position: fixed;
    right: 20px;
    bottom: 0;
    background: #ff7300;
    background: rgba(240, 90, 30, .7);
    padding: 10px 10px 5px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    z-index: 1000
}

#scrollTop:hover {
    background: rgba(240, 90, 30, 1);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

#scrollTop .glyphicon {
    color: #fff;
    font-size: 30px;
    margin-top: -5px;
    margin-left: 1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s
}

#activatePromo .modal.right.fade .modal-dialog {
    display: block;
    right: -320px
}

#activatePromo .modal.right.fade .activate {
    right: 10px
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px
}

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out
}

.modal.left.fade.in .modal-dialog {
    left: 0
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out
}

.modal.right.fade.in .modal-dialog {
    right: 0
}

.modal.right .modal-content {
    border-radius: 0;
    border: none
}

#slideOut {
    position: fixed;
    width: 335px;
    height: 200px;
    top: 40%;
    right: -335px;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, .5, 1);
    z-index: 1000
}

.showSlideOut {
    right: 0px!important
}

.slideOutTab {
    position: absolute;
    left: -92px;
    height: 120px;
    width: 92px;
    cursor: pointer
}

.slideOutTab div {
    text-align: center;
    position: relative;
    right: 70px;
    top: 90px;
    background: #F2AB34;
    width: 180px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb
}

#slideOut .modal-content {
    box-shadow: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 15px;
    border: 0;
    background-color: #f05a21
}

#slideOut .modal-body {
    padding: 35px 45px 35px 20px
}

#slideOut .modal-title {
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    line-height: normal;
    margin-bottom: 18px
}

#slideOut .form-control {
    padding: 8px 20px;
    background-color: #f05a21;
    border: 2px solid rgba(255, 255, 255, .7);
    border-radius: 18px
}

#slideOut .form-control,
#slideOut output {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff
}

#slideOut .form-control::-moz-placeholder {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    opacity: 1
}

#slideOut .form-control:-ms-input-placeholder {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    opacity: .4
}

#slideOut .form-control::-webkit-input-placeholder {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    opacity: .4
}

#slideOut .btn-default {
    float: right;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #f05a21;
    background-color: #fff
}

#slideOut .btn-default.disabled {
    opacity: .5
}

#slideOut .promo-response {
    font-family: "Rubik-Light", Arial, Helvetica, sans-serif;
    color: #fff;
    font-style: italic;
    margin-top: -5px;
    margin-bottom: 10px
}

#modalConfirmation .modal-title {
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

#modalConfirmation .modal-body {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
    padding: 40px
}

#modalConfirmation .form-group {
    margin-top: 20px
}

#modalConfirmation .form-control,
.modalConfirmation .form-control {
    width: 80%;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    margin: 0 auto 10px;
    border-radius: 17px;
    text-align: center
}

.modalConfirmation {
    text-align: center
}

.main-carousel .carousel-caption h2 {
    text-transform: none
}

@media (min-width:768px) {
    #mainbanner .main-carousel .carousel-caption {
        top: 22%
    }
}

@media (max-width:768px) {
    #mainbanner {
        position: unset;
        margin-top: -41%
    }
}

-----------------------------------------------------------------*/ @media (max-width:565px) {
    .parents-newsletter .caption {
        margin-bottom: 240px!important
    }
}

.banner-gallery {
    background: url(/images/librariesprovider2/default-album/top_banner_galleries_1.jpg) no-repeat #fef7eb;
    background-size: cover;
    width: 100%;
    height: 680px
}

@media (max-width:768px) {
    .banner-gallery {
        height: 380px
    }
    .galleries .container {
        width: 100%;
        padding: 0 30px
    }
    .galleries .details,
    .galleries .thumbnails {
        width: 100%
    }
    .galleries .thumbnails {
        margin-bottom: 25px
    }
}

@media (min-width:1400px) {
    .banner-gallery {
        height: 800px
    }
}

@media (min-width:1600px) {
    .banner-gallery {
        height: 850px
    }
}

@media (min-width:1800px) {
    .banner-gallery {
        height: 1000px
    }
}

@media (min-width:1920px) {
    .banner-gallery {
        height: 1080px
    }
}

@media (min-width:565px) {
    .banner-gallery h1 {
        display: none
    }
}

@media (max-width:565px) {
    .banner-gallery {
        background: url(/images/librariesprovider2/default-album/top_banner_galleries_2_2.jpg) center no-repeat #FEF7EA;
        background-size: cover;
        padding: 41% 0 74%;
        text-align: center
    }
}

.banner-student img {
    width: 100%
}

.banner-student .caption {
    position: absolute;
    width: 350px;
    right: 15%;
    top: 33%
}

.banner-student .caption h1 {
    color: #f05a21;
    line-height: 39px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 4px 0 0, rgb(255, 255, 255) 3.87565px .989616px 0, rgb(255, 255, 255) 3.51033px 1.9177px 0, rgb(255, 255, 255) 2.92676px 2.72656px 0, rgb(255, 255, 255) 2.16121px 3.36588px 0, rgb(255, 255, 255) 1.26129px 3.79594px 0, rgb(255, 255, 255) .282949px 3.98998px 0, rgb(255, 255, 255) -.712984px 3.93594px 0, rgb(255, 255, 255) -1.66459px 3.63719px 0, rgb(255, 255, 255) -2.51269px 3.11229px 0, rgb(255, 255, 255) -3.20457px 2.39389px 0, rgb(255, 255, 255) -3.69721px 1.52664px 0, rgb(255, 255, 255) -3.95997px .56448px 0, rgb(255, 255, 255) -3.97652px -.432781px 0, rgb(255, 255, 255) -3.74583px -1.40313px 0, rgb(255, 255, 255) -3.28224px -2.28625px 0, rgb(255, 255, 255) -2.61457px -3.02721px 0, rgb(255, 255, 255) -1.78435px -3.57996px 0, rgb(255, 255, 255) -.843183px -3.91012px 0, rgb(255, 255, 255) .150409px -3.99717px 0, rgb(255, 255, 255) 1.13465px -3.8357px 0, rgb(255, 255, 255) 2.04834px -3.43574px 0, rgb(255, 255, 255) 2.83468px -2.82216px 0, rgb(255, 255, 255) 3.44477px -2.03312px 0, rgb(255, 255, 255) 3.84068px -1.11766px 0, rgb(255, 255, 255) 3.9978px -.132717px 0
}

.banner-student .caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-top: 10px;
    letter-spacing: -.022em
}

.banner-student .caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

@media screen and (max-width:767px) {
    .banner-student .caption {
        width: 300px;
        top: 100px;
        right: inherit;
        bottom: 10px;
        left: 20px
    }
    .banner-student .caption h1 {
        font-size: 32px
    }
    .banner-student .caption h2 {
        font-size: 14px;
        line-height: normal;
        color: #000
    }
}

@media (min-width:768px) and (max-width:991px) {
    .banner-student .caption {
        right: 5%;
        top: 20%
    }
    .banner-student .caption h2 {
        line-height: normal;
        color: #000
    }
}

@media(max-width:565px) {
    .student-download {
        background: url(/images/librariesprovider2/default-album/background_student2.jpg)!important;
        background-size: cover!important;
        padding: 75px 0 290px!important;
        text-align: left
    }
}

.student-lets-go {
    background-color: #fab73e;
    padding: 75px 0 50px;
    position: relative
}

.student-lets-go h1 {
    margin: 0;
    color: #349394;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.student-lets-go h3 {
    color: #fff
}

.student-lets-go .feature-box h3 {
    color: #349394;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.student-lets-go p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff
}

.student-lets-go .icon {
    position: absolute;
    right: 0;
    bottom: 30px
}

.student-lets-go .row {
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .student-lets-go .row {
        margin-top: 0
    }
    .student-lets-go .icon {
        display: none
    }
}

.student-guides,
.student-gameplay {
    background-color: #373131;
    padding: 75px 0 50px;
    position: relative
}

.student-guides h1,
.student-gameplay h1 {
    margin: 0 0 40px;
    color: #fff
}

.student-sparklepoints {
    background-color: #fff;
    padding: 75px 0 40px;
    position: relative
}

.student-sparklepoints h1 {
    color: #ea50b2;
    margin: 0 0 10px
}

.student-sparklepoints .caption p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #ea50b2;
    margin-bottom: 30px
}

.student-sparklepoints .btn-default {
    background: #fab73e;
    padding: 11px 30px;
    border-radius: 20px;
    text-transform: none
}

.student-sparklepoints .btn-default:hover,
.student-sparklepoints .btn-default:focus {
    background: #ffbf4c
}

.student-sparklepoints img {
    margin-top: -80px
}

@media (min-width:992px) {
    .student-sparklepoints h1 {
        width: 450px
    }
}

@media (max-width:768px) {
    .student-sparklepoints img {
        margin-top: 20px
    }
}

@media (max-width:565px) {
    .student-sparklepoints img {
        width: 100%
    }
}

.student-gameplay p {
    color: #fff;
    font-size: 18px
}

.student-download {
    background: url(/images/librariesprovider2/icons/background_student.jpg);
    background-size: cover;
    padding: 75px 0 50px;
    position: relative
}

@media (min-width:1600px) {
    .student-download {
        padding: 186px 0
    }
}

.student-download h1 {
    margin: 0 0 20px;
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

.student-download p {
    text-align: center;
    margin: 75px 0
}

@media (max-width:565px) {
    .student-download p {
        text-align: left
    }
    .student-download h1 {
        margin-bottom: -60px
    }
    .student-download p img {
        width: 39%;
        margin-right: 10px
    }
}

.banner-sparkle {
    background: url(/images/librariesprovider2/carousel/slide_sparkle_points.jpg);
    background-size: cover;
    padding: 200px 0 160px
}

.banner-sparkle img {
    width: 100%
}

.banner-sparkle .caption {
    position: relative;
    width: 350px;
    right: -61%;
    top: 31%
}

.banner-sparkle .caption h1 {
    color: #ea50b2;
    line-height: 39px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 4px 0 0, rgb(255, 255, 255) 3.87565px .989616px 0, rgb(255, 255, 255) 3.51033px 1.9177px 0, rgb(255, 255, 255) 2.92676px 2.72656px 0, rgb(255, 255, 255) 2.16121px 3.36588px 0, rgb(255, 255, 255) 1.26129px 3.79594px 0, rgb(255, 255, 255) .282949px 3.98998px 0, rgb(255, 255, 255) -.712984px 3.93594px 0, rgb(255, 255, 255) -1.66459px 3.63719px 0, rgb(255, 255, 255) -2.51269px 3.11229px 0, rgb(255, 255, 255) -3.20457px 2.39389px 0, rgb(255, 255, 255) -3.69721px 1.52664px 0, rgb(255, 255, 255) -3.95997px .56448px 0, rgb(255, 255, 255) -3.97652px -.432781px 0, rgb(255, 255, 255) -3.74583px -1.40313px 0, rgb(255, 255, 255) -3.28224px -2.28625px 0, rgb(255, 255, 255) -2.61457px -3.02721px 0, rgb(255, 255, 255) -1.78435px -3.57996px 0, rgb(255, 255, 255) -.843183px -3.91012px 0, rgb(255, 255, 255) .150409px -3.99717px 0, rgb(255, 255, 255) 1.13465px -3.8357px 0, rgb(255, 255, 255) 2.04834px -3.43574px 0, rgb(255, 255, 255) 2.83468px -2.82216px 0, rgb(255, 255, 255) 3.44477px -2.03312px 0, rgb(255, 255, 255) 3.84068px -1.11766px 0, rgb(255, 255, 255) 3.9978px -.132717px 0
}

.banner-sparkle .caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #000;
    line-height: 28px;
    margin-top: 10px;
    letter-spacing: -.022em
}

.banner-sparkle .caption h2 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.banner-sparkle .btn-default {
    background: #ea50b2;
    border-radius: 20px;
    text-transform: none
}

.banner-sparkle .btn-default:hover,
.banner-sparkle .btn-default:focus {
    background: #e868ba
}

.obtain-points a {
    color: #636363;
    text-decoration: underline
}

@media (max-width:992px) {
    .obtain-points p,
    .receive-prizes p,
    .check-points p {
        text-align: center!important
    }
}

@media(max-width:768px) {
    .banner-sparkle {
        padding: 16% 0 10%
    }
    .banner-sparkle .caption {
        width: 280px
    }
    .banner-sparkle .caption h1 {
        font-size: 27px
    }
    .banner-sparkle .caption h1,
    .banner-sparkle .caption h2 {
        line-height: 120%
    }
}

@media (max-width:565px) {
    .banner-sparkle {
        background: url(/images/librariesprovider2/carousel/slide_sparkle_points2.jpg);
        background-size: cover;
        padding: 40% 0 93%
    }
    .banner-sparkle .caption {
        width: 68%;
        top: 23%;
        right: unset;
        left: 30px
    }
    .banner-sparkle .caption h1 {
        margin-bottom: -5px
    }
    .banner-sparkle .caption h2 {
        font-size: 14px!important;
        line-height: 120%
    }
    .obtain-points img,
    .receive-prizes img,
    .check-points img {
        width: 100%
    }
    .sparkle-points .carousel-caption {
        top: 12%
    }
    .sparkle-points .carousel-caption h1 {
        font-size: 22px
    }
    .sparkle-points .carousel-caption h2 {
        font-size: 13px
    }
}

.events-mechanics,
.obtain-points,
.receive-prizes {
    background-color: #fef7eb;
    padding: 75px 0 50px;
    position: relative;
    z-index: 1
}

.events-mechanics h1,
.obtain-points h1,
.receive-prizes h1 {
    color: #fab73e;
    margin: 0 0 10px
}

.events-mechanics .icon {
    position: absolute;
    right: 0;
    bottom: -11px;
    z-index: 2
}

@media (max-width:992px) {
    .events-mechanics .icon {
        display: none
    }
}

.events-mechanics h3,
.receive-prizes h3 {
    color: #636363
}

.events-mechanics ul,
.obtain-points ul,
.receive-prizes ol {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    color: #636363;
    padding-left: 16px
}

.obtain-points ul,
.receive-prizes ol {
    font-size: 18px
}

.obtain-points strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.obtain-points p {
    color: #636363
}

.receive-prizes p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #636363;
    line-height: 1.5em
}

.events-mechanics .btn-default,
.obtain-points .btn-default {
    background: #fab73e;
    padding: 11px 30px;
    border-radius: 20px;
    text-transform: none
}

.events-mechanics .btn-default:hover,
.events-mechanics .btn-default:focus,
.obtain-points .btn-default:hover,
.obtain-points .btn-default:focus {
    background: #ffbf4c
}

a.h3-link,
a.h3-link:hover {
    color: #636363;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    line-height: 1.5em
}

.rewards,
.check-points {
    background-color: #fab73e;
    padding: 75px 0 50px;
    position: relative
}

.rewards h1,
.check-points h1 {
    color: #48a1a2;
    margin-top: 0;
    margin-bottom: 10px;
    text-shadow: rgb(255, 255, 255) 3px 0 0, rgb(255, 255, 255) 2.83487px .981584px 0, rgb(255, 255, 255) 2.35766px 1.85511px 0, rgb(255, 255, 255) 1.62091px 2.52441px 0, rgb(255, 255, 255) .705713px 2.91581px 0, rgb(255, 255, 255) -.287171px 2.98622px 0, rgb(255, 255, 255) -1.24844px 2.72789px 0, rgb(255, 255, 255) -2.07227px 2.16926px 0, rgb(255, 255, 255) -2.66798px 1.37182px 0, rgb(255, 255, 255) -2.96998px .42336px 0, rgb(255, 255, 255) -2.94502px -.571704px 0, rgb(255, 255, 255) -2.59586px -1.50383px 0, rgb(255, 255, 255) -1.96093px -2.27041px 0, rgb(255, 255, 255) -1.11013px -2.78704px 0, rgb(255, 255, 255) -.137119px -2.99686px 0, rgb(255, 255, 255) .850987px -2.87677px 0, rgb(255, 255, 255) 1.74541px -2.43999px 0, rgb(255, 255, 255) 2.44769px -1.73459px 0, rgb(255, 255, 255) 2.88051px -.838247px 0
}

.rewards h3,
.check-points h3 {
    color: #fff;
    line-height: 1.5em
}

.rewards ul {
    color: #fff;
    padding-left: 16px
}

.rewards p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    color: #fff
}

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

@media(min-width:992px) {
    .rewards .col-md-5 {}
    .rewards .header {
        margin-bottom: -120px
    }
}

.reward1,
.reward2,
.reward3 {
    min-height: 430px;
    width: 225px;
    padding: 30px;
    padding-top: 120px;
    margin: auto
}

.reward1 {
    background: url(/images/librariesprovider2/icons/reward_1.png) no-repeat center
}

.reward2 {
    background: url(/images/librariesprovider2/icons/reward_2.png) no-repeat center
}

.reward3 {
    background: url(/images/librariesprovider2/icons/reward_3.png) no-repeat center
}

.reward1 p,
.reward2 p,
.reward3 p {
    color: #636363;
    font-size: 14px;
    line-height: 120%;
    margin-top: 10px
}

.reward1 strong,
.reward2 strong,
.reward3 strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.reward1 .title,
.reward2 .title,
.reward3 .title {
    font-family: "Rubik-Black", Arial, Helvetica, sans-serif;
    color: #349394;
    font-size: 17px
}

.sparkle-winners {
    background: url(/images/librariesprovider2/default-album/background_sparkle_points.jpg) top center no-repeat;
    background-size: cover;
    padding: 75px 0 80px;
    position: relative;
    text-align: left
}

@media (max-width:992px) {
    .sparkle-winners {
        background: url(/images/librariesprovider2/default-album/background_sparkle_points2.jpg);
        background-size: cover;
        padding: 50px 0 200px
    }
    .sparkle-winners h3 {
        color: #000!important;
        margin-bottom: -20px
    }
}

@media (max-width:565px) {
    .sparkle-winners {
        text-align: center
    }
    .sparkle-winners h1 {
        line-height: 30px!important;
        margin-bottom: -10px!important
    }
    .sparkle-winners h3 {
        font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
        color: #000!important;
        font-size: 13px;
        margin-bottom: -20px
    }
}

@media (min-width:1600px) {
    .sparkle-winners {
        padding: 75px 0 320px
    }
}

.sparkle-winners h1 {
    color: #ea50b2;
    line-height: 39px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 3px 0 0, rgb(255, 255, 255) 2.83487px .981584px 0, rgb(255, 255, 255) 2.35766px 1.85511px 0, rgb(255, 255, 255) 1.62091px 2.52441px 0, rgb(255, 255, 255) .705713px 2.91581px 0, rgb(255, 255, 255) -.287171px 2.98622px 0, rgb(255, 255, 255) -1.24844px 2.72789px 0, rgb(255, 255, 255) -2.07227px 2.16926px 0, rgb(255, 255, 255) -2.66798px 1.37182px 0, rgb(255, 255, 255) -2.96998px .42336px 0, rgb(255, 255, 255) -2.94502px -.571704px 0, rgb(255, 255, 255) -2.59586px -1.50383px 0, rgb(255, 255, 255) -1.96093px -2.27041px 0, rgb(255, 255, 255) -1.11013px -2.78704px 0, rgb(255, 255, 255) -.137119px -2.99686px 0, rgb(255, 255, 255) .850987px -2.87677px 0, rgb(255, 255, 255) 1.74541px -2.43999px 0, rgb(255, 255, 255) 2.44769px -1.73459px 0, rgb(255, 255, 255) 2.88051px -.838247px 0
}

.sparkle-winners h3 {
    color: #fff
}

.sparkle-winners .ranking {
    background-color: rgba(235, 235, 235, .85);
    color: #ef5ca6
}

.sparkle-winners .nav-tabs,
.kylie-winners .nav-tabs {
    margin: 15px auto;
    max-width: 285px;
    border-bottom: 0;
    padding-left: 0
}

.sparkle-winners .nav-tabs>li>a,
.sparkle-winners .nav-tabs>li>a:hover,
.sparkle-winners .nav-tabs>li.active>a,
.sparkle-winners .nav-tabs>li.active>a:focus,
.sparkle-winners .nav-tabs>li.active>a:hover,
.kylie-winners .nav-tabs>li>a,
.kylie-winners .nav-tabs>li>a:hover,
.kylie-winners .nav-tabs>li.active>a,
.kylie-winners .nav-tabs>li.active>a:focus,
.kylie-winners .nav-tabs>li.active>a:hover {
    border: 3px solid #f7f7f7;
    border-radius: 50%;
    padding: 6px 0 4px;
    margin: 5px 5px;
    background-color: #e4e4e4;
    width: 35px;
    text-align: center;
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    color: #aaa;
    font-size: 12px
}

.sparkle-winners .nav-tabs>li>a:hover {
    color: #ef5ca6
}

.kylie-winners .nav-tabs>li>a:hover {
    color: #f05a21
}

.sparkle-winners .nav-tabs>li.active>a,
.sparkle-winners .nav-tabs>li.active>a:focus,
.sparkle-winners .nav-tabs>li.active>a:hover {
    background-color: #ef5ca6;
    color: #fff
}

.kylie-winners .nav-tabs>li.active>a,
.kylie-winners .nav-tabs>li.active>a:focus,
.kylie-winners .nav-tabs>li.active>a:hover {
    background-color: #f05a21;
    color: #fff
}

.sparkle-winners a[aria-expanded=false]::before, .sparkle-winners a[aria-expanded=true]::before, .kylie-winners a[aria-expanded=false]::before, .kylie-winners a[aria-expanded=true]::before {
    content: ''
}

.sparkle-winners .tab-pane,
.kylie-winners .tab-pane {
    outline: none;
    border: 0
}

.banner-kylie {
    background: url(http://uat.brainyarkies.com/images/librariesprovider2/carousel/top_banner_kylie_challenge.jpg);
    background-size: cover;
    padding: 150px 0 120px
}

.banner-kylie .caption {
    position: relative;
    width: 350px;
    right: -61%
}

.banner-kylie .caption h1 {
    color: #f05a21;
    line-height: 39px;
    margin-bottom: 0;
    text-shadow: rgb(255, 255, 255) 4px 0 0, rgb(255, 255, 255) 3.87565px .989616px 0, rgb(255, 255, 255) 3.51033px 1.9177px 0, rgb(255, 255, 255) 2.92676px 2.72656px 0, rgb(255, 255, 255) 2.16121px 3.36588px 0, rgb(255, 255, 255) 1.26129px 3.79594px 0, rgb(255, 255, 255) .282949px 3.98998px 0, rgb(255, 255, 255) -.712984px 3.93594px 0, rgb(255, 255, 255) -1.66459px 3.63719px 0, rgb(255, 255, 255) -2.51269px 3.11229px 0, rgb(255, 255, 255) -3.20457px 2.39389px 0, rgb(255, 255, 255) -3.69721px 1.52664px 0, rgb(255, 255, 255) -3.95997px .56448px 0, rgb(255, 255, 255) -3.97652px -.432781px 0, rgb(255, 255, 255) -3.74583px -1.40313px 0, rgb(255, 255, 255) -3.28224px -2.28625px 0, rgb(255, 255, 255) -2.61457px -3.02721px 0, rgb(255, 255, 255) -1.78435px -3.57996px 0, rgb(255, 255, 255) -.843183px -3.91012px 0, rgb(255, 255, 255) .150409px -3.99717px 0, rgb(255, 255, 255) 1.13465px -3.8357px 0, rgb(255, 255, 255) 2.04834px -3.43574px 0, rgb(255, 255, 255) 2.83468px -2.82216px 0, rgb(255, 255, 255) 3.44477px -2.03312px 0, rgb(255, 255, 255) 3.84068px -1.11766px 0, rgb(255, 255, 255) 3.9978px -.132717px 0
}

.banner-kylie .caption h2 {
    font-family: "Rubik-Medium", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-top: 10px
}

.banner-kylie .btn-default {
    text-transform: none
}

.take-part {
    background-color: #fef7eb;
    padding: 60px 0 90px;
    position: relative;
    z-index: 1
}

.take-part h3 {
    color: #636363
}

.take-part .icon {
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: 2
}

@media (max-width:992px) {
    .take-part .icon {
        width: 80%;
        position: relative;
        left: -18%;
        margin-bottom: -90px
    }
}

@media (max-width:768px) {
    .take-part .icon {
        width: 97%;
        left: -10%
    }
}

@media(max-width:768px) {
    .banner-kylie {
        padding: 11% 0 5%
    }
    .banner-kylie .caption {
        width: 300px;
        right: -55%
    }
    .banner-kylie .caption h1 {
        font-size: 27px
    }
    .banner-kylie .caption h1,
    .banner-kylie .caption h2 {
        line-height: 120%
    }
}

@media (max-width:565px) {
    .banner-kylie {
        background: url(/images/librariesprovider2/carousel/top_banner_kylie_challenge2.jpg);
        background-size: cover;
        padding: 40% 0 90%
    }
    .banner-kylie .caption {
        width: 75%;
        right: unset;
        left: 30px
    }
    .banner-kylie .caption h1 {
        margin-bottom: -5px;
        font-size: 22px
    }
    .banner-kylie .caption h2 {
        font-size: 14px;
        color: #000;
        line-height: 120%
    }
    .kylies-challenge .carousel-caption {
        top: 12%
    }
    .kylies-challenge .carousel-caption h1 {
        font-size: 22px
    }
    .kylies-challenge .carousel-caption h2 {
        font-size: 13px
    }
}

.date-time {
    background-color: #636363;
    padding: 75px 0 45px;
    position: relative
}

.date-time h1,
.date-time h3 {
    color: #fff;
    margin: 0 0 20px
}

.date-time table {
    color: #fff;
    font-size: 22px;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif
}

.date-time img {
    margin-bottom: -50px;
    margin-top: 30px
}

@media (min-width:620px) {
    .date-time img {
        margin-top: -80px
    }
}

.how-to {
    background-color: #fab73e;
    padding: 75px 0 50px;
    position: relative
}

.how-to h1 {
    color: #fff;
    margin: 0 0 10px
}

.how-to h3,
.how-to p {
    color: #fff;
    line-height: 130%
}

.kylie-prizes {
    background-color: #fef7eb;
    padding: 75px 0 50px;
    position: relative
}

.kylie-prizes h1 {
    color: #fab73e;
    margin: 0 0 10px
}

.kylie-prizes p,
.kylie-prizes h3 {
    color: #636363;
    margin-bottom: 15px;
    line-height: 130%
}

.kylie-prizes p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif
}

@media (max-width:992px) {
    .kylie-prizes img {
        margin-top: 90px;
        width: 100%
    }
}

.kylie-winners {
    background: url(/images/librariesprovider2/default-album/background_kylie_challenge.jpg) top center no-repeat;
    background-size: cover;
    padding: 60px 0 60px;
    position: relative;
    text-align: left
}

.kylie-winners img.arkie {
    display: none
}

.kylie-winners h1 {
    text-shadow: rgb(255, 255, 255) 3px 0 0, rgb(255, 255, 255) 2.83487px .981584px 0, rgb(255, 255, 255) 2.35766px 1.85511px 0, rgb(255, 255, 255) 1.62091px 2.52441px 0, rgb(255, 255, 255) .705713px 2.91581px 0, rgb(255, 255, 255) -.287171px 2.98622px 0, rgb(255, 255, 255) -1.24844px 2.72789px 0, rgb(255, 255, 255) -2.07227px 2.16926px 0, rgb(255, 255, 255) -2.66798px 1.37182px 0, rgb(255, 255, 255) -2.96998px .42336px 0, rgb(255, 255, 255) -2.94502px -.571704px 0, rgb(255, 255, 255) -2.59586px -1.50383px 0, rgb(255, 255, 255) -1.96093px -2.27041px 0, rgb(255, 255, 255) -1.11013px -2.78704px 0, rgb(255, 255, 255) -.137119px -2.99686px 0, rgb(255, 255, 255) .850987px -2.87677px 0, rgb(255, 255, 255) 1.74541px -2.43999px 0, rgb(255, 255, 255) 2.44769px -1.73459px 0, rgb(255, 255, 255) 2.88051px -.838247px 0
}

.kylie-winners h3 {
    color: #000
}

.kylie-winners ul {
    padding-left: 16px;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    line-height: 150%;
    margin-top: 10px
}

.kylie-winners strong {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif
}

.kylie-terms {
    margin-top: 10px
}

@media (min-width:992px) {
    .kylie-terms {
        margin-top: 80px
    }
}

@media (min-width:1300px) {
    .kylie-terms {
        margin-top: 200px
    }
}

@media (min-width:1600px) {
    .kylie-winners {
        padding: 75px 0 90px
    }
    .kylie-terms {
        margin-top: 270px
    }
}

@media (max-width:565px) {
    .kylie-terms {
        font-size: 80%
    }
    .kylie-winners h1 {
        line-height: 30px!important;
        text-align: center
    }
    .kylie-winners h3 {
        font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
        color: #000!important;
        font-size: 13px;
        margin-bottom: -20px;
        text-align: center
    }
}

.banner-island {
    background: url(/images/librariesprovider2/carousel/top_banner_island_defence.jpg);
    background-size: cover;
    padding: 210px 0 180px
}

.banner-island .caption {
    position: relative;
    width: 350px;
    right: -55%;
    top: 31%
}

.banner-island .caption h1 {
    color: #ee7202;
    line-height: 39px;
    margin-bottom: 0
}

.banner-island .caption h2 {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    margin-top: 10px;
    letter-spacing: -.022em
}

.banner-island .btn-default {
    background: #ee7202;
    border-radius: 20px;
    text-transform: none
}

.defend-tower {
    background-color: #ee7202;
    padding: 75px 0 50px;
    position: relative
}

.defend-tower p,
.defend-rewards p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 20px!important;
    color: #fff;
    margin: 0 0 10px
}

.defend-rewards {
    background-color: #252525;
    padding: 75px 0 10px;
    position: relative
}

.defend-rewards h3 {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 20px!important;
    color: #fff;
    font-weight: 400
}

.defend-rewards .terms {
    font-size: 11px!important
}

.unlock-island {
    background-color: #ef421d;
    padding: 75px 0 50px;
    position: relative
}

.unlock-island h1 {
    color: #fff;
    margin: 0 0 10px
}

.unlock-island h3 {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 20px!important;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px
}

.unlock-island p {
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    font-size: 14px!important;
    color: #fff;
    font-weight: 400;
    line-height: 130%
}

@media (min-width:992px) {
    .unlock-island img {}
}

@media(max-width:768px) {
    .banner-island .caption {
        width: 280px;
        bottom: 40px
    }
    .banner-island .caption h1 {
        font-size: 27px
    }
    .banner-island .caption h1,
    .banner-island .caption h2 {
        line-height: 120%
    }
}

@media (max-width:565px) {
    .banner-island {
        background: url(/images/librariesprovider2/carousel/top_banner_island_defence2.jpg);
        background-size: cover;
        padding: 40% 0 82%
    }
    .banner-island .caption {
        width: 75%;
        left: 30px;
        margin-top: 16%
    }
    .banner-island .caption h1 {
        margin-bottom: -10px
    }
    .banner-island .caption h2 {
        font-size: 14px;
        line-height: 120%
    }
    .unlock-island img {
        width: 100%
    }
    .island-defence .carousel-caption {
        top: 12%
    }
    .island-defence .carousel-caption h1 {
        font-size: 22px
    }
    .island-defence .carousel-caption h2 {
        font-size: 13px
    }
}

.strengthen {
    background-color: #fef7eb;
    padding: 50px 0 10px;
    position: relative
}

.strengthen h1 {
    text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px .958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) .141474px 1.99499px 0, rgb(255, 255, 255) -.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px .28224px 0, rgb(255, 255, 255) -1.87291px -.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -.421592px -1.95506px 0, rgb(255, 255, 255) .567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -.558831px 0
}

@media (max-width:992px) {
    .strengthen img {
        margin-top: 20px
    }
}

@media (max-width:480px) {
    .strengthen img {
        width: 100%
    }
}

.defence-winners {
    background: url(/images/librariesprovider2/default-album/background_island_defence.jpg) top center no-repeat;
    background-size: cover;
    padding: 50px 0 75px;
    position: relative;
    text-align: left
}

.defence-winners h1 {
    color: #ee7202;
    line-height: 39px;
    margin-bottom: 60px;
    text-shadow: rgb(255, 255, 255) 4px 0 0, rgb(255, 255, 255) 3.87565px .989616px 0, rgb(255, 255, 255) 3.51033px 1.9177px 0, rgb(255, 255, 255) 2.92676px 2.72656px 0, rgb(255, 255, 255) 2.16121px 3.36588px 0, rgb(255, 255, 255) 1.26129px 3.79594px 0, rgb(255, 255, 255) .282949px 3.98998px 0, rgb(255, 255, 255) -.712984px 3.93594px 0, rgb(255, 255, 255) -1.66459px 3.63719px 0, rgb(255, 255, 255) -2.51269px 3.11229px 0, rgb(255, 255, 255) -3.20457px 2.39389px 0, rgb(255, 255, 255) -3.69721px 1.52664px 0, rgb(255, 255, 255) -3.95997px .56448px 0, rgb(255, 255, 255) -3.97652px -.432781px 0, rgb(255, 255, 255) -3.74583px -1.40313px 0, rgb(255, 255, 255) -3.28224px -2.28625px 0, rgb(255, 255, 255) -2.61457px -3.02721px 0, rgb(255, 255, 255) -1.78435px -3.57996px 0, rgb(255, 255, 255) -.843183px -3.91012px 0, rgb(255, 255, 255) .150409px -3.99717px 0, rgb(255, 255, 255) 1.13465px -3.8357px 0, rgb(255, 255, 255) 2.04834px -3.43574px 0, rgb(255, 255, 255) 2.83468px -2.82216px 0, rgb(255, 255, 255) 3.44477px -2.03312px 0, rgb(255, 255, 255) 3.84068px -1.11766px 0, rgb(255, 255, 255) 3.9978px -.132717px 0
}

@media (max-width:992px) {
    .defence-winners .col-md-4:nth-child(2) {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:565px) {
    .defence-winners {
        background: url(/images/librariesprovider2/default-album/background_island_defence2.jpg);
        background-size: cover;
        padding: 50px 0 220px;
        text-align: center
    }
    .defence-winners h1 {
        line-height: 30px!important;
        margin-bottom: 10px!important
    }
}

@media (min-width:1600px) {
    .defence-winners {
        padding: 50px 0 380px
    }
}

.mCSB_inside>.mCSB_container {
    margin-right: 25px!important
}

.mCSB_scrollTools,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 16px!important;
    border-radius: 8px!important
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px!important;
    margin: 3px!important
}

.defence-winners .mCSB_draggerContainer {
    margin: 2px 0 0
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #555!important;
    background-color: rgba(0, 0, 0, .3)!important
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555!important;
    background-color: rgba(0, 0, 0, .3)!important
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #555!important;
    background-color: rgba(0, 0, 0, .3)!important
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff!important;
    background-color: rgba(255, 255, 255, 1)!important
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff!important;
    background-color: rgba(255, 255, 255, 1)!important
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff!important;
    background-color: rgba(255, 255, 255, 1)!important
}

.ranking {
    border: 6px solid #f7f7f7;
    background-color: rgba(255, 84, 0, .7);
    padding: 8px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;
    margin: 4px 15px
}

.ranking:first-child {
    margin-top: 2px
}

.ranking:last-child {
    margin-bottom: 2px
}

.star {
    position: absolute;
    margin-top: -15px;
    margin-left: -30px
}

@media (max-width:992px) {
    .ranking {
        border: 3px solid #f7f7f7;
        padding: 0;
        font-size: 15px;
        margin: 8px 19px
    }
    .ranking:first-child {
        margin-top: 10px
    }
    .ranking:last-child {
        margin-bottom: 1px
    }
    .star img {
        width: 43px;
        margin-top: 5px;
        margin-left: 8px
    }
}

.gallery-details {
    background: url(/images/librariesprovider2/default-album/top_banner_galleries_2.jpg) no-repeat #fef7eb;
    margin-top: -147px;
    padding: 280px 0 20px;
    background-size: cover
}

.gallery-details .caption {
    position: relative;
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 0 30px;
    z-index: 99
}

.gallery-details .caption-float {
    margin: auto;
    max-width: 960px
}

.gallery-details .caption h1 {
    color: #ef421d;
    line-height: 39px;
    margin-bottom: 0
}

.gallery-details .caption h2 {
    font-family: "Rubik-Bold", Arial, Helvetica, sans-serif;
    text-transform: none;
    font-size: 20px;
    color: #ef421d;
    margin-top: 18px;
    margin-bottom: -10px
}

.gallery-details .caption p {
    margin-top: 20px;
    font-family: "Rubik-Regular", Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 16px
}