html {
    background: #000033;
}

#main {
    background: #000033;
}

#main #content .row-main .large-12.col {
    padding-bottom: 0;
}

#masthead, #footer .my-footer, #bottom-conversion {
    display: none!important;
}

#footer {
    border-top: 2px solid #1d37f9;
}

#footer .footer-primary {
    float: none !important;
    text-align: center;
}

.absolute-footer {
    font-size: 13px;
    padding: 5px 0;
    background: #000033;
}

#top-bar .flex-col.hide-for-medium.flex-left, #top-bar .flex-col.hide-for-medium.flex-center {
    display: none!important;
}

#top-bar .flex-col.hide-for-medium.flex-right {
    display: block;
    width: 100%;
}

#top-bar .flex-col.hide-for-medium.flex-right .nav.top-bar-nav.nav-right {
    width: max-content;
    margin: 0 auto;
    display: block;
    padding-top: 7px;
}

#top-bar .flex-col.hide-for-medium.flex-right #top-phone {
    display: none!important;
}

#top-bar .nav.top-bar-nav.nav-right li.html_nav_position_text_top {
    margin: 0;
}

#content, #content .row-main, .rotating-globe {
    padding: 0px !important;
}

#content .row-main {
    max-width: 100% !important;
}

#content .row-main .large-12.col {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.rotating-globe {
    background: url('nen1.jpg') bottom center no-repeat;
    background-size: 110%;
    padding-bottom: 10px!important;
}

.rotating-globe:after {
    content: '';
}

@media only screen and (max-width: 1366px) {
    .rotating-globe {
        background-size: 130%;
    }
}

@media only screen and (max-width: 1170px) {
    .rotating-globe {
        background-size: 150%;
    }
}

@media only screen and (max-width: 980px) {
    .rotating-globe {
        background-size: 185%;
    }
}

@media only screen and (max-width: 851px) {
    .rotating-globe {
        background-size: 220%;
    }
}

@media only screen and (max-width: 768px) {
    .rotating-globe {
        background-size: auto 115%;
    }
}

@media only screen and (max-width: 640px) {
    .rotating-globe {
        background-size: auto 120%!important;
    }
}

.rotating-globe .col-inner {
    padding-top: 30px;
}

#content .row-main .rotating-globe .row-full-width {
    margin: 0;
}

#light-top {
    width: 380px;
    height: 240px;
    background: url(light.png) top center no-repeat;
    background-size: 100%;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    z-index: 9;
    left: calc(50% - 190px);
}

ul.menu-tab {
    margin: 0 auto;
    width: 100%;
    max-width: 720px;
    overflow: hidden;
    position: relative;
    margin-top: 0;
}

ul.menu-tab li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    background: #000;
    top: 25px;
    left: 0;
    opacity: 0.5;
    z-index: -1;
    border-right: 1px solid;
}

ul.menu-tab li#tab-0:after {
    content: '';
    background: #fff!important;
    opacity: 1;
}

ul.menu-tab li#tab-1:after {
    content: '';
    border-left: 1px solid;
}

ul.menu-tab li {
    color: #fff;
    list-style: none;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    float: left;
    width: 14.2%;
    text-align: center;
    position: relative;
    padding: 0 10px;
    text-transform: capitalize;
    line-height: 100px;
    z-index: 10;
}

ul.menu-tab li#tab-4 {
    width: 17.4%;
}

ul.menu-tab li#tab-5 {
    width: 15%;
}

ul.menu-tab li#tab-6 {
    width: 10%;
}

ul.menu-tab li:hover, ul.menu-tab li.active {
    color: #ffca0f;
}

ul.menu-tab li#tab-0 {
    padding: 0;
    z-index: 9;
}

ul.menu-tab li#tab-0 img {
    max-width: 100%;
    margin: 0 auto;
    height: 48px;
    padding: 3px;
}

.tron {
    width: 630px;
    height: 630px;
    margin: 0 auto;
    background: url(alltabEN.png);
    border-radius: 50%;
    margin-top: 10px;
    margin-bottom: 5px;
    background-size: auto 630px;
    box-shadow: inset 8px 15px 70px 24px rgb(18 30 47), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3);
    position: relative;
    background-position: 0px 0px;
}

.tron:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    /* background: #000; */
    bottom: 0;
    border-radius: 50%;
    box-shadow: rgb(18 19 19) 0px 20px 30px -10px;
}

.xoe {
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    /*background: #000;*/
    z-index: 9;
    display: none;
}

.xoe.hien {
    display: block;
}

/* --  */
.rotate-1 {
    animation-name: rotate1;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: rotate1;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.at-rotate-1 {
    background-position: -3780px 0px!important;
}

@keyframes rotate1 {
    from {
        background-position: -3150px 0px;
    }

    to {
        background-position: -3780px 0px;
    }
}

@-webkit-keyframes rotate1 {
    from {
        background-position: -3150px 0px;
    }

    to {
        background-position: -3780px 0px;
    }
}

.rotate-2 {
    animation-name: rotate2;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: rotate2;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.at-rotate-2 {
    background-position: -630px 0px!important;
    transition: opacity 0.8s linear;
}

@keyframes rotate2 {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: -630px 0px;
    }
}

@-webkit-keyframes rotate2 {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: -630px 0px;
    }
}

.rotate-3 {
    animation-name: rotate3;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: rotate3;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.at-rotate-3 {
    background-position: -1260px 0px!important;
    transition: opacity 0.8s linear;
}

@keyframes rotate3 {
    from {
        background-position: -630px 0px;
    }

    to {
        background-position: -1260px 0px;
    }
}

@-webkit-keyframes rotate3 {
    from {
        background-position: -630px 0px;
    }

    to {
        background-position: -1260px 0px;
    }
}

.rotate-4 {
    animation-name: rotate4;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: rotate4;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.at-rotate-4 {
    background-position: -1890px 0px!important;
    transition: opacity 0.8s linear;
}

@keyframes rotate4 {
    from {
        background-position: -1260px 0px;
    }

    to {
        background-position: -1890px 0px;
    }
}

@-webkit-keyframes rotate4 {
    from {
        background-position: -1260px 0px;
    }

    to {
        background-position: -1890px 0px;
    }
}

.rotate-5 {
    animation-name: rotate5;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: rotate5;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.at-rotate-5 {
    background-position: -2520px 0px!important;
    transition: opacity 0.8s linear;
}

@keyframes rotate5 {
    from {
        background-position: -1890px 0px;
    }

    to {
        background-position: -2520px 0px;
    }
}

@-webkit-keyframes rotate5 {
    from {
        background-position: -1890px 0px;
    }

    to {
        background-position: -2520px 0px;
    }
}

.rotate-6 {
    animation-name: rotate6;
    animation-duration: 4s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -webkit-animation-name: rotate6;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

.at-rotate-6 {
    background-position: -3150px 0px!important;
    transition: opacity 0.8s linear;
}

@keyframes rotate6 {
    from {
        background-position: -2520px 0px;
    }

    to {
        background-position: -3150px 0px;
    }
}

@-webkit-keyframes rotate6 {
    from {
        background-position: -2520px 0px;
    }

    to {
        background-position: -3150px 0px;
    }
}

/* --  */
@media only screen and (max-width: 1365px) {
    ul.menu-tab li:after {
        content: '';
        opacity: 0.3;
    }
}

@media only screen and (max-width: 800px) {
    .rotating-globe .col-inner {
        padding-top: 65px;
    }
}

@media only screen and (max-width: 768px) {
    ul.menu-tab li#tab-0 img {
        display: inline;
        height: auto;
        max-height: 48px;
        padding: 5px;
    }

    ul.menu-tab li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 640px) {
    .rotating-globe {
        padding-bottom: 20px!important;
    }

    .tron {
        width: 400px;
        height: 400px;
        background-size: auto 400px;
    }

    /* --  */
    .at-rotate-2 {
        background-position: -400px 0px!important;
    }

    @keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -400px 0px;
        }
    }

    @-webkit-keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -400px 0px;
        }
    }

    .at-rotate-3 {
        background-position: -800px 0px!important;
        transition: opacity 0.8s linear;
    }

    @keyframes rotate3 {
        from {
            background-position: -400px 0px;
        }

        to {
            background-position: -800px 0px;
        }
    }

    @-webkit-keyframes rotate3 {
        from {
            background-position: -400px 0px;
        }

        to {
            background-position: -800px 0px;
        }
    }

    .at-rotate-4 {
        background-position: -1200px 0px!important;
    }

    @keyframes rotate4 {
        from {
            background-position: -800px 0px;
        }

        to {
            background-position: -1200px 0px;
        }
    }

    @-webkit-keyframes rotate4 {
        from {
            background-position: -800px 0px;
        }

        to {
            background-position: -1200px 0px;
        }
    }

    .at-rotate-5 {
        background-position: -1600px 0px!important;
    }

    @keyframes rotate5 {
        from {
            background-position: -1200px 0px;
        }

        to {
            background-position: -1600px 0px;
        }
    }

    @-webkit-keyframes rotate5 {
        from {
            background-position: -1200px 0px;
        }

        to {
            background-position: -1600px 0px;
        }
    }

    .at-rotate-6 {
        background-position: -2000px 0px!important;
    }

    @keyframes rotate6 {
        from {
            background-position: -1600px 0px;
        }

        to {
            background-position: -2000px 0px;
        }
    }

    @-webkit-keyframes rotate6 {
        from {
            background-position: -1600px 0px;
        }

        to {
            background-position: -2000px 0px;
        }
    }

    .at-rotate-1 {
        background-position: -2400px 0px!important;
    }

    @keyframes rotate1 {
        from {
            background-position: -2000px 0px;
        }

        to {
            background-position: -2400px 0px;
        }
    }

    @-webkit-keyframes rotate1 {
        from {
            background-position: -2000px 0px;
        }

        to {
            background-position: -2400px 0px;
        }
    }

    /* --  */
    ul.menu-tab li {
        font-size: 13px;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 548px) {
    ul.menu-tab li {
        font-size: 12px;
        padding: 0 5px;
        letter-spacing: -0.3px;
    }
}

@media only screen and (max-width: 484px) {
    .rotating-globe .col-inner {
        padding-top: 70px;
    }

    ul.menu-tab li {
        font-size: 11px;
        padding: 0 5px;
        letter-spacing: -0.3px;
    }
}

@media only screen and (max-width: 451px) {
    .tron {
        width: 380px;
        height: 380px;
        background-size: auto 380px;
    }

    /* --  */
    .at-rotate-2 {
        background-position: -380px 0px!important;
    }

    @keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -380px 0px;
        }
    }

    @-webkit-keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -380px 0px;
        }
    }

    .at-rotate-3 {
        background-position: -760px 0px!important;
        transition: opacity 0.8s linear;
    }

    @keyframes rotate3 {
        from {
            background-position: -380px 0px;
        }

        to {
            background-position: -760px 0px;
        }
    }

    @-webkit-keyframes rotate3 {
        from {
            background-position: -380px 0px;
        }

        to {
            background-position: -760px 0px;
        }
    }

    .at-rotate-4 {
        background-position: -1140px 0px!important;
    }

    @keyframes rotate4 {
        from {
            background-position: -760px 0px;
        }

        to {
            background-position: -1140px 0px;
        }
    }

    @-webkit-keyframes rotate4 {
        from {
            background-position: -760px 0px;
        }

        to {
            background-position: -1140px 0px;
        }
    }

    .at-rotate-5 {
        background-position: -1520px 0px!important;
    }

    @keyframes rotate5 {
        from {
            background-position: -1140px 0px;
        }

        to {
            background-position: -1520px 0px;
        }
    }

    @-webkit-keyframes rotate5 {
        from {
            background-position: -1140px 0px;
        }

        to {
            background-position: -1520px 0px;
        }
    }

    .at-rotate-6 {
        background-position: -1900px 0px!important;
    }

    @keyframes rotate6 {
        from {
            background-position: -1520px 0px;
        }

        to {
            background-position: -1900px 0px;
        }
    }

    @-webkit-keyframes rotate6 {
        from {
            background-position: -1520px 0px;
        }

        to {
            background-position: -1900px 0px;
        }
    }

    .at-rotate-1 {
        background-position: -2280px 0px!important;
    }

    @keyframes rotate1 {
        from {
            background-position: -1900px 0px;
        }

        to {
            background-position: -2280px 0px;
        }
    }

    @-webkit-keyframes rotate1 {
        from {
            background-position: -1900px 0px;
        }

        to {
            background-position: -2280px 0px;
        }
    }

    /* --  */
    #light-top {
        width: 330px;
        height: 205px;
        left: calc(50% - 165px);
    }
}

@media only screen and (max-width: 440px) {
    .rotating-globe .row.row-full-width .col.small-12 {
        padding-left: 0;
        padding-right: 0;
    }

    ul.menu-tab li#tab-1 {
        width: 14%;
    }

    ul.menu-tab li#tab-2 {
        width: 14%;
    }

    ul.menu-tab li#tab-3 {
        width: 14%;
    }

    ul.menu-tab li#tab-0 {
        width: 14%;
    }

    ul.menu-tab li#tab-4 {
        width: 17%;
    }

    ul.menu-tab li#tab-5 {
        width: 15%;
    }

    ul.menu-tab li#tab-6 {
        width: 12%;
    }
}

@media only screen and (max-width: 404px) {
    .tron {
        width: 360px;
        height: 360px;
        background-size: auto 360px;
    }

    /* --  */
    .at-rotate-2 {
        background-position: -360px 0px!important;
    }

    @keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -360px 0px;
        }
    }

    @-webkit-keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -360px 0px;
        }
    }

    .at-rotate-3 {
        background-position: -720px 0px!important;
        transition: opacity 0.8s linear;
    }

    @keyframes rotate3 {
        from {
            background-position: -360px 0px;
        }

        to {
            background-position: -720px 0px;
        }
    }

    @-webkit-keyframes rotate3 {
        from {
            background-position: -360px 0px;
        }

        to {
            background-position: -720px 0px;
        }
    }

    .at-rotate-4 {
        background-position: -1080px 0px!important;
    }

    @keyframes rotate4 {
        from {
            background-position: -720px 0px;
        }

        to {
            background-position: -1080px 0px;
        }
    }

    @-webkit-keyframes rotate4 {
        from {
            background-position: -720px 0px;
        }

        to {
            background-position: -1080px 0px;
        }
    }

    .at-rotate-5 {
        background-position: -1440px 0px!important;
    }

    @keyframes rotate5 {
        from {
            background-position: -1080px 0px;
        }

        to {
            background-position: -1440px 0px;
        }
    }

    @-webkit-keyframes rotate5 {
        from {
            background-position: -1080px 0px;
        }

        to {
            background-position: -1440px 0px;
        }
    }

    .at-rotate-6 {
        background-position: -1800px 0px!important;
    }

    @keyframes rotate6 {
        from {
            background-position: -1440px 0px;
        }

        to {
            background-position: -1800px 0px;
        }
    }

    @-webkit-keyframes rotate6 {
        from {
            background-position: -1440px 0px;
        }

        to {
            background-position: -1800px 0px;
        }
    }

    .at-rotate-1 {
        background-position: -2160px 0px!important;
    }

    @keyframes rotate1 {
        from {
            background-position: -1800px 0px;
        }

        to {
            background-position: -2160px 0px;
        }
    }

    @-webkit-keyframes rotate1 {
        from {
            background-position: -1800px 0px;
        }

        to {
            background-position: -2160px 0px;
        }
    }

    /* -- */
    ul.menu-tab li {
        font-size: 9px;
        letter-spacing: 0;
        padding: 0;
    }

    ul.menu-tab li#tab-0 {
        padding: 0 5px;
    }

    ul.menu-tab li:after {
        content: '';
        opacity: 0.4;
    }
}

@media only screen and (max-width: 379px) {
    .tron {
        width: 320px;
        height: 320px;
        background-size: auto 320px;
        margin-top: 50px;
    }

    /* --  */
    .at-rotate-2 {
        background-position: -320px 0px!important;
    }

    @keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -320px 0px;
        }
    }

    @-webkit-keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -320px 0px;
        }
    }

    .at-rotate-3 {
        background-position: -640px 0px!important;
        transition: opacity 0.8s linear;
    }

    @keyframes rotate3 {
        from {
            background-position: -320px 0px;
        }

        to {
            background-position: -640px 0px;
        }
    }

    @-webkit-keyframes rotate3 {
        from {
            background-position: -320px 0px;
        }

        to {
            background-position: -640px 0px;
        }
    }

    .at-rotate-4 {
        background-position: -960px 0px!important;
    }

    @keyframes rotate4 {
        from {
            background-position: -640px 0px;
        }

        to {
            background-position: -960px 0px;
        }
    }

    @-webkit-keyframes rotate4 {
        from {
            background-position: -640px 0px;
        }

        to {
            background-position: -960px 0px;
        }
    }

    .at-rotate-5 {
        background-position: -1280px 0px!important;
    }

    @keyframes rotate5 {
        from {
            background-position: -960px 0px;
        }

        to {
            background-position: -1280px 0px;
        }
    }

    @-webkit-keyframes rotate5 {
        from {
            background-position: -960px 0px;
        }

        to {
            background-position: -1280px 0px;
        }
    }

    .at-rotate-6 {
        background-position: -1600px 0px!important;
    }

    @keyframes rotate6 {
        from {
            background-position: -1280px 0px;
        }

        to {
            background-position: -1600px 0px;
        }
    }

    @-webkit-keyframes rotate6 {
        from {
            background-position: -1280px 0px;
        }

        to {
            background-position: -1600px 0px;
        }
    }

    .at-rotate-1 {
        background-position: -1920px 0px!important;
    }

    @keyframes rotate1 {
        from {
            background-position: -1600px 0px;
        }

        to {
            background-position: -1920px 0px;
        }
    }

    @-webkit-keyframes rotate1 {
        from {
            background-position: -1600px 0px;
        }

        to {
            background-position: -1920px 0px;
        }
    }

    /* --  */
}

@media only screen and (max-width: 354px) {
    ul.menu-tab li {
        font-size: 9px;
        letter-spacing: -0.3px;
    }
}

@media only screen and (max-width: 348px) {
    .tron {
        width: 290px;
        height: 290px;
        background-size: auto 290px;
        margin-top: 50px;
    }

    /* --  */
    .at-rotate-2 {
        background-position: -290px 0px!important;
    }

    @keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -290px 0px;
        }
    }

    @-webkit-keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -290px 0px;
        }
    }

    .at-rotate-3 {
        background-position: -580px 0px!important;
        transition: opacity 0.8s linear;
    }

    @keyframes rotate3 {
        from {
            background-position: -290px 0px;
        }

        to {
            background-position: -580px 0px;
        }
    }

    @-webkit-keyframes rotate3 {
        from {
            background-position: -290px 0px;
        }

        to {
            background-position: -580px 0px;
        }
    }

    .at-rotate-4 {
        background-position: -870px 0px!important;
    }

    @keyframes rotate4 {
        from {
            background-position: -580px 0px;
        }

        to {
            background-position: -870px 0px;
        }
    }

    @-webkit-keyframes rotate4 {
        from {
            background-position: -580px 0px;
        }

        to {
            background-position: -870px 0px;
        }
    }

    .at-rotate-5 {
        background-position: -1160px 0px!important;
    }

    @keyframes rotate5 {
        from {
            background-position: -870px 0px;
        }

        to {
            background-position: -1160px 0px;
        }
    }

    @-webkit-keyframes rotate5 {
        from {
            background-position: -870px 0px;
        }

        to {
            background-position: -1160px 0px;
        }
    }

    .at-rotate-6 {
        background-position: -1450px 0px!important;
    }

    @keyframes rotate6 {
        from {
            background-position: -1160px 0px;
        }

        to {
            background-position: -1450px 0px;
        }
    }

    @-webkit-keyframes rotate6 {
        from {
            background-position: -1160px 0px;
        }

        to {
            background-position: -1450px 0px;
        }
    }

    .at-rotate-1 {
        background-position: -1740px 0px!important;
    }

    @keyframes rotate1 {
        from {
            background-position: -1450px 0px;
        }

        to {
            background-position: -1740px 0px;
        }
    }

    @-webkit-keyframes rotate1 {
        from {
            background-position: -1450px 0px;
        }

        to {
            background-position: -1740px 0px;
        }
    }
}

@media only screen and (max-width: 315px) {
    .tron {
        width: 280px;
        height: 280px;
        background-size: auto 280px;
        margin-top: 50px;
    }

    /* --  */
    .at-rotate-2 {
        background-position: -280px 0px!important;
    }

    @keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -280px 0px;
        }
    }

    @-webkit-keyframes rotate2 {
        from {
            background-position: 0px 0px;
        }

        to {
            background-position: -280px 0px;
        }
    }

    .at-rotate-3 {
        background-position: -560px 0px!important;
        transition: opacity 0.8s linear;
    }

    @keyframes rotate3 {
        from {
            background-position: -280px 0px;
        }

        to {
            background-position: -560px 0px;
        }
    }

    @-webkit-keyframes rotate3 {
        from {
            background-position: -280px 0px;
        }

        to {
            background-position: -560px 0px;
        }
    }

    .at-rotate-4 {
        background-position: -840px 0px!important;
    }

    @keyframes rotate4 {
        from {
            background-position: -560px 0px;
        }

        to {
            background-position: -840px 0px;
        }
    }

    @-webkit-keyframes rotate4 {
        from {
            background-position: -560px 0px;
        }

        to {
            background-position: -840px 0px;
        }
    }

    .at-rotate-5 {
        background-position: -1120px 0px!important;
    }

    @keyframes rotate5 {
        from {
            background-position: -840px 0px;
        }

        to {
            background-position: -1120px 0px;
        }
    }

    @-webkit-keyframes rotate5 {
        from {
            background-position: -840px 0px;
        }

        to {
            background-position: -1120px 0px;
        }
    }

    .at-rotate-6 {
        background-position: -1400px 0px!important;
    }

    @keyframes rotate6 {
        from {
            background-position: -1120px 0px;
        }

        to {
            background-position: -1400px 0px;
        }
    }

    @-webkit-keyframes rotate6 {
        from {
            background-position: -1120px 0px;
        }

        to {
            background-position: -1400px 0px;
        }
    }

    .at-rotate-1 {
        background-position: -1680px 0px!important;
    }

    @keyframes rotate1 {
        from {
            background-position: -1400px 0px;
        }

        to {
            background-position: -1680px 0px;
        }
    }

    @-webkit-keyframes rotate1 {
        from {
            background-position: -1400px 0px;
        }

        to {
            background-position: -1680px 0px;
        }
    }
}

/* partners */
.partners {
}

#main #content .partners .slider {
    max-width: 360px;
    margin: 0 auto;
    display: block;
}

#main #content .partners .slider .flickity-viewport {
    border-radius: 15%;
}

.partners .slider .flickity-button {
    width: 24px;
    bottom: unset;
    top: 20%;
}

.partners .slider .flickity-button:hover svg {
    background: #ffca0f;
    border: #ffca0f;
}

.partners .slider .flickity-button.previous {
    left: -25px;
}

.partners .slider .flickity-button.next {
    right: -25px;
}

.partners h2 {
    text-align: center;
    color: #ffca0f;
    font-size: 18px;
    margin: 0 0 20px;
}

.partners .inner-box {
}

.partners .inner-box .gallery-col {
    padding: 0;
}

.partners .inner-box .gallery-col {
    padding-bottom: 0;
}

.partners .inner-box .col-inner {
    padding: 0;
}

.partners .inner-box .gallery-col .col-inner {
    padding: 0;
}

.partners .inner-box .gallery-col .col-inner .box {
    width: 74px;
    border-radius: 50%;
    border: 2px solid #beb9b954;
}

.partners .inner-box .gallery-col .col-inner .box .box-image img {
    padding: 5px;
    background: #fff;
}

@media only screen and (max-width: 420px) {
    #main #content .partners .slider {
        max-width: 290px;
    }

    .partners .slider .flickity-button.previous {
        left: -15px;
    }

    .partners .slider .flickity-button.next {
        right: -15px;
    }
}

@media only screen and (max-width: 330px) {
    #main #content .partners .slider {
        max-width: 250px;
    }

    .partners .inner-box .gallery-col .col-inner .box {
        width: 69px;
    }
}

/* --partners */