/*
	Table of Contents
	update on Fri Dec 06 2024 08:33:20 GMT+0200 (GMT+02:00)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Column 5 ---------------------------------
	         Bg el. -----------------------------------
	         Border -----------------------------------
	         Background -------------------------------
	         Scroll style -----------------------------
	         Bg-el animation --------------------------
	         Navbar-toggler animation -----------------
	         Loading ----------------------------------
	         Note sound activate ----------------------
	         Dots animation ---------------------------
	         Loading dots -----------------------------
	         Slider animation -------------------------
	         Modal team card --------------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Pagination -------------------------------
	     04. Sidebar ----------------------------------
	     05. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	     02. Card -------------------------------------
	     03. Form Elements ----------------------------
	     04. Form -------------------------------------
	     05. List -------------------------------------
	     06. Nav --------------------------------------
	     07. Section ----------------------------------
	     08. Slider -----------------------------------
	     09. Table ------------------------------------
	     10. Widget -----------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; }

details, menu { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

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

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { appearance: none; }

textarea { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

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

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

table { width: 100%; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

article ul,
article ol,
.article ul,
.article ol  { list-style-type: disc !important; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background-color: #f3f3f3; font-family: 'Rubik Regular', sans-serif; font-size: 1rem; line-height: 1.5; color: #585858; }

a { color: inherit; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.75em; }

h1,
.h1,
h2,
.h2 { font-size: 3rem; line-height: 1.25; }
h3,
.h3 { font-size: 1.5rem; line-height: 1.3; }

h1:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

@media (max-width: 1199px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 2.5rem; }
}

@media (max-width: 767px) {
	h1,
	.h1,
	h2,
	.h2 { font-size: 1.75rem; line-height: 1; }
}

.container {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;

    @media (max-width: @media (max-width: 1499px)) {
        max-width: 1300px;
    }

    @media (max-width: @media (max-width: 1399px)) {
        max-width: 1200px;
    }

    @media (max-width: @media (max-width: 1199px)) {
        max-width: 100px;
    }

    @media (max-width: @media (max-width: 991px)) {
        max-width: 900px;
    }

    @media (max-width: @media (max-width: 767px)) {
        max-width: 540px;
    }

    @media (max-width: @media (max-width: 575px)) {
        max-width: 100%;
    }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/gilroy-bold-webfont.woff') format('woff'),
         url('../fonts/gilroy-bold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Gilroy Extrabold';
    src: url('../fonts/gilroy-extrabold-webfont.woff') format('woff'),
         url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Gilroy Regular';
    src: url('../fonts/gilroy-regular-webfont.woff') format('woff'),
         url('../fonts/gilroy-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Rubik Regular';
    src: url('../fonts/rubik-regular-webfont.woff') format('woff'),
         url('../fonts/rubik-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* Column 5 */
@media( min-width: 1199px ) {
    .col-1of5 { -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; }
}

/* Badge */
.badge { position: absolute; z-index: 10; top: 1rem; left: 1rem; padding: 8px 1rem; border-radius: 20px; font-size: 16px; font-weight: 400; line-height: 1.5; color: white; }

/* Bg el. */
.bg-el { position: absolute; animation: parabolicMotion 6s ease-in-out infinite alternate; }
.bg-el-top { right: 0; }

@media(min-width: 1699px){
    .bg-el { position: absolute; }
}

@media(max-width: 1699px){
    .bg-el { position: relative; }
    .bg-el-top { position: absolute; }
}

@media(max-width: 1024px){
    .bg-el-top { right: -5rem; }
}

/* filter */
.filter-item a { text-decoration: none; color: inherit; }
.filter-item.active a { color: #00ADEF; }
.filter-item.active:not(:has(a)) { color: #00ADEF; }


/* Border */
.border-bottom-center { position: relative; }
.border-bottom-center::before { content: ''; position: absolute; bottom: 0; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); width: 64px; height: 4px; background-color: #00ADEF; }
.border-bottom-left { position: relative; }
.border-bottom-left::before { content: ''; position: absolute; bottom: 0; left: 0%; width: 64px; height: 4px; background-color: #00ADEF; }

.divider-right { width: 64px; height: 4px; margin-left: 1rem; background-color: #00ADEF; }

/* Background */
.bg-transparent { background-color: transparent !important; }
.bg-primary-c { background-color: #00ADEF !important; }
.bg-warning-c { background-color: #ff7a40 !important; }

.show-text { margin-top: 1rem; font-family: 'Gilroy Bold', sans-serif; font-weight: 400; color: #444444; text-transform: uppercase; text-decoration: none; }
.show-text:hover { color: #585858; }
.more-text { display: none; }

.fancybox-bg { background-color: black !important; }
.fancybox-thumbs__list a:before { border: 4px solid #00ADEF !important; }

/* Scroll style */
/* -moz- */
html { scrollbar-width: thin; scrollbar-color: #c1c1c1 #f3f3f3; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f3f3f3; }
::-webkit-scrollbar-thumb { background: #c1c1c1; }

/* Bg-el animation */
@keyframes parabolicMotion {
    0% {
        transform: translateX(0) translateY(0);
    }
    25% {
        transform: translateX(15px) translateY(-20px);
    }
    50% {
        transform: translateX(30px) translateY(0);
    }
    75% {
        transform: translateX(15px) translateY(20px);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}

/* Navbar-toggler animation */
@keyframes toMinusAndX1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px) rotate(0deg);
    }
    100% {
        transform: translateY(5px) rotate(45deg);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes toMinusAndX3 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(-45deg);
    }
}

@keyframes toInitial1 {
    0% {
        transform: translateY(5px) rotate(45deg);
    }
    50% {
        transform: translateY(5px) rotate(0deg);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes toInitial3 {
    0% {
        transform: translateY(-8px) rotate(-45deg);
    }
    50% {
        transform: translateY(-7px) rotate(0deg);
    }
    100% {
        transform: translateY(0);
    }
}

/* Loading */
.loading-inner { position: relative; width: 100%; height: 100%; background-color: white; }
.loading { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.loading-text p { font-size: 16px; color: #585858; text-align: center; }
.loading-text span { display: inline-block; font-size: 1.5rem; color: #00ADEF; opacity: 0; animation: fadeInOut 1.5s infinite; }

#playAudioBtn { position: absolute; z-index: 100;  top: 57%;  left: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: none; padding: 10px 20px; background-color: #00ADEF; border: none; border-radius: 5px; color: white; cursor: pointer; }

/* Note sound activate */
.note-inner { padding: 8px 0; background-color: #00ADEF; color: white; text-align: center; }
.note i { margin-right: 8px; }
.note .btn-sound-activate { margin-left: 3rem; border: none; background-color: transparent; font-family: 'Gilroy Bold', sans-serif; }

/* Dots animation */
@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

/* Loading dots */
.loading-text span:nth-child(1) { animation-delay: 0s; }

.loading-text span:nth-child(2) { animation-delay: 0.3s; }

.loading-text span:nth-child(3) { animation-delay: 0.6s; }

/* Slider animation */
  @keyframes zoomEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.zoomAnimation {
    animation: zoomEffect 5s ease-in-out forwards;
}

/* Modal team card */
.modal-team .modal-content { border-radius: 16px; }
.modal-backdrop { --bs-backdrop-opacity: .67; }
@media(min-width:992px) {
    .modal-team,
    .modal-team .modal-dialog { --bs-modal-width: 1084px; }
}

.modal-team .modal-dialog {
    display: flex;
}

.modal-team .modal-content {
    margin: auto;
}

.modal-team .card-team {
    max-height: 100%;
}

@media (max-width: 767px) {
    .note i,
    .note span,
    .note .btn-sound-activate { font-size: 14px; }
    .note .btn-sound-activate { margin-left: 1.5rem; }
}

@media (max-width: 575px) {
    .note { line-height: 1; }
    .note i,
    .note span,
    .note .btn-sound-activate { font-size: 12px; }

     /* Badge */
     .badge { padding: 8px 14px; font-size: 14px; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: relative; padding: 2.5rem 0; background-color: #262626; color: #ffffff; }
.footer-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer-logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; }
.footer-logo span { -ms-flex: 0 0 3px; flex: 0 0 3px; display: block; margin: 0 2rem; width: 3px; height: 107px; background-color: white; }
.footer-left,
.footer-right { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; }
.footer-left .section-text { text-align: justify; }
.footer .section-title { margin-bottom: 8px; padding-bottom: 0; color: white; }
.footer-right { padding-left: 4rem; }
.footer-right .section-head { margin-bottom: 1rem; padding-bottom: .25rem; }
.footer-right .section-head::before { background-color: white; }
.footer-right .section-title { font-size: 2rem; }
.footer-right .section-text { margin-bottom: 1.75rem; font-family: 'Gilroy Bold', sans-serif; font-weight: 400; }
.footer-right .section-text p { margin-bottom: 8px; }
.footer-right a { text-decoration: none; transition: .3s ease; }
.footer-right a:hover { color: #f3f3f3; }
.footer-right .section-text i { margin-right: 5px; }
.footer-right .section-text .rotate { -ms-transform: rotate(90deg); transform: rotate(90deg); }
.footer-right .social-media { margin-bottom: 1rem; }
.footer-right .social-media i { margin-right: 8px; font-size: 40px; }
/*.footer-right .copyright { display: inline-block; border-bottom: 1px solid #626262; color: #626262; line-height: 1; }*/
.footer .privacy-policy { display: block; margin-bottom: 1rem; transition: .3s ease; }
.footer .footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; grid-gap: 23px; }
.footer .copyright { display: inline-block; border-bottom: 1px solid #626262; color: #626262; line-height: 1; margin-bottom: 0; }
.footer .footer-logo-alt { max-width: 90px; }

@media (max-width: 1199px) {
	.footer-left { -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; }
	.footer-right { -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; }
}

@media (max-width: 767px) {
	.footer-logo { -ms-flex-pack: center; justify-content: center; }
	.footer-logo img { max-width: 70%; }
	.footer-logo span { margin: 0 1rem; }
	.footer-right { padding-left: 3rem; }
}

@media (max-width: 575px) {
	.footer { padding: 1.5rem 0; }
	.footer-inner { -ms-flex-direction: column; flex-direction: column; }
	.footer-left { margin-bottom: 1.25rem; }
	.footer-left,
	.footer-right { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; padding-left: 0; text-align: center; }
	.footer-right .section-head::before { left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); }
	.footer-right .section-title::before { left: 50% !important; }
	.footer-right .section-title::after { left: calc(50% + 47px) !important; }

    .footer .footer-bottom { flex-direction: column; justify-content: center; text-align: center; }
}

@media(max-width: 420px){
	.footer-logo { -ms-flex-align: baseline; align-items: baseline; }
	.footer-logo img { max-width: 55%; }
	.footer-left .section-text { font-size: 14px; }
	.footer-right .section-title { font-size: 1.5rem; }
	.footer-right .section-text { margin-bottom: 1.25rem; }
}

/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
    .grid-gallery { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-flow: row dense; grid-gap: 16px; }
    .grid-gallery .tile-media { overflow: hidden; position: relative; display: block; height: 100%; padding-top: 89.5%; }
    .grid-gallery .tile-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .3s; }
    .grid-gallery .grid__col { overflow: hidden; grid-column: span 3; grid-row: span 1; border-radius: 8px; }
    @media (min-width: 767px) {
        .grid__col:nth-child(2),
        .grid__col:nth-child(4),
        .grid__col:nth-child(8),
        .grid__col:nth-child(9),
        .grid__col:nth-child(10n+2),
        .grid__col:nth-child(10n+4),
        .grid__col:nth-child(10n+8),
        .grid__col:nth-child(10n+9) { grid-column: span 4; grid-row: span 1; }
        .grid__col:nth-child(3),
        .grid__col:nth-child(6),
        .grid__col:nth-child(10n+3),
        .grid__col:nth-child(10n+6) { grid-column: span 5; grid-row: span 2; }

        .grid__col:nth-child(2) .tile-media,
        .grid__col:nth-child(4) .tile-media,
        .grid__col:nth-child(8) .tile-media,
        .grid__col:nth-child(9) .tile-media,
        .grid__col:nth-child(10n+2) .tile-media,
        .grid__col:nth-child(10n+4) .tile-media,
        .grid__col:nth-child(10n+8) .tile-media,
        .grid__col:nth-child(10n+9) .tile-media { padding-top: 65.9%; }

        .grid__col:nth-child(3) .tile-media,
        .grid__col:nth-child(6) .tile-media,
        .grid__col:nth-child(10n+3) .tile-media,
        .grid__col:nth-child(10n+6) .tile-media { padding-top: 108.6%; }
    }
    @media (max-width: 767px) {
        .grid-gallery { grid-gap: 9px; }
        .grid-gallery .grid__col { grid-column: span 6; }
        .grid__col:nth-child(5) { grid-column: span 12; }
    }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background-color: transparent; }
.header.bg-white { background-color: white; }
.header .logo-dark,
.header.bg-white .logo-white { display: none; }
.header.bg-white .logo-dark { display: block; }
.header.bg-white .navbar-inner .nav-link { color: #444444; }
.header.bg-white .navbar-inner .nav-link::before { background-color: #444444; }
.header.bg-white .navbar-inner .nav-link:hover::before,
.header.bg-white .navbar-inner .nav-link.active,
.header.bg-white .navbar-inner .nav-link.active::before { color: #444444; }
.header.bg-white .navbar-main .dropdown-lang i { color: #444444; }

@media (max-width: 1409px) {
	.header { border-bottom: 1px solid #f3f3f3; background-color: white; }
	.header .logo-white { display: none; }
	.header .logo-dark { display: block; }
	.header .navbar-toggler .icon-bar { background: #444444; }
	.header .navbar-inner .nav-link { color: #444444; }
	.header .navbar-inner .nav-link::before { background-color: #444444; }
	.header .navbar-inner .nav-link:hover::before,
	.header .navbar-inner .nav-link.active,
	.header .navbar-inner .nav-link.active::before { color: #444444; }
}

@media(max-width: 460px) {
	.header .logo-dark { max-width: 48%; }
	.header .logo-dark2 { max-width: 23%; }
}

@media(max-width: 400px) {
	.header .logo-dark { max-width: 55%; }
	.header .logo-dark2 { max-width: 30% !important; }
}

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.pagination { -ms-flex-pack: center; justify-content: center; }
.pagination .page-item { margin: 0 .25rem; }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link { margin: 0 .5rem; }
.pagination .page-link { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; padding: .375rem .95rem; border: 2px solid #f3f3f3; border-radius: 8px; color: #585858; }
.pagination .page-link.active,
.pagination .page-link:hover { /*border-color: #007bef;*/ background-color: #00ADEF; color: white; }
.pagination .page-link:focus { /*border-color: white;*/ background-color: rgba(88,88,88,.4); color: white; box-shadow: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { position: relative; appearance: none; }

.btn-secondary-c { overflow: hidden; z-index: 1; padding: 1rem 2rem !important; border-radius: 8px; background-color: #444444; font-family: 'Gilroy Bold', sans-serif; color: white; text-transform: uppercase; transition: .7s ease; }
.btn-secondary-c span { position: relative; z-index: 3; display: inline-block; color: white; }
.btn-secondary-c::before { content: ''; position: absolute; z-index: -1; display: block; width: 0; height: 440%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); background-color: #585858; transition: .7s ease; }
.btn-secondary-c:hover::before { width: 105%; }
.btn-secondary-c:hover { color: white; }

.btn-social { margin-right: 8px; padding: 0; }

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card { position: relative; border-color: transparent; }
.card-head { position: relative; padding-bottom: 1rem; }
.card-head.flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-title { margin-bottom: 8px; font-family: 'Gilroy Bold', sans-serif; font-weight: 400; color: black; }

.card-horizontal-top { margin-top: -20rem; }
.card-horizontal { z-index: 20; padding: 2.5rem 6rem; border-top-right-radius: 32px; border-top-left-radius: 32px; }
.card-horizontal .card-body { max-width: 96%; margin-bottom: .5rem; padding-right: 0; padding-left: 0; }
.card-horizontal .card-text { text-align: justify; }
.card-horizontal .list-group { margin-top: 1.5rem; margin-bottom: 1rem; }
.card-horizontal .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; }
.card-horizontal .list-item img { margin-right: 1.5rem; }
.card-horizontal .card-img-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.card-horizontal .card-img-container-top { -ms-flex-align: start; align-items: flex-start; }
.card-horizontal .card-img-container-top .card-img-inner-left { margin-top: 10rem; }
.card-horizontal .card-img-inner { overflow: hidden; position: relative; border: 6px solid white; border-radius: 16px; }
.card-horizontal .card-img-inner-left { z-index: 2; }
.card-horizontal .card-img-inner-right { z-index: 1; margin-left: -26%; }
.card-horizontal .card-img { overflow: hidden; }
.card-horizontal .img-zoom { border: 10px; transition: .3s ease-in; }
.card-horizontal .img-zoom:hover { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-horizontal .card-img-top { overflow: hidden; position: relative; border: 2px solid #f3f3f3; border-radius: 16px; }

.card-teaser { color: #585858; text-decoration: none; }
.card-teaser .card-img-inner,
.card-teaser .card-img { overflow: hidden; }
.card-teaser .card-img-inner,
.card-teaser .card-img,
.card-teaser .card-img img { border-radius: 16px; transition: .3s ease-in; cursor: pointer; }
.card-teaser .card-img img { width: 100%; }
.card-teaser:hover .card-img-inner { box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .2); }
.card-teaser:hover .card-img img { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-teaser:hover .card-text { color: #585858; }
.card-teaser .card-inner .card-body { padding-right: 0; padding-left: 0; }
.card-teaser .card-inner .card-text { margin-bottom: 1.5rem; }
.card-teaser .card-text { text-align: justify; }
.card-teaser .card-flex-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.card-teaser .card-flex-inner img:first-child { margin-right: 1.5rem; }
.card-teaser .card-body { display: block; text-decoration: none; }
.card-teaser .card-bottom { margin-top: 1rem; }
.card-teaser .list-group { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px; }
.card-teaser .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 1rem; font-family: 'Rubik Regular', sans-serif; font-weight: 400; }
.card-teaser .list-item i { margin-right: 8px; font-size: 16px; color: #00ADEF; }
.card-teaser .btn { display: inline-block; margin: 0 auto; padding: 0; font-family: 'Gilroy Bold', sans-serif; color: #444444; text-transform: uppercase; }
.card-teaser .btn:active { border: none; border-color: transparent; color: #444444; }
.card-teaser .btn:hover { color: #444444; }
.card-teaser .btn-start { margin: unset; padding: 0; text-align: start; }

.card-horizontal-inner { padding: 0 6rem; border-top-right-radius: 32px; border-top-left-radius: 32px; }
.card-horizontal-inner:first-of-type { padding-top: 2.5rem; background-color: white; }
.card-schools { overflow: hidden; margin-bottom: 1.5rem; border: 2px solid #f3f3f3; border-radius: 18px !important; box-shadow: none !important; }
.card-schools .row.reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.card-schools .reverse .card-img-top { border-top-left-radius: 0; border-top-right-radius: 16px !important; border-bottom-left-radius: 0; border-bottom-right-radius: 16px; }
.card-schools .card-img-top { border-top-right-radius: 0 !important; border-bottom-left-radius: 16px; }
.card-schools a:hover { color: #585858; }
.card-schools .card-body { padding: 1.25rem 1rem 1.25rem 0 !important; }
.card-schools .reverse .card-body { padding: 1.25rem 0 1.25rem 1rem !important; }

.card-team { overflow: hidden; border: 2px solid white; border-radius: 16px; }
.card-team .card-img { position: relative; /*padding-bottom: 1.55rem;*/ }
.card-team .card-img img { width: 100%; }
.card-team .btn-close { position: absolute; top: 1rem; right: 1rem; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(324deg) brightness(102%) contrast(104%); opacity: 1; }
.card-team .btn-close:hover,
.card-team .btn-close:focus { box-shadow: none; }
.card-team .desc { position: relative; padding-bottom: .5rem; }
.card-team .card-body { overflow: auto; padding: 1.55rem 1.55rem 0 1.55rem; }
.card-team .card-text { text-align: justify; }

.card-advantages { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 2px solid #f3f3f3; border-radius: 16px; text-align: center; }
.card-advantages .card-body { max-width: 100%; }
.card-advantages .card-title { font-size: 3.5rem; }
.card-advantages .card-text { font-family: 'Gilroy Bold', sans-serif; color: black; }

.card-camp { height: 100%; background-color: transparent; }
.card-camp .col-inner-left { padding-right: 4rem; background-position: calc(100% - 4rem) 0; }
.card-camp .card-img-inner { position: relative; }
.card-camp .card-img { overflow: hidden; position: relative; z-index: 10; display: inline-block; width: auto; background-color: white; border-radius: 24px; padding: 6px; box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.08); transition: .4s ease-in-out; }
.card-camp .card-img:hover { box-shadow: -1px 3px 9px 3px rgba(0, 0, 0, 0.06) }
.card-camp .card-img .img { overflow: hidden; border-radius: 18px;  }
.card-camp .card-img img { position: relative; z-index: 10; border-radius: 18px; transition: .3s ease; }
.card-camp .card-img img:hover { -ms-transform: scale(1.05); transform: scale(1.05); }
.card-camp .img-overlay { position: relative; z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: -7rem; }
.card-camp .overlay::before { content: ''; position: absolute; z-index: 20; bottom: -30px; left: 50%; -ms-transform: translate(-50%); transform: translate(-50%); width: 240px; height: 30px; border-radius: 50%; background: radial-gradient(49.93% 49.97% at 49.74% 50.1%, #979797 0%, #CBCBCB 26%, #F0F0F0 57%, transparent 76%, transparent 100%); }
.card-camp .card-text { margin: 1.25rem 0; font-weight: 400; font-size: 16px; text-align: justify; }

.card-camp .list-group { margin-bottom: 1rem; }
.card-camp .list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 8px; }
/* .card-camp .list-item:first-child { flex-wrap: wrap; margin-bottom: 1.5rem; } */
.card-camp .list-item div { margin-right: 1rem; }
.card-camp .list-item .icon { margin-right: 8px; }
.card-camp .col-inner-right { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; height: 100%; }
.card-camp .card-img-inner-right { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; }
.card-camp .card-img-inner-left { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; }

.card-news-events .card-body { padding: 1rem; }
.card-news-events .card-title { line-height: 1; }

.card-sm { height: 100%; padding: 1rem; border-radius: 16px; }
.card-sm .card-img-top { width: 120px; margin: 0 auto; }
.card-sm .card-text { text-align: center; }

.card-partner { margin-bottom: 2rem; border: 2px solid #f3f3f3; box-shadow: none !important; }
.card-partner .col-right,
.card-partner .col-left { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
.card-partner .col-left { border-right: 2px solid #f3f3f3; }
.card-partner .card-img { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.card-partner .card-img-top img { display: block; margin: 0 auto; }
.card-partner .card-head { margin-bottom: 1rem; padding-bottom: .25rem; }

.card-news-events { height: 100%; margin: 0 .5rem; border: 2px solid #f3f3f3; border-radius: 16px; }
.card-news-events .card-body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1.5rem 1.5rem 1.5rem; }
.card-news-events .meta { margin: 8px 0; color: #585858; }
.card-news-events .meta i { margin-right: 4px; color: #00ADEF; }
.card-news-events .card-text { margin-bottom: 1.5rem; }

@media(min-width: 1200px) {
	.card-teaser .card-inner { padding-left: 5rem; }
}

@media(min-width: 992px){
	.card-team { max-height: 360px; }
	/* .card-team .card-body { height: 320px; } */

	.card-horizontal .col-reverse { padding-left: 3.75rem; }

	.card-schools .card-body { overflow: hidden; }
	.card-schools .card-text { overflow: auto; max-height: 265px; }
}

@media (max-width: 1920px) {
	.card-horizontal-top { margin-top: -17rem; }
}

@media (max-width: 1600px) {
	.card-horizontal-top { margin-top: 0rem; }
	.card-horizontal-home { padding-top: 0; padding-bottom: 0; }
}

@media (max-width: 1199px) {
	.card-horizontal { padding: 0 2rem; }

	.card-teaser .card-inner { padding-left: 2rem; }
	.card-horizontal-inner:first-of-type { padding-top: 0; }

	.card-camp .col-inner-left { padding-right: 2.5rem; }
	.card-camp .img-overlay img { -ms-flex: 0 0 50%; flex: 0 0 50%; display: block; width: 50%; margin: 0 auto; }
	.card-camp .img-overlay .card-img { -ms-flex: 0 0 50%; flex: 0 0 50%; }
	.card-camp .img-overlay .card-img img { width: auto; }
}

@media (max-width: 991px) {
	.card-horizontal .card-img-container { -ms-flex-pack: center; justify-content: center; }
	.card-horizontal .card-img-inner-right { margin-left: -22%; }

	.card-teaser .card-inner { padding-left: 0; }

	.card-team .card-img { padding-bottom: 0; }
	.card-team .card-body { /*height: 420px;*/ margin: 1.55rem 0; padding: 0 1.55rem; }

	.card-schools .card-img-top { border-top-left-radius: 16px !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0; }

	.card-camp .card-img-inner-right .card-img { -ms-flex: 0 0 90%; flex: 0 0 90%; }
	.card-camp .card-img-inner-left .card-img { max-width: 90%; }
	.card-camp .img-overlay { margin-top: 1.5rem; }

	.card-schools .card-body,
	.card-schools .reverse .card-body { padding: 1rem !important; }
}

@media (max-width: 767px) {
	.card-horizontal { padding: 0; }

	.card-teaser .list-item { margin-bottom: .5rem; }

	.card-advantages .card-title { font-size: 2.5rem; }

	.card-horizontal-inner { padding: 0 2rem; }

	.card-camp .col-inner-left { padding-right: 0; }
	.card-camp .card-img-inner-left { overflow: hidden; -ms-flex-pack: center; justify-content: center; padding: 2rem 0; }
	/*.card-camp .list-item:first-child { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin-right: 0; margin-bottom: .75rem; }*/
	.card-camp .list-item:first-child div { margin-bottom: .5rem; }
}

@media (max-width: 575px) {
	.card-teaser .card-flex-inner img { width: 45%; }

	.card-horizontal-inner { padding: 0; }

	.card-horizontal .brand-img { max-width: 40%; }
}

@media(max-width: 360px){
	.card-horizontal .list-item { -ms-flex-direction: column; flex-direction: column; }
	.card-horizontal .btn-secondary-c { display: block; margin: 0 auto; }

	.card-team .card-body { margin: 1rem 0; padding: 0 1rem; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { position: relative; }

.form-section { max-width: 990px; margin: 0 auto; color: white; }
.form-section .form-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; }
.form-section .form-inner a { overflow: hidden; display: block; padding: 1.25rem 3.25rem; border: 2px solid #f3f3f3; border-radius: 8px; background-color: white; font-family: 'Gilroy Bold', sans-serif; font-size: 16px; font-weight: 400; color: #585858; text-decoration: none; transition: .3s ease; }
.form-section .form-inner a:first-child { margin-right: 1.5rem; }
.form-section .form-inner a:hover { background-color: #f3f3f3; cursor: pointer; }
.form-section .form-inner i { margin-right: 4px; font-size: 16px; color: #585858; }
.form-section .form-inner .rotate { -ms-transform: rotate(90deg); transform: rotate(90deg); }
.form-section .form-group { position: relative; margin-bottom: 1rem; }
.form-section .form-control { padding: 1rem; border-radius: 8px; background-color: white; }
.form-section .form-control:-ms-input-placeholder { font-family: 'Rubik Regular', sans-serif; font-size: 16px; color: #CBCBCB; }
.form-section .form-control::placeholder { font-family: 'Rubik Regular', sans-serif; font-size: 16px; color: #CBCBCB; }
.form-section .form-control:focus { box-shadow: -1px 1px 0px 0 rgba(0, 173, 239, 0.25); }
.form-section .form-group .placeholder { position: absolute; top: 18px; left: 1rem; background-color: transparent; font-family: 'Rubik Regular', sans-serif; font-size: 16px; color: #CBCBCB; opacity: 1; pointer-events: none; }
.form-section .placeholder span { font-size: 16px; color: #F50000; }
.form-section .form-group.hide .placeholder { display: none; }
.form-section .form-check { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 2rem 0; text-align: center; }
.form-section .form-check-input { -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; margin-top: 0; margin-right: 6px; border-radius: 0; border-color: transparent; }
.form-section .form-check-input:checked { background-color: white; border-color: transparent; box-shadow: inset 0px 0px 1px 2px #f3f3f3; background-image: url('../css/images/check.svg'); background-size: 16px; }
.form-section .form-check-input:focus { box-shadow: none; }

.form-register { position: relative; }
.form-register .form-group { margin-bottom: 12px; }
.form-register .form-label { margin-bottom: 8px; font-family: 'Gilroy Bold', sans-serif; font-weight: 500; color: #00ADEF; }
.form-register .form-control,
.form-register .form-select { padding: .75rem 12px; border: 1px solid #bfbfbf; border-radius: 8px; font-size: 16px; line-height: 1.5; color: black; }
.form-register .form-control:-ms-input-placeholder,
.form-register .form-select.empty { font-size: 16px; line-height: 1.5; color: #bfbfbf; }
.form-register .form-control::placeholder,
.form-register .form-select.empty { font-size: 16px; line-height: 1.5; color: #bfbfbf; }

.form-register .form-control:focus,
.form-register .form-select:focus { box-shadow: none; }
.form-register .iti { display: block; width: 100%; }
.form-register .note { margin-bottom: 1.5rem; font-size: 14px; line-height: 22px; }
.form-register .form-check { margin-bottom: 1.5rem; }
.form-register .form-check-input { width: 24px; height: 24px; margin-top: 0; margin-right: 8px; border-radius: 0; border-color: #bfbfbf; }
.form-register .form-check-input:focus { box-shadow: none; }
.form-register .form-check-input:checked { background-color: #00ADEF; }
.form-register .form-check-label a { display: inline-block; border-bottom: 1px solid #00ADEF; color: #00ADEF; text-decoration: none; line-height: 1; }
.form-register .iti__selected-country { padding-right: .5rem; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: #f3f3f3; }
/* .form-register #birth_date:invalid { color: #bfbfbf; } */
/* .form-register #birth_date:valid { color: black; } */
.form-register #birth_date:valid { color: #bfbfbf; }


@media (max-width: 767px) {
	.form-section { max-width: 100%; }
	.form-section .form-inner { -ms-flex-direction: column; flex-direction: column; }
	.form-section .form-inner a:first-child { margin-right: 0; margin-bottom: 1rem; }
	.form-section .form-check { -ms-flex-align: start; align-items: flex-start; margin: 1rem 0; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navbar-main { padding: 1.5rem 0; }
.navbar-main .navbar-brand { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; }
.navbar-main .navbar-brand span { display: inline-block; width: 2px; height: 80px; flex: 0 0 2px; margin: 0 2rem; background-color: #f3f3f3; }

.navbar-main .dropdown-lang { position: relative; margin-right: .5rem; margin-left: 1.5rem; }
.navbar-main .dropdown-lang .dropdown-menu { position: absolute; min-width: 40px; padding: .5rem; }
.navbar-main .dropdown-lang a { padding: 0 !important; }
.navbar-main .dropdown-lang a:hover { background-color: transparent; }
.navbar-main .dropdown-lang i { position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); margin-left: 5px; font-size: 14px; font-weight: 800; color: white; transition: opacity .3s ease; }
.navbar-main .dropdown-lang .fa-angle-up { opacity: 0; }
.navbar-main .dropdown-lang .btn { padding-right: 0; padding-left: 0; }
.navbar-main .dropdown-lang .btn:hover,
.navbar-main .dropdown-lang .btn:focus,
.navbar-main .dropdown-lang .btn:active { border-color: transparent; }

.navbar-inner { margin-left: auto; }
.navbar-inner .nav-link { position: relative; display: inline-block; margin: 0 .8rem; padding: 0 !important; font-family: 'Gilroy Bold', sans-serif; font-size: 16px; font-weight: 400; color: white; text-transform: uppercase; transition: .3s ease; text-align: center; }
.navbar-inner .nav-link::before { content: ''; position: absolute; bottom: 0; left: 50%; -ms-transform: translate(-50%, 0) scaleX(0); transform: translate(-50%, 0) scaleX(0); width: 100%; height: 1px; background-color: white; -ms-transform-origin: center; transform-origin: center; transition: transform 0.3s ease-in-out; }

.navbar-inner .nav-link.active { color: white; }
.navbar-inner .nav-link:hover::before,
.navbar-inner .nav-link.active::before { -ms-transform: translate(-50%, 0) scaleX(1); transform: translate(-50%, 0) scaleX(1); color: white; }

.navbar-right { margin-left: 1.25rem; margin-left: auto; }

@media(min-width: 1400px){
	.navbar-main .dropdown-lang .dropdown-menu { position: absolute; z-index: -1; left: 8000%; display: block; -ms-transform: translateY(25px); transform: translateY(25px); opacity: 0; transition: all .5s; }
	.navbar-main .dropdown-lang:hover .dropdown-menu { overflow: hidden; z-index: 2000; top: 2rem; left: auto; display: block; -ms-transform: translateY(0px); transform: translateY(0px); width: 40px; transition: all .5s; opacity: 1; }
	.navbar-main .dropdown-lang:hover .fa-angle-up { opacity: 1; }
	.navbar-main .dropdown-lang:hover .fa-angle-down { opacity: 0; }
}

@media(min-width: 1400px) {
    .navbar-inner {
        margin-right: auto;
    }

    .navbar-inner .navbar-nav {
        align-items: center;
        justify-content: center;
        margin: 0 2rem;
    }

    .navbar-main .navbar-collapse-c {
        flex: 1;
        margin-left: .5rem;
    }

    .navbar-main .navbar-middle .nav-item {
        flex: 1;
        max-width: fit-content;
    }

    .navbar-main .nav-item .btn-secondary-c {
        padding: 0.7rem 1.1rem !important;
        font-size: 14px;
    }

    .navbar-main .dropdown-lang {
        margin-left: .8rem;
    }

    .navbar-main .navbar-brand {
        flex: 0 0 214px;
        max-width: 214px;
        margin-right: 0;
    }

    .navbar-main .navbar-brand .logo-long {
        width: unset;
        max-width: 125px;
    }

    .navbar-main .navbar-brand .logo-short {
        width: unset;
        max-width: 55px;
    }

    .navbar-main .navbar-brand span {
        margin: 0 1rem;
        height: 65px;
    }

    .navbar-main .navbar-middle .nav-link {
        font-size: 14px;
        margin: 0 .6rem;
    }
}

@media(min-width: 1599px) {
    .navbar-main .navbar-brand {
        flex: 0 0 250px;
        max-width: 250px;
    }

    .navbar-main .navbar-brand .logo-long {
        max-width: 150px;
    }

    .navbar-main .navbar-brand .logo-short {
        max-width: 58px;
    }

    .navbar-main .navbar-brand span {
        margin: 0 1rem;
        height: 70px;
    }

    .navbar-main .nav-item .btn-secondary-c {
        font-size: 15px;
    }

    .navbar-main .navbar-middle .nav-link {
        font-size: 15px;
        margin: 0 .8rem;
    }
}


/*@media (max-width: 1399px) {*/
/*	.navbar-inner .nav-link { margin:  0 12px; }*/
/*}*/

@media (max-width: 1299px) {
	.navbar-inner .nav-link { font-size: 14px; }
}

@media (max-width: 1399px) {
	.navbar-inner .nav-link { font-size: 16px; }
	.navbar-main .navbar-toggler { border: none; font-size: 1.75rem; }
	.navbar-main .navbar-toggler:focus { box-shadow: none; }
	.navbar-main .dropdown-lang i { color: #585858; }
	.navbar-collapse-c { position: fixed; bottom: 0; width: 40%; padding: 1.75rem 15px; transition: all 0.3s ease; }
	.navbar-collapse-c.collapsing { left: 50%; height: auto; margin-left: 50%; transition: all .2s ease; }
	.navbar-collapse-c.show { right: 0; border-top: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 255 255 / 85%) 100%); transition: all 0.1s ease; }
	.navbar-inner { position: relative;  }
	.navbar-inner .nav-item { margin-bottom: 1.5rem; }
	.navbar-inner .nav-link { margin: 0; padding: 0; }

	.navbar-toggler .icon-bar { display: block; width: 30px; height: 2px; margin: 5px 0; background: white; transition: transform 0.5s ease, background-color 0.5s ease, opacity 0.5s ease; }
	.navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(1) { -ms-transform: translateY(0); transform: translateY(0); animation: toInitial1 1s forwards; }
	.navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(2) { opacity: 1; animation: fadeIn 1s forwards; }
	.navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(3) { -ms-transform: translateY(0); transform: translateY(0); animation: toInitial3 1s forwards; }
	.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(1) { animation: toMinusAndX1 1s forwards; }
	.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(2) { animation: fadeOut 0.5s forwards; }
	.navbar-toggler[aria-expanded="true"] .icon-bar:nth-of-type(3) { animation: toMinusAndX3 1s forwards; }
	.navbar-middle { -ms-flex-align: center; align-items: center; }
	.navbar-right { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; margin-right: 1.5rem; margin-left: auto; }

    .navbar-main .navbar-middle .nav-link br {
        display: none;
    }
}

@media (max-width: 767px) {
	.navbar-collapse-c { width: 55%; }
	.navbar-main { padding: 1rem 0 }
	.navbar-main .navbar-brand span { margin: 0 1rem; }
	.navbar-right { margin-right: 1rem; }
}

@media (max-width: 575px) {
	.navbar-collapse-c { width: 100%; }

}

@media(max-width: 460px) {
	.navbar-main .navbar-brand { max-width: 60%; }
}

@media(max-width: 400px){
	.navbar-main .navbar-brand { max-width: 50%; }
	.navbar-main .navbar-brand span { -ms-flex: 0 0 2px; flex: 0 0 2px; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { overflow: hidden; position: relative; padding: 2.5rem 0; }
.section-head { position: relative; padding-bottom: .5rem; }
.section-head.flex { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.section-head + .section-body { margin-top: 1.5rem; }
.section-head + .section-body > .section-bottom { margin-top: 1.5rem; }

.section-title { margin-bottom: 8px; font-family: 'Gilroy Bold', sans-serif; font-weight: 400; color: black; }

.section-body-md { padding: 0 6rem; }

.section-top { overflow: visible; }
.section-top .form-check-label { color: #585858; }
.section-top .form-check-input { border-color: #f3f3f3; }
.section-inner .card-horizontal-top { margin-top: -15rem; }

.section-contacts .section-title { color: white; }
.section-contacts .section-head::before { background-color: white; }

.section-sports-schools { display: -ms-flexbox; display: flex; }
.section-sports-schools .slick-track { height: 100%; }
.section-sports-schools .slide-sport { margin: 0 .5rem; padding-bottom: .5rem; }
.section-sports-schools .card-teaser { height: 100%; border-radius: 16px; box-shadow: 0px 5px 10px 0px #0000000D; }
.section-sports-schools .card-body { padding: 1.25rem; }
.section-sports-schools .meta { margin-bottom: 8px; }
.section-sports-schools .meta i { margin-right: 4px; font-size: 16px; color: #00ADEF; }

.section-location .section-subhead { margin: 1rem 0; }
.section-location .section-subhead i { margin-right: 8px; color: #00ADEF; }
.section-location .map-inner { overflow: hidden; border: 2px solid white; border-radius: 16px; }
.section-location .map { width: 100%; }

.section-register { padding: 1.5rem 0; background-color: #00ADEF; color: white; text-align: center; }
.section-register .bg-els { position: absolute; }
.section-register .bg-els-top-left { top: -68%; left: 3.5rem; }
.section-register .bg-els-bottom-left { bottom: -68%; left: 0; -ms-transform: rotate(181deg); transform: rotate(181deg); }
.section-register .bg-els-top-right { top: -25%; right: -3%; z-index: 2; }
.section-register .bg-els-middle-right { top: 35%; right: 0; z-index: 5; padding: 10px; background-color: #00ADEF; border-radius: 50%; }
.section-register .bg-els-bottom-right { top: 44%; right: 6%; z-index: 2; -ms-transform: rotate(140deg); transform: rotate(140deg); }
.section-register .section-title { max-width: 57%; margin: 0 auto; margin-bottom: 1rem; padding-bottom: 0; font-size: 2.5rem; }
.section-register .section-text { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.section-register .section-text li { margin-right: 1.5rem; list-style-type: none; }
.section-register .section-text i { margin-right: 8px; font-size: 16px; }

.section-404 .section-subhead { max-width: 50%; margin: 1.5rem auto; text-align: center; }
.section-404 .section-body img { display: block; margin: 0 auto; }
.section-404 .section-bottom { margin-top: 1.5rem; text-align: center; }

.section-title-group { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.section-title-group hr { width: 5px; height: 40px; margin: 0 2.5rem; border: none; background-color: black; opacity: 1; }
.section-title-group .section-title { margin-bottom: 0; }
.section-title-group-sm hr { width: 3.5px; height: 32px; }
.section-news-events h1,
.section-news-events h2,
.section-news-events h3 { font-family: 'Gilroy Bold', sans-serif; }
.section-news-events strong,
.section-news-events b { color: black; }
.section-news-events .meta { margin: 1rem 0; }
.section-news-events .meta i { margin-right: 8px; color: #00ADEF; }
.section-news-events .social { margin-top: 1.5rem; }
.section-news-events .social span { margin-right: 8px; font-size: 16px; color: #585858; }
.section-news-events .card-news-events .card-img-top { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.section-news-events .card-news-events .card-img-top img { width: 100%; }
.section-news-events .card-news-events .card-body { /*display: block;*/ max-width: 100%; margin-bottom: 0; padding: 1rem; }
.section-news-events .card-news-events .card-text { margin-bottom: 0; }

@media (max-width: 1740px) {
	.section-inner .card-horizontal-top { margin-top: -12rem; }
}

@media (max-width: 1600px) {
	.section-inner .card-horizontal-top { margin-top: -9rem; }
}

@media (max-width: 1399px) {
	.section { padding: 2rem 0; }
	.section-inner .card-horizontal-top { margin-top: -6rem; }

	.section-register .bg-els { max-width: 10%; }
	.section-register .bg-els-top-left { top: -20%; }
	.section-register .bg-els-bottom-left { bottom: -28%; }
}

@media (max-width: 1199px){
	.section-inner .card-horizontal-top { margin-top: 0rem; }
}

@media (max-width: 991px) {
	.section-404 .section-subhead { max-width: 80%; }
}

@media (max-width: 767px) {
    .section-body-md { padding: 0 2rem; }

	.section-register .section-title { max-width: 90%; }

    .section-title-group hr { width: 4px; height: 30px; margin: 0 1.5rem; }
}

@media (max-width: 575px) {
    .section-body-md { padding: 0; }

	.section-register .section-title { max-width: 100%; font-size: 1.55rem; }

	.section-404 .section-subhead { max-width: 100%; }

    .section-title-group { -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { position: relative; visibility: hidden; opacity: 0; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
.slider.slick-initialized { visibility: visible; opacity: 1; transition: opacity 1s ease; }

.slider .slides { list-style: none outside none; }
.slider .slide-arrow { position: absolute; z-index: 20; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); }

.slider .slick-dots li { width: 12px; height: 12px; }
.slider .slick-dots li button { width: 12px; height: 12px; padding: 0; }
.slider .slick-dots li button:before { width: 12px; height: 12px; border-radius: 50%; border: 1px solid #00ADEF; background-color: transparent; color: transparent; font-size: 0; line-height: 1; opacity: 1; }
.slider .slick-dots li.slick-active button:before { border: 1px solid #00ADEF; border-radius: 50%; background-color: #00ADEF; color: #00ADEF; opacity: 1; }

.slider-main { margin-bottom: 0 !important; }
.slider-main .slick-track { background-color: white; }
.slider-main .slide { position: relative; }
.slider-main .slide a { text-decoration: none; }
.slider-main .slide a:hover { color: white; }
.slider-main .slide::before { content: ''; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 69.5%, rgba(0, 0, 0, 0.8) 100%); }
.slider-main video { width: 100%; height: 100%; }
.slider-main .text-overlay { position: absolute; z-index: 20; top: 25%; left: 50%; -ms-transform: translate( -50%); transform: translate( -50%); width: 100%; color: white; text-align: center; }
.slider-main .section-title { max-width: 50%; margin: 0 auto; margin-bottom: 1rem; font-family: 'Gilroy Regular', sans-serif; font-size: 4.5rem; line-height: 1.15; font-weight: 400; color: white; text-transform: uppercase; }
.slider-main .section-title strong { font-family: 'Gilroy Extrabold', sans-serif; }
.slider-main .section-text { max-width: 65%; margin: 0 auto; font-family: 'Gilroy Bold', sans-serif; font-weight: 400; text-transform: uppercase; }
.slider-main .section-text strong { font-family: 'Gilroy Extrabold', sans-serif; }
.slider-main .slick-dots { bottom: 40%; }
.slider.slider-main .slick-dots li button:before { border: 1px solid white; background-color: transparent; }
.slider.slider-main .slick-dots li.slick-active button:before { border: 1px solid white; background-color: white; color: white; }

.slider-main .text-overlay-inner .section-title { font-family: 'Gilroy Bold', sans-serif; font-size: 3.5rem; text-transform: none; }

.slider-main-inner .slick-dots { display: none; }

.slider-team .slide { margin: .5rem 0; padding: 0 .25rem; }
.slider-team .slick-dots { bottom: -35px; }

/* .slider-gallery { padding: 0 1rem; } */
.slider-gallery  .slide { margin: .5rem 0; padding: 0 .25rem; }
.slider-gallery .slide-arrow i { font-size: 1.6rem; }
.slider-gallery .slide-arrow { width: unset; padding: 0; cursor: pointer; }
.slider-gallery .arrow-prev { left: -1.5rem; }
.slider-gallery .arrow-next { right: -1.5rem; }

.slider-gallery-2 { max-width: 95%; margin: 0 auto; }

.slider-gallery-2 { padding: 0 6rem; }

.slider-sports-school .slick-dots { bottom: -35px; }

.slider-sport-images > * { width: auto; }

.slider-sport-images .card-img-top { overflow: hidden; position: relative; display: block; border-top-right-radius: 16px; border-top-left-radius: 16px; border: 2px solid #f3f3f3; }
.slider-sport-images .slide img { width: 100%; transition: .3s ease; }
.slider-sport-images .slide img:hover { -ms-transform: scale(1.05); transform: scale(1.05); }
.slider-sport-images .slide-arrow { z-index: 10000; cursor: pointer; }
.slider-sport-images .slide-arrow i { font-size: 1.5rem; color: white; }
.slider-sport-images .arrow-prev { left: 1rem; }
.slider-sport-images .arrow-next { right: 1rem; }
.slider-sport-images .slider-counter { position: absolute; z-index: 10; bottom: 1rem; left: 1rem; color: #fff; }
.slider-sport-images .slider-counter i { margin-right: 6px; font-size: 1rem; }
.slider-sport-images .slider-counter span { text-shadow: 2px 0px 13px black; }

.slider-sports-schools { display: flex; }
.slider-sports-schools .slick-track { height: 100%; }

.slider-partners .slide { padding: 0 .5rem; }
.slider-partners .slide img,
/*.slider-partners-mobile .slide img { display: block; margin: 0 auto; filter: brightness(0) saturate(100%) invert(80%) sepia(13%) saturate(13%) hue-rotate(328deg) brightness(100%) contrast(91%); transition: .3s ease-in; }*/
.slider-partners-mobile .slide img { display: block; margin: 0 auto; filter: grayscale(1); transition: .3s ease-in; }

.slider-partners .slide img:hover,
.slider-partners-mobile .slide img:hover { filter: none; }

.slider-partners-mobile { visibility: visible; opacity: 1; }
.slider-partners-mobile .slide img { display: block; margin: 0 auto; }
.slider-partners-mobile .slick-track,
.slider-partners .slick-track { display: flex; }

.slider-news-events { display: -ms-flexbox; display: flex; height: 100%; }
.slider-news-events .slick-track { height: 100%; }

.slider-gallery-2 { max-width: 95%; margin: 0 auto; }
.slider-gallery-2 { padding: 0 6rem; }
.slider-gallery-img .slide { padding: 0 .5rem; }
.slider-gallery-img .slide img { width: 100%; }

.slider-events-news { overflow: hidden; }
.slider-events-news .slick-list { height: auto !important; }
.slider-events-news .slick-track { height: auto !important; }

.slider-partners-mobile .slide { display: flex; justify-content: center; align-items: center; }

.slider-partners .slick-slide { display: flex; justify-content: center; align-items: center; height: auto; }

.slider-partners .slick-slide > a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

.partners-row > .col > a { display: flex; justify-content: center; align-items: center; width: 100%; }

@media (min-width: 991px) {
    .partners-row img { filter: grayscale(1); transition: .3s ease-in; }
}

.partners-row img:hover {
    filter: none;
}

@media (max-width: 2200px) {
	.slider-main .section-title { max-width: 60%; }
	.slider-main .slick-dots { bottom: 45%; }
}

@media (max-width: 1920px) {
	.slider-main .section-title { max-width: 70%; }
	.slider-main .text-overlay { top: 25%; }
	.slider-main .slick-dots { bottom: 35.5%; }
}

@media (max-width: 1799px) {
	.slider-main .slick-dots { bottom: 38%; }
}

@media (max-width: 1699px) {
	.slider-main .text-overlay { top: 25%; }
	.slider-main .slick-dots { bottom: 40%; }
}

@media (max-width: 1600px){
	.slider-main .section-title { max-width: 85%; }
	.slider-main .slick-dots { bottom: 5%; }
	.slider-main .text-overlay { top: 53%; -ms-transform: translate( -50%,-50%); transform: translate( -50%,-50%); }
}

@media (max-width: 1399px) {
	.slider-main .section-title { font-size: 3.5rem; }
	.slider-main .slick-dots { bottom: 9%; }
}

@media (max-width: 1199px) {
	.slider-main .section-title { font-size: 2.5rem; }

    .slider-gallery-2 { padding: 0 2rem; }
}

@media (max-width: 991px) {
    .slider-partners .slide img,
    .slider-partners-mobile .slide img {filter: grayscale(0); }

    .slider-events-news { overflow: visible; display: flex; max-width: 95%; margin: 0 auto; }
    .slider-events-news .slick-track { height: 100%; }
    .slider-events-news .arrow-next { right: -1rem; }
	.slider-events-news .arrow-prev { left: -1rem; }
}

@media (max-width: 767px) {
	.slider-main .section-title { font-size: 2rem; }
	.slider-main .text-overlay-inner .section-title { font-size: 2rem; }

	.slider-partners-mobile { overflow: visible; visibility: hidden; max-width: 90%; margin: 0 auto; }
	.slider-partners-mobile .slide { padding: 0 .25rem; }
	.slider-partners-mobile >* { width: auto; }
	.slider-partners-mobile .arrow-prev { left: -7%; }
	.slider-partners-mobile .arrow-next { right: -7%; }

    .slider-main .text-overlay { top: 50%; -ms-transform: translate( -50%,-50%); transform: translate( -50%,-50%); }

	.slider.slick-initialized.slider-partners-mobile { visibility: visible; }

    .slider-gallery .arrow-prev { left: .4rem; }
    .slider-gallery .arrow-next { right: .4rem; }

    .slider-gallery-2 { padding: 0; }

}

@media (max-width: 575px) {
	.slider-main .section-title { max-width: 100%; padding: 0 .5rem; font-size: 1.75rem; line-height: 1; }
	.slider-main .section-text { max-width: 100%; padding: 0 .5rem; font-size: 14px; line-height: 1; }
}

@media(max-width: 410px){
	.slider-main .section-title { font-size: 1.25rem; }
}

@media(max-width: 340px) {
	.slider-main .section-title { margin-bottom: .5rem; }
	.slider-main .section-text { font-size: 12px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

.text-justify {
    text-align: justify;
}

/* ------------------------------------------------------------ *\
	video wrapper
\* ------------------------------------------------------------ */

.videos {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 15px;
}

.video-wrapper {
    position: relative;
    display: block;
    width: 220px;
    height: 160px;
}

.video-trigger {
    display: block;
    width: 100%;
    height: 100%;
}

.video-trigger img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ------------------------------------------------------------ *\
	btn play
\* ------------------------------------------------------------ */

.video-wrapper .btn-play {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 3.5rem;
    height: 3.5rem;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    pointer-events: none;
}
.video-wrapper .btn-play .fa-play {
    margin-left: 6px;
}

/*
  Change section styles so they are not repeating same background color
*/

.section.bg-white:not(.section-sports-schools) + .section-news-events.bg-white {
    background-color: unset!important;
    opacity: 1!important;
}