html, body {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    overflow-x: hidden;
}

a{
    text-decoration: none !important;
}
h2,h3{
    font-weight: 700 !important;
}
p, li{
    font-weight: 400 !important;
}

header {
    padding-top: 20px;
}

header .logo-wrapper,
header .main-nav-wrapper {
    height: 120px;
    text-align: center;
}

header .main-nav-wrapper {
    display: flex;
}

header .logo-wrapper .logo {
    padding: 10px 0;
}

header .alignment-nav {
    width: 1px;

    display: inline-block;
}

header .main-nav {
    padding-left: 0;
    list-style-type: none;
}

header .main-nav li {
    float: left;
}

header .main-nav li a {
    font-size: 22px;
    font-weight: 600;

    padding: 0 20px;
    color: #32b44a
}

.nav-burger {
    display: none;
    float: right;
    padding: 20px 0;
}

.nav-burger a {
    display: block;
    color: #dc3626;
    transition: all ease 0.5s;
}

.nav-burger button {
    color: #febf28
}

.soccer-orange {
    width: auto;
    height: 100%;
    position: absolute;
    left: -5%;
    transform: translateY(-20%);
}

.soccer-purple {
    width: auto;
    height: 100%;
    position: absolute;
    right: -5%;
    /*top: 0;*/
    transform: translateY(5%);

    overflow: hidden;
}

.framed-img {
    position: relative;

    display: block;
    height: 80%;
    width: 100%;
}

.framed-img img {
    position: absolute;

    bottom: -20px;
    right: -20px;
}

.no-list-type ul {
    padding-left: 0;
    list-style-type: none;
}

.no-list-type li {
    font-weight: 600;
}

.strong {
    font-weight: 700;
}

.strong:not(.no-break) {
    display: block;
}

.dark-orange-txt {
    color: #dc3626
}

.dark-orange-bg {
    background-color: #dc3626
}

.light-orange-txt {
    color: #febf28
}

.light-orange-bg {
    background-color: #febf28
}

.orange-txt {
    color: #f3712a
}

.orange-bg {
    background-color: #f3712a
}

.purple-txt {
    color: #b8509e
}

.purple-bg {
    background-color: #b8509e
}

.blue-txt {
    color: #07a0c4
}

.blue-bg {
    background-color: #07a0c4
}

.green-txt {
    color: #34b44a
}

.green-bg {
    background-color: #34b44a
}

.btn-custom {
    cursor: pointer;

    border: none;
    color: #ffffff;
    font-weight: 700;

    padding: 10px;
}

.btn-custom:focus,
.btn-custom:active {
    outline: none;
    box-shadow: none;
}

.btn-green {
    background-color: #34b44a;
}

/* Section */
.section-image {
    background-size: cover;
    background-repeat: no-repeat;
}

.work-online, .math-student {
    padding-top: 3rem;
}

.plain-white, .sport {
    padding: 3rem 0;
}

.work-online h1, .work-online h2, .work-online h3, .work-online strong, .work-online span, .work-online a,
.math-student h1, .math-student h2, .math-student h3, .math-student strong, .math-student span, .math-student a {
    color: #fff !important;
}

.work-online h1, .work-online h2, .work-online h3, .work-online strong, .work-online span,
.math-student h1, .math-student h2, .math-student h3, .math-student strong, .math-student span, .math-student a {
    font-weight: 700;
}

/* News */
.news-desktop {
    display: block;
}

.news-mobile {
    display: none;
}

.news-image {
    filter: brightness(70%);
}

.article-content {
    width: 80%;
    padding: 60px 120px;
    font-weight: 600;
}

.article-content h2, .article-content a, .article-content p{
    color: #000 !important;
}

.article-content .content{
    padding: 45px;
    background-color: rgba(254, 190, 40,0.85);
}

.news-indicator .uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
    transform: translateX(2vh) translateY(-50%) translateY(-15px);
}

.news-indicator .uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
    transform: translateX(-25vh) translateY(-50%) translateY(-15px);
}

.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav svg,
.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav svg {
    width: 25px;
}

/* Detail News */
.news-detail-carousel {
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
}

.news-detail-carousel h2 {
    color: #fff !important;
}

.detail-news-content {
    color: #fff;
    padding: 10% 30% 0 00px;
}

/*Read more */
.read-more-list {
    height: 60vh;
    padding-left: 0;
    list-style-type: none;
}

.read-more-list li {
    height: 80px;
    margin: 0.5rem 0;
    background-color: #34b44a;
}

.read-more-list li a span{
    color: #fff;
    padding: 1rem;
}

.read-more-articles {
    width: 90%;
    display: block;
    float: left;
}

.fas.fa-chevron-right {
    float: left;
    margin-top: 5%;
}

/* Page not found */
.page-not-found-txt {
    font-size: 60pt;
}

/* Footer */
.footer {
    background-color: #08a0c5;
    color: #fff !important;
    font-weight: 700;
}

.footer-pages {
    list-style-type: none;
    padding: 0;
}

.footer h2 {
    color: #fff !important;
    font-weight: 800;
}

.footer-pages li a {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}

footer {
    width: 100vw;
    position: fixed;
    bottom: 0px
}

footer .container {
    background-color: #07a0c4;
    margin: -5px 0px 0px 0px;
    padding: 0px;
    color: #fff;
    text-align: center;
}

svg {
    width: 100%;
}

.wave-svg{
    transform: translateY(2%);
}

.arrow {
    stroke-width: .3px;
    stroke: yellow;
}

.wave {
    animation: wave 3s linear;
    animation-iteration-count: infinite;
    fill: #07a0c4;
}

.drop {
    fill: transparent;
    animation: drop 5s ease infinite normal;
    stroke: #07a0c4;
    stroke-width: 0.5;
    opacity: .6;
    transform: translateY(80%);
}

.drop1 {
    transform-origin: 20px 3px;
}

.drop2 {
    animation-delay: 3s;
    animation-duration: 3s;
    transform-origin: 25px 3px;
}

.drop3 {
    animation-delay: -2s;
    animation-duration: 3.4s;
    transform-origin: 16px 3px;
}

.gooeff {
    filter: url(#goo);
}

#wave2 {
    animation-duration: 5s;
    animation-direction: reverse;
    opacity: .6
}

#wave3 {
    animation-duration: 7s;
    opacity: .3;
}

@keyframes drop {
    0% {
        transform: translateY(80%);
        opacity: .6;
    }
    80% {
        transform: translateY(80%);
        opacity: .6;
    }
    90% {
        transform: translateY(10%);
        opacity: .6;
    }
    100% {
        transform: translateY(0%) scale(1.5);
        stroke-width: 0.2;
        opacity: 0;
    }
}

@keyframes wave {
    to {
        transform: translateX(-100%);
    }
}

@keyframes ball {
    to {
        transform: translateY(20%);
    }
}

.read-more-blk a, .read-more-blk h3{
    color: #06799f !important;
}

.read-more-blk p{
    font-weight: 500;
}

.shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.column-width-2{
    column-count: 2;
}

.mx-h-50{
    max-height: 400px;
}

.uk-dotnav > .uk-active > * {
    background-color: rgb(255,255,255) !important;
    border-color: transparent;
}

button:focus {
    outline: none;
}