@charset "UTF-8";
/*----------------------------------------------------------
Main Stylesheet
Theme: Giner
Author: Rovadex
Version: 1.0

	01) NORMALIZE
	02) STRUCTURE
	03) TYPOGRAPHY
	04) HEADER
	05) FORMS
	06) FOOTER
	07) CONTENT STYLE
-----------------------------------------------------------*/
/*---------------------------------------------------------*/
/* NORMALIZE */
/*---------------------------------------------------------*/
/*-------------------- RESETE STYLES --------------------*/
@import url("https://fonts.googleapis.com/css?family=Kanit:400,500&display=swap");
@import url("https://fonts.googleapis.com/css?family=Red+Hat+Display:400,400i,500,700&display=swap");

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

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

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

th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

a img {
    border: none;
}

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

strong,
b {
    font-weight: bold;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*---------------------------------------------------------*/
/* STRUCTURE */
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* TYPOGRAPHY */
/*---------------------------------------------------------*/
/*----------------------- FONTS -----------------------*/
@font-face {
    font-family: "Paladins";
    src: url("../../fonts/landing/paladins.eot");
    src: url("../../fonts/landing/paladins.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/landing/paladins.woff2") format("woff2"),
        url("../../fonts/landing/paladins.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
/*------------------ DEFAULT STYLES ------------------*/

*::-moz-selection {
    background: rgba(13, 90, 165, 0.7);
    color: #fff;
}
*::selection {
    background: rgba(13, 90, 165, 0.7);
    color: #fff;
}

body {
    color: #8b8b8b;
    line-height: 160%;
    font-size: 18px;
    font-family: "Red Hat Display", sans-serif;
    min-width: 320px;
    position: relative;
    overflow-x: hidden;
}

body.no-scroll {
    overflow: hidden;
}

body#conference-page {
    background-position: center;
    background-repeat: no-repeat;
}

body#dance-page {
    background-color: #100a19;
}

section {
    position: static;
    /* z-index: 1;  */
}

.container {
    position: relative;
}

p {
    font-family: "Red Hat Display", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    font-weight: 700;
    font-family: "Red Hat Display", sans-serif;
    line-height: 1.3em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #0d5aa5;
}

h1 {
    font-size: 49px;
    font-weight: 600;
}

h2 {
    font-size: 39px;
    line-height: 1.26em;
}

h3 {
    font-size: 31px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

a {
    text-decoration: none;
    color: #0d5aa5;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

a:hover {
    color: #ffd910;
}

i {
    color: #7a7a7a;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

h2.title {
    text-align: center;
    margin-bottom: 70px;
}

.title-conference {
    position: relative;
    text-align: center;
    padding: 14px 0;
    margin-bottom: 60px;
}

.title-conference span {
    position: relative;
    z-index: 1;
}

.title-conference:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 141px;
    height: 77px;
    background-image: url(../../images/landing/effect-title.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.title-conference.title-conference-white {
    color: #fff;
}

.title-conference.title-conference-white:before {
    background-image: url(../../images/landing/effect-title-white.svg);
}

/*---------------------- LAZY LOAD ----------------------*/

.rx-lazy_hidden {
    opacity: 0;
}

.rx-lazy {
    -webkit-transition: 0.35s ease-out;
    transition: 0.35s ease-out;
}

/*----------------- BG-EFFECT MARATHON -----------------*/

.bg-effect {
    will-change: transform;
    position: absolute;
    top: 550px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    background-repeat: no-repeat;
    background-position: -5px -64px;
    -webkit-transition: 0.7s cubic-bezier(0, 0, 0.51, 0.99);
    transition: 0.7s cubic-bezier(0, 0, 0.51, 0.99);
}
@media (max-width: 1199px) {
    .bg-effect {
        display: none;
    }
}

/*--------------------- DANCE PAGE ---------------------*/

.dance-page {
    color: #fff;
}

.dance-page i {
    color: #7a7a7a;
}

.dance-page a {
    color: #d52b74;
}

.dance-page a:hover {
    color: #fff;
}

.dance-page h1,
.dance-page h2,
.dance-page h3,
.dance-page h4,
.dance-page h5,
.dance-page h6 {
    color: #fff;
}

.dance-page h1 a,
.dance-page h2 a,
.dance-page h3 a,
.dance-page h4 a,
.dance-page h5 a,
.dance-page h6 a {
    color: #fff;
}

.dance-page h1 a:hover,
.dance-page h2 a:hover,
.dance-page h3 a:hover,
.dance-page h4 a:hover,
.dance-page h5 a:hover,
.dance-page h6 a:hover {
    color: #d52b74;
}

.dance-page p {
    color: #bcbcbc;
}

.dance-slogan {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    font-size: 20px;
    margin-bottom: 5px;
}

.dance-slogan:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d52b74;
}

.dance-title {
    margin-bottom: 50px;
    text-transform: capitalize;
}

.dance-mask {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.dance-mask:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 3, 42, 0.8);
}

.dance-mask .container {
    z-index: 1;
}

/*----------------------- MEDIA -----------------------*/
@media (max-width: 1199px) {
    h1 {
        font-size: 47px;
    }

    h2 {
        font-size: 33px;
    }

    h2.title {
        margin-bottom: 50px;
    }

    h3 {
        font-size: 29px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    body {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 33px;
    }

    h2.title {
        margin-bottom: 40px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 24px;
    }

    h2.title {
        margin-bottom: 30px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 18px;
    }
}
/*---------------------------------------------------------*/
/* HEADER */
/*---------------------------------------------------------*/

body.page-loaded .page-preloader-cover {
    -webkit-transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
    transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
    opacity: 0;
    pointer-events: none;
}

.dance-page .page-preloader-cover {
    background-color: #100a19;
}

.page-preloader-cover {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.01);
}

.cssload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    -webkit-perspective: 780px;
    perspective: 780px;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
}

.cssload-inner.cssload-one {
    left: 0%;
    top: 0%;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 6px solid #0d5aa5;
}

.cssload-inner.cssload-two {
    right: 0%;
    top: 0%;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 6px solid #ffd910;
}

.cssload-inner.cssload-three {
    right: 0%;
    bottom: 0%;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 6px solid #22bfe1;
}

@keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
/*------------------------ MENU ------------------------*/

header {
    background: #fff;
    min-height: 50px;
    position: relative;
    width: 100%;
    z-index: 10;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.top-panel {
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    padding: 24px 0px 24px 0px;
}

.top-panel .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top-panel .container .social-list li {
    font-size: 17px;
    margin-right: 36px;
}

.top-panel .container .social-list li:last-child {
    margin-right: 0;
}

.top-panel .container .social-list i {
    color: #b0b0b0;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.top-panel .container .social-list a:hover i {
    color: #0d5aa5;
}

.header-nav .header-nav-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    padding: 20px 0 17px;
}

.nav-menu {
    width: 100%;
    padding: 90px 0 30px;
    height: 100vh;
    left: -100%;
    opacity: 0;
    top: 0;
    z-index: 3;
    background-color: #fff;
    position: fixed;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.nav-menu.active {
    left: 0;
    opacity: 1;
}

.nav-list > li > a {
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
}

.nav-list {
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%;
}

.nav-list li {
    display: block;
    position: relative;
}

.nav-list li a {
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #989898;
    font-weight: 500;
}

.nav-list li a:hover {
    color: #0d5aa5;
}

.nav-list li a:hover i {
    color: #0d5aa5;
}

.nav-list li a i {
    margin-left: 5px;
    color: #989898;
}

.nav-list li.dropdown ul {
    min-width: 100%;
    background: #333;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nav-list li.dropdown ul li {
    text-align: left;
}

.nav-list li.dropdown ul li a {
    font-size: 12px;
    padding: 10px 15px 10px 25px;
}

.nav-list li.dropdown ul li a:hover {
    color: #ffd910;
}

.nav-list li.dropdown ul li.active-page a {
    color: #ffd910;
}

@media (min-width: 768px) {
    .nav-menu {
        margin-top: 0;
        display: block !important;
        width: auto !important;
        position: relative;
        left: auto;
        top: auto;
        background-color: transparent;
        z-index: 0;
        height: auto;
        opacity: 1;
        padding: 0;
    }

    .nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: visible;
        max-height: none;
    }

    .nav-list > li {
        margin-right: 20px;
    }

    .nav-list > li:last-child {
        margin-right: 0;
    }

    .nav-list > li > a {
        padding: 0 2px;
    }

    .nav-list > li > a:after {
        content: "";
        position: absolute;
        top: -28px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #0d5aa5;
        -webkit-transition: width 0.35s ease;
        transition: width 0.35s ease;
    }

    .nav-list > li.active-page > a:after,
    .nav-list > li:hover > a:after {
        width: 100%;
    }

    .nav-list > li.dropdown ul {
        display: block !important;
        left: 0;
        position: absolute;
        top: 100%;
        margin-top: 25px;
        min-width: 200px;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    .nav-list > li.dropdown ul li a {
        padding: 4px 15px;
        display: inline-block;
    }

    .nav-list > li.dropdown.active ul {
        pointer-events: auto;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.nav-btn {
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 60px;
    padding: 10px 15px;
    display: block;
    z-index: 4;
    overflow: hidden;
}

.nav-btn span {
    background-color: #fff;
    height: 2px;
    width: 100%;
    display: block;
    margin: 6px 0;
    position: relative;
    -webkit-transition: all 0.4s ease, visibility 0.1s ease;
    transition: all 0.4s ease, visibility 0.1s ease;
}

@media (min-width: 768px) {
    .nav-btn {
        display: none;
    }
}

.nav-btn:hover span:nth-child(2) {
    margin-left: -8px;
}

.nav-btn.active span {
    height: 2px;
    -webkit-transform-origin: 0;
    transform-origin: 0;
}

.nav-btn.active span:first-child {
    -webkit-transform: translateX(8px) rotate(45deg);
    transform: translateX(8px) rotate(45deg);
}

.nav-btn.active span:last-child {
    margin-top: 11px;
    -webkit-transform: translateX(8px) rotate(-45deg);
    transform: translateX(8px) rotate(-45deg);
}

.nav-btn.active span:nth-child(2) {
    visibility: hidden;
}

/*--------------- MARATHON HEADER FIXED ---------------*/

.marathon-header-fixed {
    background-color: transparent;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.marathon-header-fixed .top-panel {
    padding-top: 55px;
}

.marathon-header-fixed .top-panel .container .social-list li {
    margin-right: 38px;
}

.marathon-header-fixed .top-panel .container .social-list li:last-child {
    margin-right: 0;
}

.marathon-header-fixed .top-panel .container .social-list a:hover i {
    color: #ffd910;
}

.marathon-header-fixed .top-panel .container .social-list i {
    color: #fff;
}

.marathon-header-fixed .nav-list > li {
    margin-right: 40px;
}

.marathon-header-fixed .nav-list > li:last-child {
    margin-right: 0;
}

.marathon-header-fixed .nav-list > li > a {
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #fff;
}

.marathon-header-fixed .nav-list > li > a:after {
    background-color: #ffd910;
}

.marathon-header-fixed .nav-list > li > a i {
    color: #fff;
}

.marathon-header-fixed .nav-list > li > a:hover {
    color: #ffd910;
}

.marathon-header-fixed .nav-list > li > a:hover i {
    color: #ffd910;
}

.marathon-header-fixed .header-nav .header-nav-cover {
    border-top-color: rgba(255, 255, 255, 0.3);
}

/*-------------- CONFERENCE-HEADER-FIXED --------------*/

.conference-header-fixed {
    padding: 20px 0;
    background-color: transparent;
}

.conference-header-fixed.header-top {
    padding: 10px 0;
}

.conference-header-fixed .conference-header-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.conference-header-fixed .conference-header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.conference-header-fixed .nav-list > li > a {
    color: #fff;
}

.conference-header-fixed .nav-list > li > a:after {
    top: auto;
    bottom: 0;
}

.conference-header-fixed .nav-list > li > a i {
    color: #fff;
}

.conference-header-fixed .btn:hover {
    color: #fff;
}

.header-fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.header-fixed.header-top {
    top: -100px;
    position: fixed;
    background-color: rgba(51, 51, 51, 0.9);
    -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1);
}

.header-fixed.header-top.header-scroll {
    top: 0;
}

.marathon-header-fixed.header-top {
    top: -115px;
    background-color: #0d5aa5;
}
@media (max-width: 1366px) {
    .marathon-header-fixed.header-top {
        top: -75px;
    }
}
@media (max-width: 767px) {
    .marathon-header-fixed.header-top {
        top: 0;
    }
}

.marathon-header-fixed.header-top.header-scroll {
    top: -115px;
}
@media (max-width: 1366px) {
    .marathon-header-fixed.header-top.header-scroll {
        top: -75px;
    }
}
@media (max-width: 767px) {
    .marathon-header-fixed.header-top.header-scroll {
        top: 0;
    }
}

/*----------------- DANCE-HEADER-FIXED -----------------*/

.dance-header-fixed {
    background-color: transparent;
    padding: 28px 0;
}

.dance-header-fixed .nav-btn span {
    background-color: #fff;
}

.dance-header-fixed.header-fixed.header-top {
    padding: 18px 0;
    background-color: rgba(22, 14, 34, 0.95);
    -webkit-box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0px 1px rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
    .dance-header-fixed .nav-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.dance-header-fixed .nav-list > li > a {
    color: #fff;
}

.dance-header-fixed .nav-list > li > a:after {
    top: auto;
    bottom: 0;
    background-color: #d52b74;
}

.dance-header-fixed .nav-list > li > a i {
    color: #fff;
}

.dance-header-fixed .nav-list > li > a:hover {
    color: #d52b74;
}

.dance-header-fixed .nav-list > li > a:hover i {
    color: #d52b74;
}

.dance-header-fixed .nav-list > li.dropdown ul {
    background-color: #100a19;
}

/*--------------------- PAGE-TITLE ---------------------*/

.page-title {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-title.page-title-conference:before {
    background: rgba(0, 0, 0, 0.7);
}

.page-title.page-title-dance:before {
    background: rgba(12, 3, 42, 0.8);
}

.page-title.page-title-dance:after {
    background-color: #100a19;
}

.page-title.page-title-dance .breadcrumbs li a:hover {
    color: #d52b74;
}

.page-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(
        168deg,
        rgba(3, 63, 64, 0.6) 18.94%,
        rgba(15, 51, 178, 0.6) 82.05%
    );
}

.page-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #fff;
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 0, 50% 100%);
    clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0 0, 50% 100%);
    z-index: 4;
}

.page-title .container {
    padding: 40px 0;
    min-height: 214px;
    position: relative;
    z-index: 2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-title .container .title {
    color: #fff;
    margin-bottom: 0;
    line-height: 1em;
}

.breadcrumbs {
    margin-bottom: 6px;
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Red Hat Display", sans-serif;
}

.breadcrumbs li a,
.breadcrumbs li {
    position: relative;
    letter-spacing: 0.01em;
    color: #fff;
}

.breadcrumbs li:not(:last-child):after {
    content: "/";
    display: inline-block;
    padding: 0 4px;
}

.breadcrumbs li a:hover {
    color: #0d5aa5;
}

/*-------------------- HEADER-DANCE --------------------*/

.header-dance {
    background-color: #100a19;
}

.header-dance .nav-list > li.dropdown ul {
    background-color: #100a19;
}

.header-dance .nav-list > li > a {
    color: #fff;
}

.header-dance .nav-list > li > a:after {
    background-color: #d52b74;
}

.header-dance .nav-list > li > a i {
    color: #fff;
}

.header-dance .nav-list > li > a:hover {
    color: #d52b74;
}

.header-dance .nav-list > li > a:hover i {
    color: #d52b74;
}

.header-dance .header-nav .header-nav-cover {
    border-color: rgba(255, 255, 255, 0.2);
}

.header-dance .nav-btn span {
    background-color: #fff;
}
@media (max-width: 767px) {
    .header-dance .nav-menu {
        background-color: #100a19;
    }
}

/*----------------------- MEDIA -----------------------*/
@media (max-width: 1366px) {
    .marathon-header-fixed .nav-list > li {
        margin-right: 30px;
    }

    .marathon-header-fixed .top-panel {
        padding-top: 24px;
        padding-bottom: 22px;
    }

    .marathon-header-fixed .top-panel .container .social-list li {
        margin-right: 25px;
    }

    .page-title .container {
        min-height: 200px;
    }

    .conference-header-fixed .nav-list > li {
        margin-right: 16px;
    }

    .conference-header-fixed .nav-list > li:last-child {
        margin-right: 0;
    }
}
@media (max-width: 1199px) {
    .marathon-header-fixed .nav-list > li {
        margin-right: 18px;
    }

    .nav-list > li > a {
        font-size: 14px;
    }

    .nav-list > li.dropdown ul {
        min-width: 160px;
    }

    .nav-list > li.dropdown ul li a {
        padding: 2px 15px;
        font-size: 12px;
    }

    .marathon-header-fixed .top-panel .container .social-list li {
        margin-right: 20px;
        font-size: 15px;
    }

    .top-panel {
        padding: 20px 0px;
    }

    .top-panel .container .social-list li {
        font-size: 15px;
    }

    .title-conference {
        padding: 8px 0;
    }

    .title-conference:before {
        height: 62px;
    }

    .conference-header-fixed .nav-list > li > a {
        font-size: 12px;
    }

    .conference-header-fixed .conference-header-btn {
        padding-left: 0;
    }

    .conference-header-fixed .conference-header-btn .btn {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 991px) {
    .marathon-header-fixed .top-panel .container .social-list li {
        margin-right: 16px;
    }

    .marathon-header-fixed .nav-list > li {
        margin-right: 8px;
    }

    .nav-list > li > a {
        font-size: 12px;
    }

    .page-title .container {
        min-height: 160px;
    }

    .conference-header-fixed .nav-list {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .conference-header-fixed .conference-header-btn {
        display: none;
    }

    .conference-header-fixed .nav-list > li.dropdown ul {
        left: auto;
        right: 0;
    }

    .dance-header-fixed .nav-list > li.dropdown ul {
        left: auto;
        right: 0;
    }
}
@media (max-width: 767px) {
    .top-panel {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .top-panel .social-list {
        display: none;
    }

    .nav-btn span {
        background-color: #333;
    }

    .nav-list > li {
        margin-right: 0;
        margin-bottom: 3px;
    }

    .nav-list > li:last-child {
        margin-bottom: 0;
    }

    .marathon-header-fixed .top-panel {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .marathon-header-fixed .nav-list > li {
        margin-right: 0;
    }

    .marathon-header-fixed .nav-btn span {
        background-color: #fff;
    }

    .marathon-header-fixed .nav-menu {
        background-color: #0d5aa5;
    }

    .header-nav .container {
        position: static;
    }

    .header-nav .header-nav-cover {
        border: none;
        padding: 0;
    }

    .header-nav .header-nav-cover .btn {
        display: none;
    }

    .nav-list > li > a {
        font-size: 18px;
        line-height: 34px;
    }

    .nav-list > li.dropdown ul {
        min-width: auto;
        width: 100% !important;
    }

    .nav-list > li.dropdown ul li a {
        padding: 4px 15px 4px 25px;
        font-size: 14px;
    }

    .s-choose-us {
        -webkit-clip-path: polygon(
            100% 0%,
            100% 98%,
            50% 100%,
            0 98%,
            0 0,
            50% 2%
        );
        clip-path: polygon(100% 0%, 100% 98%, 50% 100%, 0 98%, 0 0, 50% 2%);
    }

    .page-title .container {
        padding: 25px 0;
        min-height: 140px;
    }

    .conference-header-fixed {
        padding: 10px 0;
    }

    .conference-header-fixed .container {
        position: static;
    }

    .conference-header-fixed .nav-btn {
        top: 0;
    }

    .conference-header-fixed .nav-btn span {
        background-color: #fff;
    }

    .conference-header-fixed .nav-menu {
        background-color: #333333;
    }

    .conference-header-fixed .nav-list > li {
        margin-right: 0;
    }

    .conference-header-fixed .nav-list > li > a {
        font-size: 16px;
    }

    .dance-header-fixed .nav-menu {
        background-color: #100a19;
    }

    .dance-header-fixed.header-fixed.header-top {
        padding: 15px 0;
    }

    .logo {
        position: relative;
        z-index: 4;
    }

    .dance-header-fixed {
        padding: 14px 0;
    }

    .nav-menu .nav-list {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0;
    }

    .nav-menu.active .nav-list {
        -webkit-transition: 0.25s ease-out 0.4s;
        transition: 0.25s ease-out 0.4s;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
@media (max-width: 575px) {
    .page-title:after {
        height: 16px;
    }
}
/*---------------------------------------------------------*/
/* FORMS */
/*---------------------------------------------------------*/

button,
input[type="button"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    font-family: "Red Hat Display", sans-serif;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 30px;
    font-size: 16px;
    font-family: "Red Hat Display", sans-serif;
    color: #8b8b8b;
    border: 1px solid #d9d9d9;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
textarea:hover,
textarea:focus {
    border-color: #0d5aa5;
    -webkit-box-shadow: 0px 0px 10px rgba(13, 90, 165, 0.3);
    box-shadow: 0px 0px 10px rgba(13, 90, 165, 0.3);
}
@media (max-width: 1199px) {
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    textarea {
        font-size: 16px;
        padding: 0 20px;
    }
}
@media (max-width: 575px) {
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    textarea {
        padding: 0 15px;
    }
}

textarea {
    height: 124px;
    resize: none;
    padding-top: 14px;
}

input::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

input::-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

input::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
input:-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
input::-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
input::placeholder {
    color: #a5a5a5;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

textarea::-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
textarea:-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
textarea::-ms-input-placeholder {
    color: #a5a5a5;
    opacity: 1;
}
textarea::placeholder {
    color: #a5a5a5;
    opacity: 1;
}

/*-------------------- NICE-SELECT --------------------*/

.nice-select {
    height: 50px;
    line-height: 48px;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    padding: 0 30px 0 30px;
    font-size: 18px;
    font-family: "Red Hat Display", sans-serif;
    color: #8b8b8b;
    position: relative;
    z-index: 1;
}

.nice-select .list li:first-child {
    display: none;
}

.nice-select:hover,
.nice-select.open {
    border-color: #0d5aa5;
    -webkit-box-shadow: 0px 0px 10px rgba(13, 90, 165, 0.3);
    box-shadow: 0px 0px 10px rgba(13, 90, 165, 0.3);
}

.nice-select .current {
    color: #a5a5a5;
}

.nice-select .list {
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #d9d9d9;
    box-shadow: 0 0 0 1px #d9d9d9;
}

.nice-select .option {
    padding-left: 20px;
    padding-right: 15px;
}

.search-form,
.subscribe-form {
    position: relative;
}

.search-form .inp-form,
.subscribe-form .inp-form {
    padding-right: 50px;
}

.search-form .btn-form,
.subscribe-form .btn-form {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 1;
    border: 2px solid #0d5aa5;
    background-color: #0d5aa5;
    color: #fff;
}

.search-form .btn-form i,
.subscribe-form .btn-form i {
    color: #fff;
}

.search-form .btn-form:hover,
.subscribe-form .btn-form:hover {
    background-color: transparent;
    color: #0d5aa5;
}

.search-form .btn-form:hover i,
.subscribe-form .btn-form:hover i {
    color: #0d5aa5;
}

/*-------------------- CONTACT FORM --------------------*/

.form-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-cover > li {
    margin-bottom: 26px;
    position: relative;
}

.inp-cover {
    position: relative;
    z-index: 2;
    width: calc(50% - 5px);
}

.inp-text {
    width: 100%;
}

.checkbox-wrap {
    margin-bottom: 34px;
    margin-top: 14px;
}

.checkbox-cover {
    position: relative;
    display: inline-block;
}

.checkbox-cover p {
    position: relative;
    padding-left: 44px;
    font-size: 14px;
    line-height: 1.6;
    color: #8b8b8b;
    font-family: "Red Hat Display", sans-serif;
}

.checkbox-cover p:before {
    content: "";
    display: inline-block;
    border: 1px solid #d9d9d9;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 0;
    text-align: center;
    color: #0d5aa5;
    font-weight: 900;
    padding-left: 1px;
}

.checkbox-cover input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
}

.checkbox-cover input:checked + p:before {
    content: "\f00c";
}

#success_page {
    color: #333333;
}

#success_page h3 {
    color: #0d5aa5;
    margin-bottom: 5px;
}

#message {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    text-align: center;
    color: #0d5aa5;
    margin: 15px 0;
}

#message .error_message {
    color: #f23849;
}

/*-------------------- DANCE-PAGE --------------------*/

.dance-page input[type="text"],
.dance-page input[type="tel"],
.dance-page input[type="email"],
.dance-page input[type="password"],
.dance-page input[type="search"],
.dance-page textarea {
    color: #fff;
    border-color: #393939;
    background-color: transparent;
}

.dance-page input[type="text"]:hover,
.dance-page input[type="text"]:focus,
.dance-page input[type="tel"]:hover,
.dance-page input[type="tel"]:focus,
.dance-page input[type="email"]:hover,
.dance-page input[type="email"]:focus,
.dance-page input[type="password"]:hover,
.dance-page input[type="password"]:focus,
.dance-page input[type="search"]:hover,
.dance-page input[type="search"]:focus,
.dance-page textarea:hover,
.dance-page textarea:focus {
    border-color: #d52b74;
    -webkit-box-shadow: 0px 0px 10px rgba(213, 43, 116, 0.3);
    box-shadow: 0px 0px 10px rgba(213, 43, 116, 0.3);
}

.dance-page .search-form .btn-form,
.dance-page .subscribe-form .btn-form {
    border-color: #d52b74;
    background-color: #d52b74;
}

.dance-page .search-form .btn-form:hover,
.dance-page .subscribe-form .btn-form:hover {
    background-color: transparent;
    color: #d52b74;
}

.dance-page .search-form .btn-form:hover i,
.dance-page .subscribe-form .btn-form:hover i {
    color: #d52b74;
}

/*----------------------- MEDIA -----------------------*/
@media (max-width: 1199px) {
    .checkbox-cover p {
        padding-left: 30px;
    }

    .checkbox-cover p:before {
        width: 20px;
        height: 20px;
        line-height: 18px;
        font-size: 10px;
        top: 0;
    }

    .nice-select {
        font-size: 16px;
        padding-left: 20px;
        height: 46px;
        line-height: 44px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="search"] {
        height: 46px;
    }
}
@media (max-width: 991px) {
    .inp-cover {
        width: calc(50% - 8px);
    }
}
@media (max-width: 767px) {
    textarea {
        height: 150px;
    }

    .subscribe-form input,
    .search-form input {
        font-size: 14px;
    }
}
@media (max-width: 575px) {
    .nice-select {
        padding: 0 24px 0 15px;
    }

    .nice-select:after {
        right: 12px;
    }

    .nice-select .option {
        padding-left: 15px;
    }

    .inp-cover {
        width: 100%;
    }

    .subscribe-form input,
    .search-form input {
        padding-left: 15px;
    }

    .inp-profession {
        z-index: 3;
    }
}
/*---------------------------------------------------------*/
/* FOOTER */
/*---------------------------------------------------------*/
/*----------------------- FOOTER -----------------------*/

footer {
    padding: 154px 0 140px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

footer h5 {
    font-size: 18px;
    margin-bottom: 42px;
    padding-top: 3px;
    line-height: 1.4;
}

footer .social-list {
    margin: -7px 0 10px;
}

.footer-cont .logo {
    display: inline-block;
    margin-bottom: 33px;
}

.footer-cont p {
    margin-bottom: 24px;
}

.footer-cont .footer-phone {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}

.footer-cont .footer-phone a {
    color: #333333;
}

.footer-cont .footer-phone a:hover {
    color: #0d5aa5;
}

.footer-cont .footer-phone i {
    color: #0d5aa5;
    margin-right: 10px;
}

.footer-cont .footer-email {
    font-weight: 700;
}

.footer-cont .footer-email a {
    position: relative;
}

.footer-cont .footer-email a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background-color: #ffd910;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.footer-cont .footer-email a:hover:before {
    width: 100%;
}

.footer-cont .footer-copyright {
    font-size: 14px;
    color: #333333;
    margin-top: 58px;
}

.footer-cont .footer-copyright a {
    color: #333333;
}

.footer-cont .footer-copyright a:hover {
    color: #0d5aa5;
}

.footer-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-item-link .footer-link {
    width: calc(50% - 10px);
}

.footer-item-link .footer-link li,
.footer-subscribe li {
    margin-bottom: 8px;
}

.footer-item-link .footer-link li:last-child,
.footer-subscribe li:last-child {
    margin-bottom: 0;
}

.footer-item-link .footer-link li a {
    color: #8b8b8b;
}

.footer-item-link .footer-link li a:hover {
    color: #0d5aa5;
}

.footer-subscribe h5 {
    margin-bottom: 35px;
}

.footer-subscribe p {
    font-size: 14px;
    margin-top: 27px;
}

.footer-subscribe a {
    font-weight: 700;
}

.social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-list li {
    margin-right: 24px;
    font-size: 20px;
}

.social-list li:last-child {
    margin-right: 0;
}

.social-list a:hover i {
    color: #0d5aa5;
}

/*-------------------- DARK-FOOTER --------------------*/

.dark-footer {
    background-color: #160e22;
}

.dark-footer .footer-cont .footer-email a:before {
    background-color: #d52b74;
}

.dark-footer .footer-cont .footer-phone i {
    color: #d52b74;
}

.dark-footer .footer-cont .footer-phone a {
    color: #bcbcbc;
}

.dark-footer .footer-cont .footer-phone a:hover {
    color: #d52b74;
}

.dark-footer .footer-cont .footer-copyright {
    color: #fff;
}

.dark-footer .footer-cont .footer-copyright a {
    color: #fff;
}

.dark-footer .footer-cont .footer-copyright a:hover {
    color: #d52b74;
}

.dark-footer .footer-item-link .footer-link li a {
    color: #bcbcbc;
}

.dark-footer .footer-item-link .footer-link li a:hover {
    color: #d52b74;
}

/*---------------------------------------------------------*/
/* CONTENT STYLE */
/*---------------------------------------------------------*/
/*----------------------- LOGO -----------------------*/

.logo {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    position: relative;
    z-index: 4;
}

.logo img {
    display: block;
}

.btn {
    padding: 14px 35px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    font-family: "Red Hat Display", sans-serif;
    letter-spacing: 0.1em;
    border: 2px solid #0d5aa5;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 20px rgba(27, 49, 168, 0.1);
    box-shadow: 0px 0px 20px rgba(27, 49, 168, 0.1);
    background-color: transparent;
}

.btn:hover {
    color: #0d5aa5;
}

.btn:hover:before {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 110%;
    width: 400px;
    height: 400px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    border-radius: 50%;
    background-color: #0d5aa5;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    pointer-events: none;
}

.btn span {
    position: relative;
    z-index: 1;
}

.btn.btn-white {
    border-color: #fff;
    color: #0d5aa5;
}

.btn.btn-white:before {
    background-color: #fff;
}

.btn.btn-white:hover {
    color: #fff;
    border-color: #ffd910;
}

.btn.btn-yellow {
    border-color: #ffd910;
    color: #333333;
    font-weight: 500;
}

.btn.btn-yellow:before {
    background-color: #ffd910;
}

.btn.btn-pink {
    padding-left: 27px;
    padding-right: 27px;
    border-color: #d52b74;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 500;
    -webkit-box-shadow: 0px 0px 20px rgba(27, 49, 168, 0.1);
    box-shadow: 0px 0px 20px rgba(27, 49, 168, 0.1);
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 0px 10px #d52b74;
    box-shadow: inset 0px 0px 0px 10px #d52b74;
}

.btn.btn-pink:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-pink:before {
    background-color: #d52b74;
}

/*---------------------- TO-TOP ----------------------*/

.to-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    opacity: 0;
    pointer-events: none;
    z-index: 5;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background-color: #000;
}

.to-top i {
    color: #fff;
}

.to-top:hover {
    background-color: #ffd910;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
}

.to-top.active {
    opacity: 1;
    pointer-events: auto;
}

/*------------------ MARATHON SLIDER ------------------*/

.s-marathon-slider {
    position: relative;
}

.s-marathon-slider .marathon-slider-shape {
    position: relative;
    width: 100%;
    margin-top: -2px;
    display: block;
}

.marathon-slider {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#0f33b2),
        to(#0c68a0)
    );
    background: linear-gradient(0deg, #0f33b2 0%, #0c68a0 100%);
}

.marathon-slide {
    position: relative;
    min-height: 967px;
    overflow: hidden;
    color: #fff;
}

.marathon-slide .slider-location {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: absolute;
    top: 42%;
    /* left: 63.5%; */
    z-index: 3;
    opacity: 0;
}

.marathon-slide .slider-location .date {
    color: #ffd910;
}

.marathon-slide .marathon-text-right,
.marathon-slide .marathon-text-left {
    font-family: "Paladins";
}

.marathon-slide .marathon-text-left {
    position: absolute;
    top: 25%;
    right: 59%;
    font-size: 160px;
    line-height: 80%;
    text-align: right;
    text-transform: uppercase;
    color: transparent;
    text-shadow: 0px 4px 4px rgba(3, 37, 110, 0.25);
    -webkit-text-stroke: 3px white;
    text-stroke: 3px white;
    z-index: 3;
    opacity: 0;
}

.marathon-slide .marathon-text-right {
    position: absolute;
    top: 51%;
    left: 50%;
    color: #fff;
    font-size: 220px;
    line-height: 90%;
    letter-spacing: -0.06em;
    opacity: 0;
}

.marathon-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.marathon-img {
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    z-index: 2;
    opacity: 0;
    width: 105% !important;
    object-fit: cover !important;
}

/* .marathon-slide-1 .marathon-img {
    top: 55%;
    left: 50%;
}

.marathon-slide-2 .marathon-img {
    top: 55%;
    left: 43%;
}

.marathon-slide-3 .marathon-img {
    top: 55%;
    left: 43%;
} */

.s-marathon-slider .marathon-slide.marathon-slide-3 .marathon-text-right {
    left: 46%;
}

.animated-page .marathon-slide .marathon-img {
    -webkit-animation-name: marathon-img;
    animation-name: marathon-img;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.11, 0.42, 0.87);
    animation-timing-function: cubic-bezier(0.55, 0.11, 0.42, 0.87);
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes marathon-img {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    30% {
        opacity: 0;
    }
    80% {
        -webkit-transform: translate(60%, -50%);
        transform: translate(60%, -50%);
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}
@keyframes marathon-img {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    30% {
        opacity: 0;
    }
    80% {
        -webkit-transform: translate(60%, -50%);
        transform: translate(60%, -50%);
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

.animated-page .marathon-slide.slick-current .marathon-img {
    opacity: 0;
    -webkit-animation-name: marathon-img-current;
    animation-name: marathon-img-current;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0.88, 0.42, 0.96);
    animation-timing-function: cubic-bezier(0.37, 0.88, 0.42, 0.96);
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
@-webkit-keyframes marathon-img-current {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes marathon-img-current {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

.animated-page .marathon-slide .slider-location,
.animated-page .marathon-slide .marathon-text-right,
.animated-page .marathon-slide .marathon-text-left {
    -webkit-animation-name: text-marathon;
    animation-name: text-marathon;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.11, 0.42, 0.87);
    animation-timing-function: cubic-bezier(0.55, 0.11, 0.42, 0.87);
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes text-marathon {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    30% {
        opacity: 0;
    }
    80% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}
@keyframes text-marathon {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
    30% {
        opacity: 0;
    }
    80% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

.animated-page .marathon-slide.slick-current .slider-location,
.animated-page .marathon-slide.slick-current .marathon-text-right,
.animated-page .marathon-slide.slick-current .marathon-text-left {
    opacity: 0;
    -webkit-animation-name: text-current;
    animation-name: text-current;
    -webkit-animation-timing-function: cubic-bezier(0.37, 0.88, 0.42, 0.96);
    animation-timing-function: cubic-bezier(0.37, 0.88, 0.42, 0.96);
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
@-webkit-keyframes text-current {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes text-current {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

.marathon-slider .slick-dots {
    pointer-events: none;
    padding: 0 15px;
    position: absolute;
    top: 64%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1300px;
    width: 100%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.marathon-slider .slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    pointer-events: auto;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 0;
    margin-right: 0;
}

.marathon-slider .slick-dots li button {
    opacity: 1;
    position: static;
}

.marathon-slider .slick-dots li:after {
    content: "";
    position: relative;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.marathon-slider .slick-dots li:hover {
    background: transparent;
}

.marathon-slider .slick-dots li.slick-active {
    background-color: transparent;
}

.marathon-slider .slick-dots li.slick-active:after {
    width: 60px;
    margin-right: 25px;
}

.marathon-slider .slick-dots li.slick-active button {
    background-color: #fff;
}

.marathon-slider .slick-dots button {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    border-radius: 50%;
    background-color: transparent;
    font-size: 0;
    border: 1px solid #fff;
    margin: 0 25px 0 0;
    padding: 0;
    width: 14px;
    height: 14px;
}

.marathon-slider .slick-dots button:hover {
    background-color: #fff;
}

.scene-item,
.scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
}

/*-------------------- CLOCK-TIMER --------------------*/

.clock-timer.clock-timer-marathon {
    position: absolute;
    bottom: 240px;
    left: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
}

.clock-timer.clock-timer-marathon span {
    color: #ffd910;
}

.clock-timer.clock-timer-marathon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.clock-timer.clock-timer-marathon .days-item img {
    top: 46%;
    left: 37%;
}

.clock-timer.clock-timer-marathon .hours-item img {
    top: 40%;
    left: 56%;
}

.clock-timer.clock-timer-marathon .minutes-item img {
    top: 39%;
    left: 50%;
}

.clock-timer.clock-timer-marathon .seconds-item img {
    top: 60%;
    left: 50%;
}

.clock-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
}

.clock-timer > div {
    min-width: 152px;
    padding: 10px;
    position: relative;
    font-size: 72px;
}

.clock-timer span {
    position: relative;
    line-height: 1.2em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: block;
    z-index: 1;
}

.clock-timer .smalltext {
    font-size: 24px;
    z-index: 1;
    font-weight: 700;
    margin-top: -3px;
}

/* ----------------- S-OUR-MISSION ------------------ */

.s-our-mission {
    padding: 140px 0px 150px 0px;
}

.s-our-mission.s-about-speaker .our-mission-img span {
    max-width: 555px;
}

.s-our-mission.s-about-speaker .our-mission-info {
    padding-top: 58px;
}

.s-our-mission.s-about-speaker .our-mission-info p {
    margin-bottom: 15px;
}

.s-our-mission.s-about-speaker .our-mission-info p:last-child {
    margin-bottom: 0;
}

.s-our-mission.s-about-speaker .mission-info-text {
    margin-bottom: 40px;
}

.mission-effect {
    position: absolute;
    bottom: -73px;
    left: -75px;
}

.our-mission-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.our-mission-img span {
    position: relative;
}

.our-mission-img .mission-img-effect-1 {
    position: absolute;
    top: -49px;
    left: -45px;
    z-index: 2;
}

.our-mission-img .about-img-effect-2 {
    position: absolute;
    bottom: -25px;
    right: -18px;
}

.our-mission-img .mission-img-effect-4 {
    position: absolute;
    bottom: -23px;
    left: -36px;
}

.our-mission-img .mission-img {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 10px 34px 26px rgba(14, 64, 173, 0.1);
    box-shadow: 10px 34px 26px rgba(14, 64, 173, 0.1);
    position: relative;
    z-index: 1;
}

.our-mission-info {
    padding-top: 25px;
    padding-left: 26px;
}

.our-mission-info h4 {
    max-width: 450px;
    line-height: 140%;
    margin-bottom: 32px;
}

.our-mission-info p {
    margin-bottom: 42px;
}

.mission-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "Red Hat Display", sans-serif;
    margin-bottom: 10px;
}

.mission-meta li {
    vertical-align: middle;
    margin-right: 20px;
}

.mission-meta li:last-child {
    margin-right: 0;
}

.mission-meta li i {
    margin-right: 10px;
    color: #0d5aa5;
}

.mission-number-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 650px;
}

.mission-number-cover .mission-number-item {
    padding: 10px 60px 10px 0;
    margin-right: 60px;
    position: relative;
    font-weight: 700;
}

.mission-number-cover .mission-number-item:last-child:before {
    display: none;
}

.mission-number-cover .mission-number-item:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
}

.mission-number-cover .mission-number-item .number {
    display: block;
    font-size: 48px;
    color: #0d5aa5;
    line-height: 1;
    margin-bottom: 10px;
}

.mission-number-cover .mission-number-item span {
    text-transform: capitalize;
    color: #333333;
}

/* ------------------ S-CHOOSE-US ------------------- */

.s-choose-us {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fbfbfb;
    padding: 140px 0px 136px;
    text-align: center;
    -webkit-clip-path: polygon(100% 0%, 100% 95%, 50% 100%, 0 95%, 0 0, 50% 7%);
    clip-path: polygon(100% 0%, 100% 95%, 50% 100%, 0 95%, 0 0, 50% 7%);
}

.choose-us-item img {
    max-height: 60px;
}

.choose-us-item h4 {
    font-weight: 600;
    position: relative;
    margin: 21px 0;
}

.choose-us-item p {
    text-transform: capitalize;
}

/* ---------------- S-EVENT-SCHEDULE ----------------- */

.s-event-schedule {
    padding: 140px 0;
}

.schedule-effect-white {
    position: absolute;
    top: -82px;
    right: -198px;
}

.schedule-effect-yellow {
    position: absolute;
    top: 700px;
    right: -212px;
}

.event-schedule-tabs {
    padding-right: 10px;
}

.schedule-effect-tringle {
    position: absolute;
    top: 49%;
    left: -14%;
    width: 90px;
}

.event-schedule-item {
    background-color: #fff;
    border: 2px solid #f0f0f0;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.event-schedule-item:last-child {
    margin-bottom: 0;
}

.event-schedule-item .schedule-item-img {
    width: 18%;
    text-align: center;
    margin: 10px 0px;
    padding: 30px 0px;
    border-right: 1px solid #f0f0f0;
    position: relative;
    z-index: 1;
}

.event-schedule-item .schedule-item-img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 60px;
}

.event-schedule-item .schedule-item-info {
    width: 100%;
    padding: 38px 24px 29px 28px;
    cursor: pointer;
    position: relative;
}

.event-schedule-item .schedule-item-info:before {
    content: "";
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    position: absolute;
    right: 30px;
    top: 40px;
    background-image: url(../../images/landing/arrow-bottom.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 28px;
}

.event-schedule-item .schedule-item-info .date {
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: center;
    padding: 0 21px;
    background-color: #f0f0f0;
    display: inline-block;
    font-weight: 700;
    color: #333333;
    margin-bottom: 15px;
}

.event-schedule-item .schedule-item-info.active h4:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.event-schedule-item .schedule-item-info:hover h4 {
    color: #0d5aa5;
}

.event-schedule-item .schedule-item-info h4 {
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    font-weight: 600;
    position: relative;
    padding-right: 20px;
}

.event-schedule-item .schedule-item-info .schedule-info-content {
    margin-top: 15px;
    padding-bottom: 20px;
    display: none;
    width: 100% !important;
}

.event-schedule-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.event-schedule-img .schedule-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.event-schedule-img .schedule-img-effect {
    position: absolute;
    top: -38px;
    left: -40px;
    z-index: 1;
    pointer-events: none;
}

.schedule-img-wrap {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

/*------------------ map-with-route ------------------*/

.map-with-route {
    padding-bottom: 150px;
}

.map-route-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.map-route-img span {
    position: relative;
    padding-right: 36px;
}

.map-route-img .map-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 550px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.map-route-img .map-img-effect-2 {
    position: absolute;
    bottom: -28px;
    right: 2px;
}

.map-route-img .map-img-effect-1 {
    position: absolute;
    top: -37px;
    left: -45px;
    z-index: 2;
    width: 160px;
}

.map-route-info {
    padding-top: 0px;
}

.map-route-info h4 {
    line-height: 1.3em;
    max-width: 470px;
    margin-bottom: 33px;
}

.map-route-info .route-info-content p {
    margin-bottom: 23px;
    max-width: 500px;
}

.map-route-info .route-info-content p:last-child {
    margin-bottom: 0;
}

.map-route-info .mission-number-cover {
    margin: 38px -15px 0;
}

.map-route-info .mission-number-cover .mission-number-item {
    padding: 0 15px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.map-route-info .mission-number-cover .mission-number-item span {
    text-transform: none;
}

.map-route-info .mission-number-cover .mission-number-item .map-img-effect {
    position: absolute;
    left: 10px;
    top: -65px;
    z-index: -1;
}

.map-route-cover {
    padding-left: 11px;
}

/*---------------- S-MARATHON-REGISTER ----------------*/

.s-marathon-register {
    background-color: #f5f7f9;
    padding: 150px 0;
    position: relative;
}

.s-marathon-register:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(../../images/landing/bg-register.svg);
    z-index: 1;
    pointer-events: none;
}

.s-marathon-register:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 285px;
    background-color: #0d5aa5;
    background-image: url(../../images/landing/bg-form.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
    clip-path: polygon(100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
}

.s-marathon-register .container {
    z-index: 2;
}

.s-marathon-register .title span:after,
.s-marathon-register .title span:before {
    background-color: #333333;
}

.s-marathon-register .btn {
    padding-left: 44px;
    padding-right: 44px;
}

.marathon-register {
    background-color: rgba(255, 255, 255, 0.9);
    position: relative;
    padding: 40px 70px 70px;
    max-width: 610px;
}

.marathon-register .title {
    /* margin-bottom: 111px;  */
}

.marathon-register .inp-name,
.marathon-register .inp-email {
    /* width: 100%;  */
}

.marathon-register .checkbox-cover p {
    max-width: 390px;
}

.register-img-effect-1 {
    position: absolute;
    top: -52px;
    left: -52px;
    z-index: 1;
}

.register-img-effect-2 {
    position: absolute;
    z-index: 1;
    bottom: 20%;
    right: 4%;
}

.marathon-register-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.register-img {
    /* position: absolute;
  left: 0;
  top: 46%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); */
    z-index: 2;
    max-width: 100%;
}

/*--------------------- S-CLIENTS ---------------------*/

.s-clients {
    text-align: center;
    padding: 140px 0;
}

.s-clients img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.clients-cover {
    margin: 0 -15px;
}

.clients-cover .client-slide {
    padding: 0 15px;
}

.clients-cover .client-slide .client-slide-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 147px;
}

/*------------------ S-MARATHON-NEWS ------------------*/

.s-marathon-news {
    padding-bottom: 135px;
}

.s-marathon-news .title {
    margin-bottom: 64px;
}

.marathon-news-slider {
    margin: 0 -45px;
    position: relative;
}

.marathon-news-slider:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 89%;
    height: 1px;
    background: #ebebeb;
}

.marathon-news-slider .slick-arrow {
    position: absolute;
    top: 66px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.marathon-news-slider .slick-arrow:hover {
    background-color: #0d5aa5;
    border-color: #0d5aa5;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.marathon-news-slider .slick-arrow:hover i {
    color: #fff;
}

.marathon-news-slider .slick-arrow i {
    color: #0d5aa5;
    font-size: 16px;
}

.marathon-news-slider .slick-arrow.slick-arrow-next {
    right: 8px;
    padding-left: 2px;
}

.marathon-news-slider .slick-arrow.slick-arrow-prev {
    left: 8px;
}

.marathon-news-slide {
    padding: 0 15px 15px;
}

.marathon-news-item {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 10px 10px;
    position: relative;
    padding: 25px 0 21px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.marathon-news-item:hover {
    background-color: #fff;
}

.marathon-news-item:before {
    content: "";
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    -webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0, 0% 100%, 100% 100%);
    width: 30px;
    height: 14px;
    z-index: 0;
}

.marathon-news-item h5 {
    padding: 0 30px;
    line-height: 1.5em;
    margin-bottom: 23px;
    font-size: 18px;
}

.marathon-post-thumbnail {
    position: relative;
}

.marathon-post-thumbnail a {
    display: block;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    overflow: hidden;
    position: relative;
}

.marathon-post-thumbnail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

.marathon-post-thumbnail a:hover:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.marathon-post-thumbnail a:hover img {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.marathon-post-thumbnail a img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 170px;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.marathon-post-thumbnail .marathon-post-category {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    color: #fff;
    background-color: #252525;
    line-height: 30px;
    text-align: center;
    padding: 0 17px;
    font-family: "Red Hat Display", sans-serif;
}

.marathon-news-date {
    text-align: center;
    margin-bottom: 92px;
    position: relative;
}

.marathon-news-date span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 3px;
}

.marathon-news-date:before {
    content: "";
    position: absolute;
    bottom: -37px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #0d5aa5;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.marathon-post-content {
    padding: 25px 30px 0;
}

.marathon-post-content .btn {
    margin-top: 23px;
    padding-left: 26px;
    padding-right: 26px;
}

.marathon-post-meta {
    margin-top: 17px;
    font-size: 14px;
}

.marathon-post-meta i {
    margin-right: 5px;
    font-size: 14px;
    color: #ffd910;
}

.marathon-post-meta a {
    color: #8b8b8b;
}

.marathon-post-meta a:hover {
    color: #0d5aa5;
}

/*-------------------- S-INSTAGRAM --------------------*/

.instagram-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
}

.instagram-cover .instagram-item {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    color: #fff;
    overflow: hidden;
}

.instagram-cover .instagram-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

.instagram-cover .instagram-item:hover img {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.instagram-cover .instagram-item:hover:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.instagram-cover .instagram-item:hover ul {
    top: 50%;
    opacity: 1;
}

.instagram-cover .instagram-item ul {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    letter-spacing: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.instagram-cover .instagram-item ul li {
    margin-right: 24px;
}

.instagram-cover .instagram-item ul li:last-child {
    margin-right: 0;
}

.instagram-cover .instagram-item ul i {
    color: #fff;
}

.instagram-cover img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

/*---------------------- S-NEWS ----------------------*/

.s-news {
    padding: 140px 0 0;
}

.s-news .sidebar {
    padding-top: 5px;
}

.post-item-cover {
    margin-top: 94px;
}

.post-item-cover:first-child {
    margin-top: 0;
}

.post-item-cover .title {
    margin-bottom: 11px;
    text-align: left;
}

.post-item-cover .title a {
    color: #333333;
}

.post-item-cover .title a:hover {
    color: #0d5aa5;
}

.post-item-cover .post-thumbnail {
    margin-bottom: 35px;
    position: relative;
}

.post-item-cover .post-thumbnail a {
    display: block;
}

.post-item-cover .post-thumbnail a:hover {
    opacity: 0.8;
}

.post-item-cover .post-thumbnail img {
    display: block;
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0px;
}

.post-item-cover .post-thumbnail .post-category {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    z-index: 2;
    background: #252525;
    line-height: 30px;
    padding: 0 14px;
    font-family: "Red Hat Display", sans-serif;
    text-transform: capitalize;
}

.post-item-cover .post-thumbnail .post-category a {
    color: #fff;
}

.post-item-cover .post-thumbnail .post-category a:hover {
    color: #ffd910;
}

.post-item-cover .meta {
    margin-bottom: 35px;
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
}

.post-item-cover .meta span {
    margin-right: 40px;
}

.post-item-cover .meta span a {
    color: #8b8b8b;
}

.post-item-cover .meta span a:hover {
    color: #0d5aa5;
}

.post-item-cover .meta span:last-child {
    margin-right: 0;
}

.post-item-cover .meta i {
    margin-right: 8px;
    color: #0d5aa5;
}

.post-item-cover .post-content .meta {
    margin: 14px 0 35px;
}

blockquote {
    margin: 25px 0;
    padding: 34px 34px 34px 100px;
    color: #fff;
    background-color: #0d5aa5;
    position: relative;
}

blockquote p {
    font-style: italic;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.6em;
    position: relative;
    z-index: 1;
}

blockquote cite {
    font-weight: 500;
    margin-top: 24px;
    display: block;
    color: #fff;
}

blockquote cite a {
    color: #fff;
}

blockquote cite a:hover {
    color: #fff;
    opacity: 0.7;
}

blockquote cite:before {
    content: "—";
    display: inline-block;
    margin-right: 10px;
}

blockquote:before {
    content: "\f10e";
    position: absolute;
    top: 25px;
    left: 28px;
    font-family: "Font Awesome 5 Free";
    font-size: 90px;
    line-height: 90px;
    color: #fff;
    opacity: 0.2;
    font-weight: 900;
}

/*---------------------- WIDGET ----------------------*/

.widget {
    margin-top: 75px;
}

.widget:first-child {
    margin-top: 0;
}

.widget .title {
    text-transform: capitalize;
    padding-bottom: 17px;
    margin-bottom: 22px;
    border-bottom: 1px solid #d9d9d9;
    letter-spacing: 0;
    text-align: left;
}

.widget-newsletter .title,
.widget-instagram .title,
.widget-search .title {
    margin-bottom: 30px;
}

.widget a {
    color: #8b8b8b;
}

.widget a:hover {
    color: #0d5aa5;
}

/* WIDGET SEARCH */

.subscribe-form,
.search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.subscribe-form .search-button,
.search-form .search-button {
    width: 50px;
    height: 100%;
    background-color: transparent;
    color: #fff;
    border-radius: 0px;
    border: 2px solid #0d5aa5;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    font-size: 16px;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    overflow: hidden;
}

.subscribe-form .search-button:before,
.search-form .search-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 110%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    border-radius: 50%;
    background-color: #0d5aa5;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    pointer-events: none;
}

.subscribe-form .search-button i,
.search-form .search-button i {
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.subscribe-form .search-button:hover i,
.search-form .search-button:hover i {
    color: #0d5aa5;
}

.subscribe-form .search-button:hover:before,
.search-form .search-button:hover:before {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.subscribe-form input,
.search-form input {
    width: 100%;
    padding: 0 50px 0 30px;
    font-size: 18px;
}

.subscribe-form input::-moz-placeholder,
.search-form input::-moz-placeholder {
    color: #bdbdbd;
}

.subscribe-form input::-webkit-input-placeholder,
.search-form input::-webkit-input-placeholder {
    color: #bdbdbd;
}

.subscribe-form input:-ms-input-placeholder,
.search-form input:-ms-input-placeholder {
    color: #bdbdbd;
}

.subscribe-form input::-ms-input-placeholder,
.search-form input::-ms-input-placeholder {
    color: #bdbdbd;
}

.subscribe-form input::-webkit-input-placeholder,
.search-form input::-webkit-input-placeholder {
    color: #bdbdbd;
}
.subscribe-form input:-ms-input-placeholder,
.search-form input:-ms-input-placeholder {
    color: #bdbdbd;
}
.subscribe-form input::-ms-input-placeholder,
.search-form input::-ms-input-placeholder {
    color: #bdbdbd;
}
.subscribe-form input::placeholder,
.search-form input::placeholder {
    color: #bdbdbd;
}

/*widget-tags*/

.widget-tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -10px;
    padding-top: 8px;
}

.widget-tags ul li {
    margin-right: 16px;
    margin-top: 10px;
}

.widget-tags ul li a {
    border: 1px solid #252525;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    background-color: #252525;
    font-size: 14px;
    color: #fff;
    padding: 5px 12px;
    display: block;
}

.widget-tags ul li a:hover {
    background-color: #0d5aa5;
    border-color: #0d5aa5;
    color: #fff;
}

/*widget-categories*/

.widget-archive li:not(:last-child),
.widget-categories li:not(:last-child) {
    margin-bottom: 10px;
}

.widget-archive li a,
.widget-categories li a {
    position: relative;
    text-transform: capitalize;
}

.widget-archive li a:before,
.widget-categories li a:before {
    content: "\f105";
    margin-right: 10px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
}

/*widget-recent-posts*/

.widget-recent-posts li:not(:last-child) {
    margin-bottom: 20px;
}

.widget-recent-posts li a {
    font-weight: 600;
    font-size: 18px;
    color: #333333;
}

.widget-recent-posts li a:hover {
    color: #0d5aa5;
}

.widget-recent-posts li .date {
    display: block;
    margin-top: 4px;
    font-size: 16px;
}

.widget-recent-posts li .date i {
    margin-right: 8px;
}

/*widget-instagram*/

.widget-instagram ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
}

.widget-instagram li {
    width: 33.33%;
    padding: 10px;
}

.widget-instagram li a {
    display: block;
    position: relative;
}

.widget-instagram li a:before {
    content: "+";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    color: #fff;
    z-index: 2;
    font-weight: 500;
    font-size: 30px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
}

.widget-instagram li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d5aa5;
    z-index: 1;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0;
}

.widget-instagram li a:hover:after {
    opacity: 0.5;
}

.widget-instagram li a:hover:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.widget-instagram li img {
    width: 100%;
    display: block;
    height: 112px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.widget-instagram li a:hover img {
    opacity: 0.7;
}

/*-------------------- PAGINATION --------------------*/

.pagination-cover {
    margin-top: 94px;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination-item:not(:last-child) {
    margin-right: 10px;
}

.pagination-item a {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    width: 38px;
    text-align: center;
    border: 1px solid #d9d9d9;
    color: #333333;
    display: block;
    font-family: "Red Hat Display", sans-serif;
    border-radius: 0px;
}

.pagination-item a i {
    vertical-align: -1px;
    font-weight: 900;
}

.pagination-item:hover a,
.pagination-item.active a {
    border-color: #0d5aa5;
    background-color: #0d5aa5;
    color: #fff;
}

.pagination-item:hover a i,
.pagination-item.active a i {
    color: #fff;
}

.pagination-item.active {
    pointer-events: none;
}

/*------------------- S-SINGLE-NEWS -------------------*/

.s-single-blog .post-item-cover .post-thumbnail a {
    pointer-events: none;
}

/*.autor-cover*/

.autor-cover {
    margin: 53px 0 37px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.autor-cover img {
    width: 124px;
    height: 124px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 30px;
}

.autor-cover .name {
    font-weight: 700;
    font-size: 20px;
    color: #333333;
    margin-bottom: 6px;
}

.autor-cover p {
    max-width: 370px;
}

/*navigation*/

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #d9d9d9;
}

.navigation-item {
    max-width: calc(50% - 15px);
}

.navigation-right {
    text-align: right;
}

.navigation-item span {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    color: #0d5aa5;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.navigation-item .title {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #333333;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.navigation-item .title:before {
    color: #0d5aa5;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 1px;
}

.navigation-item.navigation-left .title {
    padding-left: 20px;
}

.navigation-item.navigation-right .title {
    padding-right: 20px;
}

.navigation-item.navigation-left .title:before {
    left: 0;
    content: "\f104";
}

.navigation-item.navigation-right .title:before {
    content: "\f105";
    right: 0;
}

.navigation-item:hover .title {
    color: #0d5aa5;
}

/*---------------------- REVIEWS ----------------------*/

.reviews {
    margin-top: 40px;
}

.reviews .btn-form-cover,
.reviews .checkbox-wrap {
    text-align: left;
}

.reviews .title {
    margin-bottom: 20px;
    letter-spacing: 0;
    text-align: left;
}

.reviews-form {
    margin-top: 50px;
}

.reviews-form .inp-name,
.reviews-form .inp-email {
    width: calc(50% - 15px);
}

.reviews-list .review-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
}

.reviews-list ul {
    padding-left: 100px;
}

.review-avatar {
    margin-right: 20px;
}

.review-avatar img {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-content .name {
    font-size: 20px;
    color: #0d5aa5;
    font-weight: 700;
    text-transform: capitalize;
}

.review-content .date {
    margin-bottom: 15px;
    font-size: 16px;
}

.review-content .date i {
    margin-right: 8px;
}

.faq-cover li:not(:last-child) {
    padding-bottom: 38px;
    border-bottom: 1px solid #534e5f;
    margin-bottom: 53px;
}

.review-btn {
    margin-top: 18px;
    font-weight: 600;
    display: inline-block;
    color: #0d5aa5;
}

.review-btn i {
    margin-right: 8px;
    color: #0d5aa5;
}

.review-btn:hover i {
    color: #ffd910;
}

/*----------------- S-ABOUT-SPEAKER -----------------*/

.s-about-speaker {
    padding: 160px 0;
}

.s-about-speaker.dance-about-speaker {
    padding: 142px 0 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*----------------- S-HAVE-PREPARED -----------------*/

.s-have-prepared {
    position: relative;
    padding: 144px 0;
}

.s-have-prepared:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
}

.s-have-prepared .container {
    z-index: 2;
}

.s-have-prepared.dance-have-prepared.dance-mask:before {
    background: rgba(12, 3, 42, 0.8);
}

.s-have-prepared.dance-have-prepared.dance-mask:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/landing/bg-members.svg);
    background-position: left center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.s-have-prepared.dance-have-prepared .have-prepared-item .have-prepared span {
    font-weight: 700;
    color: #fff;
}

.s-have-prepared.dance-have-prepared .have-prepared-item .have-prepared img {
    top: 3px;
    left: 50%;
}

.have-prepared {
    position: relative;
    text-align: center;
}

.have-prepared span {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 96px;
    font-weight: 500;
    line-height: 1.25em;
    color: #ffd910;
}

.have-prepared h4 {
    color: #fff;
    position: relative;
    z-index: 1;
    padding-top: 28px;
    margin-top: 4px;
    font-size: 25px;
}

.have-prepared h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #ffd910;
    width: 46px;
    height: 4px;
}

.have-prepared img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.have-prepared-item:nth-child(1) .have-prepared img {
    top: -25px;
    left: 47%;
}

.have-prepared-item:nth-child(2n) .have-prepared img {
    top: -27px;
    left: 45%;
    -webkit-transform: translateX(-50%) rotate(-34deg);
    transform: translateX(-50%) rotate(-34deg);
}

.have-prepared-item:nth-child(3n) .have-prepared img {
    top: -27px;
    left: 53%;
    -webkit-transform: translateX(-50%) rotate(14deg);
    transform: translateX(-50%) rotate(14deg);
}

.have-prepared-item:nth-child(4n) .have-prepared img {
    top: -27px;
    left: 47%;
    -webkit-transform: translateX(-50%) rotate(-29deg);
    transform: translateX(-50%) rotate(-29deg);
}

/*------------------ S-TESTIMONIALS ------------------*/

.s-testimonials {
    padding: 160px 0;
}

.s-testimonials.dance-testimonials {
    padding: 142px 0 150px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.s-testimonials.dance-testimonials .testimonial-item {
    background: rgba(22, 14, 34, 0.8);
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.s-testimonials.dance-testimonials .testimonial-item .prof {
    font-weight: 300;
}

.s-testimonials.dance-testimonials .testimonial-item > * {
    color: #fff;
}

.s-testimonials.dance-testimonials .slick-dots li:hover,
.s-testimonials.dance-testimonials .slick-dots li.slick-active {
    background-color: #d52b74;
}

.slider-testimonial {
    max-width: 1130px;
    margin: -15px auto 0;
}

.slide-testimonial {
    padding: 15px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 36px;
}

.slick-dots li {
    position: relative;
    background: #bebebe;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.slick-dots li:last-child {
    margin-right: 0;
}

.slick-dots li:hover,
.slick-dots li.slick-active {
    background-color: #0d5aa5;
}

.slick-dots li button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
}

.testimonial-item {
    text-align: center;
    padding: 50px 40px 40px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #fff;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

.testimonial-item:hover {
    -webkit-transform: rotateY(10deg) rotateX(3deg);
    transform: rotateY(10deg) rotateX(3deg);
}

.testimonial-item img {
    margin: 0 auto 14px;
    display: block;
    width: 97px;
    height: 97px;
    border-radius: 50%;
}

.testimonial-item .name {
    text-transform: capitalize;
}

.testimonial-item .prof {
    color: #0d5aa5;
    font-weight: 500;
    text-transform: capitalize;
}

.testimonial-item .testimon-content {
    letter-spacing: 0.05em;
    line-height: 1.7em;
    font-style: italic;
    margin-top: 8px;
}

/* ----------------- S-OUR-SPEAKER ------------------ */

.s-our-speaker {
    padding-bottom: 65px;
}

.s-our-speaker.team-our-speaker {
    padding-bottom: 0;
}

.s-our-speaker.team-our-speaker .speaker-item-info .name {
    font-size: 26px;
}

.slider-our-speaker {
    margin: -15px -15px 0;
}

.slide-our-speaker {
    padding: 15px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
}

.speakers-timeline-img {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
}

.our-speaker-item {
    position: relative;
    display: block;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.our-speaker-item img {
    display: block;
    width: 100%;
    height: 360px;
    -o-object-fit: cover;
    object-fit: cover;
}

.our-speaker-item .speaker-item-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0d5aa5;
    color: #fff;
    padding: 14px 30px 23px 42px;
    -webkit-transition: 0.35s ease-in;
    transition: 0.35s ease-in;
}

.our-speaker-item .speaker-item-info .name {
    color: #fff;
    text-transform: capitalize;
    font-size: 31px;
    font-weight: 700;
}

.our-speaker-item .speaker-item-info .prof {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 300;
    font-size: 18px;
}

.our-speaker-item:hover {
    -webkit-transform: rotateY(10deg) rotateX(3deg);
    transform: rotateY(10deg) rotateX(3deg);
}

.speakers-timeline-item:nth-child(2n) .our-speaker-item:hover {
    -webkit-transform: rotateY(-10deg) rotateX(3deg);
    transform: rotateY(-10deg) rotateX(3deg);
}

/* -------------- S-CONFERENCE-SLIDER --------------- */

.s-conference-slider {
    background-color: #333;
    z-index: 1;
}

.conference-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.conference-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.conference-slide .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 900px;
    z-index: 3;
}

.conference-slide-tringle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateX(2%);
    transform: translateX(2%);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    opacity: 0;
}

.conference-slide-effect {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateX(2%);
    transform: translateX(2%);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    opacity: 0;
}

.conference-slide-item {
    width: 52%;
    padding-left: 15px;
}

.conference-slide-item .date {
    color: #ffd910;
    letter-spacing: 0.17em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 26px;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    opacity: 0;
}

.conference-slide-item .conference-slider-title {
    font-weight: 300;
    font-size: 64px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 7px;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
    opacity: 0;
}

.conference-slide-item .title {
    font-weight: 600;
    font-size: 100px;
    line-height: 0.8;
    color: #fff;
    text-align: left;
    margin-bottom: 27px;
    position: relative;
}

.conference-slide-item .title span {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    display: block;
    opacity: 0;
}

.conference-slide-item .title span:before,
.conference-slide-item .title span:after {
    display: none;
}

.conference-slide-item .title:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ffd910;
    top: 62%;
    margin-right: 192px;
    right: 100%;
    -webkit-transform: translate(20px, -50%);
    transform: translate(20px, -50%);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    opacity: 0;
}

.conference-slide-item .title:before {
    content: "";
    position: absolute;
    margin-right: 46px;
    width: 126px;
    top: 61%;
    right: 100%;
    -webkit-transform: translate(20px, -50%);
    transform: translate(20px, -50%);
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    opacity: 0;
}

.conference-slide-item p {
    opacity: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    max-width: 500px;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.animated-page .conference-slide.slick-current .conference-slide-item .date,
.animated-page .conference-slide.slick-current .conference-slide-item p {
    opacity: 1;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.animated-page
    .conference-slide.slick-current
    .conference-slide-item
    .title:before,
.animated-page
    .conference-slide.slick-current
    .conference-slide-item
    .title:after {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.5s ease 0.5s;
    transition: 0.5s ease 0.5s;
}

.animated-page
    .conference-slide.slick-current
    .conference-slide-item
    .conference-slider-title {
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.animated-page
    .conference-slide.slick-current
    .conference-slide-item
    .title
    span {
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.animated-page .conference-slide.slick-current .conference-slide-effect,
.animated-page .conference-slide.slick-current .conference-slide-tringle {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.6s ease 0.8s;
    transition: 0.6s ease 0.8s;
}

/*--------------- S-CONFERENCE-COUNTER ---------------*/

.s-conference-counter {
    text-align: center;
    position: absolute;
    top: -103px;
    left: 0;
    width: 100%;
}

.conference-counter-wrap {
    max-width: 874px;
    margin: 0 auto;
    position: relative;
}

.conference-counter-cover {
    background-color: #0d5aa5;
    color: #fff;
    padding: 32px 30px 26px;
    position: relative;
    z-index: 1;
}

.conference-counter-cover h4 {
    color: #fff;
    letter-spacing: 0.06em;
    text-transform: capitalize;
    margin-bottom: 2px;
}

.conference-counter-effect-1 {
    position: absolute;
    top: -32px;
    left: -29px;
    z-index: 2;
}

.conference-counter-effect-2 {
    position: absolute;
    bottom: -21px;
    right: -21px;
    z-index: -1;
}

.clock-timer.clock-timer-conference {
    pointer-events: auto;
}

.clock-timer.clock-timer-conference .smalltext {
    margin-top: 0;
}

.clock-timer.clock-timer-conference .clock-item {
    position: relative;
}

.clock-timer.clock-timer-conference .clock-item:last-child:before {
    display: none;
}

.clock-timer.clock-timer-conference .clock-item:before {
    content: ":";
    line-height: 1.2em;
    position: absolute;
    top: 5px;
    right: -6px;
    color: rgba(255, 255, 255, 0.3);
}

/*--------------- S-CONFERENCE-MISSION ---------------*/

.s-conference-mission {
    position: relative;
    z-index: 4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 126px;
}

.s-conference-mission .s-our-mission {
    padding-bottom: 50px;
}

.s-conference-mission .s-our-mission .our-mission-info {
    padding-top: 48px;
}

.s-conference-mission .s-our-mission .our-mission-info h4 {
    max-width: 550px;
}

.s-conference-mission .s-our-mission .our-mission-info .mission-info-text p {
    font-weight: 300;
    margin-bottom: 25px;
}

.s-conference-mission .s-our-mission .our-mission-info .mission-meta {
    font-weight: 300;
}

.mission-list-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mission-list {
    width: calc(50% - 10px);
}

.mission-list li {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
    padding-left: 17px;
    position: relative;
}

.mission-list li:last-child {
    margin-bottom: 0;
}

.mission-list li i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 12px;
    color: #0d5aa5;
}

/*---------------- S-SPEAKERS-SCHEDULE ----------------*/

.s-speakers-schedule {
    padding: 148px 0 160px;
}

.speakers-timeline-cover {
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    padding: 25px 0;
}

.speakers-timeline-cover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: #d6d6d6;
}

.speakers-timeline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 50px;
}

.speakers-timeline-item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.speakers-timeline-item:nth-child(2n) .speakers-timeline-info {
    text-align: right;
}

.speakers-timeline-item:last-child {
    margin-bottom: 0;
}

.speakers-timeline-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 11px;
    height: 11px;
    background-color: #0d5aa5;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 6px rgba(13, 90, 165, 0.4);
    box-shadow: 0 0 0 6px rgba(13, 90, 165, 0.4);
}

.speakers-timeline-img,
.speakers-timeline-info {
    width: calc(50% - 55px);
}

.speakers-timeline-info .date {
    font-weight: 600;
    font-size: 20px;
    color: #0d5aa5;
    margin-bottom: 20px;
}

.speakers-timeline-info .title {
    color: #232756;
    margin-bottom: 10px;
}

.speakers-timeline-info p {
    font-weight: 300;
}

/*------------------ S-PRICING-TABLE ------------------*/

.s-pricing-table {
    padding: 160px 0;
}

.pricing-table-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
}

.pricing-table-col.premium {
    padding-top: 0;
    padding-bottom: 0;
}

.pricing-table-col.premium .pricing-table-item:before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0035c1),
        to(#2459e6)
    );
    background: linear-gradient(180deg, #0035c1 0%, #2459e6 100%);
}

.pricing-table-col.premium .pricing-table-item > * {
    color: #fff;
}

.pricing-table-col.premium .pricing-table-item .btn {
    color: #000;
}

.pricing-table-col.premium .pricing-table-item h3:before {
    background-color: rgba(234, 234, 234, 0.2);
}

.pricing-table-col.premium .price-list {
    color: #fff;
}

.pricing-table-col.premium .price-list i {
    color: #fff;
}

.pricing-table-col:nth-of-type(1) .pricing-table-item img {
    top: 59%;
    left: 52%;
}

.pricing-table-col:nth-of-type(2) .pricing-table-item img {
    top: 62%;
    left: 52%;
}

.pricing-table-col:nth-of-type(3) .pricing-table-item img {
    top: 47%;
    left: 54%;
}

.pricing-table-item {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-bottom: 48px;
    position: relative;
    z-index: 1;
}

.pricing-table-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #fff;
    z-index: -1;
}

.pricing-table-item:hover h3:before,
.pricing-table-item:hover:before {
    -webkit-transform: rotateY(10deg) rotateX(3deg);
    transform: rotateY(10deg) rotateX(3deg);
}

.pricing-table-item h3 {
    line-height: 121px;
    text-align: center;
    color: #232756;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    position: relative;
}

.pricing-table-item h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pricing-table-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pricing-table-item .price-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    color: #0d5aa5;
    font-weight: 700;
    line-height: 1;
    padding: 48px 0 35px;
}

.pricing-table-item .price-cover span {
    position: relative;
    z-index: 1;
    font-size: 24px;
    padding-top: 10px;
}

.pricing-table-item .price-cover .price {
    position: relative;
    z-index: 1;
    font-size: 64px;
}

.pricing-table-item .name {
    font-weight: 700;
    font-size: 26px;
    color: #232756;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.pricing-table-item .price-text {
    color: #232756;
    font-weight: 300;
    font-family: "Red Hat Display", sans-serif;
}

.pricing-table-item .price-list {
    text-align: left;
    max-width: 260px;
    margin: 0 auto;
    padding: 45px 20px 51px 20px;
    color: #898686;
    font-family: "Red Hat Display", sans-serif;
}

.pricing-table-item .price-list li {
    text-transform: capitalize;
    margin-bottom: 16px;
}

.pricing-table-item .price-list li:last-child {
    margin-bottom: 0;
}

.pricing-table-item .price-list li i {
    color: #898686;
    font-size: 14px;
    margin-right: 19px;
}

/*------------------- S-BUY-TICKET -------------------*/

.s-buy-ticket {
    padding-bottom: 160px;
}

.s-buy-ticket p {
    font-weight: 300;
}

.s-buy-ticket h5 {
    margin-bottom: 15px;
    font-family: "Red Hat Display", sans-serif;
    text-transform: capitalize;
}

.buy-ticket-left {
    font-family: "Red Hat Display", sans-serif;
    max-width: 500px;
}

.buy-ticket-left p {
    margin-bottom: 60px;
}

.ticket-contact-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ticket-contact-item {
    margin-right: 50px;
}

.ticket-contact-item:last-child {
    margin-right: 0;
}

.ticket-contact-item li {
    margin-bottom: 10px;
    font-weight: 300;
}

.ticket-contact-item li:last-child {
    margin-bottom: 0;
}

.ticket-contact-item li a {
    color: #8b8b8b;
}

.ticket-contact-item li a:hover {
    color: #ffd910;
}

.ticket-contact-item li span {
    margin-right: 4px;
    font-weight: 500;
    color: #333333;
}

.buy-ticket-form {
    background-color: #f5f7f9;
    padding: 2rem 3rem;
}

@media (max-width: 768px) {
    .buy-ticket-form {
        padding: 1rem;
    }
}

.buy-ticket-form .form-cover {
    padding-top: 9px;
}

.buy-ticket-form .pay-method {
    margin: 11px 0 25px;
    padding: 21px 0 26px;
    width: 100%;
    border-top: 1px solid rgba(217, 217, 217, 0.5);
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}

.buy-ticket-form .pay-method .pay-item {
    position: relative;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.buy-ticket-form .pay-method .pay-item:last-child {
    margin-bottom: 0;
}

.buy-ticket-form .pay-method .pay-item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    opacity: 0;
}

.buy-ticket-form .pay-method .pay-item input:checked + span:before {
    opacity: 1;
}

.buy-ticket-form .pay-method .pay-item p {
    color: #333333;
    font-family: "Red Hat Display", sans-serif;
    text-transform: capitalize;
}

.buy-ticket-form .pay-method .pay-item span {
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 10px;
}

.buy-ticket-form .pay-method .pay-item span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #0d5aa5;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
}

.buy-ticket-form .price-final {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.buy-ticket-form .price-final span {
    color: #333333;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-transform: capitalize;
    margin-right: 10px;
}

.buy-ticket-form .price-final .price-final-text {
    color: #0d5aa5 !important;
    font-weight: 700;
    font-size: 24px;
}

.buy-ticket-form .btn-form-cover {
    text-align: right;
}

/*----------------- S-CONFERENCE-NEWS -----------------*/

.s-conference-news {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 150px 0;
}

.s-conference-news:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
}

.s-conference-news .conference-news-container {
    position: relative;
    z-index: 2;
}

.conference-news-slider {
    padding: 0 70px;
}

.conference-news-slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    border: 1px solid #ffd910;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    cursor: pointer;
    z-index: 3;
}

.conference-news-slider .slick-arrow i {
    color: #fff;
}

.conference-news-slider .slick-arrow.slick-arrow-prev {
    left: 28px;
}

.conference-news-slider .slick-arrow.slick-arrow-next {
    right: 28px;
}

.conference-news-slider .slick-arrow:hover {
    background-color: #ffd910;
}

.conference-news-slide {
    padding: 0 20px;
}

.conference-news-item {
    background-color: #fff;
    text-align: center;
}

.conference-news-item .date {
    color: #fff;
    background-color: #0d5aa5;
    border-radius: 50%;
    width: 89px;
    height: 89px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -33px auto 0;
    position: relative;
    z-index: 2;
    font-size: 16px;
}

.conference-news-item .date span {
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    text-transform: capitalize;
}

.conference-post-thumbnail {
    position: relative;
}

.conference-post-thumbnail a {
    display: block;
    position: relative;
    overflow: hidden;
}

.conference-post-thumbnail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
}

.conference-post-thumbnail a:hover:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.conference-post-thumbnail a:hover img {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.conference-post-thumbnail a img {
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    display: block;
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
}

.conference-post-thumbnail .conference-post-category {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    color: #fff;
    background-color: #252525;
    line-height: 30px;
    text-align: center;
    padding: 0 17px;
    font-family: "Red Hat Display", sans-serif;
}

.conference-post-content {
    padding: 29px 38px 35px;
}

.conference-post-content h4 {
    font-size: 25px;
    font-weight: 600;
    position: relative;
    padding-top: 19px;
    margin-bottom: 15px;
}

.conference-post-content h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 2px;
    width: 66px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0d5aa5;
}

.conference-post-content p {
    margin-bottom: 15px;
}

.conference-post-content .conference-post-meta {
    text-transform: capitalize;
    margin-bottom: 40px;
    font-size: 16px;
}

.conference-post-content .conference-post-meta a {
    color: #8b8b8b;
}

.conference-post-content .conference-post-meta a:hover {
    color: #0d5aa5;
}

.conference-post-content .conference-post-meta i {
    margin-right: 8px;
    color: #0d5aa5;
}

/*------------------ CONFERENCE-MAP ------------------*/

.conference-map {
    padding: 160px 0;
}

.conference-map-item span {
    padding-left: 80px;
    width: 100%;
    display: block;
}

.conference-map-item .cont-map {
    width: 100%;
    height: 450px;
}

.conference-map-info {
    padding-top: 75px;
}

.conference-map-info h3 {
    line-height: 1.2em;
    color: #232756;
    margin-bottom: 33px;
}

.conference-map-info h3 span {
    color: #0d5aa5;
}

.conference-map-info .mission-meta {
    font-weight: 300;
}

.conference-map-info .conference-map-content {
    margin-bottom: 45px;
    font-weight: 300;
}

/*-------------------- S-PARTNERS --------------------*/

.s-clients.s-partners {
    padding: 0 0 160px;
}

/* --------------------- DANCE-SLIDER ---------------------- */

.dance-slide {
    padding-bottom: 98px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.dance-slide:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 98px;
    z-index: 1;
    background-color: #100a19;
}

.dance-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(213, 43, 116, 0.6)),
        to(rgba(102, 58, 216, 0.6))
    );
    background: linear-gradient(
        180deg,
        rgba(213, 43, 116, 0.6) 0%,
        rgba(102, 58, 216, 0.6) 100%
    );
    z-index: 0;
}

.dance-slide .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dance-slide video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dance-slide .container {
    min-height: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 100%;
    padding: 0 60px;
}

.dance-slide .dance-img {
    position: absolute;
    bottom: -45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
}

.dance-slide .dance-slide-top {
    text-align: center;
    padding-top: 104px;
}

.dance-slide .dance-slide-top .title-top {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 80px;
    line-height: 1.2em;
    mix-blend-mode: overlay;
}

.dance-slide .dance-slide-top .title-slider {
    text-transform: uppercase;
    font-size: 288px;
    line-height: 0.8em;
    letter-spacing: 0.02em;
    font-weight: 700;
    mix-blend-mode: overlay;
}

.dance-slide .dance-item {
    line-height: 1;
    text-transform: uppercase;
}

.dance-slide .dance-item h5 {
    font-size: 39px;
    font-weight: 700;
    text-transform: uppercase;
}

.dance-slide .dance-item p {
    font-size: 29px;
    opacity: 0.5;
}

.dance-slide .dance-item-date {
    text-transform: uppercase;
    line-height: 1;
}

.dance-slide .dance-item-date .date {
    font-size: 39px;
    font-weight: 700;
    margin-bottom: 6px;
}

.dance-slide .dance-item-date .month {
    font-size: 29px;
}

.dance-slide .dance-item-name {
    font-size: 29px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2em;
    width: 20%;
}

.dance-slide-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 4;
    padding-bottom: 100px;
}

.dance-item-name,
.dance-item-date,
.dance-item {
    width: 50%;
}

.dance-item-right,
.dance-item-name {
    text-align: right;
}

.effect-dance-1 {
    position: absolute;
    bottom: 98px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 80%;
    max-height: 100%;
    opacity: 0.3;
}

.effect-dance-2 {
    position: absolute;
    left: 0;
    bottom: 10px;
    max-width: 100%;
    max-height: 100%;
}

.effect-dance-3 {
    position: absolute;
    right: 5%;
    top: 7%;
    max-width: 100%;
    max-height: 100%;
}

.dance-item-left {
    margin-bottom: 66px;
}

.dance-item-left h5 {
    margin-bottom: 13px;
}

.dance-item-right {
    padding-top: 12px;
}

.dance-item-right h5 {
    margin-top: 10px;
}

#dance-page .social-list a:hover i {
    color: #d52b74;
}

/* ---------------- S-DANCE-COUNTER ----------------- */

.s-dance-counter {
    text-align: center;
    padding: 42px 0 134px;
}

.s-dance-counter h2 {
    text-transform: capitalize;
    margin-bottom: 30px;
}

.s-dance-counter .clock-timer {
    pointer-events: auto;
}

.s-dance-counter .clock-timer .clock-item {
    min-width: 226px;
    text-transform: capitalize;
    position: relative;
    font-size: 100px;
}

.s-dance-counter .clock-timer .clock-item:last-child:before {
    display: none;
}

.s-dance-counter .clock-timer .clock-item:before {
    content: ":";
    position: absolute;
    right: -8px;
    top: 39px;
    font-size: 90px;
    color: rgba(255, 255, 255, 0.6);
}

.s-dance-counter .clock-timer .clock-item span {
    color: #ffd910;
    line-height: 1em;
    margin-bottom: 10px;
}

.s-dance-counter .clock-timer .smalltext {
    font-size: 25px;
    font-weight: 600;
}

.dance-counter-effect {
    position: absolute;
}

.dance-counter-effect.dance-counter-effect-1 {
    top: -18%;
    left: 3%;
}

.dance-counter-effect.dance-counter-effect-2 {
    top: -35%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dance-counter-effect.dance-counter-effect-3 {
    top: 43%;
    right: 6%;
}

/*----------------------- POPUP -----------------------*/

.overlay {
    left: 0;
    opacity: 0;
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: -1;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    background-color: #333333;
}

.popup {
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    position: fixed;
    top: 50%;
    z-index: -1;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    max-width: 500px;
    width: 100%;
    pointer-events: none;
}

.popup.active {
    z-index: 23;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}

body.modal .overlay {
    opacity: 0.8;
    z-index: 22;
    overflow: hidden;
}

body.modal {
    overflow: hidden;
}

body.modal .popup-close {
    opacity: 1;
    z-index: 23;
    pointer-events: auto;
}

.popup-close {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    background: rgba(30, 30, 30, 0.6);
    padding: 10px;
}

.popup-close svg {
    fill: #fff;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    opacity: 0.7;
}

.popup-close:hover svg {
    opacity: 1;
}

.popup-action1 {
    width: 100%;
    max-width: 85%;
    height: 85%;
    padding: 0;
}

.popup-video {
    height: 100%;
}

.popup-video iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/*------------------- S-DANCE-ABOUT -------------------*/

.s-dance-about {
    padding-bottom: 150px;
}

.dance-about-info {
    padding-top: 106px;
}

.dance-about-info .slogan {
    margin-bottom: 24px;
}

.dance-about-col .btn-video {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.dance-about-col .btn-video i {
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: 0.4s cubic-bezier(0.59, 0.01, 0.43, 1.02) 0.15s;
    transition: 0.4s cubic-bezier(0.59, 0.01, 0.43, 1.02) 0.15s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 64px;
    z-index: 2;
}

.dance-about-col .btn-video img {
    display: block;
    height: 585px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.dance-about-col .btn-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(213, 43, 116, 0.6)),
        to(rgba(102, 58, 216, 0.6))
    );
    background: linear-gradient(
        180deg,
        rgba(213, 43, 116, 0.6) 0%,
        rgba(102, 58, 216, 0.6) 100%
    );
    opacity: 0;
    -webkit-transition: 0.4s cubic-bezier(0.59, 0.01, 0.43, 1.02);
    transition: 0.4s cubic-bezier(0.59, 0.01, 0.43, 1.02);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    z-index: 1;
}

.dance-about-col .btn-video:hover i {
    opacity: 1;
}

.dance-about-col .btn-video:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*------------------ S-DANCE-MEMBERS ------------------*/

.s-dance-members {
    padding: 142px 0 150px;
}

.s-dance-members:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/landing/bg-members.svg);
    background-position: left center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.dance-members-slider {
    margin: 0 -15px;
    padding-right: 0px;
}

.dance-members-slider .slick-arrow {
    position: absolute;
    top: -95px;
    z-index: 2;
    border: 1px solid #fff;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    cursor: pointer;
}

.dance-members-slider .slick-arrow:hover {
    background: #663ad8;
}

.dance-members-slider .slick-arrow i {
    color: #fff;
}

.dance-members-slider .slick-arrow.slick-arrow-prev {
    right: 55px;
}

.dance-members-slider .slick-arrow.slick-arrow-next {
    right: 15px;
}

.dance-member-slide {
    padding: 0 15px;
}

.dance-members-item {
    display: block;
    max-width: 258px;
    position: relative;
    background: rgba(22, 14, 34, 0.8);
    border-radius: 10px;
}

.dance-members-item span {
    display: block;
}

.dance-members-item .dance-member-img {
    display: block;
    position: relative;
}

.dance-members-item .dance-member-img:before {
    content: "";
    position: absolute;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    top: 50%;
    right: -50px;
    width: 222px;
    height: 222px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    background-color: #000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dance-members-item .dance-member-info {
    display: block;
    padding: 28px 25px 34px;
}

.dance-members-item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    display: block;
}

.dance-members-item h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 6px;
}

.dance-members-item .prof {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

.dance-members-item:hover .dance-member-img:before {
    right: 0;
}

/* ---------------------- TAB ----------------------- */

.tabs-content {
    position: relative;
}

.tab {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    width: 100%;
}

.tab.visible-content {
    pointer-events: auto;
    z-index: 15;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/*------------------- S-DANCE-EVENT -------------------*/

.s-dance-event {
    padding: 142px 0 150px;
    text-align: center;
}

.s-dance-event .tab-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 60px 0;
}

.s-dance-event .tab-row .dance-event-col {
    width: 50%;
    position: relative;
    padding: 0 82px;
    text-align: left;
}

.s-dance-event .tab-row .dance-event-col:first-child {
    border-right: 1px solid #393243;
}

.s-dance-event .tabs-content {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 10px 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dance-tabs {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #251936;
    border-radius: 10px;
    position: relative;
    margin-bottom: -10px;
    z-index: 1;
}

.dance-tabs li {
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Red Hat Display", sans-serif;
    padding: 20px 38px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.dance-tabs li.active {
    background: #663ad8;
    color: #fff;
    pointer-events: none;
}

.dance-tabs li:not(.active):hover {
    color: #d52b74;
}

.dance-tabs li:not(.active):hover span {
    color: #d52b74;
}

.dance-tabs li span {
    color: #fff;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    font-family: "Red Hat Display", sans-serif;
    font-size: 31px;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 17px;
}

.dance-event-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 65px;
}

.dance-event-item:last-child {
    margin-bottom: 0;
}

.dance-event-item .dance-event-img {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dance-event-item .dance-event-info {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(100% - 94px);
    padding-left: 32px;
}

.dance-event-item .dance-event-info .date {
    color: #d52b74;
    font-weight: 600;
    margin-bottom: -2px;
}

.dance-event-item .dance-event-info h4 {
    font-weight: 600;
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.dance-event-item .dance-event-info p {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 300;
    color: #bcbcbc;
    margin-bottom: 14px;
}

.dance-event-item .dance-event-info .name {
    color: #d52b74;
    text-transform: capitalize;
}

.dance-event-item .dance-event-info .name i {
    margin-right: 12px;
}

/*------------------ S-DANCE-PRICE ------------------*/

.s-dance-price {
    text-align: center;
    padding: 142px 0 150px;
}

.s-dance-price:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/landing/bg-icon-price.svg);
    background-position: left center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.s-dance-price .pricing-table-cover .pricing-table-col .pricing-table-item {
    background: rgba(22, 14, 34, 0.8);
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/landing/price-item-bg-1.svg);
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item:before {
    display: none;
}

.s-dance-price .pricing-table-cover .pricing-table-col .pricing-table-item > * {
    color: #fff;
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item
    .price-cover
    span {
    opacity: 0.4;
    margin-right: 5px;
}

.s-dance-price .pricing-table-cover .pricing-table-col .pricing-table-item h3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item
    h3:before {
    display: none;
}

.s-dance-price .pricing-table-cover .pricing-table-col .pricing-table-item img {
    top: 56%;
    left: 50%;
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item
    .price-list {
    font-weight: 300;
    padding: 37px 20px 44px 20px;
    max-width: 266px;
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item
    .price-list
    li {
    margin-bottom: 23px;
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item
    .price-list
    li
    i {
    color: #fff;
}

.s-dance-price
    .pricing-table-cover
    .pricing-table-col
    .pricing-table-item
    .price-list
    li:last-child {
    margin-bottom: 0;
}

/*------------------- S-DANCE-NEWS -------------------*/

.s-dance-news {
    padding: 142px 0;
    text-align: center;
}

.dance-news-item {
    text-align: left;
    background: #160e22;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.dance-news-item h5 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 29px 36px;
}

.dance-post-thumbnail {
    position: relative;
}

.dance-post-thumbnail a {
    display: block;
    position: relative;
}

.dance-post-thumbnail a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(213, 43, 116, 0.6)),
        to(rgba(102, 58, 216, 0.6))
    );
    background: linear-gradient(
        180deg,
        rgba(213, 43, 116, 0.6) 0%,
        rgba(102, 58, 216, 0.6) 100%
    );
    opacity: 0;
    -webkit-transition: 0.4s cubic-bezier(0.59, 0.01, 0.43, 1.02);
    transition: 0.4s cubic-bezier(0.59, 0.01, 0.43, 1.02);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    z-index: 1;
}

.dance-post-thumbnail a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.dance-post-thumbnail a img {
    display: block;
    width: 100%;
    height: 191px;
    -o-object-fit: cover;
    object-fit: cover;
}

.dance-post-date {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    font-family: "Red Hat Display", sans-serif;
    background-color: #d52b74;
    line-height: 30px;
    padding: 0 20px;
    font-size: 16px;
    text-align: center;
}

.dance-post-content {
    padding: 31px 36px;
}

.dance-post-content p {
    font-weight: 300;
}

.dance-post-meta {
    color: #c7c7c7;
    font-family: "Red Hat Display", sans-serif;
    margin-top: 20px;
}

.dance-post-meta span {
    margin-right: 6px;
}

.dance-post-meta a {
    position: relative;
}

.dance-post-meta a:last-child:after {
    display: none;
}

.dance-post-meta a:after {
    content: ", ";
}

/*------------------- DANCE-CLIENTS -------------------*/

.dance-clients.s-clients {
    text-align: center;
    padding: 0 0 142px;
}

.dance-clients.s-clients img {
    opacity: 0.4;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
}

.dance-clients.s-clients img:hover {
    opacity: 1;
}

/* -------------------- GALLERY --------------------- */

.s-gallery {
    text-align: center;
}

.row-gallery {
    margin: -1.132%;
}

.gallery-item {
    padding: 1.132%;
}

.gallery-item a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    color: #fff;
    border-radius: 10px;
}

.gallery-item a img {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-item a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(213, 43, 116, 0.6)),
        to(rgba(102, 58, 216, 0.6))
    );
    background: linear-gradient(
        180deg,
        rgba(213, 43, 116, 0.6) 0%,
        rgba(102, 58, 216, 0.6) 100%
    );
    opacity: 0;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    z-index: 1;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.gallery-item a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.gallery-item a:hover .gal-item {
    opacity: 1;
}

.gallery-item a:hover .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.gallery-item a:hover p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.gallery-item .gal-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    padding: 0 30px;
}

.gallery-item p {
    opacity: 0;
    position: relative;
    -webkit-transition: 0.35s ease 0.2s;
    transition: 0.35s ease 0.2s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    text-align: center;
    font-weight: 300;
    color: #fff;
}

.gallery-item .title {
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.35s ease;
    transition: 0.35s ease;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.grid-sizer,
.gallery-item {
    width: 25%;
}

.title-cover {
    text-align: center;
}

/*----------------- DANCE-BUY-TICKET -----------------*/

.dance-buy-ticket {
    padding: 142px 0 0px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dance-buy-ticket .ticket-contact-item li {
    color: #bcbcbc;
    font-weight: 300;
}

.dance-buy-ticket .ticket-contact-item li a {
    color: #bcbcbc;
}

.dance-buy-ticket .ticket-contact-item li a:hover {
    color: #d52b74;
}

.dance-buy-ticket .ticket-contact-item li span {
    font-weight: 500;
    color: #fff;
}

.dance-buy-ticket .nice-select {
    background-color: transparent;
    border-color: #393939;
}

.dance-buy-ticket .nice-select:hover,
.dance-buy-ticket .nice-select.open {
    border-color: #d52b74;
}

.dance-buy-ticket .buy-ticket-form .pay-method {
    border-color: #393939;
}

.dance-buy-ticket .buy-ticket-form .pay-method .pay-item p {
    color: #bcbcbc;
}

.dance-buy-ticket .buy-ticket-form .pay-method .pay-item span {
    border-color: #393939;
}

.dance-buy-ticket .buy-ticket-form .pay-method .pay-item span:before {
    background-color: #d52b74;
}

.dance-buy-ticket .checkbox-cover p {
    color: #bcbcbc;
}

.dance-buy-ticket .checkbox-cover p:before {
    color: #d52b74;
    border-color: #393939;
}

.dance-buy-ticket .buy-ticket-form .price-final span {
    color: #0d5aa5;
}

.dance-buy-ticket .buy-ticket-form .price-final .price-final-text {
    color: #d52b74;
}

.dance-buy-ticket #success_page h3 {
    color: #d52b74;
}

/*---------------------- S-ERROR ----------------------*/

.s-error {
    padding: 170px 0;
    text-align: center;
}

.s-error h1 {
    font-size: 82px;
    margin-bottom: 40px;
}

.s-error .btn {
    margin-top: 40px;
}

.s-marathon-slider {
    position: relative;
    overflow: hidden;
}

/* --------------------- MEDIA ---------------------- */
@media (max-width: 1440px) {
    .schedule-img-effect,
    .schedule-effect-tringle,
    .schedule-effect-yellow,
    .schedule-effect-white {
        display: none;
    }

    .marathon-slide .marathon-text-left {
        font-size: 146px;
    }

    .marathon-slide .marathon-text-right {
        font-size: 172px;
    }

    .mission-effect,
    .our-mission-img .mission-img-effect-1,
    .our-mission-img .mission-img-effect-4 {
        left: 0;
        display: none;
    }
    
    .marathon-img {
        top: 45%
    }
}

@media (max-width: 1366px) {
    .bg-effect {
        top: 200px;
    }

    .instagram-cover .instagram-item ul {
        font-size: 18px;
    }

    .instagram-cover .instagram-item ul li {
        margin-right: 18px;
    }

    .marathon-slide {
        min-height: 690px;
    }

    .marathon-slide .marathon-text-left {
        font-size: 128px;
    }

    .marathon-slide .marathon-text-right {
        font-size: 148px;
    }

    .marathon-slide .slider-location {
        font-size: 22px;
    }

    .marathon-img {
        max-height: 95%;
        top: 50%;
    }

    .clock-timer.clock-timer-marathon {
        bottom: 126px;
    }

    .clock-timer.clock-timer-marathon > div {
        min-width: 130px;
        font-size: 64px;
    }

    .clock-timer.clock-timer-marathon .smalltext {
        font-size: 20px;
    }

    .marathon-news-slider {
        margin: 0 -15px;
    }

    .conference-slide .container {
        min-height: 660px;
    }

    .conference-slide-item .date {
        font-size: 26px;
    }

    .conference-slide-item .conference-slider-title {
        font-size: 60px;
    }

    .conference-slide-item .title {
        font-size: 96px;
    }

    .mission-list {
        width: 50%;
    }

    .mission-list:first-child {
        padding-right: 20px;
    }

    .dance-slide .dance-item-right {
        padding-top: 8px;
    }

    .dance-slide .container {
        min-height: 768px;
    }

    .dance-slide .dance-slide-bottom {
        padding-bottom: 60px;
    }

    .dance-slide .dance-slide-top .title-top {
        font-size: 60px;
    }

    .dance-slide .dance-slide-top .title-slider {
        font-size: 240px;
    }

    .dance-slide .dance-img {
        max-width: 520px;
        bottom: -39px;
    }

    .dance-slide .dance-item-date .date,
    .dance-slide .dance-item h5 {
        font-size: 38px;
    }

    .dance-slide .dance-item p {
        font-size: 22px;
    }

    .dance-slide .dance-item-date .month {
        font-size: 22px;
    }

    .dance-slide .dance-item-name {
        font-size: 22px;
        width: 280px;
    }

    .dance-members-item .dance-member-img:before {
        right: -25px;
    }

    .mission-number-cover .mission-number-item {
        margin-right: 50px;
        padding-right: 50px;
    }

    .dance-about-info {
        padding-top: 80px;
    }

    .s-dance-event .tab-row .dance-event-col {
        padding: 0 60px;
    }

    .schedule-effect-white,
    .schedule-effect-yellow {
        display: none !important;
    }
}

@media (max-width: 1280px) {
    .marathon-slide .marathon-text-left {
        font-size: 122px;
    }

    .marathon-slide .marathon-text-right {
        font-size: 142px;
    }

    .dance-members-item .dance-member-img:before {
        right: -15px;
    }

    .marathon-post-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .marathon-news-item h5 {
        padding: 0 20px;
    }
    
    .marathon-img {
        max-height: 50%;
    }
}

@media (max-width: 1199px) {
    .bg-effect {
        display: none;
    }

    .s-clients,
    .s-event-schedule,
    .s-choose-us {
        padding: 120px 0;
    }

    .s-have-prepared {
        padding: 126px 0;
    }

    .s-our-mission {
        padding: 120px 0px 130px;
    }

    .s-clients.s-partners,
    .s-buy-ticket,
    .map-with-route {
        padding-bottom: 130px;
    }

    .conference-map,
    .s-pricing-table,
    .s-speakers-schedule {
        padding: 130px 0;
    }

    .s-testimonials,
    .s-marathon-register {
        padding: 130px 0;
    }

    .s-marathon-news {
        padding-bottom: 118px;
    }

    .s-testimonials.dance-testimonials,
    .s-about-speaker.dance-about-speaker {
        padding: 126px 0 130px;
    }

    .marathon-slide .marathon-text-left {
        font-size: 96px;
    }

    .marathon-slide .marathon-text-right {
        font-size: 116px;
    }

    .marathon-slide .slider-location {
        font-size: 18px;
    }

    .clock-timer.clock-timer-marathon > div {
        min-width: 116px;
        font-size: 58px;
    }

    .clock-timer.clock-timer-marathon .smalltext {
        font-size: 18px;
    }

    .our-mission-img .mission-img-effect-1 {
        top: -42px;
        left: -27px;
        max-width: 106px;
    }

    .mission-number-cover .mission-number-item .number {
        font-size: 36px;
    }

    .map-route-info {
        padding-top: 22px;
    }

    .s-marathon-news .title,
    .s-clients .title {
        margin-bottom: 40px;
    }

    .register-img {
        top: 45%;
    }

    .our-mission-info {
        padding-top: 0;
    }

    .schedule-effect-white,
    .schedule-effect-yellow,
    .event-schedule-img {
        display: none !important;
    }

    .map-route-img .map-img-effect-1 {
        top: -36px;
        left: -30px;
        max-width: 106px;
    }

    .register-img-effect-1 {
        top: -45px;
        left: -30px;
        max-width: 106px;
    }

    .marathon-register {
        padding: 40px 50px 55px;
        max-width: 460px;
    }

    .marathon-register .title {
        margin-bottom: 35px;
    }

    .s-marathon-slider {
        overflow: hidden;
    }

    .marathon-news-date {
        font-size: 14px;
        margin-bottom: 70px;
    }

    .marathon-news-date span {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .clock-timer.clock-timer-marathon img {
        top: 45%;
    }

    .clock-timer.clock-timer-marathon .seconds-item img {
        top: 55%;
    }

    .register-img-effect-2 {
        right: -15px;
    }

    .register-img-effect-1 {
        left: -15px;
    }

    .map-route-info .mission-number-cover .mission-number-item .map-img-effect {
        left: -4px;
        top: -48px;
        max-width: 160px;
    }

    .marathon-news-date:before {
        bottom: -30px;
    }

    .marathon-news-slider .slick-arrow {
        top: 56px;
        width: 40px;
        height: 40px;
    }

    .s-marathon-register:before {
        height: 270px;
    }

    .s-marathon-register:after {
        background-size: cover;
    }

    .mission-meta li i {
        font-size: 16px;
    }

    .marathon-news-slider:before {
        width: 84%;
    }

    .marathon-news-slider:before {
        top: 76px;
    }

    .footer-cont .footer-copyright {
        margin-top: 29px;
    }

    .social-list li,
    .footer-soc li {
        margin-right: 18px;
        font-size: 18px;
    }

    .s-news {
        padding: 120px 0 0;
    }

    .post-item-cover .post-thumbnail img {
        height: 390px;
    }

    .post-item-cover .meta span {
        margin-right: 30px;
    }

    .widget-tags ul li {
        margin-right: 7px;
        margin-top: 7px;
    }

    blockquote {
        padding-left: 78px;
    }

    blockquote:before {
        font-size: 68px;
        line-height: 68px;
    }

    blockquote p {
        font-size: 18px;
    }

    .widget-instagram li img {
        height: 80px;
    }

    .widget-recent-posts li a {
        font-size: 16px;
    }

    .s-our-mission.s-about-speaker .our-mission-info {
        padding-top: 30px;
    }

    .have-prepared span {
        font-size: 70px;
    }

    .have-prepared h4 {
        font-size: 20px;
        padding-top: 18px;
    }

    .have-prepared img {
        max-width: 100px;
    }

    .have-prepared-item:nth-child(1) .have-prepared img {
        top: -10px;
    }

    .have-prepared-item:nth-child(2) .have-prepared img {
        top: -16px;
    }

    .have-prepared-item:nth-child(3) .have-prepared img {
        top: -16px;
    }

    .have-prepared-item:nth-child(4) .have-prepared img {
        top: -16px;
    }

    .testimonial-item img {
        width: 85px;
        height: 85px;
    }

    .testimonial-item {
        padding: 30px 20px 34px;
    }

    .our-speaker-item .speaker-item-info {
        padding: 14px 15px 23px 20px;
    }

    .our-speaker-item .speaker-item-info .prof {
        font-size: 16px;
    }

    .our-speaker-item .speaker-item-info .name {
        font-size: 29px;
    }

    .our-speaker-item img {
        height: 260px;
    }

    .conference-slide-item .conference-slider-title {
        font-size: 46px;
    }

    .conference-slide-item .title {
        font-size: 70px;
    }

    .conference-slide-item .title:before {
        width: 90px;
    }

    .conference-slide-item .title:after {
        margin-right: 152px;
    }

    .conference-slide-item .date {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .conference-slide-item p {
        font-size: 16px;
        line-height: 24px;
    }

    .pricing-table-item .price-list li {
        margin-bottom: 10px;
    }

    .conference-slide-tringle {
        max-width: 66%;
    }

    .conference-slide-effect {
        max-height: 80%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .animated-page .conference-slide.slick-current .conference-slide-effect {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .conference-counter-wrap {
        max-width: 690px;
    }

    .clock-timer.clock-timer-conference .clock-item {
        min-width: 130px;
        font-size: 54px;
    }

    .clock-timer.clock-timer-conference .clock-item:before {
        top: 5px;
    }

    .clock-timer.clock-timer-conference .smalltext {
        font-size: 18px;
        margin-top: 5px;
    }

    .conference-counter-cover {
        padding: 26px 30px 20px;
    }

    .s-conference-mission {
        padding-top: 116px;
    }

    .s-our-mission.s-about-speaker .our-mission-info {
        padding-top: 0;
    }

    .mission-list-cover .mission-list {
        width: 100%;
    }

    .mission-list-cover .mission-list:first-child {
        padding-right: 0;
    }

    .mission-list-cover .mission-list li {
        margin-bottom: 6px;
    }

    .s-conference-mission
        .s-our-mission
        .our-mission-info
        .mission-info-text
        p {
        margin-bottom: 20px;
    }

    .speakers-timeline-info .date {
        font-size: 18px;
    }

    .register-img-effect-2 {
        display: none !important;
    }

    .pricing-table-item {
        padding-bottom: 35px;
    }

    .pricing-table-item .price-cover {
        padding: 30px 0;
    }

    .pricing-table-item .price-cover .price {
        font-size: 52px;
    }

    .pricing-table-item h3 {
        line-height: 90px;
    }

    .pricing-table-col:nth-of-type(3) .pricing-table-item img {
        top: 45%;
        max-height: 102px;
    }

    .pricing-table-item .price-list {
        max-width: 230px;
        padding: 30px 20px 34px 20px;
    }

    .s-conference-news {
        padding: 130px 0;
    }

    .conference-news-item .date {
        width: 80px;
        height: 80px;
    }

    .conference-news-item .date span {
        font-size: 20px;
    }

    .conference-news-slide {
        padding: 0 15px;
    }

    .conference-post-content {
        padding: 22px 15px 29px;
    }

    .conference-post-content h4 {
        font-size: 22px;
        padding-top: 14px;
    }

    .our-mission-img .about-img-effect-2 {
        bottom: -14px;
        right: -2px;
        max-width: 52px;
    }

    .dance-slide .container {
        min-height: 700px;
        padding: 0 30px;
    }

    .dance-slide .dance-slide-top .title-top {
        font-size: 46px;
    }

    .dance-slide .dance-slide-top .title-slider {
        font-size: 190px;
    }

    .dance-slide .dance-img {
        max-width: 470px;
        bottom: -36px;
    }

    .dance-slide .dance-item-date .date,
    .dance-slide .dance-item h5 {
        font-size: 30px;
    }

    .dance-slide .dance-item p {
        font-size: 18px;
    }

    .dance-slide .dance-item-date .month {
        font-size: 18px;
    }

    .dance-slide .dance-item-name {
        font-size: 18px;
        width: 220px;
    }

    .dance-slide .dance-item-left h5 {
        margin-bottom: 6px;
    }

    .dance-slide .dance-item-right h5 {
        margin-top: 6px;
    }

    .dance-slide .dance-item-left {
        margin-bottom: 48px;
    }

    .s-dance-counter .clock-timer .clock-item {
        min-width: 180px;
        font-size: 72px;
    }

    .s-dance-counter .clock-timer .clock-item span {
        margin-bottom: 7px;
    }

    .s-dance-counter .clock-timer .clock-item:before {
        top: 30px;
        font-size: 66px;
    }

    .s-dance-counter .clock-timer .smalltext {
        font-size: 22px;
    }

    .dance-about-col .btn-video img {
        height: 470px;
    }

    .dance-about-info {
        padding-top: 65px;
    }

    .dance-members-item .dance-member-info {
        display: block;
        padding: 28px 26px 34px;
    }

    .dance-tabs li {
        padding: 14px 30px;
    }

    .dance-tabs li span {
        font-size: 28px;
        margin-right: 12px;
    }

    .s-dance-event .tab-row .dance-event-col {
        padding: 0 34px;
    }

    .dance-event-item .dance-event-img {
        width: 88px;
        height: 88px;
    }

    .s-dance-price
        .pricing-table-cover
        .pricing-table-col
        .pricing-table-item
        img {
        max-height: none;
        top: 52%;
    }

    .s-dance-counter {
        padding: 22px 0 112px;
    }

    .s-dance-about {
        padding-bottom: 130px;
    }

    .dance-buy-ticket.s-buy-ticket,
    .s-dance-price,
    .s-dance-event,
    .s-dance-members {
        padding: 124px 0 130px;
    }

    .s-dance-news {
        padding: 124px 0;
    }

    .dance-clients.s-clients {
        padding: 0 0 124px;
    }

    .dark-footer .footer-menu li {
        margin-left: 20px;
    }

    .dark-footer .footer-menu li a {
        font-size: 14px;
    }

    .dance-slogan {
        padding-left: 18px;
        font-size: 16px;
        margin-bottom: 0;
    }

    .dance-slogan:before {
        width: 8px;
        height: 8px;
    }

    .s-dance-about .dance-title {
        margin-bottom: 28px;
    }

    .dance-about-info .slogan {
        margin-bottom: 15px;
    }

    .s-error {
        padding: 70px 0;
    }

    .mission-number-cover .mission-number-item {
        padding: 0px 30px 0px 0;
        margin-right: 30px;
    }

    .choose-us-item h4 {
        margin: 15px 0;
    }

    .choose-us-item img {
        max-height: 52px;
    }

    .event-schedule-tabs {
        padding-right: 0;
        max-width: 750px;
        margin: 0 auto;
    }

    .marathon-post-thumbnail a img {
        height: 150px;
    }

    .marathon-post-thumbnail .marathon-post-category {
        bottom: 10px;
        right: 10px;
    }

    .instagram-cover .instagram-item ul {
        font-size: 16px;
    }

    .instagram-cover .instagram-item li {
        margin-right: 15px;
    }

    .s-clients img {
        max-height: 120px;
    }

    .footer-menu li a:before {
        top: -29px;
    }

    .footer-item h5 {
        margin-bottom: 21px;
        padding-top: 9px;
    }

    .footer-list li {
        margin-bottom: 10px;
    }

    .our-mission-info p {
        margin-bottom: 36px;
    }

    .s-choose-us h2.title {
        margin-bottom: 45px;
    }

    .s-conference-counter {
        top: -70px;
    }

    .pricing-table-item .price-list li i {
        font-size: 12px;
        margin-right: 12px;
    }

    .dance-event-item .dance-event-info h4,
    .dance-members-item h4 {
        font-size: 22px;
    }

    .s-dance-price
        .pricing-table-cover
        .pricing-table-col
        .pricing-table-item
        .price-list
        li {
        margin-bottom: 16px;
    }

    .gallery-item .title {
        margin-bottom: 10px;
        font-size: 22px;
    }

    footer {
        padding: 120px 0 112px;
    }

    .subscribe-form input,
    .search-form input {
        padding-left: 20px;
        font-size: 16px;
    }

    footer h5 {
        padding-top: 0;
    }

    .footer-subscribe {
        margin-top: 0;
    }

    .conference-map-item span {
        padding-left: 50px;
    }

    .conference-map-item .cont-map {
        height: 420px;
    }

    .s-our-speaker.team-our-speaker .speaker-item-info .name {
        font-size: 22px;
    }

    .dance-news-item h5 {
        padding: 29px 26px;
        font-size: 18px;
    }

    .dance-post-date {
        font-size: 14px;
    }

    .dance-post-content {
        padding: 31px 26px;
    }

    .dance-post-thumbnail a img {
        height: 150px;
    }
}

@media (max-width: 991px) {
    .marathon-slide .marathon-text-left {
        font-size: 78px;
    }

    .marathon-slide .marathon-text-right {
        font-size: 94px;
    }

    .marathon-img {
        max-height: 84%;
    }

    .clock-timer.clock-timer-marathon {
        bottom: 90px;
    }

    .clock-timer.clock-timer-marathon > div {
        min-width: 106px;
        font-size: 50px;
    }

    .mission-number-cover {
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mission-number-cover .mission-number-item:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .map-route-img,
    .our-mission-img {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px;
    }

    .map-route-img span,
    .our-mission-img span {
        padding-right: 0;
        max-width: 400px;
    }

    .map-route-img .mission-img-effect-1,
    .our-mission-img .mission-img-effect-1 {
        top: -22px;
        left: -15px;
        max-width: 70px;
    }

    .map-route-img .mission-img-effect-4,
    .our-mission-img .mission-img-effect-4 {
        right: -12px;
    }

    .mission-effect {
        display: none;
    }

    .map-route-info,
    .our-mission-info {
        text-align: center;
    }

    .mission-meta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .map-route-info .mission-number-cover,
    .map-route-info .route-info-content p,
    .our-mission-info p,
    .our-mission-info h4,
    .map-route-info h4 {
        margin-left: auto;
        margin-right: auto;
    }

    .choose-us-item img {
        max-height: 50px;
    }

    .choose-us-item p {
        max-width: 280px;
        margin: 0 auto;
    }

    .s-choose-us {
        padding: 80px 0 76px;
    }

    .event-schedule-item .schedule-item-info {
        padding: 24px 24px 19px 28px;
    }

    .event-schedule-item .schedule-item-info:before {
        top: 26px;
    }

    .event-schedule-item .schedule-item-info .schedule-info-content {
        padding-bottom: 0;
    }

    .event-schedule-item .schedule-item-img {
        padding: 10px 0;
    }

    .event-schedule-item .schedule-item-img img {
        max-height: 55px;
    }

    .choose-us-item {
        margin-top: 40px;
    }

    .choose-us-item:nth-child(1),
    .choose-us-item:nth-child(2) {
        margin-top: 0;
    }

    .map-route-info {
        padding-top: 0;
    }

    .register-img,
    .s-marathon-register:after {
        display: none !important;
    }

    .marathon-register,
    .event-schedule-tabs {
        max-width: 100%;
    }

    .s-marathon-register:before {
        height: 240px;
    }

    .map-route-img .map-img-effect-1 {
        top: -25px;
        left: -15px;
        max-width: 70px;
    }

    .map-route-info .mission-number-cover .mission-number-item .map-img-effect {
        left: 48%;
        top: -50px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .register-img-effect-1 {
        max-width: 70px;
        top: auto;
        bottom: -33px;
    }

    .register-img-effect-2 {
        max-width: 50px;
    }

    .marathon-news-item {
        padding: 18px 0;
    }

    .marathon-news-item h5 {
        padding: 0 15px;
        font-size: 16px;
    }

    .marathon-post-meta {
        margin-top: 12px;
    }

    .marathon-post-content {
        padding: 15px 15px 0;
    }

    .marathon-post-content .btn {
        margin-top: 18px;
    }

    .marathon-post-thumbnail .marathon-post-category {
        bottom: 10px;
        right: 10px;
        line-height: 26px;
    }

    .marathon-post-thumbnail a img {
        height: 120px;
    }

    .instagram-cover .instagram-item ul {
        font-size: 14px;
    }

    .instagram-cover .instagram-item ul li {
        margin-right: 10px;
    }

    .footer-item {
        margin-bottom: 50px;
    }

    .footer-item h5 {
        padding-top: 2px;
        font-size: 20px;
    }

    .footer-contacts .footer-phone,
    .footer-contacts .footer-adr {
        margin-bottom: 12px;
    }

    .footer-bottom {
        margin-top: 30px;
        padding: 20px 0;
    }

    .footer-bottom .footer-copyright {
        font-size: 12px;
    }

    .footer-menu li {
        margin-left: 14px;
    }

    .footer-menu li a {
        font-size: 12px;
    }

    .footer-menu li a:before {
        top: -19px;
    }

    .footer-item .logo {
        margin: 0px 0 15px;
    }

    .map-route-info .route-info-content p {
        max-width: 560px;
    }

    .post-item-cover {
        margin-top: 80px;
    }

    .pagination-cover {
        margin-top: 60px;
    }

    .s-news .sidebar {
        padding-top: 124px;
    }

    .widget-instagram li img {
        height: 160px;
    }

    .s-our-mission.s-about-speaker .our-mission-img span {
        max-width: 400px;
    }

    .s-our-mission.s-about-speaker .our-mission-info {
        padding-top: 0;
    }

    .s-our-mission.s-about-speaker .our-mission-info .social-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .have-prepared h4 {
        font-size: 16px;
    }

    .title-conference:before {
        height: 62px;
    }

    .conference-slide-item {
        padding-left: 0;
    }

    .conference-slide-item .conference-slider-title {
        font-size: 42px;
    }

    .conference-slide-item .title {
        font-size: 62px;
    }

    .conference-slide-item .title:before {
        width: 74px;
        margin-right: 30px;
    }

    .conference-slide-item .title:after {
        margin-right: 120px;
    }

    .conference-slide-item .date {
        font-size: 18px;
    }

    .conference-counter-wrap {
        max-width: 580px;
    }

    .conference-counter-effect-1 {
        top: -18px;
        left: -28px;
        max-width: 74px;
    }

    .conference-counter-effect-2 {
        bottom: -15px;
        right: -15px;
        max-width: 118px;
    }

    .clock-timer.clock-timer-conference .clock-item {
        min-width: 110px;
        font-size: 44px;
    }

    .clock-timer.clock-timer-conference .clock-item:before {
        top: 7px;
    }

    .clock-timer.clock-timer-conference .smalltext {
        font-size: 16px;
        margin-top: 5px;
    }

    .s-conference-counter {
        top: -56px;
    }

    .mission-list-cover {
        display: none;
    }

    .our-mission-img .about-img-effect-2 {
        right: -27px;
    }

    .speakers-timeline-info .title {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .speakers-timeline-info .date {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .speakers-timeline-img,
    .speakers-timeline-info {
        width: calc(50% - 40px);
    }

    .pricing-table-item h3 {
        line-height: 70px;
    }

    .pricing-table-item .name {
        font-size: 22px;
    }

    .pricing-table-item img {
        max-width: 90px;
    }

    .pricing-table-item .price-cover span {
        font-size: 20px;
        padding-top: 7px;
    }

    .pricing-table-item .price-cover .price {
        font-size: 44px;
    }

    .pricing-table-item .price-list {
        max-width: 218px;
        padding: 32px 15px 35px;
    }

    .pricing-table-item .price-list li {
        margin-bottom: 10px;
    }

    .pricing-table-item .price-list li i {
        font-size: 12px;
        margin-right: 10px;
    }

    .buy-ticket-left p {
        margin-bottom: 49px;
    }

    .ticket-contact-item {
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .conference-map-info {
        padding-top: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    .conference-map-item .cont-map {
        width: 100%;
        height: 320px;
    }

    .dance-about-info {
        padding-top: 0;
        text-align: center;
        margin-bottom: 50px;
    }

    .dance-about-info .slogan {
        margin-bottom: 0px;
    }

    .dance-title {
        margin-bottom: 40px;
    }

    .dance-members-item .dance-member-img:before {
        right: -15px;
    }

    .s-dance-counter .clock-timer .smalltext,
    .dance-members-item h4 {
        font-size: 18px;
    }

    .dance-members-item .dance-member-info {
        padding: 20px 20px 24px;
    }

    .dance-tabs li {
        padding: 12px 20px;
        font-size: 12px;
    }

    .dance-tabs li span {
        font-size: 22px;
        margin-right: 8px;
    }

    .s-dance-event .tab-row .dance-event-col {
        padding: 0 30px;
    }

    .dance-event-item .dance-event-img {
        width: 72px;
        height: 72px;
    }

    .dance-event-item .dance-event-info {
        width: calc(100% - 72px);
        padding-left: 15px;
    }

    .dance-event-item .dance-event-info p {
        margin-bottom: 10px;
    }

    .dance-event-item .dance-event-info h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .s-dance-price
        .pricing-table-cover
        .pricing-table-col
        .pricing-table-item
        .price-list {
        padding: 30px 15px 34px;
    }

    .s-dance-price
        .pricing-table-cover
        .pricing-table-col
        .pricing-table-item
        .price-list
        li {
        margin-bottom: 14px;
    }

    .s-dance-price .pricing-table-item img {
        max-width: 120px;
    }

    .dance-news-item h5 {
        font-size: 16px;
        padding: 20px 15px;
    }

    .dance-post-content {
        padding: 24px 15px;
    }

    .gallery-item .title {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .gallery-item .gal-item {
        padding: 0 10px;
    }

    .gallery-item .gal-item p {
        display: none;
    }

    .dance-post-content p {
        max-height: 84px;
        overflow: hidden;
    }

    .dance-post-thumbnail a img {
        height: 136px;
    }

    .dance-slide .dance-item-left {
        margin-bottom: 40px;
    }

    .s-dance-about .dance-title {
        margin-bottom: 29px;
    }

    .s-dance-counter h2 {
        margin-bottom: 18px;
    }

    .s-clients img {
        max-height: 100px;
    }

    .event-schedule-item .schedule-item-info h4:before {
        width: 15px;
        height: 22px;
    }

    .marathon-slide .slider-location {
        font-size: 16px;
        display: none;
        top: 44%;
    }

    .map-route-img .map-img-effect-2 {
        bottom: -24px;
        right: -32px;
    }

    .marathon-register .checkbox-cover p {
        max-width: 100%;
    }

    .our-mission-info {
        padding-left: 15px;
    }

    .map-route-cover {
        padding-left: 0;
    }

    .map-route-info .mission-number-cover .mission-number-item {
        padding: 0;
    }

    .our-speaker-item .speaker-item-info .name {
        font-size: 24px;
    }

    .s-buy-ticket h5 {
        font-size: 18px;
    }

    .conference-map-item span {
        padding-left: 0;
    }

    .conference-map-info .conference-map-content {
        margin-bottom: 20px;
    }

    .dance-slide .dance-slide-top .title-slider {
        font-size: 150px;
    }

    .dance-slide .dance-img {
        max-width: 400px;
        bottom: -30px;
    }

    .dance-members-item .prof {
        font-size: 14px;
        line-height: 1.4;
    }

    .dance-members-slider .slick-arrow {
        top: -82px;
    }

    .s-marathon-slider .marathon-slider-shape {
        width: calc(100% + 4px);
    }

    .footer-item-link {
        display: none;
    }

    .footer-subscribe {
        margin-top: -5px;
    }

    .footer-subscribe h5 {
        margin-bottom: 30px;
    }

    .footer-subscribe p {
        margin-top: 35px;
    }

    .conference-slide-item {
        width: 60%;
    }
}

@media (max-width: 767px) {
    .s-clients,
    .s-our-mission,
    .s-event-schedule,
    .conference-map,
    .s-conference-news,
    .s-pricing-table,
    .s-speakers-schedule {
        padding: 50px 0 100px 0;
    }

    .s-clients.s-partners,
    .s-buy-ticket,
    .map-with-route {
        padding-bottom: 100px;
    }

    .s-marathon-register {
        padding: 80px 0 100px;
    }

    .s-our-mission,
    .marathon-slide {
        min-height: 340px;
    }

    .clock-timer.clock-timer-marathon {
        bottom: 35px;
    }

    .clock-timer.clock-timer-marathon .smalltext {
        font-size: 14px;
    }

    .clock-timer.clock-timer-marathon > div {
        min-width: 75px;
        font-size: 34px;
    }

    .clock-timer.clock-timer-marathon img {
        display: none;
    }

    .conference-slide .conference-slide-effect {
        display: none;
    }

    /* Mobile marathon-img */
    .marathon-img {
        /* display: none; */
    }

    .marathon-slide .marathon-text-right {
        font-size: 64px;
        top: 54%;
    }

    .marathon-slide .marathon-text-left {
        font-size: 50px;
        -webkit-text-stroke: 2px white;
        text-stroke: 2px white;
    }

    .marathon-slide .slider-location {
        font-size: 16px;
        letter-spacing: 0.2em;
    }

    .event-schedule-item .schedule-item-info h4:before {
        width: 10px;
        height: 20px;
    }

    .marathon-news-slider:before {
        width: calc(100% - 118px);
    }

    .mission-number-cover .mission-number-item .number {
        font-size: 30px;
    }

    .s-choose-us {
        -webkit-clip-path: polygon(
            100% 0%,
            100% 98%,
            50% 100%,
            0 98%,
            0 0,
            50% 2%
        );
        clip-path: polygon(100% 0%, 100% 98%, 50% 100%, 0 98%, 0 0, 50% 2%);
    }

    .choose-us-item {
        margin-top: 40px;
    }

    .choose-us-item:nth-child(2),
    .choose-us-item:nth-child(1) {
        margin-top: 0;
    }

    .event-schedule-item .schedule-item-img img {
        max-height: 55px;
    }

    .event-schedule-item .schedule-item-info:before {
        top: 25px;
    }

    .event-schedule-item .schedule-item-info .date {
        line-height: 28px;
        font-size: 14px;
        padding: 0 12px;
    }

    .map-route-img,
    .our-mission-img {
        margin-bottom: 40px;
    }

    .map-route-info .mission-number-cover .mission-number-item .map-img-effect {
        left: 50%;
        max-width: 140px;
    }

    .s-marathon-register:before {
        height: 180px;
    }

    .s-marathon-news {
        padding-bottom: 95px;
    }

    .footer-bottom .footer-bottom-cover {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .to-top {
        display: none;
    }

    .marathon-register {
        padding-top: 36px;
    }

    .footer-menu.menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-news {
        padding: 94px 0 20px;
    }

    .post-item-cover .post-thumbnail img {
        height: 320px;
    }

    .post-item-cover .post-thumbnail .post-category {
        top: 10px;
        right: 10px;
        line-height: 26px;
    }

    .s-news .sidebar {
        padding-top: 102px;
    }

    .widget {
        margin-top: 50px;
    }

    .post-item-cover .meta span {
        margin-right: 20px;
        line-height: 30px;
        font-size: 14px;
    }

    .title-conference:before {
        height: 64px;
    }

    .have-prepared span {
        font-size: 54px;
    }

    .s-testimonials,
    .s-have-prepared {
        padding: 110px 0;
    }

    .have-prepared h4:before {
        height: 3px;
    }

    .have-prepared h4 {
        padding-top: 17px;
    }

    .s-our-speaker {
        padding-bottom: 40px;
    }

    .conference-slide-item {
        width: 100%;
        text-align: center;
    }

    .conference-slide-item .conference-slider-title {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .conference-slide-item .title {
        text-align: center;
        font-size: 40px;
        margin-bottom: 20px;
    }

    .conference-slide-item .title:before,
    .conference-slide-item .title:after {
        display: none;
    }

    .conference-slide-item .date {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .conference-slide-item p {
        max-width: 460px;
    }

    .conference-slide .container {
        min-height: 330px;
    }

    .s-conference-counter {
        top: 0;
        position: relative;
    }

    .conference-slide-item .date {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .conference-slide-item p {
        margin: 0 auto;
    }

    .conference-counter-wrap {
        max-width: 500px;
    }

    .s-conference-mission {
        padding-top: 30px;
    }

    .s-our-mission.s-about-speaker {
        padding-top: 110px;
    }

    .title-conference {
        padding: 7px 0;
        margin-bottom: 40px;
    }

    .title-conference:before {
        height: 44px;
    }

    .speakers-timeline-img,
    .speakers-timeline-info {
        width: calc(50% - 30px);
    }

    .speakers-timeline-info .title {
        font-size: 18px;
    }

    .speakers-timeline-info .date {
        font-size: 14px;
    }

    .pricing-table-col {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    .pricing-table-col:last-child {
        margin-bottom: 0;
    }

    .pricing-table-item .price-list li {
        text-align: center;
    }

    .ticket-contact-item {
        margin-right: 40px;
    }

    .buy-ticket-form .btn-form-cover {
        text-align: left;
    }

    .buy-ticket-form .price-final {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .buy-ticket-form .price-final span {
        font-size: 16px;
    }

    .conference-news-slider {
        padding: 0 50px;
    }

    .conference-news-slider .slick-arrow.slick-arrow-next {
        right: 15px;
    }

    .conference-news-slider .slick-arrow.slick-arrow-prev {
        left: 15px;
    }

    .conference-counter-cover {
        padding: 35px 15px 25px;
    }

    .clock-timer.clock-timer-conference .smalltext {
        font-size: 14px;
        margin-top: 0px;
    }

    .clock-timer.clock-timer-conference .clock-item {
        min-width: 80px;
        font-size: 36px;
    }

    .conference-counter-effect-1 {
        top: -12px;
        left: -15px;
        max-width: 50px;
    }

    .conference-counter-effect-2 {
        bottom: -10px;
        right: -10px;
        max-width: 70px;
    }

    .conference-counter-wrap {
        max-width: 430px;
    }

    .s-dance-counter .clock-timer .clock-item {
        min-width: 120px;
        font-size: 50px;
    }

    .s-dance-counter .clock-timer .clock-item:before {
        top: 21px;
        font-size: 50px;
        right: -6px;
    }

    .s-dance-counter .clock-timer .clock-item span {
        margin-bottom: 6px;
    }

    .s-dance-counter .clock-timer .smalltext {
        font-size: 14px;
    }

    .dance-about-col .btn-video img {
        height: 300px;
    }

    .dance-about-info {
        margin-bottom: 40px;
    }

    .dance-about-col .btn-video i {
        font-size: 50px;
    }

    .dance-tabs li span {
        font-size: 18px;
        margin-right: 6px;
    }

    .dance-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .dance-tabs li {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .s-dance-event .tab-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-bottom: 20px;
    }

    .s-dance-event .tab-row .dance-event-col {
        width: 100%;
    }

    .s-dance-event .tab-row .dance-event-col .dance-event-item {
        margin-bottom: 50px;
    }

    .gallery-item .title {
        margin-bottom: 0;
        font-size: 14px;
    }

    .s-dance-news .dance-news-item {
        margin-bottom: 40px;
    }

    .dance-slide {
        padding-bottom: 60px;
    }

    .dance-slide:before {
        height: 60px;
    }

    .dance-slide .container {
        min-height: 320px;
    }

    .dance-slide .dance-slide-top {
        padding-top: 70px;
    }

    .dance-slide .dance-slide-top .title-top {
        font-size: 20px;
    }

    .dance-slide .dance-slide-top .title-slider {
        font-size: 70px;
    }

    .dance-slide .dance-img {
        max-width: 204px;
        bottom: -15px;
    }

    .dance-slide .dance-item-date .date,
    .dance-slide .dance-item h5 {
        font-size: 18px;
    }

    .dance-slide .dance-item p {
        font-size: 12px;
    }

    .dance-slide .dance-item-name {
        font-size: 14px;
        width: 160px;
    }

    .dance-slide .dance-item-date .month {
        font-size: 16px;
    }

    .dance-slide .dance-item-left {
        margin-bottom: 25px;
    }

    .dance-slide .dance-slide-bottom {
        padding-bottom: 28px;
    }

    .s-dance-counter {
        padding: 32px 0 78px;
    }

    .s-dance-about {
        padding-bottom: 100px;
    }

    .dance-buy-ticket.s-buy-ticket,
    .s-dance-price,
    .s-dance-event,
    .s-dance-members {
        padding: 95px 0 100px;
    }

    .s-dance-news {
        padding: 95px 0 55px;
    }

    .dance-clients.s-clients {
        padding: 0 0 90px;
    }

    .s-our-mission.s-about-speaker.dance-about-speaker {
        padding: 95px 0 100px;
    }

    .s-testimonials.dance-testimonials,
    .dance-have-prepared.s-have-prepared {
        padding: 95px 0;
    }

    .s-have-prepared.dance-have-prepared
        .have-prepared-item
        .have-prepared
        img {
        top: -12px;
    }

    .s-error h1 {
        font-size: 60px;
        margin-bottom: 30px;
    }

    .mission-meta,
    .conference-map-info .conference-map-content {
        margin-bottom: 25px;
    }

    .footer-menu li a:before {
        display: none;
    }

    .dance-members-item .dance-member-info {
        padding: 20px 15px;
    }

    .s-marathon-news .title,
    .s-clients .title {
        margin-bottom: 30px;
    }

    .s-choose-us h2.title {
        margin-bottom: 31px;
    }

    .our-speaker-item .speaker-item-info .name {
        font-size: 22px;
    }

    .clients-cover .client-slide .client-slide-cover {
        height: 76px;
    }

    .clients-cover .client-slide .client-slide-cover img {
        max-height: 100%;
    }

    .dance-slide .video-wrap {
        background-image: url(../../images/landing/bg2-slider-dance.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .dance-slide video {
        display: none;
    }

    .dance-slide .dance-slide-top {
        z-index: 1;
        position: relative;
    }

    .dance-slide .dance-slide-top .title-slider,
    .dance-slide .dance-slide-top .title-top {
        mix-blend-mode: unset;
    }

    .dance-slide:after {
        mix-blend-mode: unset;
        background: rgba(12, 3, 42, 0.8);
    }
}

@media (max-width: 575px) {
    .dance-about-info {
        margin-bottom: 0;
    }

    .s-dance-about .dance-title {
        margin-bottom: 40px;
    }

    .dance-about-info p {
        display: none;
    }

    .marathon-slide {
        min-height: 560px;
    }

    .marathon-slide .marathon-text-right {
        font-size: 70px;
        text-align: center;
        width: 100%;
        left: -3%;
        top: 65%;
    }

    .marathon-slide .marathon-text-left {
        font-size: 70px;
        top: 25%;
        left: -3%;
        text-align: center;
        width: 100%;
        -webkit-text-stroke: 1px white;
        width: 5ch; /* limit width to roughly 5 characters */
        text-stroke: 1px white;
        margin: 0 auto; /* center horizontally */
    }

    .marathon-slide .slider-location {
        letter-spacing: 0;
        top: 72%;
        width: 100%;
        text-align: center;
        display: block;
        font-weight: 600;
        left: 0%;
    }

    /* Mobile marathon-img */
    .marathon-slide .marathon-img {
        max-width: 105%;
        top: 38%;
    }

    .clock-timer.clock-timer-marathon > div {
        min-width: 64px;
        font-size: 30px;
        padding: 5px;
    }

    .choose-us-item:nth-child(2) {
        margin-top: 40px;
    }

    .map-route-img .map-img-effect-2 {
        bottom: -24px;
        right: -15px;
    }

    .our-mission-img .mission-img-effect-4 {
        bottom: -24px;
        right: -15px;
        left: auto;
    }

    .map-route-img .mission-img-effect-1,
    .our-mission-img .mission-img-effect-1 {
        left: -15px;
    }

    .mission-number-cover {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mission-number-cover .mission-number-item {
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .mission-number-cover .mission-number-item:last-child {
        margin: 0;
    }

    .mission-number-cover .mission-number-item:before {
        display: none;
    }

    .event-schedule-item .schedule-item-info {
        padding: 20px 15px 17px 18px;
    }

    .event-schedule-item .schedule-item-info h4:before {
        right: -6px;
        top: 20px;
    }

    .event-schedule-item .schedule-item-img img {
        max-height: 44px;
    }

    .s-marathon-register .title span:after,
    .s-marathon-register .title span:before {
        display: none;
    }

    .marathon-register {
        padding-left: 15px;
        padding-right: 15px;
    }

    .marathon-news-date {
        margin-bottom: 50px;
    }

    .marathon-news-date:before {
        bottom: -18px;
    }

    .marathon-news-slider:before {
        top: 64px;
    }

    .marathon-news-slider .slick-arrow {
        top: 44px;
    }

    .marathon-news-item {
        text-align: center;
        padding: 25px 0;
    }

    .instagram-cover .instagram-item {
        width: 33.33%;
    }

    .instagram-cover .instagram-item:last-child {
        display: none;
    }

    .footer-item .footer-soc {
        margin-top: 26px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-contacts .footer-phone,
    .footer-contacts .footer-adr {
        margin-bottom: 12px;
    }

    .footer-list li {
        margin-bottom: 12px;
    }

    footer h5 {
        margin-bottom: 20px;
    }

    .footer-contacts li {
        padding-left: 0;
    }

    .footer-contacts i {
        display: none;
    }

    .footer-contacts .footer-phone {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer-menu.menu li {
        margin: 4px;
    }

    .footer-menu.menu li a:before {
        display: none;
    }

    .pagination {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pagination-item a {
        font-size: 14px;
        line-height: 32px;
        width: 35px;
    }

    .pagination-item:not(:last-child) {
        margin-right: 7px;
    }

    .widget-instagram li img {
        height: 94px;
    }

    .autor-cover img {
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }

    .navigation-item .title {
        display: none;
    }

    .navigation-item {
        position: relative;
    }

    .navigation-item:before {
        color: #0d5aa5;
        font-family: "Font Awesome 5 Free";
        position: absolute;
        top: 1px;
        font-weight: 900;
    }

    .navigation-item.navigation-left {
        padding-left: 12px;
    }

    .navigation-item.navigation-left:before {
        content: "\f104";
        left: 0;
    }

    .navigation-item.navigation-right {
        padding-right: 12px;
    }

    .navigation-item.navigation-right:before {
        content: "\f105";
        right: 0;
    }

    blockquote {
        padding: 20px 20px 20px 38px;
    }

    blockquote p {
        font-size: 16px;
    }

    blockquote:before {
        top: 20px;
        left: 15px;
        font-size: 40px;
        line-height: 40px;
    }

    .reviews-form .inp-name,
    .reviews-form .inp-email {
        width: 100%;
    }

    .review-avatar {
        margin-right: 15px;
    }

    .review-avatar img {
        min-width: 60px;
        max-width: 60px;
        height: 60px;
    }

    .reviews-list ul {
        padding-left: 15px;
    }

    .have-prepared-item {
        margin-top: 40px;
    }

    .have-prepared-item:nth-child(1),
    .have-prepared-item:nth-child(2) {
        margin-top: 0;
    }

    .slider-testimonial {
        margin: -15px -15px 0;
    }

    .our-speaker-item img {
        height: 300px;
    }

    .our-speaker-item .speaker-item-info {
        padding: 14px 15px 16px;
        text-align: center;
    }

    .slick-dots {
        margin-top: 20px;
    }

    .conference-slide .container {
        min-height: 440px;
    }

    .conference-slide-item .date {
        margin-bottom: 25px;
    }

    .conference-slide-item .conference-slider-title {
        font-size: 32px;
        margin-bottom: 8px;
    }

    .conference-slide-item .title {
        font-size: 40px;
        margin-bottom: 34px;
    }

    .clock-timer.clock-timer-conference .clock-item {
        min-width: 72px;
        font-size: 34px;
        padding: 5px;
    }

    .clock-timer.clock-timer-conference .smalltext {
        font-size: 14px;
        margin-top: 0px;
    }

    .conference-counter-effect-1 {
        top: -15px;
        left: -15px;
        max-width: 54px;
    }

    .conference-counter-effect-2 {
        max-width: 70px;
    }

    .our-mission-img .about-img-effect-2 {
        bottom: -10px;
        right: -15px;
        max-width: 40px;
    }

    .mission-meta li {
        margin: 4px 10px;
    }

    .s-speakers-schedule .speakers-timeline-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 60px;
    }

    .s-speakers-schedule .speakers-timeline-item:last-child {
        margin-bottom: 0;
    }

    .s-speakers-schedule .speakers-timeline-item:before {
        left: -30px;
        top: 143px;
        -webkit-transform: none;
        transform: none;
    }

    .s-speakers-schedule .speakers-timeline-item .speakers-timeline-info {
        text-align: center;
        margin-top: 20px;
    }

    .speakers-timeline-img,
    .speakers-timeline-info {
        width: 100%;
    }

    .speakers-timeline-cover {
        padding: 0 0 0 25px;
    }

    .speakers-timeline-cover:before {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }

    .our-speaker-item img {
        height: 230px;
    }

    .conference-news-slider {
        padding: 0;
    }

    .s-dance-counter .clock-timer .clock-item {
        min-width: 76px;
        font-size: 40px;
        padding: 10px 5px;
    }

    .s-dance-counter .clock-timer .clock-item:before {
        top: 15px;
        font-size: 40px;
        right: -5px;
    }

    .s-dance-counter h2 {
        font-size: 22px;
    }

    .dance-counter-effect {
        display: none;
    }

    .dance-slide .dance-img {
        display: none;
    }

    .dance-slide .dance-slide-top {
        padding-top: 90px;
    }

    .dance-slide .container {
        min-height: 550px;
    }

    .dance-slide .dance-slide-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dance-slide .dance-item-right,
    .dance-slide .dance-item-left {
        text-align: center;
        width: 100%;
    }

    .dance-slide .dance-item-left {
        margin-bottom: 20px;
    }

    .dance-slide .dance-item-name,
    .dance-slide .dance-item-date {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .dance-about-col {
        margin-bottom: 40px;
    }

    .dance-about-col:last-child {
        margin-bottom: 0;
    }

    .dance-members-item {
        max-width: 100%;
    }

    .dance-members-slider .slick-arrow {
        top: -72px;
    }

    .s-dance-event .tab-row .dance-event-col {
        padding: 0 10px;
    }

    .dance-event-item .dance-event-img {
        display: none;
    }

    .dance-event-item .dance-event-info {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .s-dance-news .dance-news-item {
        text-align: center;
    }

    .grid-sizer,
    .gallery-item {
        width: 50%;
    }

    footer {
        padding: 100px 0 0;
    }

    .footer-cont {
        padding: 50px 25px;
    }

    .footer-cont .logo {
        margin-bottom: 20px;
    }

    .footer-subscribe {
        margin-top: 0;
    }

    .footer-subscribe h5 {
        margin-bottom: 25px;
    }

    .clients-cover .client-slide .client-slide-cover {
        height: 80px;
    }

    .clock-timer.clock-timer-conference .clock-item:before {
        top: 3px;
    }

    .buy-ticket-form {
        padding-top: 30px;
    }

    .popup-close {
        width: 34px;
        height: 34px;
        padding: 5px;
    }

    .popup-action1 {
        height: 60%;
    }
}

@media (max-width: 340px) {
    .marathon-slide {
        min-height: 450px;
    }

    .marathon-slide .marathon-text-left {
        top: 20%;
    }

    .marathon-slide .marathon-img {
        top: 40%;
    }

    .conference-slide-item p {
        font-size: 14px;
        line-height: 22px;
    }

    .conference-slide-item .date {
        margin-bottom: 10px;
    }

    .conference-slide-item .title {
        margin-bottom: 20px;
    }

    .conference-slide .container {
        min-height: 400px;
    }

    .s-conference-mission {
        padding-top: 0;
    }

    .conference-counter-cover h4 {
        font-size: 16px;
    }

    .conference-counter-wrap {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    .s-our-mission.s-about-speaker {
        padding-top: 40px;
    }

    .dance-slide .container {
        min-height: 480px;
    }

    .marathon-slide .slider-location {
        top: 70%;
    }
}

/* Custom */
.scroll-container {
    width: 100%; /* Ensures it takes full width */
    overflow-x: auto; /* Enables horizontal scrolling */
    white-space: nowrap; /* Prevents wrapping to the next line */
    border: 1px solid #ddd; /* Optional: Adds a subtle border */
    padding: 5px; /* Optional: Adds spacing */
}

.scroll-list {
    display: flex; /* Ensures all <li> items are in one row */
    gap: 10px; /* Optional: Adds spacing between items */
}

.inp-cover {
    list-style: none; /* Removes default bullet points */
    display: inline-block; /* Keeps items aligned horizontally */
}

/* Container for horizontal scrolling */
/* Container for scrollable table */
/* Container for scrollable table */
.table-container {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
    background-color: #f9f9f9;
    min-height: 300px;
}

/* General Table Styling */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

/* Table Header & Cell Styling */
.custom-table th,
.custom-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

/* Remove double border issue */
.custom-table thead th {
    background: #f5f5f5;
    border-top: none;
}

/* Input Styling - Fixed Width */
.custom-table input,
.custom-table select {
    width: 220px; /* Adjust this value as needed */
    height: 50px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 1px;
    font-size: 14px;
    outline: none;
    text-align: center; /* Center align input text */
}

.custom-table .nice-select {
    font-size: 14px;
    min-width: 200px;
}

/* Input Focus Effect */
.custom-table input:focus {
    border-color: #0bbeca;
    box-shadow: 0 0 5px rgba(11, 190, 202, 0.5);
}

/* Scrollable Container */
.scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    padding-bottom: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .table-container {
        overflow-x: auto;
    }
    .custom-table {
        min-width: 900px;
    }
}

/* Custom Modal */
/* Background Overlay */
.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Modal Content */
.modal-dialog {
    background: white;
    padding: 20px;
    border-radius: 8px;
    width: clamp(350px, 80%, 600px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    animation: slideDown 0.3s ease-in-out;
}

/* Header */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.modal-title {
    font-size: 22px;
    font-weight: bold;
}

/* Close Button */
.close {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

/* Modal Body */
.modal-body {
    padding: 15px 0;
}

.info-pembayaran {
    color: #111;
    font-size: 1rem;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 1rem;
    color: #111;
}

input[type="file"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Footer */
.modal-footer {
    display: flex;
    justify-content: end;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.btn {
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.btn-secondary {
    border: 1px solid #0d5aa5;
    color: #0d5aa5;
}

.btn-secondary::before {
    background-color: transparent;
}

.btn-primary {
    border: 1px solid #0d5aa5;
    color: white;
}

/* Open Animation */
@keyframes slideDown {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Button to Open Modal */
.btn-open {
    margin: 20px;
    padding: 10px 15px;
    background: #0bbeca;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
/* End Custom Modal */

.nice-select.open {
    z-index: 100; /* Higher z-index when dropdown is opened */
}

.scroll-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #0d5aa5;
    display: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top i {
    font-size: 16px;
    line-height: 50px;
    color: #fff;
}

@media (max-width: 1199px) {
    #schedule .container .row {
        padding: 0px 0;
    }

    .register-img {
        max-width: 100%;
        display: block !important;
        margin-bottom: 50px;
    }
}

/* manunal custom if max 575px media query */
@media (max-width: 575px) {
    .btn-register-personal,
    .btn-register-komunitas {
        font-size: 12px;
    }

    .register-img {
        max-width: 100%;
        display: block !important;
        margin-bottom: 50px;
    }

    .footer-box {
        flex-direction: column-reverse;
    }

    .footer-cont {
        background-color: #f5f7f9;
    }

    .footer-subscribe {
        text-align: center;
        padding-bottom: 50px;
    }
}

.slick-list,
.slick-slider,
.slick-track {
    margin: auto !important;
}
