@import url('https://fonts.googleapis.com/css?family=Damion|Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Open+Sans:300,400,400i,600,700,800&subset=latin-ext');
/*
font-family: 'Josefin Sans', sans-serif;
font-family: 'Damion', cursive;
*/

@font-face {
	font-family: 'AaGuiQi';
	src: url('../eot/aaguiqi.eot');
	src: url('../eot/aaguiqid41d.eot#iefix') format('embedded-opentype'),
		url('../woff/aaguiqi.woff') format('woff'),
		url('../ttf/aaguiqi.ttf') format('truetype'),
		url('../svg/aaguiqi.svg#AaGuiQi') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, html{
    overflow-x: hidden;
}

body{
    font-family: 'Josefin Sans', sans-serif;
    color: #303030;
}

a{ color: #1ac6a7; }

.wait-animation{
    visibility: hidden !important;
}

.clearfix{
    clear: both;
}

/* Evitar que google chrome pinte los inputs de amarillo */
input.footer-input:-webkit-autofill,
input.footer-input:-webkit-autofill:hover,
input.footer-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #FFF !important;
    -webkit-box-shadow: 0 0 0px 1000px #3e4550 inset !important;
}

/* Bootstrap Mods. */

.breadcrumb{
    background-color: transparent;
    padding: 8px 0px;
}

.breadcrumb li a{
    color: #1ac6a7 !important;
}

.modal-body{
    font-size: 1.2em;
}

.label-success{ background-color: #1ac6a7; }
.label-warning{ background-color: #ffae00; }

.alert-warning{ background-color: #ffae00; }
.alert-danger{ background-color: #ff7667; }
.alert-success{ background-color: #1ac6a7; }
.alert-info{ background-color: #9967ff; }

.toaster{
    font-size: 1.3em;
    font-weight: 600;
}

.btn-success{
    background-color: #1ac6a7;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus{
    background-color: #139880 !important;
}

.btn-danger{
    background-color: #ff7667;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus{
    background-color: #CA584B !important;
}

.btn-rose{
    background-color: #e167ff;
    color: #FFF !important;
}

.btn-rose:hover,
.btn-rose:active,
.btn-rose:focus{
    background-color: #C85BE3 !important;
}

.nav-warning li a:hover,
.nav-warning .active a{
    color: #ffae00 !important;
    -webkit-box-shadow: inset 0 -2px 0 #ffae00 !important;
    -moz-box-shadow: inset 0 -2px 0 #ffae00 !important;
    box-shadow: inset 0 -2px 0 #ffae00 !important;
}

/* Botones */

.button-outline{
    background: transparent;
    display: inline-block;
    border: 2px solid #404040;
    color: #404040;
    padding: 8px 15px;
    font-weight: 600;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-outline:hover,
.button-outline:focus,
.button-outline:active{
    text-decoration: none;
    outline: none;
}

.button-block{
    display: block;
    width: 100%;
}

.button-light{
    border-color: #FFF;
    color: #FFF;
}

.button-light:hover,
.button-light:active,
.button-light:focus{
    background-color: #FFF;
    color: #3e4550;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-primary{
    border-color: #0098de;
    color: #0098de;
}

.button-primary:hover,
.button-primary:active,
.button-primary:focus{
    background-color: #0098de;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-secondary{
    border-color: #1ac6a7;
    color: #1ac6a7;
}

.button-secondary:hover,
.button-secondary:active,
.button-secondary:focus{
    background-color: #1ac6a7;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-warning{
    border-color: #ffae00;
    color: #ffae00;
}

.button-warning:hover,
.button-warning:active,
.button-warning:focus{
    background-color: #ffae00;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-calm{
    border-color: #9967ff;
    color: #9967ff;
}

.button-calm:hover,
.button-calm:active,
.button-calm:focus{
    background-color: #9967ff;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-assertive{
    border-color: #ff7667;
    color: #ff7667;
}

.button-assertive:hover,
.button-assertive:active,
.button-assertive:focus{
    background-color: #ff7667;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-deepblue{
    border-color: #476b9c;
    color: #476b9c;
}

.button-deepblue:hover,
.button-deepblue:active,
.button-deepblue:focus{
    background-color: #476b9c;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-solid{
    background: #FFF;
    display: inline-block;
    border: 2px solid #FFF;
    color: #404040;
    padding: 8px 15px;
    font-weight: 600;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-solid:hover,
.button-solid:focus,
.button-solid:active{
    text-decoration: none;
    opacity: 0.7;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-solid.button-primary{
    background-color: #0098de;
    border-color: #0098de;
    color: #FFF;
}

.button-solid.button-primary:hover,
.button-solid.button-primary:active,
.button-solid.button-primary:focus{
    background-color: #FFF;
    color: #0098de;
}

.button-solid.button-secondary{
    background-color: #1ac6a7;
    border-color: #1ac6a7;
    color: #FFF;
}

.button-solid.button-secondary:hover,
.button-solid.button-secondary:active,
.button-solid.button-secondary:focus{
    background-color: #FFF;
    color: #1ac6a7;
}

.button-solid.button-warning{
    background-color: #ffae00;
    border-color: #ffae00;
    color: #FFF;
}

.button-solid.button-warning:hover,
.button-solid.button-warning:active,
.button-solid.button-warning:focus{
    background-color: #FFF;
    color: #ffae00;
}

.button-solid.button-assertive{
    background-color: #ff7667;
    border-color: #ff7667;
    color: #FFF;
}

.button-solid.button-assertive:hover,
.button-solid.button-assertive:active,
.button-solid.button-assertive:focus{
    background-color: #FFF;
    color: #ff7667;
}

.button-solid.button-deepblue{
    background-color: #476b9c;
    border-color: #476b9c;
    color: #FFF;
}

.button-solid.button-deepblue:hover,
.button-solid.button-deepblue:active,
.button-solid.button-deepblue:focus{
    background-color: #FFF;
    color: #476b9c;
}

.button-text span{
    display: block;
    text-align: center;
}

.button-text span:first-child{
    font-size: 1.2em;
}

.button-text span:last-child{
    font-size: 1.6em;
}

/* Parallax JS */

.parallax-section {
    position: relative;
    min-height: 400px;
    background: transparent;
}

.parallax-backdrop{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.40);
}

/* Header */

header{
    position: relative;
    z-index: 99;
}

header .navbar-default{
    /*background-color: rgba(48, 54, 65, 1);*/
    background-color: rgba(255, 255, 255, 1);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-brand img{
    position: relative;
    top: -6px;
    height: 32px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav > li > a{
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 15px;
    padding-left: 12px;
    padding-right: 12px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav > li > a > i{
    margin-right: 8px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-home > a{
    color: #1ac6a7;
    border-bottom: 5px solid #1ac6a7;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-home > a:hover,
header .navbar-nav .lnk-home > a:focus,
header .navbar-nav .lnk-home > a:active{
    color: #1ac6a7;
    background-color: rgba(173, 252, 238, 0.15);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-home.active > a,
header .navbar-nav .lnk-home.active > a:hover,
header .navbar-nav .lnk-home.active > a:active,
header .navbar-nav .lnk-home.active > a:focus,
header .navbar-nav .lnk-home.open > a,
header .navbar-nav .lnk-home.open > a:hover,
header .navbar-nav .lnk-home.open > a:active,
header .navbar-nav .lnk-home.open > a:focus{
    background-color: rgba(173, 252, 238, 0.15);
    color: #1ac6a7;
    border-color: #1ac6a7;
}

header .navbar-nav .lnk-games > a{
    color: #ffae00;
    border-bottom: 5px solid #ffae00;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-games > a:hover,
header .navbar-nav .lnk-games > a:focus,
header .navbar-nav .lnk-games > a:active{
    color: #ffae00;
    background-color: rgba(255, 174, 0, 0.15);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-games.active > a,
header .navbar-nav .lnk-games.active > a:hover,
header .navbar-nav .lnk-games.active > a:active,
header .navbar-nav .lnk-games.active > a:focus,
header .navbar-nav .lnk-games.open > a,
header .navbar-nav .lnk-games.open > a:hover,
header .navbar-nav .lnk-games.open > a:active,
header .navbar-nav .lnk-games.open > a:focus{
    background-color: rgba(255, 174, 0, 0.15);
    color: #ffae00;
    border-color: #ffae00;
}

header .navbar-nav .lnk-users > a{
    color: #0098de;
    border-bottom: 5px solid #0098de;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-users > a:hover,
header .navbar-nav .lnk-users > a:focus,
header .navbar-nav .lnk-users > a:active{
    color: #0098de;
    background-color: rgba(0, 152, 222, 0.15);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-users.active > a,
header .navbar-nav .lnk-users.active > a:hover,
header .navbar-nav .lnk-users.active > a:active,
header .navbar-nav .lnk-users.active > a:focus,
header .navbar-nav .lnk-users.open > a,
header .navbar-nav .lnk-users.open > a:hover,
header .navbar-nav .lnk-users.open > a:active,
header .navbar-nav .lnk-users.open > a:focus{
    background-color: rgba(0, 152, 222, 0.15);
    color: #0098de;
    border-color: #0098de;
}

header .navbar-nav .lnk-schools > a{
    color: #ff7667;
    border-bottom: 5px solid #ff7667;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-schools > a:hover,
header .navbar-nav .lnk-schools > a:focus,
header .navbar-nav .lnk-schools > a:active{
    color: #ff7667;
    background-color: rgba(255, 118, 103, 0.15);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-schools.active > a,
header .navbar-nav .lnk-schools.active > a:hover,
header .navbar-nav .lnk-schools.active > a:active,
header .navbar-nav .lnk-schools.active > a:focus,
header .navbar-nav .lnk-schools.open > a,
header .navbar-nav .lnk-schools.open > a:hover,
header .navbar-nav .lnk-schools.open > a:active,
header .navbar-nav .lnk-schools.open > a:focus{
    background-color: rgba(255, 118, 103, 0.15);
    color: #ff7667;
    border-color: #ff7667;
}

header .navbar-nav .lnk-contact > a{
    color: #9967ff;
    border-bottom: 5px solid #9967ff;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-contact > a:hover,
header .navbar-nav .lnk-contact > a:focus,
header .navbar-nav .lnk-contact > a:active{
    color: #9967ff;
    background-color: rgba(153, 103, 255, 0.15);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-login > a{
    color: #e167ff;
    border-bottom: 5px solid #e167ff;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-login > a:hover,
header .navbar-nav .lnk-login > a:focus,
header .navbar-nav .lnk-login > a:active{
    color: #e167ff;
    background-color: rgba(225, 103, 255, 0.15);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

header .navbar-nav .lnk-login.active > a,
header .navbar-nav .lnk-login.active > a:hover,
header .navbar-nav .lnk-login.active > a:active,
header .navbar-nav .lnk-login.active > a:focus,
header .navbar-nav .lnk-login.open > a,
header .navbar-nav .lnk-login.open > a:hover,
header .navbar-nav .lnk-login.open > a:active,
header .navbar-nav .lnk-login.open > a:focus {
    background-color: rgba(153, 103, 255, 0.15);
    color: #e167ff;
    border-color: #e167ff;
}

header .navbar-toggle .icon-bar{
    background-color: #0098de !important;
}

header .dropdown-menu li a{
    font-size: 1.2em;
    font-weight: 600;
}

header .lnk-home .dropdown-menu li a:hover,
header .lnk-home .dropdown-menu li a:focus,
header .lnk-home .dropdown-menu li a:active{
    color: #FFF;
    background-color: #1ac6a7;
}

header .lnk-games .dropdown-menu li a:hover,
header .lnk-games .dropdown-menu li a:focus,
header .lnk-games .dropdown-menu li a:active{
    color: #FFF;
    background-color: #ffae00;
}

header .lnk-users .dropdown-menu li a:hover,
header .lnk-users .dropdown-menu li a:focus,
header .lnk-users .dropdown-menu li a:active{
    color: #FFF;
    background-color: #0098de;
}

header .lnk-schools .dropdown-menu li a:hover,
header .lnk-schools .dropdown-menu li a:focus,
header .lnk-schools .dropdown-menu li a:active{
    color: #FFF;
    background-color: #ff7667;
}

header .lnk-login .dropdown-menu li a:hover,
header .lnk-login .dropdown-menu li a:focus,
header .lnk-login .dropdown-menu li a:active{
    color: #FFF;
    background-color: #e167ff;
}

.header-top .navbar-default{
    background-color: rgba(48, 54, 65, 0.8);
    min-height: 102px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.header-top .navbar-brand img{
    position: relative;
    top: 15px;
    height: 32px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.header-top .dropdown-menu{
    background-color: rgba(48, 54, 65, 0.8);
}

.header-top .dropdown-menu li a{
    color: #FFF;
}

.header-top .navbar-nav > li > a{
    padding-top: 22.5px;
    padding-bottom: 18.5px;
    padding-left: 45px;
    padding-right: 45px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.header-top .navbar-nav li a i{
    display: block !important;
    text-align: center;
    font-size: 2.3em;
    margin-right: 0px;
    margin-bottom: 5px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

@media(max-width: 1199px) {
    .header-top .navbar-nav > li > a{
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media(max-width: 1090px) {
    header .navbar-brand img{
        top: -6px;
        height: 30px;
    }
    .header-top .navbar-brand img{
        top: 15px;
        height: 30px;
    }
}

@media(max-width: 991px) {
    header .navbar-brand img{
        top: 0px;
        height: 20px;
    }
    .header-top .navbar-brand img{
        top: 25px;
        height: 20px;
    }
    .header-top .navbar-nav > li > a{
        padding-left: 16px;
        padding-right: 16px;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
}

@media(max-width: 939px) {
    header .navbar-brand img{
        top: 6px;
        height: 14px;
    }
    .header-top .navbar-brand img{
        top: 25px;
        height: 14px;
    }
}

@media(max-width: 844px) {
    header .navbar-brand img{
        top: 0px;
        height: 14px;
    }
    .header-top .navbar-brand img{
        top: 25px;
        height: 14px;
    }
}

@media(max-width: 767px) {
    header .navbar-nav > li > a {
        color: #FFF !important;
        border: 0px !important;
        padding-top: 8px;
        padding-bottom: 8px;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    header .dropdown-menu li a{ color: #FFF !important; }
    header .navbar-nav{ margin-top: 0px; margin-bottom: 0px; }
    header .navbar-nav .lnk-home{ 
        background-color: #1ac6a7;
    }
    header .navbar-nav .lnk-games{ 
        background-color: #ffae00;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    header .navbar-nav .lnk-users{ 
        background-color: #0098de;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    header .navbar-nav .lnk-schools{ 
        background-color: #ff7667;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    header .navbar-nav .lnk-contact{ 
        background-color: #9967ff;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
    header .navbar-nav .lnk-login{ 
        background-color: #e167ff;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }
}

/* Home Slider */

#home-slider{
    position: relative;
}

#home-slider .item{
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#home-slider .carousel-caption{
    left: 0;
    bottom: 15%;
    width: 700px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    background-color: rgba(0, 188, 155, 0.7);
}

#home-slider .home-slider-title{
    font-weight: 700;
    font-size: 2.3em;
    line-height: 1.2em;
    padding: 0 25px 0px 100px;
}

#home-slider .home-slider-subtitle{
    font-family: 'Damion', cursive;
    font-size: 2.1em;
    line-height: 1.2em;
    padding: 0 25px 0px 100px;
}

#home-slider .carousel-indicators{
    position: absolute;
    margin: 0px !important;
    width: 18px;
    left: auto;
    right: 5%;
    bottom: 15%;
}

#home-slider .carousel-indicators li{
    display: block;
    width: 18px;
    height: 18px;
    margin: 4px 0 4px 0 !important;
    border: 2px solid #FFF;
    background-color: #FFF;
}

#home-slider .carousel-indicators .active{
    background-color: #ff7667;
}

@media(max-width: 991px) {
    #home-slider .carousel-caption{ width: 500px; }
    #home-slider .home-slider-title{
        font-size: 1.8em;
        padding: 0 25px 0px 50px;
    }
    #home-slider .home-slider-subtitle{
        font-size: 1.6em;
        padding: 0 25px 0px 50px;
    }
}

/* Sections */

.home-buttons .button-solid{
    margin-bottom: 20px;
}

.section{
    padding: 60px 0px;
}

.section-title{
    text-align: center;
    margin-bottom: 60px;
}

.section-title .section-title-image img{
    height: 65px;
    margin-bottom: 10px;
}

.section-title h1{
    font-size: 2.8em;
    line-height: 0.5em;
    color: #1ac6a7;
}

.section-title h2{
    font-family: 'Damion', cursive;
    font-size: 2.6em;
    line-height: 0em;
    color: #ff7667;
}

.section p{
    font-size: 1.3em;
    line-height: 1.5em;
}

@media(max-width: 767px) {
    .section-title h1{ font-size: 2.2em; }
    .section-title h2{ font-size: 1.8em; }
}

/* Home */

.home-features{
    margin-top: 50px;
}

.home-features .hf-item{
    padding: 0px 10px;
}

.home-features .hf-item .hfi-icon{
    text-align: center;
    margin-bottom: 15px;
}

.home-features .hf-item .hfi-icon img{
    height: 65px;
}

.home-features .hf-item h3{
    font-family: 'Damion', cursive;
    line-height: 1em;
    color: #ffae00;
    text-align: center;
}

@media(max-width: 991px) {
    .home-features .hf-item{ padding: 50px 0px; }
}

@media(max-width: 767px) {
    .home-section{ padding-top: 100px; }
    .home-features .hf-item{ border-top: 1px solid #efefef; }
    .home-features .hf-item h3{ font-size: 1.8em; }
}

/* About Us */

.parallax-about {
    min-height: 0px;
}

.about-ciphers{
    padding-top: 140px;
    padding-bottom: 140px;
}

.about-ciphers .ciphers-item{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.about-ciphers .ciphers-item .ci-icon{
    color: #1ac6a7;
    font-size: 48px;
    line-height: 0px;
}

.about-ciphers .ciphers-item h3{
    color: #FFF;
    font-weight: 300;
    font-size: 5em;
    line-height: 0.8em;
}

.about-ciphers .ciphers-item h4{
    color: #FFF;
    font-size: 1.7em;
    font-weight: 600;
}

@media(max-width: 767px) {
    .about-ciphers{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .about-ciphers .ciphers-item{
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

/* Parallax Team */

.parallax-team .team-title{
    position: relative;
    height: 5px;
    background-color: #1ac6a7;
}

.parallax-team .team-title h1{
    position: absolute;
    font-family: 'Damion', cursive;
    font-size: 2em;
    padding: 4px 0px;
    color: #FFF;
    width: 200px;
    background-color: #1ac6a7;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -16px;
    text-align: center;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
}

.team-members{
    padding: 60px 0px;
    text-align: center;
    overflow-x: hidden;
}

.team-member{
    display: inline-block;
    width: 160px;
    text-align: center;
    margin: 25px 5px;
    vertical-align: top;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.team-member .tm-image{
    margin-bottom: 8px;
}

.team-member .tm-image img{
    width: 60%;
    border: 3px solid #ff7667;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.team-member h3{
    font-family: 'Damion', cursive;
    font-size: 1.4em;
    line-height: 1em;
    color: #FFF;
}

.team-member:hover,
.team-member:active,
.team-member:focus{
    text-decoration: none;
    opacity: 0.7;
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

/* Testimonials */

.testimonial{
    margin: 20px;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16);
}

.testimonial img{
    width: 100%;
    border: 2px solid #1ac6a7;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
}

.testimonial h4{
    color: #ff7667;
    font-size: 1.3em;
    font-weight: 600;
    margin: 5px 0 2px 0;
}

.testimonial .testimonial-date{
    font-weight: 600;
    margin-bottom: 10px;
}

#testimonials-slider{
    margin-bottom: 60px;
}

#testimonials-slider .carousel-indicators{
    bottom: -60px;
}

#testimonials-slider .carousel-indicators li{
    width: 18px;
    height: 18px;
    margin: 4px !important;
    border: 2px solid #FFF;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20);
}

#testimonials-slider .carousel-indicators .active{
    background-color: #ff7667;
}

@media(max-width: 991px) {
    .testimonial .button-block{ margin: 8px 0px; }
}

/* Parallax Survey */

.parallax-survery{
    min-height: 0px;
}

.parallax-survery .parallax-backdrop{
    background-color: rgba(0, 0, 0, 0.65);
}

.button-survey{
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 300px;
    margin: 200px 0px;
    padding: 14px 20px 8px 20px;
    border: 3px solid #FFF;
    color: #FFF;
    text-transform: uppercase;
    text-align: left;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 0.8em;
    background-image: url(../svg/survey.svg);
    background-position: center right 20px;
    background-size: 38px;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-survey span{
    display: block;
    font-family: 'Damion', cursive;
    font-size: 0.7em;
    font-weight: normal;
    color: #1ac6a7;
    text-transform: none;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-survey:hover,
.button-survey:active,
.button-survey:focus{
    text-decoration: none;
    background-color: #9967ff;
    border-color: #9967ff;
    color: #FFF;
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.9);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-survey:hover span,
.button-survey:active span,
.button-survey:focus span{
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

/* Footer */

.footer{
    background-color: #303641;
}

.footer .container{
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-links h4{
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
}

.footer-links-primary h4{
    border-bottom: 3px solid #0098de;
}

.footer-links-secondary h4{
    border-bottom: 3px solid #1ac6a7;
}

.footer-links-warning h4{
    border-bottom: 3px solid #ffae00;
}

.footer-links-assertive h4{
    border-bottom: 3px solid #ff7667;
}

.footer-links-calm h4{
    border-bottom: 3px solid #9967ff;
}

.footer-links ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links ul li{
    margin: 5px 0px;
}

.footer-links ul li a{
    color: #FFF;
    font-size: 1.2em;
    font-weight: 600;
}

.footer-input{
    background-color: #3e4550;
    color: #FFF;
    width: 100%;
    font-weight: 600;
    margin-bottom: 8px;
    outline: none;
    padding: 5px 15px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.footer label{
    color: #FFF;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 10px;
}

.footer label a{
    color: #9967ff;
}

.footer .grecaptcha-box{
    display: inline-block;
    width: 256px;
    float: right;
}

.footer .button-send-contact{
    padding-top: 17px;
    padding-bottom: 17px;
}

.footer-credits{
    background-color: #FFF;
    color: #3e4550;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding: 15px;
}

.footer-credits a{
    color: #3e4550;
}

.footer-credits a:hover,
.footer-credits a:focus,
.footer-credits a:active{
    color: #1ac6a7;
}

.button-go-top{
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 48px;
    height: 48px;
    background-color: #FFF;
    color: #1ac6a7;
    text-align: center;
    font-size: 36px;
    line-height: 48px;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.16);
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.button-go-top:hover,
.button-go-top:active,
.button-go-top:focus{
    background-color: #1ac6a7;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.btn-go-top-show{
    visibility: visible;
    opacity: 1;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.social-footer{
    list-style: none;
    margin: 25px 0px 0px 0px;
    padding: 0;
}

.social-footer li{
    display: inline-block;
    margin: 0px 2px;
}

.social-footer li a{
    display: block;
    width: 38px;
    height: 38px;
    background-color: #1ac6a7;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.social-footer li a:hover{
    background-color: #FFF;
    color: #1ac6a7;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.alert-cookies{
    position: fixed;
    z-index: 1;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px;
    background-color: rgb(255, 255, 255);
    border-top: 2px dashed #1ac6a7;
}

.alert-cookies .cookie-button{
    display: block;
    padding: 8px 10px;
    border: 2px solid #ffae00;
    text-align: center;
    color: #ffae00;
    text-decoration: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.alert-cookies .cookie-button:hover,
.alert-cookies .cookie-button:active,
.alert-cookies .cookie-button:focus{
    background: #ffae00;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.alert-cookies .cookie-ok{
    border-color: #1ac6a7;
    color: #1ac6a7;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.alert-cookies .cookie-ok:hover,
.alert-cookies .cookie-ok:active,
.alert-cookies .cookie-ok:focus {
    background: #1ac6a7;
    color: #FFF;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

@media(max-width: 991px) {
    #contact-us{
        margin-bottom: 50px;
    }
}

@media(max-width: 767px) {
    .footer .grecaptcha-box{ margin-bottom: 25px; float: none; }
    .footer .button-send-contact{ padding-top: 8px; padding-bottom: 8px; }
    .footer-links{ margin-bottom: 35px; text-align: center; }
    .footer-links:last-child{ margin-bottom: 25px; }
    .social-footer{ text-align: center; }
}

/* Paginas internas */

.page-top{
    position: relative;
}

.page-top .page-top-background{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}

.page-top .page-top-caption{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    text-align: center;
}

.page-top .page-top-caption h2{
    position: absolute;
    top: 40%;
    width: 100%;
    padding: 15px;
    font-family: 'Damion', cursive;
    color: #FFF;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
}

.page-top-account .page-top-caption{
    background-color: rgba(200, 91, 227, 0.4);
}

.page-top-games .page-top-caption{
    background-color: rgba(255, 170, 0, 0.4);
}

.page-top-schools .page-top-caption{
    background-color: rgb(255, 118, 103, 0.4);
}

.page-top-about .page-top-caption{
    background-color: rgb(26, 198, 167, 0.4);
}

.page{
    font-family: 'Open Sans', sans-serif;
    padding: 25px 0px;
}

.page h3{
    font-family: 'Josefin Sans', sans-serif;
    margin-top: 0px;
    color: #303641;
}

.info-box{
    color: #999;
    font-style: italic;
}

.info-box-danger{
    color: #CA584B;
    font-size: 1.2em;
}

@media(max-width: 991px) {
    .page-top .page-top-background{ height: 300px; }
    .page-top .page-top-caption h2{ top: 40%; }
}

@media(max-width: 767px) {
    .page-top{ margin-top: 63px; }
    .page-top .page-top-background{ height: 175px; }
    .page-top .page-top-caption h2{ top: 15%; }
}

/* Account */

.account hr{
    margin: 40px 0px;
}

.account h3 i,
.account h4 i{
    color: #e167ff;
}

.account .account-image{
    position: relative;
    top: -120px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.account .account-image .btn-group{
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 5px;
}

.account-image-hidden{
    display: none;
}

.account-label {
    position: absolute;
    top: -2px;
    left: -2px;
    overflow: hidden;
    height: 85px;
    width: 85px;
    text-align: center;
    z-index: 0;
}

.premium-label {
    font: 700 14px/12px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #ffae00;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
    width: 130px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.premium-label:before {
    position: absolute;
    bottom: -3px;
    right: 5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #C78700 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.premium-label:after {
    position: absolute;
    bottom: -3px;
    left: 3px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #C78700 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.free-label {
    font: 700 14px/12px Arial, Helvetica, sans-serif;
    color: #fff;
    background: #1ac6a7;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
    width: 130px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.free-label:before {
    position: absolute;
    bottom: -3px;
    right: 5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #139880 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.free-label:after {
    position: absolute;
    bottom: -3px;
    left: 3px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #139880 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.account-info{
    margin-top: -120px;
    margin-bottom: 30px;
}

.account-info div{
    padding: 8px 0px;
    border-bottom: 1px solid #e1e1e1;
}

.account-info div:last-child{
    border-bottom: 0px;
}

.account-settings .settings-item{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}

.croppie-container{
    display: block;
    padding: 4px;
    margin-bottom: 23px;
    line-height: 1.846;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

@media(max-width: 991px) {
    .account .account-image{ top: 0px; margin-bottom: 0px; }
    .account-info{ margin-top: 0px; }
}

.vue-section{
    visibility: visible;
    opacity: 1;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.vue-hidden{
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

/* Rankings */

.rankings h3 i{
    color: #ffae00;
}

.table-responsive th a{
    color: #323232;
}

.table-responsive th a:hover,
.table-responsive th a:active,
.table-responsive th a:focus{
    text-decoration: none;
}

.table-responsive th .active{
    color: #0098de;
}

.no-radius{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Statistics */

.statistics h3 i{
    color: #ffae00;
}

.stats-belt{
    width: 100%;
    max-width: 124px;
    margin: 0 auto;
}

.stats-belt img{
    width: 100%;
    padding-top: 25px;
    padding-left: 15px;
}

.label-stats{
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 1em;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
}

.label-gold{
    background-color: #d5bf66;
    color: #FFF;
}

.label-silver{
    background-color: #d8d8d8;
    color: #FFF;
}

.label-bronze{
    background-color: #d59066;
    color: #FFF;
}

.level-locked{
    font-size: 1.2em;
    color: #ccc;
}

/* Trophies */

.trophies h3 i{
    color: #ffae00;
}

.trophy-item{
    overflow: hidden;
    position: relative;
    padding: 15px;
    text-align: center;
    border: 2px dashed #CCC;
    margin: 15px 0px;
    min-height: 180px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.trophy-item img{
    width: 80%;
    max-width: 80px;
    margin-bottom: 5px;
}

.trophy-item div{
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 15px;
    color: #CCC;
    font-weight: bold;
    line-height: 1.3em;
}

.trophy-item-active{
    border: 2px dashed #FFF;
    -webkit-box-shadow: 0 0 5px #CCC !important;
    -moz-box-shadow: 0 0 5px #CCC !important;
    box-shadow: 0 0 5px #CCC !important;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.trophy-item-active i{
    position: absolute;
    top: 10px;
    left: 10px;
    color: #d5bf66;
    font-size: 24px;
}

.trophy-item-active div{
    color: #323232;
}

.trophy-item-active:hover{
    -webkit-filter: sepia(0.3);
    filter: sepia(0.3);
    -webkit-box-shadow: 0 0 10px #d5bf66 !important;
    -moz-box-shadow: 0 0 10px #d5bf66 !important;
    box-shadow: 0 0 10px #d5bf66 !important;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.trophy-item-active:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0.13) 0%,
        rgba(255, 255, 255, 0.13) 77%,
        rgba(255, 255, 255, 0.5) 92%,
        rgba(255, 255, 255, 0.0) 100%
    );
}

.trophy-item-active:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 1.2s, 1.2s, 0.15s;
    transition-timing-function: ease;
}

/* Resources */

.resource-link{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
    text-decoration: none;
    margin: 15px 0px;
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 2px 5px #CCC !important;
    -moz-box-shadow: 1px 2px 5px #CCC !important;
    box-shadow: 1px 2px 5px #CCC !important;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.resource-link .rl-backdrop{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.resource-link h4{
    position: relative;
    z-index: 1;
    color: #FFF;
    text-align: center;
    line-height: 1.3em;
}

.resource-link h4 span{
    display: block;
    font-size: 0.8em;
}

.resource-link:hover,
.resource-link:active,
.resource-link:focus{
    text-decoration: none;
}

.resource-link:hover .rl-backdrop{
    background-color: rgba(0, 0, 0, 0.20);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.45);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.rl-flashcards{ background-image: url(../jpg/rl-flashcards.jpg); }
.rl-wordlist{ background-image: url(../jpg/rl-wordlist.jpg); }
.rl-audios{ background-image: url(../jpg/rl-audios.jpg); }
.rl-videos{ background-image: url(../jpg/rl-videos.jpg); }
.rl-abroad{ background-image: url(../jpg/rl-abroad.jpg); }
.rl-workbook{ background-image: url(../jpg/rl-workbook.jpg); }

.flag-link{
    display: inline-block;
    width: 22px;
    margin: 0px 5px;
}

.flag-link img{
    width: 100%;
}

/* Word List */
.wordlist h3 i {
    color: #ffae00;
}

/* Audio Files */
.audios h3 i {
    color: #ffae00;
}

/* Flashcards */
.flashcards h3 i {
    color: #ffae00;
}

/* Abroad */
.abroad h3 i {
    color: #ffae00;
}

.level-selector{
    background-color: #1ac6a7;
    color: #FFF;
    padding: 5px 8px;
    margin: 25px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.level-selector .ls-label{
    font-size: 1.2em;
    font-weight: bold;
}

.level-selector select{
    width: 100%;
    padding: 3px 8px;
    background-color: #FFF;
    color: #323232;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.flashcard {
    position: relative;
    background-color: #fffaf0;
    border: 3px solid #ffae00;
    text-align: center;
    margin: 15px 0px;
    -webkit-box-shadow: 1px 2px 5px #CCC !important;
    -moz-box-shadow: 1px 2px 5px #CCC !important;
    box-shadow: 1px 2px 5px #CCC !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.flashcard .fc-content{
    padding: 10px;
}

.flashcard .fc-chinese {
    font-family: 'AaGuiQi' !important;
    font-size: 4em;
    line-height: 2em;
}

.flashcard .fc-pinyin {
    font-size: 2.5em;
    margin-bottom: 5px;
}

.flashcard .fc-image {
    margin-bottom: 10px;
}

.flashcard .fc-translation {
    font-size: 1.2em;
    padding: 5px 0px;
    border-bottom: 1px solid #ffae00;
}

.flashcard .fc-translation:last-child{
    border: none;
    margin-bottom: 20px;
}

.flashcard .fc-translation img{
    height: 12px;
}

.flashcard audio{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0px;
}

.payment-logos{
    text-align: center;
    margin-bottom: 15px;
}

.payment-logos img{
    display: inline-block;
    margin: 8px;
    font-size: 32px;
    color: #999;
}

/* Videos */
.videos h3 i {
    color: #ffae00;
}

.video{
    position: relative;
    margin: 15px 0px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px #999 !important;
    -moz-box-shadow: 0px 0px 5px #999 !important;
    box-shadow: 0px 0px 5px #999 !important;
}

.video .v-image{
    position: relative;
    display: block;
}

.video .v-image .v-cover{
    height: 175px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 101% 101% cover;
}

.video .v-image .v-backdrop{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.video .v-image .v-backdrop i{
    color: rgba(255, 255, 255, 0.70);
    font-size: 5em;
}

.video .v-image:hover .v-backdrop{
    background-color: rgba(0, 0, 0, 0.20);
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.video .v-image:hover .v-backdrop i{
    color: rgba(255, 255, 255, 0.90);
}

.video .v-text{
    padding: 8px 15px;
}

.v-statistics{
    position: absolute;
    bottom: 8px;
    left: 8px;
}

.video .label {
    display: inline-block;
    margin-right: 5px;
    font-size: 1em;
}

/* Schools */
.schools h3 i {
    color: #ff7667;
}

.school-list{
    list-style: none;
    margin-bottom: 15px;
}

.school-list li{
    position: relative;
}

.school-list li i{
    color: #ff7667;
    position: absolute;
    top: 4px;
    left: -18px;
}

.school-list li ul {
    list-style: none;
}

.schools .button-assertive{
    margin-bottom: 15px;
}

.nav-danger li a:hover,
.nav-danger .active a{
    color: #ff7667 !important;
    -webkit-box-shadow: inset 0 -2px 0 #ff7667 !important;
    -moz-box-shadow: inset 0 -2px 0 #ff7667 !important;
    box-shadow: inset 0 -2px 0 #ff7667 !important;
}

.line-teacher td{
    background-color: #ffcdc8;
    border-color: #ff7667 !important;
}

.line-basic td{
    background-color: #b4fff1;
    border-color: #1ac6a7 !important;
}

.line-bronze td{
    background-color: #ffdbc6;
    border-color: #d59066 !important;
}

.line-silver td{
    background-color: #eeeeee;
    border-color: #b6b6b6 !important;
}

.line-gold td{
    background-color: #fdf1c2;
    border-color: #d5bf66 !important;
}

.line-platinum td{
    background-color: #e3f7ff;
    border-color: #6fadc7 !important;
}

.table-black{
    border-color: #1f252e;
}

.table-black th{
    background-color: #303641;
    color: #FFF;
    border-color: #1f252e !important;
}

.accordion .accordion-tab{
    position: relative;
    display: block;
    padding: 15px 20px;
    background-color: #CA584B;
    color: #FFF;
    font-size: 1.1em;
    font-weight: 600;
    text-shadow: 1px 1px #CA584B;
    border-bottom: 1px solid #CA584B;
}

.accordion .accordion-tab::before{
    position: absolute;
    top: 15px;
    right: 15px;
    content: "\f067";
    font-family: FontAwesome;
    font-size: 1.3em;
    font-style: normal;
    font-weight: normal;
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
}

.accordion .accordion-tab:hover,
.accordion .accordion-tab:focus,
.accordion .accordion-tab:active,
.accordion .tab-active,
.accordion .tab-active:hover,
.accordion .tab-active:focus,
.accordion .tab-active:active{
    text-decoration: none;
    background-color: #ff7667;
}

.accordion .tab-active::before{
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    -webkit-transition-duration: 750ms;
    -moz-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
}

.accordion .accordion-item{
    background: #FFF;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    /*max-height: 0;*/
    height: 0px;
    overflow: hidden;
    margin-bottom: 1px;
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.accordion .accordion-item:last-child.item-active{
    border-bottom: 1px solid #CCC;
}

.accordion .accordion-item .accordion-item-content{
    padding: 20px;
    font-size: 1.1em;
}

.accordion .accordion-item .accordion-item-content h5{
    color: #000;
}

.accordion .accordion-item .accordion-item-content h5 span{
    color: #ff7667;
}

.accordion .accordion-item .accordion-item-content img{
    width: 100%;
    margin-bottom: 15px;
}

.accordion .item-active{
    height: auto;
    /*max-height: 9000px;*/
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.guide-num{
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: #ff7667;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
}


/* Schools */
.about h3 i {
    color: #1ac6a7;
}

.about .accordion .accordion-tab{
    background-color: #139880;
    text-shadow: 1px 1px #139880;
    border-bottom: 1px solid #139880;
}

.about .accordion .accordion-tab:hover,
.about .accordion .accordion-tab:focus,
.about .accordion .accordion-tab:active,
.about .accordion .tab-active,
.about .accordion .tab-active:hover,
.about .accordion .tab-active:focus,
.about .accordion .tab-active:active{
    text-decoration: none;
    background-color: #1ac6a7;
}

.about .accordion .accordion-item .accordion-item-content h5 span{
    color: #1ac6a7;
}

.about .guide-num{
    background: #1ac6a7;
}

.about .school-list li i{
    color: #1ac6a7;
}

/* Academy */
.academy-header{
    position: relative;
    top: -85px;
    margin-bottom: -65px;
}

.academy-header h3{
    color: #1ac6a7;
}

.academy-header .academy-banner img{
    margin: 0 auto;
    max-width: 400px;
    background-color: #FFF;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px #999 !important;
    -moz-box-shadow: 0px 0px 5px #999 !important;
    box-shadow: 0px 0px 5px #999 !important;
}